/**************************************************************************************************************************************************************** CGP Scholar UI - Community ****************************************************************************************************************************************************************/ /* ------------------------------------------- Page ------------------------------------------- */ #community #content { overflow: hidden; } #community #primary { background: #FFF; width: 540px; min-height: 900px; padding: 10px; float: left; } #community .sidebar { background: #DCEDF4; width: 180px; min-height: 900px; padding: 10px; float: left; margin-bottom: -50000px; padding-bottom: 50000px; } /* ------------------------------------------- General ------------------------------------------- */ #community .mod_title { background: #CCC; height: 30px; margin: 0; /* CSS 3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #community .mod_title h2 { font-size: 15px; font-weight: bold; color: #FFF; margin: 7px 0 0 8px; float: left; } #community .mod_title h2 a { color: #FFF; text-decoration: none; } #community .mod_title .buttons { font-size: 11px; font-weight: normal; color: #FFF; margin: 5px 5px 0 0; float: right; } #community .mod_title .buttons li { float: left; } #community .mod_title .buttons li a { text-decoration: none; color: #FFF; padding: 2px 6px 0 20px; margin: 0 0 0 2px; display: block; /* CSS3 */ opacity:0.8; filter: alpha(opacity=80); } #community .mod_title .buttons li a:hover { /* CSS3 */ opacity:1.0; filter: alpha(opacity=100); } #community .file_icon { height: 25px; width: 25px; display: inline-block; float: left;} #community .help { position: relative; z-index: 100001; } #community .help a { font-size: 9px; line-height: 12px; font-weight: bold; text-decoration: none; vertical-align: 20%; color: #FFF !important; background: #8699AC; padding: 1px 3px; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #community .help span { font-size: 11px; line-height: 14px; font-weight: normal; text-transform: none; text-align: left; color: #666; background: #EEE; padding: 8px; width: 160px; position: absolute; left: 14px; top: 0px; display: none; /* CSS3 */ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } #community .help.left span { right: 14px; top: 0; left: auto; z-index: 10001;} #community .help:hover a { cursor: default; color: #FFF !important; background: #169AD8; } #community .help:hover span { display: block; } /* ------------------------------------------- Primary ------------------------------------------- */ #community #primary .mod_title { background: #1F4166; margin-bottom: 10px; } #community #primary .mod_title .buttons li a { background: #193451; } #community #primary .mod_title .buttons li a.starred { background: #193451 url('../_img/sprite.png') no-repeat 2px -956px; } #community #primary .mod_title .buttons li a.resume { background: #193451 url('../_img/sprite.png') no-repeat 2px -415px; } #community #primary .mod_title .buttons li a.community { background: #193451 url('../_img/sprite.png') no-repeat 2px -986px; } #community #primary .mod_title .buttons li a.activity { background: #193451 url('../_img/sprite.png') no-repeat 2px -1015px; } #community #primary .mod_title .buttons li a.delete { background: #193451 url('../_img/sprite.png') no-repeat 4px -1045px; } #community #primary .mod_title .buttons li a.preview { background: #193451 url('../_img/sprite.png') no-repeat -28px -355px; } #community #primary .entries > li { border-bottom: 1px dotted #DCEDF4; padding: 15px; position: relative; } /* Clearfix */ #community #primary .entries > li:after { content:" "; display:block; height:0; font-size:0; clear:both; visibility:hidden; } /* Clearfix */ #community #primary .entries > li { display:inline-block; } /* Clearfix */ * html #community #primary .entries > li { height:1%; } /* mac hide \*/ /* Clearfix */ #community #primary .entries > li { display:block; } /* End hide */ #community #primary .mod { padding: 15px; background: #F6F6F6; margin: 0 0 15px 0; } #community #primary .mod h3 { font-size: 15px; line-height: 18px; font-weight: bold; color: #1F4166; text-transform: none; padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #FFF; } #community #primary .mod h4 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FF6400; margin: 30px 0 10px 0; } #community #primary .mod p { font-size: 12px; line-height: 16px; color: #1F4166; margin: 0 0 16px 0; } #community #primary .mod p a { text-decoration: none; color: #169AD8; } #community #primary .mod .entries { border-top: 1px solid #FFF; } #community #primary .mod .entries > li .details { width: 270px; } #community #primary .mod .entries > li { border-bottom: 1px dotted #FFF; } #community #primary .mod .entries > li h4 { font-weight: normal; text-transform: none; } #community #primary .mod .entries > li p { margin: 0; } #community #primary .mod .icon.social_icon { text-indent: -2000px; height: 16px; width: 16px; margin: 0 4px 0 0; display: inline-block; } #community #primary .mod .icon.social_icon.disabled { opacity: 0.5; } div.character_set { font-size: 12px; background: #FFF; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; /* CSS3 */ -moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; border-box;padding: 5px;} #community #primary .entries_list_tools { font-size: 11px; line-height: 15px; background: #EEE; border-bottom: 1px solid #fff; padding: 5px; margin: 0 0 10px 0; overflow: hidden; } #community #primary .entries_list_tools label { color: #666; display: inline-block; } #community #primary .entries_list_tools select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #community #primary .entries li.highlight { background: #FFF0E5; } #community #primary .entries img.avatar { height: 50px; width: 50px; float: left; } #community #primary .entries .work_icon { text-align: center; height: 50px; width: 50px; float: left; display: table; } #community #primary .entries .work_icon_centering_wrapper { display: table-cell; vertical-align: middle; } #community #primary .entries .work_icon img { max-width: 50px; max-height: 50px; } #community #primary .entries .file_icon { height: 25px; width: 25px; margin: 12px; float: left; } #community #primary .entries .publication { height: 25px; width: 25px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: -150px -1220px; margin: 12px; float: left; } #community #primary .entries .details { width: 445px; float: left; margin: 0 0 0 15px; } #community #primary .entries.admin .details { width: 300px; float: left; margin: 0 0 0 15px; } #community #primary .entries.admin .buttons { width: 120px; float: left; margin: 0 0 0 15px; clear: none; } #community #primary .entries h4 { font-size: 15px; line-height: 18px; color: #999; margin: 0 0 4px 0; } #community #primary .entries h4 a { text-decoration: none; color: #169AD8; } #community #primary .entries h5 { font-size: 12px; line-height: 16px; color: #1F4166; margin: 0 0 16px 0; } #community #primary .entries p { font-size: 11px; line-height: 15px; color: #999; } #community #primary .entries p a, #community #primary .entries div a { text-decoration: none; color: #169AD8; } #community #primary .entries p.note { font-size: 10px; line-height: 14px; color: #777; } #community #primary .entries .short h4 { font-size: 12px; text-transform: none; margin: 6px 0 0 0; } #community #primary .entries .short img.avatar { height: 25px; width: 25px; float: left; } #community #primary .entries .short .file_icon { width: 20px; margin: 0 0 0 5px; float: left; } #community #primary .entries .short .work_icon { text-align: center; height: 25px; width: 25px; float: left; display: table; } #community #primary .entries .short .work_icon_centering_wrapper { display: table-cell; vertical-align: middle; } #community #primary .entries .short .work_icon img { max-width: 25px; max-height: 25px; } #community #primary .entries .short .edit_icon { height: 25px; width: 25px; background: #f6f6f6 url('../_img/sprite.png') no-repeat 0px -920px; display: block; float: left; } #community #primary .entries .text h4 { font-size: 12px; text-transform: none; margin: 0; } #community #primary .entries a.button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; color:#444; background: #EEE; width: 100%; height: 20px; padding: 4px 0 0 0; border: 1px solid #CCC; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #community #primary .entries a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #community #primary .entries form { margin: 10px 0 0 0; } #community #primary .entries > li > .options { position: absolute; right: 5px; top: 5px; visibility: hidden; } #community #primary .entries > li:hover > .options { visibility: visible; } #community #primary .options > li { float: left; margin: 0; } #community #primary .options > li a { width: 15px; height: 15px; display: block; } #community #primary .options > li a.delete { background: transparent url('../_img/sprite.png') no-repeat 0 -20px; } #community #primary .options > li a.locked { background: transparent url('../_img/sprite.png') no-repeat -15px -20px; } #community #primary .options > li a.edit { background: transparent url('../_img/sprite.png') no-repeat -30px -20px; } #community #primary .options > li a.visibility { background: transparent url('../_img/sprite.png') no-repeat -90px -35px; } #community #primary .entries > li:hover { background: #F6FBFC; } #community #primary .entries span.alert { font-size: 10px; line-height: 12px; font-weight: normal; text-transform: none; color: #FFF; background: #FF6400; padding: 1px 3px; margin: 0 0 0 2px; /* CSS 3 */ -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } #community #primary a.button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-decoration: none; text-align: center; color:#444; background: #EEE; width: 100%; height: 23px; padding: 5px 0 0 0; margin: 10px 0 0 0; border: 1px solid #CCC; float: left; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #community #primary a.button.active_spinner { background: #F3F3F3 url('../_img/loading_small.gif') no-repeat center center !important;} #community #primary a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #community #primary a.button.loading, #community #primary a.button.loading:hover { text-indent: -10000px; background: #F3F3F3 url('../_img/loading_small.gif') no-repeat center center; border: 1px solid #EEE; cursor: default; } #community input[type="text"].loading { width: 200px; background: white url('../_img/loading_small_padding_right.gif') no-repeat right center; } #community #primary div.loading_more {text-indent: -9999px; overflow: hidden; background: #FFF url('../_img/loading_small_more.gif') no-repeat center center; height: 18px; margin: 32px 0 16px 0; } #community #primary .aggregated { font-size: 10px; line-height: 12px; color: #999; margin: 4px 0 0 0; overflow: hidden; } #community #primary .aggregated li { margin: 0 0 4px 0; overflow: hidden; } #community #primary .aggregated li img.avatar { width: 12px; height: 12px; margin: 0 4px 0 0; } #community #primary .aggregated li .file_icon { width: 12px; height: 12px; margin: 0 4px 0 0; background: transparent url('../_img/sprite.png') no-repeat -287px -22px; } #community #primary .metadata { font-size: 10px; line-height: 12px; color: #999; margin: 3px 0 0 0; overflow: hidden; } #community #primary .metadata li { border-left: 1px solid #EEE; padding: 0 6px; float: left; } #community #primary .metadata li a { color: #999; text-decoration: none; } #community #primary .metadata li a:hover, #community #primary .metadata li.highlight a, #community #primary .metadata li.highlight { color: #FF6400; text-decoration: none; } #community #primary .metadata li.highlight { background: transparent; } #community #primary .metadata li:first-child { border-left: none; padding: 0 6px 0 0; } #community #primary .metadata .short li img.avatar, #community #primary .metadata li img.avatar { width: 1.25em !important; height: 1.25em !important; float: left !important; margin: 0 2px 0 0 !important; } #community #primary .metadata li.social_sharing span { display: none; } #community #primary .metadata li.social_sharing:hover span { display: inline; } #community #primary .metadata li.social_sharing .icon { text-indent: -2000px; height: 12px; width: 12px; display: inline-block; } #community #primary .metadata li.social_sharing .icon.disabled { opacity: 0.5; } #community #primary .stars { position: absolute; left: 526px; top: -1px; z-index: 9996; } #community #primary .stars a.star { font-size: 10px; text-decoration: none; text-align: center; color: #fff; background: transparent url('../_img/sprite.png') no-repeat 0 -890px; padding: 10px 0 0 0; height: 20px; width: 14px; display: block; } #community #primary .stars a.star.active { background-position: -20px -890px; } #community #primary .stars a.star:hover { background-position: -40px -890px; } #community #primary .stars ul { background: #8699AC; padding: 3px 5px; margin: -30px 0 0 20px; width: 130px; display: none; /* CSS3 */ -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; box-shadow: 0px 2px 2px #CCC; /* CSS3 */ opacity:0.95; filter: alpha(opacity=95); } #community #primary .stars:hover ul { display: block; } #community #primary .stars ul li { font-size: 11px; color: #000; border-bottom: 1px dotted #FFF; min-height: 23px; padding: 6px 0 0 0; } #community #primary .stars ul li:last-child { border-bottom: none; } #community #primary .stars ul li a { color: #FFF; text-decoration: none; } #community #primary .stars ul li img.avatar { width: 25px; height: 25px; vertical-align: -30%; margin: -4px 4px 0 0; } #community #primary .stars ul li.more { font-size: 10px; color: #FFF; text-align: center; } #community #primary .hidden_content { display: none; } #community #primary .entries > li > div { display: none; } #community #primary .entries > li > div:first-child { display: block; } #community #primary .item { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 10px 0; width: auto; clear: both; position: relative; } #community #primary .controls { width: auto; clear: both; overflow: auto; } #community #primary .controls.loading { background: transparent url('../_img/loading_small.gif') no-repeat right center; } #community #primary .controls.loading.positive { background: transparent url('../_img/loading_small_positive.gif') no-repeat right center; } #community #primary .controls.loading.negative { background: transparent url('../_img/loading_small_negative.gif') no-repeat right center; } #community #primary .controls.update_file_upload { position: relative; top: 5px; } #community #primary .controls #status { font-size: 11px; line-height: 14px; float: right; color: #FF6400; margin: 10px; } #community #primary .controls.loading { background: transparent url('../_img/loading_small.gif') no-repeat right center; } #community #primary .controls.loading #status { margin-right: 20px; } #community #primary .controls.loading.positive { background: transparent url('../_img/loading_small_positive.gif') no-repeat right center; } #community #primary .controls.loading.negative { background: transparent url('../_img/loading_small_negative.gif') no-repeat right center; } #community #primary .controls button { margin: 0 5px 0 0; float: left; } #community #primary .controls a.button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; width: auto; min-width: 100px; height: 21px; padding: 5px 10px 0 10px; } #community #primary .controls #save_controls button { margin: 0; } #community #primary .controls #save_controls { display: inline; } #community #primary .controls #save_controls .social_sharing { background: #DCEDF4; height: 26px; float: left; display: none; padding: 0 4px 0 0; } #community #primary .controls #save_controls .social_sharing a { font-size: 11px; text-decoration: none; color: #169AD8; margin: 0 0 0 6px; } #community #primary .controls #save_controls .social_sharing label { display: inline-block; } #community #primary .controls #save_controls .social_sharing label input { margin: 9px 2px 0 3px; } #community #primary .controls #save_controls .social_sharing label .icon { text-indent: -2000px; height: 16px; width: 16px; display: inline-block; } #community #primary .controls #save_controls .social_sharing label .icon.disabled { opacity: 0.5; } #community #primary .controls #save_controls:hover .social_sharing { display: block; } #community #primary .controls #save_controls.disabled:hover .social_sharing { display: none; } #community #primary label { display: none; } #community #primary label.display { display: inline-block; } #community #primary input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #community #primary input[type=text], #community #primary input[type=password] { text-indent: 5px; border: 1px solid #CCC; padding: 5px 0; width: 100%; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #community #primary input.loading[type=text] { background: url("../_img/loading_small.gif") no-repeat scroll right center white; } #community #primary input.short, #community #primary select.short { width: 250px; } #community #primary fieldset legend, #community #primary fieldset label { display: none; } #community #primary fieldset.inputs label { font-size: 11px; color: #000; text-align: left; margin: 5px 0; display: block; } #community #primary fieldset.inputs label a { text-decoration: none; color: #169AD8; } #community #primary textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; border: 1px solid #CCC; padding: 5px; width: 100%; resize: none; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #community #primary label.error { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FF6400; } #community #primary input.error, #community #primary select.error, #community #primary textarea.error { border: 1px #FF6400 solid; } #community #primary .blur { color: #999; } #community #primary input:focus { background: #FEF4CB; } #community #primary button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#444; background: #EEE; min-width: 100px; height: 26px; padding: 0 10px; margin: 0; border: 1px solid #CCC; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #community #primary button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #community #primary button[type=reset] { color: #777; } #community #primary button[type=reset]:hover { color: #FFF; } #community #primary button span { padding: 0 0 0 12px; } #community #primary button[disabled], #community #primary button[disabled]:hover { color: #666; background: #DDD; } #community #primary form .item .live_search { background: #FFF; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; width: 100%; max-height: 350px; position: absolute; top: 100%; left: 0; z-index: 999; overflow-x: hidden; overflow-y: auto; /* CSS3 */ -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #community #primary form .item .live_search .entries { border-top: none; } #community #primary form .item .live_search .entries > li { border-bottom: 1px dotted #DCEDF4; } #community #primary form .item .live_search .entries li:last-child { border-bottom: none; } #community #primary form .item .live_search .entries.admin .details { width: 260px; } #community #primary form .item .live_search .entries h4 { text-transform: none; } #community #primary form .item .live_search a.more { text-decoration: none; text-align: center; color: #999; background: #EEE; width: 100%; padding: 12px 0; display: block; } #community #primary form .item .live_search a.more:hover { color: #FFF; background: #169AD8; } #community #primary form .item .live_search a.more.loading, #community #primary form .item .live_search a.more.button.loading:hover { text-indent: -10000px; background: #EEE url('../_img/loading_small.gif') no-repeat center center; cursor: default; } #community #primary #progress_bar { width: 100%; overflow: hidden; background: #CCC; margin: 10px 0; /* CSS3 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #community #primary #progress_bar li { background: #CCC; float: left; } #community #primary #progress_bar li span { text-indent: -2000px; background: #CCC; border-left: 2px solid #FFF; height: 10px; display: block; } #community #primary #progress_bar li:first-child span { border-left: none; } #community #primary #progress_bar .complete { background: #169AD8; } #community #primary #progress_bar .active { background: #FF6400; } #community #primary .counter { margin-top: 4px; text-align: right; } #community #primary .counter.positive p { color: #5FB323; } #community #primary .microbio .counter.negative p { color: #FF6400; } /* Live Search No Results Found css added earlier, this CSS is overidden why? */ #community #primary div.no_search_results { padding: 5px; } /* Stream Listing */ #community #primary.stream > .entries p { font-size: 14px; margin: 0; } #community #primary.stream > .entries p.teaser { font-size: 11px; line-height: 14px; margin: 5px 0 10px 0; } #community #primary.stream > .entries p.teaser a { color: inherit; text-decoration: none; } #community #primary.stream > .entries p.teaser a.more { font-size: 10px; line-height: 14px; color: #169AD8; } #community #primary.stream > .entries h4 { font-size: 10px; color: #666; text-transform: uppercase; margin: 0 0 3px 0; } #community #primary.stream > .entries h4 a { text-decoration: none; color: #1F4166; } /* Updates Listing */ #community #primary.updates .entries h4 { font-size: 15px; line-height: 18px; color: #000; margin: 0 0 16px 0; } #community #primary.updates .entries p, #community #primary.updates .entries div { font-size: 12px; line-height: 16px; color: #000; margin: 0 0 16px 0; } #community #primary.updates .entries > li .options { right: 20px; } #community #primary.updates .entries .view_more {color: #9BC9DD; font-size: 10px; text-decoration: none;} /* Update */ #community #primary #update { padding: 0 15px 15px 15px; position: relative; } #community #primary #update #body h3 { font-size: 18px; line-height: 24px; color: #FF6400; margin: 0 80px 30px 0; padding: 20px 0 0 0; } #community #primary #update #body p { font-size: 12px; line-height: 16px; color: #000; margin: 0 0 16px 0; } #community #primary #update #body ol { list-style-type: decimal; padding: 0 20px; margin: 0 0 18px 0; } #community #primary #update #body ul { list-style-type: disc; padding: 0 20px; margin: 0 0 18px 0; } #community #primary #update #body ul li, #community #primary #update #body ol li { font-size: 12px; line-height: 16px; margin: 0 0 6px 0; } #community #primary #update #body li ul, #community #primary #update #body li ol { margin: 10px 0; } #community #primary #update #body blockquote { font-size: 12px; line-height: 16px; margin: 20px 0; padding: 0 25px; } #community #primary #update #body a { text-decoration: none; color: #169AD8; } #community #primary #update #body a:hover { text-decoration: underline; } #community #primary #update #body div.figure { text-align: center; margin: 25px 0; } #community #primary #update #body div.figure .media_container img { border: 1px solid #EEE; margin: 0 auto; max-width: 100%; } #community #primary #update #body div.figure .media_container object { border: 1px solid #EEE; margin: 0 auto; max-width: 100%; } #community #primary #update #body div.figure .media_container .file_icon { border: none; } #community #primary #update #body div.figure .caption { font-size: 11px; line-height: 14px; color: #999; margin: 10px 0 0 0; } #community #primary #update #body table { font-size: 12px; line-height: 16px; margin: 25px auto 40px auto; width: 90%; } #community #primary #update #body table caption { font-size: 12px; line-height: 16px; font-weight: bold; font-style: normal; color: #1F4166; padding: 10px 0; } #community #primary #update #body table th { font-weight: bold; padding: 8px; background: #F6F6F6; border: 1px solid #CCC; } #community #primary #update #body table td { padding: 8px; border: 1px solid #CCC; } #community #primary #update #update_content .options { position: absolute; right: 20px; top: 5px; visibility: hidden; } #community #primary #update #update_content:hover .options { visibility: visible; } #community #primary #update .metadata { padding: 0 0 15px 0; } #community #primary #update #comments.entries { border-top: 1px dotted #DCEDF4; margin: 0 0 15px 0; } #community #primary #update #comments.entries > li { border-bottom: 1px dotted #DCEDF4; overflow: hidden; padding: 15px; } #community #primary #update #comments.entries > li img.avatar { height: 25px; width: 25px; float: left; } #community #primary #update #comments.entries > li .details { width: 400px; float: left; margin: 5px 0 0 15px; } #community #primary #update #comments.entries > li .details p { font-size: 12px; line-height: 16px; color: #666; margin: 0 0 12px 0; } #community #primary #update #comments.entries > li .details ul { padding: 0; } /* About */ #community #primary.about .add_entry_toggle { font-size: 10px; line-height: 12px; text-decoration: none; color: #FFF; background: #169AD8; margin: -20px 0 0 0; padding: 1px 4px; display: block; float: right; /* CSS3 */ -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } #community #primary.about .add_entry { display: none; } #community #primary.about h4 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FF6400; border-top: 1px dotted #DCEDF4; margin: 0; padding: 20px 15px 5px 15px; } #community #primary.about h4:first-of-type { border-top: none; } #community #primary.about .entries { margin-bottom: 10px; } #community #primary.about .entries > li { padding: 8px 15px; border-bottom: 0; } #community #primary.about .entries h3 { font-size: 18px; line-height: 24px; color: #FF6400; margin: 10px 0; } #community #primary.about .entries h5 { font-size: 12px; line-height: 16px; color: #000; margin: 0; } #community #primary.about .entries p, #community #primary.about .entries address { font-size: 12px; line-height: 16px; color: #000; } #community #primary.about .entries p.teaser { color: #999; } #community #primary.about .entries p.note { font-size: 10px; line-height: 14px; color: #777; margin-top: 4px; } #community #primary.about .entries .sub { font-size: 11px; line-height: 16px; color: #777; margin: 0; } #community #primary.about .entries.links a { font-size: 12px; line-height: 16px; text-decoration: none; color: #169AD8; } #community #primary.about .entries form { margin: 15px 0; } #community #primary.about .entries.contact .inline { display: inline; } #community #primary.about .entries.resume .file_icon { margin: 0; } #community #primary.about .entries.email_addresses .make_primary { font-size: 10px; line-height: 12px; text-decoration: none; color: #FFF; background: #8699AC; margin-left: 6px; padding: 1px 4px; display: inline-block; /* CSS3 */ -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } /* Shares, Submission, About File Submission */ #community #primary .item.file_url input[type=text], #community #primary .item.file_url input[type=file] { width: 380px; } #community #primary .item.file_url a { font-size: 12px; line-height: 15px; text-decoration: none; color: #169AD8; margin: 6px 0 0 0; float: right; } /* Setup & Settings */ #community #primary.setup .mod { } #community #primary.setup #controls { margin: 10px 0; overflow: hidden; } #community #primary.setup #controls.loading { background: transparent url('../_img/loading_small.gif') no-repeat right center; } #community #primary.setup #controls.loading.positive { background: transparent url('../_img/loading_small_positive.gif') no-repeat right center; } #community #primary.setup #controls.loading.negative { background: transparent url('../_img/loading_small_negative.gif') no-repeat right center; } #community #primary.setup #controls button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#444; background: #EEE; width: 100%; min-width: 100px; height: 30px; padding: 0 10px; margin: 0 4px 0 0; border: 1px solid #CCC; float: left; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #community #primary.setup #controls button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #community #primary.setup #controls button[disabled], #community #primary.setup #controls button[disabled]:hover { color: #666; background: #DDD; } #community #primary.settings .mod { min-height: 480px; } /* ------------------------------------------- Sidebar ------------------------------------------- */ #community .sidebar span.alert { font-size: 10px; line-height: 12px; font-weight: normal; text-transform: none; color: #FFF; background: #FF6400; padding: 1px 3px; margin: 0 0 0 2px; /* CSS 3 */ -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } #community .sidebar .user .mod_title { cursor: pointer; background: #169AD8 url('../_img/sprite.png') no-repeat 160px -530px; position: relative; z-index: 3000; } #community .sidebar .user .mod_title.emptymenu { cursor: pointer; background-image: none; } #community .sidebar .user .mod_title h2 { margin-right: 20px; width: 160px; overflow: hidden; white-space: nowrap; /* CSS 3 */ text-overflow: ellipsis; } /* text-overflow: ellipses is not supported by Mozilla */ #community .sidebar .user .mod_title h2.shrink { font-size: 12px; } #community .sidebar .user .mod_title .nav { background: #FFF; width: 100%; padding: 6px 0; position: absolute; top: 100%; left: 0; display: none; /* CSS3 */ -moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; box-shadow: 0px 2px 2px #CCC; } #community .sidebar .user .mod_title:hover .nav { display: block; } #community .sidebar .user .mod_title .nav li { font-size: 12px; line-height: 15px; } #community .sidebar .user .mod_title .nav li a { text-decoration: none; color: #169AD8; padding: 2px 6px; display: block; } #community .sidebar .user .mod_title .nav li.active a { color: #FF6400; } #community .sidebar .user .mod_title .nav li a:hover { color: #FF6400; } #community .sidebar .user div.avatar { position: relative; } #community .sidebar .user div.avatar a.edit { width: 160px; height: 160px; display: block; position: absolute; top: 10px; left: 10px; z-index:5; background: url('../_img/sprite.png') no-repeat -50px -100px;} #community .sidebar .user div.avatar a.edit span { display: none; background-image: url('../_img/sprite.png'); background-color: #fff; background-repeat: no-repeat; background-position: -29px -20px; margin: 0 0 0 145px; width: 15px; height: 15px; overflow: hidden; text-indent: -9999px; } #community .sidebar .user div.avatar a.edit:hover span { display: block; } #community .sidebar .user img.avatar { width: 160px; height: 160px; margin: 10px; z-index:1;} #community .sidebar .user h3 { font-size: 11px; line-height: 14px; font-weight: bold; color: #1F4166; padding: 5px 0; border-top: 1px dotted #9BC9DD; border-bottom: 1px dotted #9BC9DD; } #community .sidebar .user h3 a { color: #1F4166; text-decoration: none; } #community .sidebar .user h3 a:hover { color: #169AD8; } #community .sidebar .user a.button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; color:#444; background: #EEE; width: 100%; height: 19px; padding: 5px 0 0 0; margin: 4px 0 0 0; border: 1px solid #CCC; display: block; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #community .sidebar .user a.button.active_spinner {background: #F3F3F3 url('../_img/loading_small.gif') no-repeat center center !important;} #community .sidebar .user a.button.message span { padding: 0 15px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: 0 -88px; } #community .sidebar .user a.button.add span { padding: 0 15px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: 0 -148px; } #community .sidebar .user a.button.delete span { padding: 0 15px; background-image: url('../_img/sprite.png'); background-repeat: no-repeat; background-position: 0 -119px; } #community .sidebar .user a.button:hover, #community .sidebar .user a.button.message:hover { background-color: #DDD; background-image: none; /* CSS3 */ text-shadow: none; } #community .sidebar .user.owner .mod_title { background-color: #E5AC1B; } #community .sidebar .user.setup .mod_title { background: #E5AC1B; } #community .sidebar .mod { margin: 40px 0; clear: both; } #community .sidebar .mod:first-child { margin: 0 ; } #community .sidebar .mod h3 { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #169AD8; margin: 0 0 2px 0; } #community .sidebar .mod h3 a { text-decoration: none; color: #169AD8; } #community .sidebar .mod h3 .help a { color: #FFF; } #community .sidebar .mod ul { border-top: 1px solid #9BC9DD; } #community .sidebar .mod ul li { font-size: 11px; color: #000; border-bottom: 1px dotted #9BC9DD; min-height: 23px; padding: 6px 0 0 0; overflow: hidden; white-space: nowrap; /* CSS 3 */ text-overflow: ellipsis; } /* text-overflow: ellipses is not supported by Mozilla */ #community .sidebar .mod ul li a { color: #1F4166; text-decoration: none; } #community .sidebar .mod ul li img.avatar, #community .sidebar .mod ul li .file_icon { width: 25px; height: 25px; vertical-align: -50%; margin: -4px 4px 0 0; float: left; } #community .sidebar .mod ul li .work_icon { text-align: center; height: 25px; width: 25px; vertical-align: -50%; margin: -4px 4px 0 0; float: left; display: table; } #community .sidebar .mod ul li .work_icon_centering_wrapper { display: table-cell; vertical-align: middle; } #community .sidebar .mod ul li .work_icon img { max-width: 25px; max-height: 25px; } #community .sidebar .mod a.view_all { font-size: 10px; text-decoration: none; color: #9BC9DD; float: right; } #community .sidebar .mod p.teaser { font-size: 11px; color: #000; text-align: center; border-top: 1px solid #9BC9DD; border-bottom: 1px dotted #9BC9DD; padding: 10px 0; } #community .sidebar .mod p.teaser a { color: #1F4166; text-decoration: none; } #community .sidebar #activity .mod_title { cursor: pointer; background: #5FB323; margin-bottom: 8px; } #community .sidebar #activity .mod_title h2 a { display: block; } #community .sidebar #activity ul li { font-size: 11px; color: #000; border-bottom: 1px dotted #9BC9DD; min-height: 23px; padding: 5px 0; overflow: hidden; } #community .sidebar #activity ul li img { height: 25px; width: 25px; float: left; } #community .sidebar #activity ul li .edit_icon { height: 25px; width: 25px; background: #f6f6f6 url('../_img/sprite.png') no-repeat 0px -920px; display: block; float: left; } #community .sidebar #activity ul li .details { width: 130px; float: left; margin: 2px 0 0 10px; } #community .sidebar #activity ul li p { font-size: 10px; line-height: 12px; color: #666; } #community .sidebar #activity ul li a { color: #1F4166; text-decoration: none; } #community .sidebar #activity a.view_all { font-size: 10px; text-decoration: none; color: #9BC9DD; float: right; }