.container { width: 95%; } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { width: 100%; margin: 0; } .container .container { margin-left: 0; } .container .grid-1 .container, .container .grid-2 .container, .container .grid-3 .container, .container .grid-4 .container, .container .grid-5 .container, .container .grid-6 .container, .container .grid-7 .container, .container .grid-8 .container, .container .grid-9 .container, .container .grid-10 .container, .container .grid-11 .container, .container .grid-12 .container { width: 100%; } } /* -- 3.0 Typography -- */ body { font: 13px/21px "Microsoft YaHei","瀹嬩綋", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, blockquote, fieldset, figure { margin-bottom: 20px; } p {margin-bottom: 20px} pre, code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } blockquote { padding: 10px 20px; margin: 0 0 10px; font-size: 15px; border-left: 5px solid #eee; color: #5e5e5e; } blockquote p:last-child { margin-bottom: 0; } hr { border: 0 #e8e8e8 solid; border-top-width: 1px; clear: both; height: 0; } h1 { font: bold 26px/40px "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } h2 { font: bold 24px/36px "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } h3 { font: bold 20px/30px "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } h4 { font: bold 16px/24px "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } h5 { font: bold 15px/24px "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } h6 { font: bold 13px/24px "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } ol { list-style: decimal inside; } .ie7 ol { list-style: decimal outside; } ul { list-style: disc inside; } .ie7 ul { list-style: disc outside; } ul ul { margin-bottom: 0; margin-left: 20px; list-style-type: circle; } li { margin-left: 0; } a { color: #09c; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } /* -- 3.1 Alignements -- */ .alignright { text-align: right; float: right; margin-left: 20px; } .alignleft { text-align: left; float: left; margin-right: 20px; } .aligncenter { text-align: center; } /* -- 3.2 Tables -- */ table { border: 1px solid #e8e8e8; padding: 0 5px; width: 100%; } #top table { border-color: #444; } table caption { text-align: center; font-weight: bold; font-size: 16px; line-height: 28px; } table thead th { font-weight: bold; color: #666; } tr { border-bottom: 1px solid #e8e8e8; } #top tr { border-bottom-color: #444; } th, td { padding: 5px; vertical-align: middle; text-align: center; } tr td{ border-right: 1px solid #e8e8e8;} /* -- 4.0 Main structure -- */ /* -- 4.1 Wrapper -- */ #wrapper { background: #fff; padding: 20px 10px 20px 10px; } /* -- 4.2 Topbar -- */ #top { background: #3385ff; padding: 20px 0 0 0; display: none; color: #fff; } #top-open { display: block; border-top: 10px solid #3385ff; border-left: 10px solid transparent; border-right: 10px solid transparent; margin: 0 auto; width: 0; height: 0; text-indent: -9999px; cursor: pointer; z-index: 350; margin-bottom: -10px; position: relative; } #top-open.active { cursor: default; } #top-closed.active { display: block; } /* -- 4.3 Header -- */ .header-wrapper { position: relative; margin-top: 30px;} .ie7 .header-wrapper { position: static; } #logo a { display: block; } #logo-text { font-size: 28px; font-weight: bold; text-decoration: none; } #tagline { font: italic 11px/20px 'Noticia Text', serif; } #logo.leaderboard-true { float: left; margin: 0 20px 10px 10px; } .ie7 #logo.leaderboard-true { position: static !important; margin-top: 0 !important; top: 0 !important; } #logo.leaderboard-true img { width: 100%; } #leaderboard { width: 728px; height: 90px; float: right; margin-right: 10px; } /* -- 4.4 Footer -- */ footer { background: #f8f8f8; padding: 40px 0 0 0; border-top: 1px solid #eee; } #bottom { background: #fff; margin-top: 20px; padding: 10px 0; border-top: 1px solid #eee; } #bottom p { font-size: 11px; line-height: 20px; margin-bottom: 0; color: #999; } #bottom a { color: #999; } #bottom a:hover { color: #3385ff; } /* -- 5.0 Top navigation -- */ /* Profile */ .box{ border: 1px solid #e8e8e8; } .box .line{ border-bottom: 1px solid #e8e8e8; } .box-title{ font-size: 18px; font-weight: bold; margin-bottom: 20px; } .box-sub-title{ font-size: 13px; font-weight: normal; } .profile-title{ display: block; line-height: 30px; padding: 15px 10px 0 10px; font-size: 18px; font-weight: bold; word-break: break-all; } .member-profile .profile-social-icons a{ color: #5e5e5e; } .member-profile .profile-social-icons a:hover{ color: #b30000; } .member-profile .profile-img{ margin: 20px 10px 20px 20px; float: left; } .member-profile .profile-img img{ height: 100px; width: 100px; } .member-profile .small-button{ margin-right: 5px; } .profile-social-icons{ display: block; margin-bottom: 8px; } .profile-social-numbers{ margin-top: 5px; } .profile-social-icons img{ width: 14px; height: 14px; } .profile-points{ overflow: hidden; width: 100%; text-align: center; margin: 0; border-top: 1px solid #e8e8e8; } .profile-points strong{ margin: 2px 0px; font-size: 16px; } .profile-points li{ float: left; width: 33%; padding: 10px 0; margin: 0; line-height: 1.2; border-right: 1px solid #e8e8e8; list-style: none; } .profile-points li.last{ border-right: 0px solid #e8e8e8; } .profile-bio{ padding: 16px 20px; border-top: 1px solid #e8e8e8; } .profile-badges{ padding: 20px 16px 20px 20px; border-top: 1px solid #e8e8e8; } .profile-badges img{ width: 24px; height: 24px; margin-right: 2px; padding: 2px; border: 1px solid #e8e8e8; } .profile-follow{ padding: 16px 20px 20px 20px; border-top: 1px solid #e8e8e8; } .profile-follow img{ width: 40px; height: 40px; margin-top: 6px; margin-right: 8px; border: 1px solid #e8e8e8; } .profile-follow img.last{ margin-right: 0px; } .profile-skills{ padding: 16px 20px; border-top: 1px solid #e8e8e8; } .profile-skills span{ padding: 2px 5px; border: none; background: #dae6ef; text-decoration: none; color: #566e76; } .member-info{ padding: 20px; margin-bottom: 15px; } .member-info .group{ padding: 2px 5px; border: none; border-radius: 2px; background: #eeeeee; text-decoration: none; color: #b1b1b1; } .empty_box{ display: inline-block; padding-top: 30px; text-align: center; font-size: 15px; width: 100%; } .member-status{ padding: 20px 20px; } .member-status .right{ float: right; } .member-status-nav{ margin-bottom: 10px; border-bottom: 1px solid #09c; } .member-status-nav span{ margin-right: 5px; font-size: 14px; font-weight: bold; padding: 2px 12px; line-height: 20px; border: none; color: #505050; background: #f1f1f1; } .member-status-nav .current-nav{ cursor: pointer; background: #09c; color: #f5f5f5; } .member-status-nav span:hover{ cursor: pointer; background: #09c; color: #f5f5f5; } .member-status-item{ font-size: 14px; list-style: none; border-bottom: 1px solid #e8e8e8; padding: 10px 5px; } .pm .member-follow-item:hover{ background-color: #f6f6f6; cursor: pointer; } .pm-single .member-follow-item{ border-bottom: none; padding: 10px 0; } .message_prompt_box{ padding:9px; border:1px dotted #9b9b9b; overflow:hidden; margin-bottom: 10px; } .member-status-list{ margin-bottom: 0px; } .member-status-list .last{ padding-bottom: 0px; border:none; } .member-status-item .status-icon{ margin-right: 10px; float: left; display: block; } .unread{ background-color: lightyellow; } .unread:hover{ cursor: pointer; background-color: #f6f6f6; } .status-content{ margin-left:30px; } .status-content .status-content-text{ font-size: 13px; } .status-content .status-content-time, .status-content .status-content-link, .status-content .status-content-comments { color: #8c8c8c; } .bookmark .status-content{ margin-left: 0px; } .status-content-title{ font-size: 14px; font-weight: bold; } .status-content-title a{ color: #3385ff333; } .status-content-time{ font-size: 13px; text-align: left; } .status-content-link{ font-size: 13px; float: right; margin-left: 10px; color: #e8e8e8; } .status-content-comments{ font-size: 13px; float: right; color: #e8e8e8; } .member-reputation-item{ font-size: 14px; list-style: none; border-bottom: 1px solid #e8e8e8; padding: 10px 0; text-align: left; width: 100%; } .member-reputation-list{ margin-bottom: 0px; } .member-reputation-list a{ color: #3385ff; } .member-reputation-list .last{ padding-bottom: 0px; border:none; } .member-reputation-item label{ margin: 0; line-height: 1.2; list-style: none; } .member-reputation-points{ display: table-cell; min-width: 80px; text-align: left; } .member-reputation-points span{ padding: 2px 5px; border: none; border-radius: 2px; text-decoration: none; color: #ffffff; } .red-background{ background: red; } .green-background{ background: #00ae00; } .light-dark-background{ background-color: lightyellow; } .light-blue-background{ background-color: #e9faff; } .member-reputation-time{ display: table-cell; min-width: 90px; width: 280px; text-align: right; } .member-reputation-event{ display: table-cell; min-width: 100px; text-align: left; } .member-reputation-source{ display: table-cell; width: 100%; text-align: left; } .member-badge-item{ font-size: 14px; list-style: none; border-bottom: 1px solid #e8e8e8; padding: 10px 0; } .member-badge-list{ margin-bottom: 0px; } .member-badge-list .last{ padding-bottom: 0px; border:none; } .member-badge-item .badge-icon{ margin-right: 10px; float: left; display: block; } .badge-icon img{ width: 40px; height: 40px; padding: 2px; border: 1px solid #e8e8e8; } .badge-details{ margin-left:30px; } .badge-title{ font-size: 15px; font-weight: bold; } .badge-title a{ color: #3385ff333; } .badge-describe{ font-size: 13px; } .badge-time{ font-size: 13px; text-align: right; margin-left: 20px; } .member-skill-list{ padding-top: 5px; margin-bottom: 0px; } .member-skill-item{ list-style: none; min-width: 170px; display: inline-block; margin-top: 5px; } .member-skill-item span{ padding: 2px 5px; border: none; background: #dae6ef; text-decoration: none; color: #566e76; } .member-follow-list{ margin-bottom: 0px; } .member-follow-list li{ list-style: none; } .pm-input textarea{ font-size: 13px; margin: 20px 0 10px; height: auto; width: 98%; } .pm-input .small-button{ float: right; } .pm-input{ overflow: hidden; } .pm-input-tip{ font-size: 12px; color: #bbbbbb; } .member-follow-list a{ color: #3385ff; } .member-follow-list .last{ padding-bottom: 0px; border:none; } .member-follow-item{ font-size: 14px; list-style: none; border-bottom: 1px solid #e8e8e8; padding: 20px 5px; text-align: left; width: 100%; } .member-follow-item .follow-icon{ margin-right: 10px; float: left; display: inline-block; } .follow-icon img{ width: 40px; height: 40px; padding: 2px; border: 1px solid #e8e8e8; } .follow-time{ position: relative; text-align: right; top: 10px; margin: -5px 5px 0 0; color: #888888; font-size: 12px; }