.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; } .follow-details{ min-height: 40px; } .follow-details-single{ width: auto; margin-left:68px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 10px; position: relative; } .tri-right-dark.left-top-dark:after{ content: ' '; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: 10px; bottom: auto; border: 22px solid; border-right: 0px; border-color: lightyellow transparent transparent transparent; } .tri-right-blue.left-top-blue:after{ content: ' '; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: 10px; bottom: auto; border: 22px solid; border-right: 0px; border-color: #e9faff transparent transparent transparent; } .follow-title{ font-size: 15px; font-weight: bold; } .follow-title a{ color: #3385ff333; } .follow-career{ font-size: 13px; text-align: right; margin-left: 10px; } .follow-describe{ font-size: 13px; } .follow-content{ font-size: 14px; } .follow-button{ float: right; margin-top: -10px; } .setting-box{ margin: 20px 0; } #change-profile-basic-form textarea{ font-size: 13px; height: auto; width: 100%; } #change-profile-notice-form input[type='checkbox']{ margin-bottom: 20px; } /* -- 5.1 1st level -- */ #top-nav ul li { border-right: 1px solid #eee; } #top-nav ul li:last-child { border-right: none; } #top-nav ul a { padding: 0 10px; color: #3385ff; height: 30px; line-height: 30px; } #top-nav ul a:hover, #top-nav ul li.sfHover a, #top-nav ul li.current-cat a, #top-nav ul li.current-menu-item a { background: #ddd; } /* -- 5.2 2nd level -- */ #top-nav ul ul { padding: 10px 0; background: #ddd; font-size: 12px; } #top-nav ul ul li { height: 30px; line-height: 30px; border: none; padding: 0 10px; float: none; } #top-nav ul ul li a { line-height: 30px; height: 30px; display: block; padding: 0 10px; border-top: 1px solid #ccc; } #top-nav ul ul li:first-child a, .ie7 #top-nav ul ul li a { border-top: none; } /* -- 5.3 3rd level -- */ #top-nav ul ul ul { padding: 0; } #top-nav ul ul li.sfHover, #top-nav ul ul li.sfHover, #top-nav ul ul a:focus, #top-nav ul ul a:hover, #top-nav ul ul a:active { outline: 0; } /* -- 5.4 Fluid effect -- */ #top-nav a { display: block; width: auto; } #top-nav li { float: left; width: auto; position: relative; } #top-nav li ul { position: absolute; width: auto; left: -999em; min-width: 100%; } #top-nav li:hover ul, #top-nav li.sfHover ul { left: auto; top: 30px; } .ie7 #top-nav li.sfHover ul { left: 0; } #top-nav ul ul li:hover ul, #top-nav ul ul li.sfHover ul { margin-left: 100%; left: 0; top: 0px; } #top-nav li li { white-space: nowrap; min-width: 140px; } /* -- 5.5 Date -- */ #date p { font-size: 12px; line-height: 30px; } #date span { font-size: 10px; text-transform: uppercase; color: #fff; background: #ccc; padding: 5px; } /* -- 6.0 Main navigation -- */ .selectnav { display: none; } #main-nav { height: 40px; z-index: 299; margin-top: 10px; margin-bottom: 20px; position: relative; border-bottom: 10px solid #3385ff; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #main-nav ul { margin: 0; padding: 0; list-style: none; line-height: 40px; position: relative; font-size: 14px; font-weight: bold; font-family: "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } #main-nav ul a { display: inline-block; position: relative; text-decoration: none; } #main-nav ul li { float: left; position: relative; } #main-nav ul li:hover { visibility: inherit; } /* -- 6.1 1st level -- */ #main-nav ul li { border-right: 1px solid #fff; } #main-nav ul li:last-child { border-right: none; } #main-nav ul a { padding: 0 20px; color: #3385ff; height: 40px; line-height: 40px; } #main-nav ul a:hover, #main-nav ul li.sfHover a, #main-nav ul li.current-cat a, #main-nav ul li.current-menu-item a { background: #3385ff; color: #fff; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } /* -- 6.2 2nd level -- */ #main-nav ul ul { padding: 10px 0; background: #3385ff; } #main-nav ul ul li { height: 30px; line-height: 30px; border: none; padding: 0 10px; float: none; } #main-nav ul ul li a { line-height: 30px; height: 30px; display: block; padding: 0 10px; border-top: 1px solid #666; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #main-nav ul ul li:first-child a, .ie7 #main-nav ul ul li a { border-top: none; } /* -- 6.3 3rd level -- */ #main-nav ul ul ul { padding: 0; } #main-nav ul ul li.sfHover, #main-nav ul ul li.sfHover, #main-nav ul ul a:focus, #main-nav ul ul a:hover, #main-nav ul ul a:active { outline: 0; } /* -- 6.4 Fluid effect -- */ #main-nav a { display: block; width: auto; } #main-nav li { float: left; width: auto; position: relative; } #main-nav li ul { position: absolute; width: auto; left: -999em; min-width: 100%; } #main-nav li:hover ul, #main-nav li.sfHover ul { left: auto; top: 40px; } .ie7 #main-nav li.sfHover ul { left: 0; } #main-nav ul ul li:hover ul, #main-nav ul ul li.sfHover ul { margin-left: 100%; left: 0; top: 0px; } #main-nav li li { white-space: nowrap; min-width: 140px; } /* -- 7.0 Breadcrumb -- */ #breadcrumb { display: block; background: #f8f8f8; border: 1px solid #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .breadcrumb-wrapper { display: block; padding: 10px; } #breadcrumb a { text-decoration: none; } /* -- 8.0 Posts -- */ .post-title h4 {font-family: "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .entry-header h1 { font-size: 24px; line-height: 30px; font-weight: normal; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; margin: 0px 0 20px 0; text-align: center; font-family: "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .entry-header h2 { font-size: 22px; line-height: 30px; font-weight: normal; margin-bottom: 5px; margin-top: -5px; font-family: "Microsoft YaHei", 'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .entry-header h2 a { text-decoration: none; } .entry-meta, .post-meta { font-size: 12px; color: #999; } .entry-meta a, .post-meta a { color: #999; } .entry-meta a:hover, .post-meta a:hover { color: #3385ff; } .entry-meta p { margin-bottom: 5px; } .entry-meta { border-bottom: 1px dotted #e8e8e8; margin-bottom: 5px; padding-bottom: 30px; } .blog .entry-meta, #archive .entry-meta, .search .entry-meta { border-bottom: 0; margin-bottom: 0; } .post-meta .excerpt { color: #3385ff; text-transform: none; font-weight: normal; font-size: 13px; text-decoration: none; margin-top: -5px; } .post-meta .meta-title { color: #3385ff; text-transform: none; font-weight: bold; font-size: 13px; text-decoration: none; font-family: "Microsoft YaHei",'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .post-meta .archive-title { color: #3385ff; text-transform: none; font-weight: bold; font-size: 15px; text-decoration: none; font-family: "Microsoft YaHei",'Myriad Pro','Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .post { padding-bottom: 20px; } .image-link { display: block; background: #fff; padding: 4px; border: 1px solid #e8e8e8; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .image-link:hover { background: #3385ff; border-color: #3385ff; } .post img { max-width: 100%; height: auto } .entry img { display: block; max-width: 100%; height: auto; clear: both; margin:auto;} .entry { color: #2e2e2e; font-size: 15px; font-weight: normal; line-height: 1.6; word-break: break-all; padding: 0 5px; } .entry .wp-caption img { max-width: 100%; height: auto !important; } .entry ul li,.entry ol li{ margin-bottom: 5px; margin-left: 30px; } .entry ul,.entry ol{ display: block; list-style-position: outside; } .entry .imooc ,.entry .imooc ul,.entry .imooc li{margin:0;padding:0;} .entry .imooc{background:#f0f0f0;text-align:left;} .entry .imooc ul{list-style:none;padding:9px;border:1px dotted #9b9b9b;overflow:hidden;} .entry .imooc ul li{width:295px;float:left;font-size:14px;font-weight:bold;line-height:19px;} .entry .imooc li a{display:block;height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#09c;text-decoration: none;margin-right:10px;} .entry .imooc li a:hover{color:#b30000;} .entry .imooc li.no-data{line-height: 50px;color: #000;} .entry #single-page-inner-widget{ font-size: 15px; font-weight: bold; margin: 10px 0 20px; padding: 10px; border:1px dotted #9b9b9b; } /* -- 8.1 Posts entries -- */ .entry-thumb { margin-bottom: 20px; } .format-gallery .entry-thumb, .audio-thumb { margin-bottom: 0; } .entry-thumb img { width: 100%; height: auto; } .post-thumb { margin-bottom: 20px;} .entry-video, .entry-audio { margin-bottom: 20px; } .format-audio .image-link { padding: 0; border: 0; } /* -- 8.2 Posts navigation -- */ .navigation .alignleft { float: left; } .navigation .alignright { float: right; } /* -- 8.3 Video & Audio player -- */ div.jp-audio, div.jp-video { position: relative; width: 100%; background: #3385ff; } div.jp-audio a, div.jp-video a { outline: none; } div.jp-video-full div.jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; z-index: 1000; background: #000; } div.jp-video-full div.jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } div.jp-video-full div.jp-jplayer img { display: none !important; } div.jp-video-full div.jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; z-index: 1000; } div.jp-interface { height: 35px; } div.jp-controls-holder { overflow: hidden; position: absolute; top: 10px; left: 0; height: 20px; width: 100%; } div.jp-interface ul.jp-controls { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } div.jp-interface ul.jp-controls li { display: inline; float: left; } div.jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 20px; height: 20px; position: absolute; top: 0; left: 5px; } div.jp-progress { overflow: hidden; background-color: #444; top: 0; left: 0; height: 5px; border: 1px solid #111; z-index: 4; } div.jp-seek-bar { height: 5px; cursor: pointer; z-index: 8; position: relative; } a.jp-mute, a.jp-unmute { width: 20px; height: 20px; position: absolute; top: 0; right: 100px; } div.jp-audio a.jp-mute, div.jp-audio a.jp-unmute, .ie8 div.jp-video a.jp-mute, .ie8 div.jp-video a.jp-unmute, .ie7 div.jp-video a.jp-mute, .ie7 div.jp-video a.jp-unmute { right: 65px; } div.jp-volume-bar { position: absolute; overflow: hidden; background: #444; width: 48px; height: 5px; cursor: pointer; top: 0; right: 45px; z-index: 999; top: 50%; margin-top: -3.5px; border: 1px solid #111; } div.jp-audio div.jp-volume-bar, .ie8 div.jp-video div.jp-volume-bar, .ie7 div.jp-video div.jp-volume-bar { right: 10px; } div.jp-jplayer audio, div.jp-jplayer { width: 0; height: 0; } div.jp-jplayer { line-height: 0; } .ie8 ul.jp-toggles, .ie7 ul.jp-toggles { display: none; } ul.jp-toggles li { display: block; margin: 0; } ul.jp-toggles li a { display: block; width: 20px; height: 20px; text-indent: -9999px; line-height: 100%; } /* -- 8.4 Archives -- */ .copyright-area {background-color: #f0f0f0; padding:10px;margin-bottom: 20px;} .featured-courses { background-color: #f0f0f0; padding:10px;margin-bottom: 10px; border: 1px dotted #9b9b9b;} .featured-courses a{color:#09c;font-weight: bold;} #archive .floated-thumb { border-bottom: 1px dotted #e8e8e8; margin-bottom: 10px; } #archive .floated-thumb p { margin-bottom: 5px; } #archive .floated-thumb .post-thumb { margin-bottom: 10px; } #archive .floated-thumb span.excerpt { margin-bottom: 5px; color: #000 } #archive .post-thumb img{ min-height: 120px; max-width: none;} /* -- 8.5 Search results -- */ .search-results .grid-8 .floated-thumb { border-bottom: 1px dotted #e8e8e8; margin-bottom: 10px; } .search-results .grid-8 .floated-thumb p { margin-bottom: 5px; } .search-results .grid-8 .floated-thumb .post-thumb { margin-bottom: 10px; } .search-results .grid-8 .floated-thumb span.excerpt { margin-bottom: 5px; color: #000 } /* -- 8.6 Author bio -- */ #author-bio { clear: both; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8;} #author-bio .a