/*********** clearfix *********************/ /* makes elements properly enclose their floats */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* hides clearfix from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* end hide from IE-mac */ /*********** move to screen.css *********************/ /* **/ /*********** hacks *********************/ #page .notification { font-size:13px; border-top:1px solid #fda; border-bottom:1px solid #fda; background:#ffffdd; color:#000000; padding:7px 10px; margin-bottom:10px; /* ie6 fix */ height:1%; } body.profile #page .notification { border-bottom: 0; border-top: 0; } #page .workshop-notification { border-top: 0; border-bottom: 0; } #page .small { font-size: 12px; } #page label { display:inline; font-size:13px; font-weight:normal; } /* label hack */ body.result #page label { display: -moz-inline-block; display: inline-block; zoom: 1; *display: inline; font-weight: bold; } #page #mainr .widget .content { padding-bottom:18px; } /* profile widget bottom padding hack */ #page .h-table tr .header a { background-color:transparent; } /* paginator sort link hack */ #page #profile-content { padding-top:18px; } /* padding above profile content */ #page { clear:both; } /* hack to allow #page to appear with .content */ body.workshop #page div.notification { border-bottom:0; border-top:0; } body.topic-stats #header { margin-bottom: 18px; } body.topic-stats #page ul.activities li, body.topic-stats #page ul.activities li div.clr { width: 770px; } #page a.nav:link, #page a.nav:visited, #page a.nav:active, #page a.nav:hover { color:#888; background-color:transparent; text-decoration:underline; } #page a.hov:link, #page a.hov:visited, #page a.hov:active, #page a.hov:hover { border-bottom:dotted 1px #0065df; text-decoration:none; } #page a.hov-nav:link, #page a.hov-nav:visited, #page a.hov-nav:active, #page a.hov-nav:hover { border-bottom:dotted 1px #888; color:#888; background-image:none; background-color:transparent; text-decoration:none; } #page a.noU:link, #page a.noU:visited { text-decoration:none; } #page a.noU:hover, #page a.noU:active { text-decoration:underline; } #page .sub-fade { padding-top:5px; } #page .p-small-link { font-size:11px; padding:0 0 0 10px; font-weight:normal; color:#888; } #page .alert-box { position:absolute; top:0; left:240px; max-width:250px; background:#ffff96; font-size:12px; font-weight:bold; padding:9px 10px; display:none; } #page hr { border:0 solid #ffffff; height:1px; background-color:#a1b8c4; } #page hr.notch, #page .hr-notch, #page .hr { border:0 solid #ffffff; height:13px; background:transparent url(/media/img/rust/dossier-procon-rule.png) scroll no-repeat top left; padding:0 0 10px 0; border-collapse:collapse; border-style:none; } #page .centered { padding:20px 180px 0 134px; position:relative; } #page b, #page strong { font-weight:bold; } #page tr.even { background:#eee; } #page .b-top { border-top:1px dotted #888; } #page .fl { float:left; } #page .fr { float:right; } #page .smallp { font-size:12px; } #page .half { font-size:.7em; font-weight:normal; } #page .mini-paginator { text-align:right; color:#999; } #page .loader { font-size:13px; font-weight:normal; color:#333; padding:5px 5px 0 0; } #page .loader img { vertical-align:middle; } /* top level styles */ #page { position:relative; width:800px; margin:0 auto; } #page #bcrumbs { font-size:12px; color:#666; } /* alignment divs */ #page .sl { float:left; width:130px; padding:0 15px 0 0; overflow:hidden; } #page .sr { float:left; width:375px; padding:0 20px 0 0; overflow:hidden; } #page .srl { float:left; width:300px; margin:0 10px 0 0; overflow:hidden; } #page .srr { float:left; width:95px; margin:0 0 0 0; overflow:hidden; } #page .srnol { float:left; width:375px; padding:0 0 0 145px; overflow:hidden; } /* some weird ie6 error where this doesn't render properly?? when I use margin instead of padding */ /* Left Gutter ***/ #page .lgtr, #page #teach-head, #page #teach-content, #page #teach-content-conf, #page #hf-content { margin-left:26px; } #page .rgtr { margin-right:26px; } /* Spacers ***/ #page .topspc { margin-top:2em; } /* JS css ***/ .bg-shadow { position:absolute; margin:.3em; width:100%; background:#000; -moz-opacity:0.30; opacity:.30; filter:alpha(opacity=30); } .bg-screen { position:absolute; top:0; left:0; width:100%; } .bg-screen-shadow { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; -moz-opacity:0.5; opacity:.5; filter:alpha(opacity=50); } .js-close { position:relative; float:right; z-index:1000; font-size:9px; line-height:11px; width:1em; height:1em; border:1px solid #888; color:#888; padding:0; text-align:center; cursor:pointer; } #tooltip { z-index:3000; position:absolute; border:1px solid #000; padding:5px; background-color:#fff; text-align:left; /*opacity:0.85; */} #tooltip { max-width:300px; overflow:hidden; color:#666; font-size:11px; } body.teach #tooltip { max-width:none; } #tooltip h3 { padding:0 0 2px 0; color:#333; font-size:13px; font-weight:bold; } /* flagging */ #hunch-flag { position:absolute; z-index: 999; border:1px solid #888; padding:5px 10px; background:#ffffff; width:180px; } #hunch-flag label { display:block; width:175px; font-size:13px; font-weight:normal; } #hunch-flag label span { display:block;font-size:.85em;padding:3px 0 0 25px;color:#888; } #hunch-flag p.comment { padding-top:1em; width:175px; } #hunch-flag ul { padding:8px 0 10px; } #hunch-flag textarea { font-size:13px; padding:3px 2px; width:174px; } /* Inputs ***/ #page .feedback input, #page input.feedback { font-weight:bold; color:#ffffff; background-color:#8e99a0; padding-top:2px; padding-bottom:3px; } #page ul.feedback li { float:right; padding-left:10px; } #page input.fr { margin-left:8px; } #page input.fl { margin-right:8px; } /* Errors ***/ #page .errors { border:1px solid #888; background:#f3cccc; padding:9px 10px; margin-bottom:18px; } #page .success { border:1px solid #888; background:#cec; padding:9px 10px; margin-bottom:18px; } #page .messages { border:1px solid #888; background:#ccffcc; padding:9px 10px; margin-bottom:18px; } #page .qanda-notify-wrap { padding:0 0 10px 26px; } #page .qanda-notify-wrap .tt { cursor:default; color:#555; border-bottom:1px dotted #888; } #page .qanda-notify { border-top:1px solid #fda; border-bottom:1px solid #fda; background:#ffffdd; color:#000000; padding:8px 10px; } #page #qanda .qanda-notify { margin-bottom:10px; } #page .errorlist { font-size:12px; color:#aa220c; padding:4px 0 2px 0; } #page .warn-text { color:#aa220c; } /* Lists ***/ #page .disc-ul ul, #page ul.disc, #page ol.num { padding-left: 20px; } #page .disc-ul ul li, #page ul.disc li { list-style: disc outside; } #page ol.num { list-style: decimal outside; } #page .disc-ul ul li ul li, #page ul.disc li ul li { list-style: circle outside; } /* Tables ***/ #page .h-table { width:100%; } #page .h-table tr th { font-weight:bold; color:#888; padding:9px 0; } #page .h-table tr td { color:#888; vertical-align:middle; padding:9px 0; } #page .h-table tr td.col-1 { padding-left:5px; } #page .h-table tr .txt, #page .h-table tr td.col-2 { color: #333; } #page .h-table thead tr .tableHeader span { background:transparent url(/media/img/ts_bg2.png) scroll no-repeat center right; padding-right:18px; } #page .h-table thead tr .tableHeader a { text-decoration:none; color:#888; background-color:transparent; } #page .h-table thead tr .tableHeader a:hover, #page .h-table thead tr .tableHeader a:active { background-color:transparent; } #page .h-table thead tr .headerSortUp span { background-image:url(/media/img/ts_asc2.gif); } #page .h-table thead tr .headerSortDown span { background-image:url(/media/img/ts_desc2.gif); } #page .h-table thead tr .headerSortUp, #page .h-table thead tr .headerSortDown { color:#000; } #page .h-table thead tr .headerSortUp a, #page .h-table thead tr .headerSortDown a { color:#000; } /* Dossier Page *************************************************************************/ #page #main { float:left; width:604px; overflow:hidden; } #page #main .sl { } #page #main .sr { } #page #right { float:right; width:196px; overflow:hidden; } /* #right .top-space { height:1em; width:100px; } */ #page #footer { font-size:.8em; padding:40px 0 0 0; text-align:center; } #page #qanda_container { position:relative; } #page ul#tabs { position:relative; height:70px; width:604px; background:transparent url(/media/img/rust/tab-shade.png) scroll repeat-x top left; /*height:70px; overflow:hidden;*/ } #page ul#tabs li { position:absolute; top:0; overflow:hidden; cursor:pointer; } #page ul#tabs li div { position:relative; overflow:hidden; height:70px; } /* positioning */ #page ul#tabs li.tab-1 { left:0; } #page ul#tabs li.tab-2, #page ul#tabs li.more-1 { left:160px; } #page ul#tabs li.tab-3, #page ul#tabs li.more-2 { left:295px; } #page ul#tabs li.tab-4, #page ul#tabs li.more-3 { left:430px; } #page ul#tabs li.more-4 { left:565px; } /* widths */ #page ul#tabs li.fore div { width:135px; background:transparent url(/media/img/rust/fg-tab.png) scroll no-repeat top left; } #page ul#tabs li.back div { width:130px; padding-left:5px; background:transparent url(/media/img/rust/bg-tab.png) scroll no-repeat top left; } #page ul#tabs li.tab-1 .fore { width:130px; padding-left:30px; background:transparent url(/media/img/rust/fg-tab-big.png) scroll no-repeat top left; } #page ul#tabs li.tab-1 .back { width:130px; padding-left:30px; background:transparent url(/media/img/rust/bg-tab-big.png) scroll no-repeat top left; } #page ul#tabs li.more div { width:39px; } /* hacks for the numbers only */ #page ul#tabs li.back .back-bg { width:135px; padding-left:0px; background:transparent url(/media/img/rust/bg-tab.png) scroll no-repeat top left; } #page ul#tabs li.tab-1 .back-bg { width:130px; padding-left:30px; background:transparent url(/media/img/rust/bg-tab-big.png) scroll no-repeat top left; } #page ul#tabs li .fexp { line-height: 24px; } /* content */ /*TODO: test these ones out straight up */ #page ul#tabs li .fore { height:55px; padding-top:15px; font-size:36px; line-height:1.05; color:#888; font-weight:bold; text-align:center; } #page ul#tabs li .back { height:58px; padding-top:12px; } #page ul#tabs li .back img { float:left; padding-top:0; } #page ul#tabs li .back h6 { float:left; width:77px; padding:0 2px 0 5px; font-size:2.0em; color:#888; font-weight:bold; } #page ul#tabs li .back p { float:left; width:77px; padding:0 2px 0 5px; font-size:.9em; color:#000000; } #page ul#tabs li .fexp { height:50px; padding-top:20px; color:#888; font-size:1.8em; text-align:center; } #page ul#tabs li .expl { height:58px; padding-top:12px; } #page ul#tabs li .expl h6 { float:left; width:120px; font-size:12px; color:#004b73; font-weight:bold; } #page ul#tabs li .expl p { float:left; width:74px; padding-right:3px; } #page ul#tabs li .expl img { float:left; } #page ul#tabs li em { font-size: 20px; line-height: 30px; vertical-align:text-top; font-style:normal; } #page .sa-item .aleft p em { font-size: 15px; vertical-align:top; font-style:normal; } #page #main #maincontent { padding-right:20px; padding-top:25px; } #page #main #maincontent div.loading { height:320px; padding-top:100px; text-align:center; } #page #solution { padding-bottom:15px; } #page #solution #item-image { position:relative; padding-bottom: 18px; } #page #solution #item-image a.enlarge { position:absolute; bottom:.2em; left:0; font-size: 12px; } #page #solution #description { } #page #variants { position:relative; padding:10px 0 0 0; } #page #variants h6 { color:#aa220c; font-weight:bold; } #page #variants .elt { float:left; width:43px; height:55px; } #page #feedback { background:#dedede; padding:8px 0 25px 0; margin:25px 0 0 0; height:7.8em; } #page #feedback ul { margin-left:50px; } #page #feedback ul li { float:left; margin:0 20px 0 0; } #page #feedback ul li input { width:125px; height:55px; font-size:28px; line-height:36px; font-weight:bold; color:#ffffff; background-color:#8e99a0; } #page #feedback p { text-align:center; } #page #feedback p.fbh { font-size:15px; font-weight:bold; padding:0 0 18px 0; } #page #feedback p.fbr { font-size:15px; font-weight:bold; padding:0 0 18px 0; } #page #feedback p.def { } #page #more-actions { padding:4px 0 0; } #page #more-actions-table { width:100%; font-size:12px; color:#888; } #page #more-actions-table tr td a, #page #more-actions-table tr td span { display:block; padding:2px 0 2px 17px; background:transparent scroll no-repeat left center; } #page #more-actions-table a.change:link, #page #more-actions-table a.change:visited { background-image:url(/media/img/mini/bolt.png); } #page #more-actions-table a.change:hover, #page #more-actions-table a.change:active { background-image:url(/media/img/mini/bolt-hover.png); color:#555; } #page #more-actions-table a.suggest:link, #page #more-actions-table a.suggest:visited { background-image:url(/media/img/mini/bulb.png); } #page #more-actions-table a.suggest:hover, #page #more-actions-table a.suggest:active { background-image:url(/media/img/mini/bulb-hover.png); color:#555; } #page #more-actions-table a.flag:link, #page #more-actions-table a.flag:visited { background-image:url(/media/img/mini/flag.png); } #page #more-actions-table a.flag:hover, #page #more-actions-table a.flag:active { background-image:url(/media/img/mini/flag-hover.png); color:#555; } #page #more-actions-table a.fave:link, #page #more-actions-table a.fave:visited { background-image:url(/media/img/mini/whitestar.png); } #page #more-actions-table a.fave:hover, #page #more-actions-table a.fave:active { background-image:url(/media/img/mini/whitestar-hover.png); color:#555; } #page #more-actions-table a.is-fave:link, #page #more-actions-table a.fave:visited { background-image:url(/media/img/mini/yellowstar.png); } #page #more-actions-table a.is-fave:hover, #page #more-actions-table a.fave:active { background-image:url(/media/img/mini/yellowstar-hover.png); color:#555; } #page #reltops h4 { color:#888; padding:44px 0 0 20px; height:25px; font-weight:bold; } #page #reltops ul { background:transparent url(/media/img/rust/dossier-sidebar-bg.png) scroll repeat-x top left; padding:15px 5px 15px 20px; min-height:500px; } #page #reltops ul li { padding:0 0 20px 0; } #page #reltops ul li img { float:left; padding:2px 5px 0 0; } #page #reltops ul li p { float:left; width:110px; font-size: 12px; } #page #reltops ul li h6 { float:left; width:110px; color:#666; font-size:12px; font-weight:bold; text-decoration:none; } #page #main .widget_container { border-top:solid 1px #888; padding-top:10px; } #page #proscons { width:550px; } #page #proscons .widget-title { padding-bottom:15px; } #page #proscons .col1, #page #proscons .col2, #page #proscons .col3, #page #proscons .col4 { float:left; padding-bottom:2px; } #page #proscons .col1 { width:50px; } #page #proscons .col2, #page #proscons .col3 { width:195px; padding-left:15px; } #page #proscons .col4 { width:70px; padding-left:10px; } #page #proscons #procon-header { padding-bottom:3px; border-bottom:1px dotted #bbbbbb; color:#555555; font-weight:bold; } #page #proscons #procon-header .col4 { font-size: 10px; } #page #proscons #proscons-list { padding-bottom:20px; } #page #proscons .uproc { padding:10px 0 0 0; border-bottom:1px dotted #bbbbbb; } #page #proscons .username { font-size: 12px; text-align:center; } #page #proscons .username img { margin-bottom:10px; } #page #proscons .demog { font-size:9px; color:#888; } #page #proscons .num_helpful { font-size: 12px; color:#888; } #page #proscons .num_helpful span { color:#555555; font-weight:bold; } #page #proscons .txt { padding-bottom:8px; } #page #proscons .revs img { cursor:pointer; } #page #proscons .delete-procon { padding:10px 0 0 0; } #page #proscons #procon-prev .nlink { margin:8px 0 0 0; } #page #proscons #procon-prev .nlink li { width:3.8em; } #page #proscons #pcsubmit .inner { background:#dedede; padding:20px 0 20px 20px; } #page #proscons #pcsubmit .inner label { display:block; font-weight:bold; padding-bottom:4px; } #page #proscons #pcsubmit .inner .edit-box { float:left; width: 204px; padding-left:20px; font-size:12px; } #page #proscons #pcsubmit .inner .edit-box textarea { font-size:12px; padding:3px 1px; width:200px; } #page #proscons #pcsubmit .inner .text-limit { text-align:right; font-size: 12px; color:#888; padding:3px 0; } #page #proscons #pcsubmit .feedback { padding-top:5px; } /* Hunch Default Form *************************/ #page .hform table th { font-weight:bold; vertical-align:top; padding-right: 15px; padding-top: 9px; } #page .hform table td { font-size: 12px; font-weight:normal; vertical-align:top; width: 520px; } #page .hform .wd, #page .hform textarea { width: 504px; height: 108px; } #page .hform .text { width: 504px; } #page .hform .cb { margin:0; } #page .hform .nlink { margin-top:4px; } /* .hform input, #page .hform textarea */ #page .hform .wd, #page .hform textarea { font-size:12px; } /* Teach Hunch *************************************************************************/ /* percent complete image ***/ #page .pcompd { font-size:12px; } #page .pcompd div { margin-right:2px; text-align:left; } #page .pcomp { width:30px; height:30px; background:transparent url(/media/img/rust/piecharts.png) scroll no-repeat; } #page .pcomp0 { background-position:0 0; } #page .pcomp1 { background-position:-30px 0; } #page .pcomp2 { background-position:-60px 0; } #page .pcomp3 { background-position:-90px 0; } #page .pcomp4 { background-position:-120px 0; } #page .pcomp5 { background-position:-150px 0; } #page .pcomp6 { background-position:-180px 0; } #page .pcomp7 { background-position:-210px 0; } #page .pcomp8 { background-position:-240px 0; } #page .pcomp9 { background-position:-270px 0; } #page .pcomp10 { background-position:-300px 0; } #page .pcomp11 { background-position:-330px 0; } #page .pcomp12 { background-position:-360px 0; } #page .pcomp13 { background-position:-390px 0; } #page .pcomp14 { background-position:-420px 0; } #page .pcomp15 { background-position:-450px 0; } #page .pcomp16 { background-position:-480px 0; } #page .pcomp17 { background-position:-510px 0; } #page .pcomp18 { background-position:-540px 0; } #page .pcomp19 { background-position:-570px 0; } #page .pcomp20 { background-position:-600px 0; } /* facts taught ***/ #page .facts-taught { } #page .facts-taught .num { position:relative; background:#bbbbbb; color:#ffffff; font-size:1.4em; font-weight:bold; text-align:center; padding:2px 0; } #page .facts-taught .tex { color:#888; font-size:9px; } /* button state ***/ #page .btn-disabled, #page input.btn-disabled { background-color:#cccccc; } #page .btn-enabled, #page input.btn-enabled { background-color:#888; } #page .btn-selected, #page input.btn-selected { color:#dd4538; } #page button.btn-disabled, #page button.btn-enabled { background-color:transparent; } /* head ***/ #page .al { position:absolute; bottom:2px; left:0; } #page .ar { position:absolute; bottom:2px; right:0; } #page #teach-head { position:relative; border-bottom:dotted 1px #888; padding-right:10px; padding-bottom:5px; } #page #teach-head p { padding:18px 0; } #page #teach-head h6 { float:left; font-size:20px; line-height: 24px; font-weight:bold; } #page #teach-head h6 em { color:#888; font-style:normal; } #page #teach-head h6 a.switch { font-size:13px; font-weight:normal; padding-left:2px; } #page #teach-head #th-right { } #page #teach-head #th-right div.right { font-size:12px; padding-left:10px; } #page #teach-head .l { vertical-align:baseline; font-size:20px; line-height:24px; font-weight:bold; } #page #teach-head .l em { color:#aa220c; font-style:normal; } #page #teach-head .l a.switch { font-size:.6em; font-weight:normal; padding-left:2px; } #page #teach-head .r { font-size:12px; vertical-align:baseline; text-align:right; } #page #teach-head .r div.fr { padding-left:10px; text-align:left; } /* st-content ***/ #page #st-wrap { display:inline; position:relative; width:90px; height:20px; padding-left:5px; } #page #st-wrap #switch-topics { cursor:pointer; } #page .st-content { display:none; position:absolute; top:12px; left:5px; z-index:999; width:180px; padding:0 5px; font-size:12px; border:solid 1px #888; background:#ffffff; } #page .st-content p { color:#888; } #page .st-content ul { } #page .st-content ul li { display:inline; } #page .st-content ul li a { padding-left:10px; width:170px; } #page .st-content ul li a:link, #page #st-content ul li a:visited { display:block; color:#000000; text-decoration:none; } #page .st-content ul li a:hover, #page #st-content ul li a:active { display:block; color:#000000; text-decoration:none; background-color:#FFB; } /* content-home ***/ #page #teach-content-home .cfgrs { color:#888; font-size:12px; } #page #teach-content-home .cfgrs .cmplt { color:#000000; } #page #teach-content-home .teach-cats { float:left; width:500px; padding:10px 0 0 26px; overflow:hidden; border-right:1px dotted #888; } #page #teach-content-home .teach-cats ul { padding-left:10px; } #page #teach-content-home .teach-cats ul li { padding-bottom:15px; } #page #teach-content-home .teach-cats ul li .two { float:left; width:330px; padding:5px 10px 0 0; } #page #teach-content-home .teach-cats ul li .two p { font-size: 12px; } #page #teach-content-home .teach-cats ul li .two h6 { display:block; font-size:20px; line-height: 24px; padding-bottom:2px; font-weight:bold; } #page #teach-content-home .teach-cats ul li .two .disabled { color:#888; } #page #teach-content-home .teach-cats ul li .three, #page #teach-content-home .teach-cats ul li .four { float:left; width:120px; padding:5px 0 0 0; } #page #teach-content-home .teach-contribs { float:right; margin-top:10px; padding:15px 25px; width:215px; /*width:200px; background:#eee; */} #page #teach-content-home .teach-contribs h6 { color:#555; font-size:1.8em; font-weight:bold; padding:0 0 10px 0; } #page #teach-content-home .teach-contribs li { padding-bottom:12px; } #page #teach-content-home .teach-contribs a { font-size:20px; line-height: 24px; font-weight:bold; } #page #teach-content-home .teach-contribs span { font-size:1.8em; font-weight:bold; color:#888; } #page #teach-content-home .teach-contribs p { font-size:12px; } /* content-conf ***/ #page #teach-content-conf { padding:25px 0 0 0; } #page #teach-content-conf .l-side { float:left; width:320px; margin-right:60px; } #page #teach-content-conf .r-side { float:left; width:320px; } #page #teach-content-conf h3 { padding-bottom:18px; } #page #teach-content-conf ul.tops-list { } #page #teach-content-conf ul.tops-list li { display:block; position:relative; padding:4px 0; } #page #teach-content-conf ul.tops-list div.left { padding-right:10px; overflow: hidden; } #page #teach-content-conf ul.tops-list .facts-taught { width: 50px; overflow: hidden; } #page #teach-content-conf ul.tops-list h6 { padding-bottom:2px; width:220px; overflow: hidden; } #page #teach-content-conf ul.tops-list p { color:#888; } #page #teach-content-conf .none { color:#888; padding:18px 20px; } #page #teach-content-conf #badges { padding-left:20px; } #page #teach-content-conf #badges img { margin:0 10px 10px 0; } /* content ***/ #page #teach-content .tleft { float:left; width:450px; padding:0 20px 0 0; background:transparent; position: relative; } #page #teach-content .tright { float:left; width:264px; padding:0 0 0 20px; background:transparent; position: relative; } #page #teach-content p#message { width:565px; padding-top:30px; display:none; } #page #teach-content h5 { padding-bottom:5px; } #page #teach-content ul.qalist { padding-bottom:10px; } #page #teach-content ul.qalist li { font-size:15px; margin-left:3em; padding-left:.5em; list-style-type:disc; list-style-position:outside; } #page #teach-content { padding:0; } #page #teach-content .username { font-size:12px; font-weight:normal; padding-bottom:10px; text-align:center; } #page .teach-content-bg { background:transparent url(/media/img/rust/vertical-bar.png) scroll repeat-y top left; } #page .teach-content-bg h3 { padding:16px 10px 20px 490px; background:transparent url(/media/img/rust/vertical-notch.png) scroll no-repeat 469px 15px; } #page #teach-content .gr-wrap .clearfix { position: relative; } #page #teach-content .gr-wrap .dark { background:transparent url(/media/img/rust/dark-gr.png) scroll repeat-y top left; } #page #teach-content .rqq-wrap .dark { background:transparent url(/media/img/rust/dark-rqq.png) scroll repeat-y top left; } #page #teach-content .rqi-wrap .dark { background:transparent url(/media/img/rust/dark-rqi.png) scroll repeat-y top left; } #page #teach-content .dup-wrap .dark { background:transparent url(/media/img/rust/dark-rqq.png) scroll repeat-y top left; } #page #teach-content .rr-wrap .dark { background:transparent url(/media/img/rust/dark-gr.png) scroll repeat-y top left; } #page #teach-content h5 { font-size: 15px; font-weight: bold; } #page #teach-content .gr, #page #teach-content .rqq, #page #teach-content .rqi, #page #teach-content .dup, #page #teach-content .rr { margin:20px 0; } /* good recommendation? - rate results */ #page #teach-content .gr1 { position: relative; float:left; width:100px; padding:10px 20px 10px 0; } #page #teach-content .gr2 { position: relative; float:left; width:300px; padding:10px 15px; overflow:hidden; } #page #teach-content .gr2 p { } #page #teach-content .gr3 { position: relative; padding:5px 0; } #page #teach-content .gr3 .feedback { padding:25px 0 25px 10px; } /*#page #teach-content .gr3 .feedback input { float:left; width:70px; padding:8px 0; margin-right:10px; font-size: 15px; line-height: 24px; font-weight:bold; }*/ /* rate quality q&a */ /* #page #teach-content .rqq .tleft { width:430px; } #page #teach-content .rqq .tleft { padding:10px 30px 10px 10px; } #page #teach-content .rqq .tleft h6 { font-size: 15px; font-weight:bold; padding-bottom:.5em; padding-right:20px; } #page #teach-content .rqq .tleft h6 b { color:#000000; } #page #teach-content .rqq .tleft .clearfix { width:385px; } #page #teach-content .rqq .tleft .img-ans { float:left; width:100px; height:100px; margin:5px 0 10px 25px; overflow:hidden; } #page #teach-content .rqq .tleft img.fr { padding:0 0 10px 20px; } #page #teach-content .rqq .tright .feedback { padding:25px 0 25px 20px; }*/ /*#page #teach-content .rqq .tright .feedback input { float:left; width:50px; padding:8px 0; margin-right:10px; font-weight:bold; }*/ /* rate quality item */ /* #page #teach-content .rqi1 { float:left; width:125px; padding:0 25px 0 0; } #page #teach-content .rqi2 { float:left; width:280px; padding:10px; } #page #teach-content .rqi2 p { } #page #teach-content .rqi3 { padding:10px 0 10px 10px; } #page #teach-content .rqi3 p { font-weight:bold; } #page #teach-content .rqi3 .feedback { padding:0 0 0 20px; }*/ /*#page #teach-content .rqi3 .feedback input { float:left; width:50px; padding:8px 0; margin-right:10px; font-size:1.4em; font-weight:bold; }*/ /* #page #teach-content .rqi .tright { padding-bottom:10px; }*/ /* item / q&a duplicates */ /* #page #teach-content .dupl { float:left; width:215px; padding:10px 0 15px 10px; } #page #teach-content .dupl h5 { float:left; width:120px; padding:10px 0 10px 0; } #page #teach-content .dupl img { float:left; width:60px; } #page #teach-content .dupl p { padding-right: 10px; } #page #teach-content .dupr .feedback { padding:20px 0 20px 35px; } #page #teach-content .dupr .feedback input { display:block; width:200px; font-weight:bold;margin:0 0 18px 0; } #page #teach-content .dupl h6 { color:#1a6a96; font-weight:bold; font-size: 15px; padding-bottom:.5em; } #page #teach-content .dupl h6 b { color:#000000; } #page #teach-content .dupl .clearfix .fl { margin:5px 20px 10px 0; }*/ /* buttons */ #page #teach-content .feedback button { float: left; margin-right: 10px; } #page #teach-content .feedback a.rev { float: left; margin: 9px 10px 9px 0; } /* rate reviews */ #page #teach-content #procon-item { padding-top:20px; } /*#page #teach-content .rr input { font-size:15px; padding:8px; }*/ #page #teach-content .rr1, #page #teach-content .rr2, #page #teach-content .rr3 { position: relative; } #page #teach-content .rr1 { float:left; width:120px; } #page #teach-content .rr2 { float:left; width:330px; } #page #teach-content .rr2 h6 { padding-left:10px; padding-top:5px; color:#555555; font-size:12px; } #page #teach-content .rr2 .con, #page #teach-content .rr2 .pro { padding:8px; } #page #teach-content .rr2 p { } #page #teach-content .rr3 .feedback { padding:25px 0 25px 20px; } /*#page #teach-content .rr3 .feedback input { float:left; width:54px; padding:8px 0; margin-right:15px; font-size:15px; font-weight:bold; }*/ #page #teach-content .rr3 .feedback .flag-wrap { float:right; padding: 8px 20px 8px 0; } /* train questions */ #page .teach-content-no-bg { background:#ffffff; } /*#page .teach-content-no-bg .feedback input { font-size:13px; padding:6px 8px; }*/ #page .teach-content-no-bg h3.info { padding:18px 0; background:transparent none no-repeat; } #page #teach-content .train-question { padding:30px 110px 0 0; } #page #teach-content .train-question .the-question { float:left; width:450px; background:#dedede; padding:10px 20px 20px; } #page #teach-content .train-question .the-question h6 { font-size:15px; color:#555; font-weight:bold; padding-bottom:9px; } #page #teach-content .train-question .the-question h6 b { color:#000; } #page #teach-content .train-question .the-question .question-image { float:right; padding:0 0 10px 10px; background:#dedede; } #page #teach-content .train-question .the-question ul { padding:0 0 0 20px; } #page #teach-content .train-question .the-question ul li { color:#888; padding-left:35px; } #page #teach-content .train-question .the-question ul li.this { color:#fff; background:#aa220c url(/media/img/rust/qa-bullet-active.png) scroll no-repeat 0px -2px; } #page #teach-content .train-question .the-question .img-answers { padding-left:20px; } #page #teach-content .train-question .the-question .img-answers div { float:left; width:54px; top:54px; padding:0 8px 8px 0; } #page #teach-content .train-question .the-question .img-answers div img { border:2px solid #dedede; } #page #teach-content .train-question .the-question .img-answers div.this img { border:3px solid #aa220c; } #page #teach-content .train-question h3 { background:transparent none; padding:25px 0; } #page #teach-content .train-question .item { float:left; width:150px; height:140px; background:#eee;border:4px solid #fff; margin:0 8px 8px 0; text-align:center; cursor:pointer; overflow:hidden; } #page #teach-content .train-question .item .img-wrap { height:75px; width:150px; padding-top:9px; } #page #teach-content .train-question .item p { color:#004b73; font-weight:bold; overflow:hidden; } #page #teach-content .train-question .clicked { border-color:#8e99a0; } #page #teach-content .train-question ul.feedback { padding-top:10px; } /* train items */ #page #train-items #item-wrap { padding:10px 0 0 100px; } #page #train-items .questions .g-question { float:left; margin-right:25px; } #page #train-items .questions ul.feedback { clear:left; padding:0 69px 0 0; } #page #train-items .questions ul.feedback li { padding-top:5px; } /* See All Page *************************************************************************/ #see-all-content { width: 700px; float: right; padding-top: 106px;} #see-all-content .aleft { float:left; padding-left: 8px; } #see-all-content .aright { float: left; } #see-all-content .sort-display { background:#eee; padding-top: 10px; padding-bottom: 8px; font-size: 1.15em; } #see-all-content .sort-display .aleft { padding-top: 2px; } #see-all-content .sort-display .aright { float: right; padding-right:10px; text-align:right; color:#aa220c; } #see-all-content .sort-display #sorter { font-size:1em; } #see-all-content .sa-item { border-bottom:solid 1px #dee6eb; padding:20px 0 0px 0; } #see-all-content .sa-item .aleft { float:left; padding-bottom: 15px; width: 100px;} #see-all-content .sa-item .aright .descr { float:left; width:439px; padding:0 10px 0 15px; } #see-all-content .sa-item .aright .feedback { float:left; width:110px; padding:0 0 0 10px; } #see-all-content .sa-item .aright .descr h6 { font-size:15px; font-weight:bold; } #see-all-content .sa-item .aright .descr a.next { margin-left: -3px; } #see-all-content .sa-item .aright .feedback .agree { font-size:12px; font-weight:bold; text-align:center; } /*#see-all-content .sa-item .aright .feedback input { font-size:15px; width:50px; margin-top:5px; padding:6px 0; }*/ #see-all-content .sa-item .aright .feedback .last-time { font-size:9px; color:#555555; text-align:center; padding:4px 0 3px 0; } #solution #inner-feedback .last-time { font-size:9px; color:#555555; text-align:center; padding:4px 0 3px 0; } #see-all-content .see-all-bot { padding:36px 0 18px 0; text-align:center; } #see-all-content .see-all-bot .notch { color:#aa220c; } /* Forum Page *************************************************************************/ #page #forum-content #forum-header p, #page #forum-content #forum-header a { } #page #forum-content #forum-header .inbtn { padding-bottom:1px; } /* quick hack for now... */ #page #forum-content #forum-header .fr { padding-top:.5em; } #page #forum-content #forum-header h6.search { font-size: 15px; color:#888; font-weight:bold; } #page #forum-content #forum-header { padding-bottom:17px; } #page #forum-content .forum-posts { padding:18px 0 0; } #page #forum-content .forum-posts h3 { padding-bottom:10px; } #page #forum-content .forum-posts table { width:100%; border-top:1px dotted #888; border-bottom:1px dotted #888; margin-bottom:6px; } #page #forum-content .forum-posts table tr.top { background:#eee; } #page #forum-content .forum-posts table th { color:#888; font-weight:bold; padding:7px 0; } #page #forum-content .forum-posts table th.hf-title { padding-left:10px; } #page #forum-content .forum-posts table td { padding: 3px 0; } #page #forum-content .forum-posts table .even td { background:#fff; } #page #forum-content .forum-posts table .odd td { background:#ecf7fb; } #page #forum-content .forum-posts table td.hf-img { width:30px; } #page #forum-content .forum-posts table td.hf-title { width:265px; padding-right:20px; } #page #forum-content .forum-posts table td.hf-author { width:60px; padding-right:20px; } #page #forum-content .forum-posts table td.hf-posts, #page #forum-content .forum-posts table td.hf-views { font-weight:bold; width:30px; padding-right:20px; } #page #forum-content .forum-posts table td.hf-latest { } #page #forum-content .forum-posts .forum-footer { color:#555; } #page #forum-content #create-thread { padding-top:40px; } /* thread */ #page #forum-content #thread .l-side { float:left; width:150px; padding-right:30px; } #page #forum-content #thread .r-side { float:left; width:594px; } #page #forum-content #thread .recent-list p { color:#888; padding:0 10px 18px 0; } #page #forum-content #thread .recent-list p.first { padding-top:10px; } #page #forum-content #thread .recent-list p a { font-weight:bold; } #page #forum-content #thread .recent-list p span { font-size:12px; } #page #forum-content #thread .see-all-threads { padding-top:10px; text-align:right; font-weight:bold; } #page #forum-content #thread .this-forum { padding-bottom:10px; } #page #forum-content #thread .all-forums h6 { font-size:13px; font-weight:bold; color:#555; border-bottom:1px dotted #888; } #page #forum-content #thread .all-forums h6 b { color:#aa220c; } #page #forum-content #thread .r-side h5 { font-size:20px; line-height: 24px; font-weight:normal; color:#000; padding:0 0 12px 0; } #page #forum-content #thread .r-side h5 em { font-style:italic; font-weight:bold; } #page #forum-content #thread .r-side .newest-sort { padding-bottom: 9px; width: 165px; } #page #forum-content #thread #posts { padding-bottom:30px; } #page #forum-content #thread .post { padding:10px; border-bottom:1px dotted #888; } #page #forum-content #thread .first-post { background:#ecf7fb; border-bottom:0; } #page #forum-content #thread .last-post { border-bottom:0; } #page #forum-content #thread .post .img { float:left; width:60px; padding-bottom:10px; } #page #forum-content #thread .post .txt { float:left; width:514px; } #page #forum-content #thread .post .txt h6 { font-weight:bold; padding-bottom:9px; } #page #forum-content #thread .post .txt p { padding-bottom:3px; } #page #forum-content #thread .post .txt p.posted { font-size:.9em; color:#888; } #page #forum-content #thread .post textarea { width: 498px; height: 108px; } #page #forum-content .reply { border-top:1px dotted #888; padding-top:10px; } #page #forum-content .reply h4 { font-size:20px; line-height: 24px; padding-bottom:15px; } /* Call Out Box *************************************************************************/ #page .callout { display:none; position:absolute; background:transparent url(/media/img/rust/temp/call-out.png) scroll no-repeat top left; /*z-index:11;*/ } #page .callout p { display:block; background:url(/media/img/rust/temp/call-out.png) scroll no-repeat bottom left; margin:10px 0 0 0; padding:0 21px 20px 19px; width:180px; color:#555555; font-size:13px; font-weight:normal; } #page .callout p b { color:#000000; } #page .callout a.close img { position:absolute; top:6px; right:7px; } /* Q&A Page *************************************************************************/ #page #nutrition-info { float:right; padding:6px 0 0; font-size:9px; line-height: 12px; color:#888; } /* for remembered-answers */ #page #qanda { position:relative; margin:0 0 0 68px; padding:0; width:630px; } #page #qanda h5 { color:#555555; font-size:2.2em; padding:0 0 4px 0; } #page #qanda #q-wrap { position:relative; padding:27px 0 0 48px; } #page #qanda #question { position:relative; background:#dedede; padding:15px 20px 15px 35px; } #page #qanda #question h3 { font-size:24px; line-height: 36px; background:transparent url(/media/img/ajax-loader.gif) scroll no-repeat top left; padding:3px 0 6px 38px; } #page #qanda #question p { font-size:15px; padding:0 120px 50px 0; } /* Profile Edit *************************************************************************/ #page #edit-container { position:relative; width:549px; padding:15px 0 0 80px; } body.edit-profile #page { width: 960px; padding: 0; margin: 0; } body.edit-profile #page #edit-container { position:relative; width:687px; left: 135px; padding: 0; margin: 0; } #page ul#edit-nav { padding-top:15px; } #page ul#edit-nav li { float:left; width:135px; border-right:solid 3px #ffffff; } #page ul#edit-nav li.last { border-right:0px; } #page ul#edit-nav li a, #page ul#edit-nav li .fore { display:block; padding:10px 10px 0; height:29px; color:#1a6a96; font-weight:bold; overflow:hidden; text-align:center; } #page ul#edit-nav li a:link, #page ul#edit-nav li a:visited { background:#e6e6e6 url(/media/img/rust/edit-corner-b.png) scroll no-repeat top right; text-decoration:none; border-bottom:solid 1px #dedede; } #page ul#edit-nav li a:hover, #page ul#edit-nav li a:active { background:#e6e6e6 url(/media/img/rust/edit-corner-b.png) scroll no-repeat top right; text-decoration:none; border-bottom:solid 1px #dedede; text-decoration:underline; } #page ul#edit-nav li .fore { color:#333; background:#eee url(/media/img/rust/edit-corner-f.png) scroll no-repeat top right; text-decoration:none; border-bottom:solid 1px #eee; } #page #edit-content { background:#eee; padding:20px; } #page #edit-container h5 { font-weight:bold; padding-bottom:5px; } #page #edit-container .success { padding:.3em 20px; border-top:1px solid #88AA88; border-bottom:1px solid #88AA88; border-left:0; border-right:0; } #page #edit-container .more-edit { background:#eee; padding:20px; border-top:solid 1px #dedede; } #page #edit-container .edit-box { width:390px; } #page #edit-container #edit-services { width:460px; } #page #edit-container .checkbox-form { width:100%; } #page #edit-container .checkbox-form label { font-weight:bold; } #page #edit-container .checkbox-form p { padding:4px 0 10px; } #page #edit-container .checkbox-form td { padding-bottom: 9px; } #page #edit-container .checkbox-form label.radio { display: block; position: relative; font-weight: normal; padding: 3px 0 0; } #page #edit-container .pedit-table th, #page #edit-container .pedit-table td { padding:4px 0 4px 0; vertical-align: top; width: 290px; } #page #edit-container .pedit-table th { font-weight:bold; width:90px; padding-right: 10px; padding-top: 13px; vertical-align: top; } #page #edit-container .pedit-table td p { } #page #edit-container .pedit-table td input.text { width:274px; } #page #edit-container .pedit-table td textarea { width:274px; height: 90px; margin-bottom: 8px; } #page #edit-container .pedit-table th.no-elt { padding-top: 4px; } #page #edit-container table.checkbox-form th { vertical-align: top; width: 18px; padding-right: 5px; } #page #edit-container #about-me .pedit-table td { width: 400px; } #page #edit-container #about-me .pedit-table td textarea { width:384px; height: 216px; font-size: 13px; } #page #edit-container #about-me .pedit-table td textarea#id_tags { width:384px; height: 72px; font-size: 13px; } /* aboutme ***/ #page #edit-container .pedit-table .remaining { float:left; font-size:12px; color:#888; } /* profileimage ***/ #page #edit-content #img-left { float:left; width:200px; margin-right:10px; padding-bottom:2px; } #page #edit-content #img-left a#no-img { display: -moz-inline-box; display: inline-block; margin: 9px -3px; padding: 0 3px; font-size: 12px; } #page #edit-content #img-right { float:left; width:260px; } #page #edit-content #img-right h5 { padding:20px 0 4px 0; } #page #edit-content #img-right p.feedback { width:90px; margin:10px 0 0 0; } #page #edit-content #img-right #image-prompt { display:none; font-size:12px; font-weight:bold; color:#1a6a96; padding:10px 0 0 0; } /* preferences ***/ #page #edit-sharing .feedback { padding:10px 0 5px 0; } #page #edit-subscriptions h6 { padding: 0 0 9px; } #page #edit-container #edit-subscriptions .checkbox-form label span { font-weight: normal; } #page #edit-remembered h6 { float:left; margin: 9px 0; } /* preferences ***/ #page #edit-email .cur-email { padding:5px 0 8px; } /* accountsettings ***/ #page #edit-container .edit-acct .pedit-table th { width:130px; } #page #edit-container .edit-acct .pedit-table td input.f-elt { width:252px; } /* Sign In *************************************************************************/ #page #account-signin, #page #chpass-content { padding-top:20px; position:relative; } #page #account-signin .info-header { color:#fff; background:#1a6a96; padding:5px 10px 10px; } #page #account-signin .info-header h6 { font-size: 15px; font-weight:bold; } #page #account-signin .info-header p { font-weight:bold; } #page #account-signin #info-header-sub-img { padding-left:15px; display:block; } #page #chpass-content p { padding:0 0 .5em 0; } #page #chpass-content #chpass-form { position: relative; width:580px; background:#eeeeee; padding:20px; margin-top:10px; } #page #chpass-content #chpass-form label { display:block; padding:.5em 0; } #page #chpass-content #chpass-form .feedback { padding-top:.5em; } #page .errors-box { background:#ffcccc; border:solid 1px #888; padding:5px 15px; margin-bottom:10px; } /* Create *************************************************************************/ #page #account-create { width:460px; margin:0 auto; padding-top:20px; } #page #account-create #create-header p { padding:0 0 10px 0; } #page #account-create #create h6 { color:#aa220c; font-weight:bold; padding:10px 20px 5px; border-bottom:dotted 1px #888; } #page #account-create #create-f .row { padding:0 0 10px 0; position: relative; } #page #account-create #create-f .f-lbl { float:left; text-align:right; width:140px; padding:9px 15px 0 0; } #page #account-create #create-f .f-lbl label { display:block; font-weight:bold; } #page #account-create #create-f .f-lbl p { font-size: 12px; } #page #account-create #create-f .f-val { float:left; width:240px; } #page #account-create #create-f .f-val input { width:218px; } #page #account-create #create-f .f-val .help-txt { font-size: 12px; padding:2px 0 3px 2px; color:#888; } #page #account-create .check-f .row { padding:10px 0 10px 0; } #page #account-create .check-f .f-val { float:left; width:25px; } #page #account-create .check-f .f-lbl { float:left; width:380px; } #page #account-create .check-f input { margin:0; } #page #account-create #details-f .row { position: relative; } #page #account-create #details-f .f-lbl label { display:block; font-weight:bold; padding-bottom:3px; } #page #account-create #details-f .f-lbl .help-txt { font-size: 12px; } #page #account-create #legal-f .f-lbl label { padding-top:2px; } #page #account-create #f-sub { padding:0 30px 0 0; } #page #account-create #f-sub input { float:right; margin-left:8px; } #page #account-create #account-signin { width:320px; } #page #account-create #create-text p { padding:1em 0 0 0; } #page #account-create #create-text h6 { padding-top:12px; margin-top:20px; border-top:dotted 1px #888; /*background:transparent url(/media/img/rust/small-rule.png) scroll no-repeat top left;*/ } /* Wizard *************************************************************************/ #wizard-content label { display:inline; font-size:13px; font-weight:normal; } #wizard-content .loader { font-size: 13px; font-weight: normal; } #wizard-content { } #wizard-content h1 { padding-bottom:2px; } #wizard-content h1 .topic-name { color:#666; } #wizard-content h1 .divider { color:#666; } #wizard-content h2 { font-size:15px; color:#000000; font-weight:bold; padding:0; margin:0; } #wizard-content .help-links { padding-bottom:18px; display: block; } #wizard-content .over-edit { position:relative; padding-bottom:5px; font-weight:bold; } #wizard-content .over-edit b { color:#aa220c; } #wizard-content .edit { clear:left; float:left; width:390px; margin-right: 30px; } #wizard-content .preview-wrap { position:relative; float:left; width:510px; overflow:hidden; } #wizard-content .preview { position:relative; padding-left:25px; } #wizard-content .inner-preview { position:relative; padding:20px 15px; border:1px solid #dedede; overflow:hidden; zoom: 1; } #wizard-content .preview-notch { position:absolute; top:50px; left:7px; } #wizard-content #q-over-edit { font-size:12px; } #wizard-content .over-edit .disabled { color:#888; } #wizard-content .edit #wizard-form { background:#eeeeee; padding:10px 10px 20px; }` #wizard-content .edit #wizard-form #id_short_name { width:180px; } #wizard-form label { display:block; padding:6px 0; } #wizard-form label em { color:#888; } #wizard-form .rem-img { display:block; padding:0 0 9px 0; } #wizard-form .rem-img em { font-style:italic; } #wizard-form .value { display:block; padding:0 0 3px 18px; } #wizard-form .value input, #wizard-form .value input[type="file"] { width:auto; } #wizard-form .value input { width:300px; } #wizard-form input.text, #wizard-form textarea { font-size: 13px; } #wizard-form .value textarea { width:300px; height: 108px; } #wizard-form .help-text { display:block; padding:0 0 10px 15px; color:#888; width:260px; } #wizard-form div.add { padding:5px 0 0 25px; } #wizard-form #id_category { position: relative; } #wizard-form #id_category li { position: relative; padding-bottom: 3px; } #wizard-form #id_category li.add { position: absolute; top: 1px; right: 35px; } #wizard-form textarea { width:285px; } #wizard-form .web-loader img { display:block; padding-bottom:10px; } /* ie6 adding content bug fix */ #wizard-form .form-step, #wizard-form .elt-wrapper, #wizard-form div.label, #wizard-form div.value, #wizard-form div.label label, #wizard-form div.value input { position: relative; zoom: 1; } /* end ie6 fix */ /* new add-topic hacks -- um... maybe this is actually add-question? */ #wizard-form .sub-wizard-form label { display:inline; padding:0; } #wizard-form .sub-wizard-form .elt-wrapper { padding:2px 0 10px; } #wizard-form .sub-wizard-form ul li { padding:2px 0 5px; } #wizard-form .sub-wizard-form div.label { float:left; width:75px; } #wizard-form .sub-wizard-form div.value { float:left; width:230px; padding:0 0 0 5px; } #wizard-form #id_search_images { width: 175px; } /* end new add-topic hacks */ #wizard-content .edit table { margin-top:10px; } #wizard-content .edit .buttons { margin-top:5px; } #wizard-content .edit .buttons input { margin-left:8px; float:right; } #wizard-content .edit .buttons .i-buttons { float:right; } /* status boxes */ #wizard-content .edit .wiz-form-status { border:solid 1px #888; font-size:12px; padding: 9px 10px; margin-bottom: 18px; } #wizard-content .edit .wiz-form-status ul li { display:block; } #wizard-content .edit .wiz-form-status .num { float:left; width:16px; } #wizard-content .edit .wiz-form-status .val { float:left; width:260px; } /* TODO: make these stand-alone: .success, .warnings, .errors */ #wizard-content .edit .success { background:#ccffcc; } #wizard-content .edit .warnings { background:#ffffcc; } #wizard-content .edit .warnings ul { color:#cc6600; } #wizard-content .edit .errors { background:#ffcccc; color:#000; } #wizard-content .edit .errors a { color:#cc6600; } #wizard-content .edit .errors ul { color:#cc6633; } /* item form **/ #wizard-content h6.step-head { font-weight:bold; padding:0 0 10px 0; } #wizard-content .fo-form label { float:left; width:80px; padding-right:20px; padding:5px 0; } #wizard-content .fo-form p { float:left; width:150px; padding:5px 0; } #wiz-form input.disabled, #wiz-form textarea.disabled { color:#888; } /* step 2 */ #wizard-content .sub-header { padding:5px 0 10px 0; } #wizard-content .web-match { padding-bottom:7px; } #wizard-content .web-match .wm-input { width:20px; padding-right:5px; } #wizard-content .web-match .wm-input input { margin-left:0; vertical-align: bottom; } #wizard-content .web-match .wm-img { width:30px; overflow:hidden; } #wizard-content .web-match .wm-p { width:295px; } #wizard-content .web-match .wm-p .match-name { font-style:italic; } #wizard-content .web-match .wm-p .match-desc { color:#555; } #wizard-content .web-match .wm-p .match-source { color:#555; } #wizard-content .web-match .none-above { padding-top:3px; } #wizard-content .web-match { cursor:pointer; } #wizard-content #more-web-matches { display:none; } /* step 3 */ #wizard-content .search-images { padding:0 0 10px 0; } #wizard-content .search-images .img { float:left; width:50px; height:50px; overflow:hidden; margin:5px 3px 0 0; border:4px solid #eee; cursor:pointer; } #wizard-content .search-images .selected { border:4px solid #c6401b; } #wizard-content .search-images div.clearfix { padding-left:10px; } #wizard-content .upload-image p { padding-left:15px; padding-top:4px; } /* question form **/ #wizard-content .numbered-values b, #wizard-content .numbered-values a { vertical-align: middle; } #wizard-content .numbered-values input { width:220px; vertical-align: middle; } /* topic preview */ #wizard-content .preview #url-outer { margin:10px 0 0; background:transparent url(/media/img/rust/temp/preview-url-left.png) scroll no-repeat top left; padding-left:12px; } #wizard-content .preview #url-inner { background:transparent url(/media/img/rust/temp/preview-url-right.png) scroll no-repeat top right; padding-right:11px; } #wizard-content .preview #url { border-top:solid 2px #dee6eb; border-bottom:solid 2px #dee6eb; height:17px; padding:2px 0 0 0; font-size:12px; } #wizard-content .preview #preview-logo { margin:10px 0 2px 10px; } #wizard-content .preview #preview-breadcrumbs { margin:0 0 0 10px; color:#666; font-size: 12px; } #wizard-content .preview #preview-breadcrumbs .display_name { font-weight:bold; } #wizard-content .preview .preview-topic-content { width:400px; } #wizard-content .preview #preview-img-text-wrap { padding:10px 0 10px 10px; } #wizard-content .preview #preview-img { float:left; padding-right:10px; } #wizard-content .preview #image_url_wrap { width:60px; height:60px; overflow:hidden; display: -moz-inline-block; display: inline-block; margin-right: 4px; } #wizard-content .preview #preview-topic-text { position: relative; padding:10px 0 4px 0; font-size: 15px; font-weight:bold; } #wizard-content .preview #preview-fake-question { position: relative; left: 68px; } /* item preview */ #wizard-content .preview #preview-item-tabs { margin:10px 0 0; padding:60px 10px 0; background:transparent url(/media/img/rust/temp/preview-item-tabs.png) scroll no-repeat top left; } #wizard-content .preview #preview-item-tabs #image_url_wrap { float:left; width:85px; height:115px; overflow:hidden; margin:0 20px 0 0; } #wizard-content .preview #preview-item-text { float:left; width:300px; overflow:hidden; } #wizard-content .preview #preview-item-text h6 { color:#bf4726; font-weight:bold; padding-bottom:5px; } #wizard-content .preview #preview-item-text p { font-size:12px; } #wizard-content .preview #preview-item-text p#description-text { overflow:hidden; } #wizard-content .preview #preview-item-readmore { color:#3366cc; text-decoration:underline; padding-top:3px; } #wizard-content ul.next { } #wizard-content .success-text { } #wizard-content .success-text p { padding:1.15em 0 0; } #wizard-content #foot-links { padding:50px 0 0 0; } /* question preview **/ #wizard-content .submit-link { text-align:right; font-size:13px; padding-top:9px; } #wizard-content .preview #preview-q-container { background:#eee; padding:20px; margin-right:10px; } #wizard-content .preview .preview-q-img-text { width:190px; padding-right:10px; } #wizard-content .preview #preview-q-img { float:right; padding:0 0 10px 10px; } #wizard-content .preview #preview-q-text h6 { font-size: 15px; font-weight:bold; } #wizard-content .preview #preview-q-text ul { padding:10px 0 0 20px; } #wizard-content .preview #preview-q-text ul li { padding:6px 0 4px 30px; background:transparent url(/media/img/answer-arrow.png) scroll no-repeat 0 7px; } #wizard-content .preview #preview-ans-imgs { padding:5px 0 0 20px; } #wizard-content .preview #preview-ans-imgs div { float:left; padding:9px 9px 9px 0; } /* Browse *************************************************************************/ #page #browse-content { padding-top:20px; } #page #browse-content .topics ul li.first { border-top:0px; } #page .browse .menu { float:left; width:180px; margin:0 30px 0 0; overflow:hidden; } #page .browse .topics { float:left; width:564px; overflow:hidden; } #page .browse .menu h3 { padding:0 0 5px 0; } #page .browse .menu h3.b-top { padding:20px 0 10px; border-top:1px dotted #888; } #page .browse .menu ul { padding:10px 0 5px; } #page .browse .menu ul li { padding:0 0 5px 0; } #page .browse .menu input.suggest { width:174px; } #page .browse .menu .feedback { padding-top:5px; } #page .browse .topics ul.cat-all { float:left; width:564px; } #page .browse .topics ul li.cat-full { border-top:dotted 1px #888; } #page .browse .topics ul li.cat-full .cat-header { overflow: hidden; zoom: 1; padding: 9px 0; } #page .browse .topics ul li.cat-full h3 { position:relative; } #page .browse .topics ul li.cat-full h3 img.cat-img { position:absolute; left:0px; top:2px; } #page .browse .topics ul li.cat-full h3 span { padding-left:42px; } #page .browse .topics ul li.cat-full a.h-small-link { float:right; } #page .browse .topics .cat-content ul.cols { float:left; width:272px; padding:15px 0 20px 0; } #page .browse .topics .cat-content ul.cols-1 { padding-right:13px; } #page .browse .topics .cat-content ul.cols-2 { padding-right:5px; } #page .browse .topics .cat-content ul li { padding:0 0 5px 0; } #page .browse .topics .disc-ul ul { padding-bottom:20px; } /* Help *************************************************************************/ #page #help-content .menu { border-top:dotted 1px #888; padding-top:10px; } #page #help-content .menu .hard-links { border-top:dotted 1px #888; font-weight:bold; } #page #help-content .topics .cat-name { padding-bottom:0px; } #page #help-content .topics .cat-content { padding-top:5px; padding-bottom:20px; } #page #help-content .topics .cat-content h6 { font-weight:bold; } #page #help-content .topics .cat-content p { padding-top:0; padding-bottom:5px; } #page #help-content .topics .cat-content ul { padding-top:0; padding-bottom:0; } #page #help-content .topics .cat-content table { padding-bottom:0; padding-top:10px;} #page #help-content .topics .cat-content table th { font-weight:bold; } #page #help-content .topics .cat-content table th.col-2 { width:180px; } #page #help-content .topics .cat-content table td { font-weight:inherit; padding:2px 50px 0 0; vertical-align:middle; } #page #help-content .topics .cat-content table td.section { border-bottom:dotted 1px #888; padding-top:15px; padding-bottom:10px;} #page #help-content .topics .cat-content table td.after_section { padding-top:0px; } #page #help-content .topics .cat-question { font-weight:bold; padding-top:15px; } #page #help-content .topics .cat-question a { visibility:hidden; } #page #help-content .topics .cat-question:hover a { visibility:visible; } /* 404/500 *************************************************************************/ #page #error-content p { padding:0 0 1em 0; } /* Tour *************************************************************************/ #page #tour-content { width: 740px; padding-top: 9px; } #page .multi-step ul.steps { float:left; border-bottom:1px dotted #888; } #page .multi-step ul.steps li { float:left; border-right:2px solid #ffffff; } #page .multi-step ul.steps li.last { border-right:0px; } #page .multi-step ul.steps li a, #page .multi-step ul.steps li .fore { display:block; padding:2px 8px 3px; font-weight:bold; text-decoration:none; } #page .multi-step ul.steps li a em, #page .multi-step ul.steps li .fore em { font-size:20px; line-height:24px; font-style:normal; } #page .multi-step ul.steps li .fore { background:#8e99a0; color:#fff; } #page .multi-step ul.steps li a { background:#eee; color:#8e99a0; } #page .multi-step ul.steps-nol { float:left; border-bottom:1px dotted #888; padding-top: 12px; } #page .multi-step ul.steps-nol li { float:left; position: relative; display:block; padding:0 12px; background:#eee; font-size: 15px; color:#888; font-weight:bold; text-decoration:none; } #page .multi-step ul.steps-nol li em { font-size:20px; line-height: 24px; font-style:normal; color:#bbb; } #page .multi-step ul.steps-nol li.fore { background:#8e99a0; color:#fff; } #page .multi-step ul.steps-nol li.fore em { color:#fff; } #page .multi-step .prose, #page .multi-step .footer { padding:18px 0 0; } #page .multi-step .prose h3 { font-size:24px; line-height: 36px; } #page .multi-step .prose h6 { font-size: 20px; line-height: 36px; color:#555; } #page .multi-step .prose .img { position: relative; display:block; margin:0 auto 34px; padding: 18px; border: 1px solid #bbb; } /* Widgets *************************************************************************/ dl.accordion-menu { width:100%; background:white; } dl.accordion-menu dt.a-m-t { background:white; padding:0.3em 1em; color:#555555; border-top:1px dotted #888; } dl.accordion-menu dt.a-m-t-hover{ background:#bbbbbb; } dl.accordion-menu dt.a-m-t-down{ } html.accordion-menu-js dt.a-m-t{ cursor:pointer; zoom:1; } dl.accordion-menu dd.a-m-d { margin:0; padding:0; padding:0; } html.accordion-menu-js dd.a-m-d{ display:none; } html.accordion-menu-js dd.a-m-d-expand { display:block; } html.accordion-menu-js dd.a-m-d-before-expand { display:block; position:relative; z-index:-1; opacity:0; height:auto !important; visibility:hidden; overflow:visible; } html.accordion-menu-js dt.a-m-t-expand { color:black; background:#dedede; } html.accordion-menu-js dd.a-m-d-anim { overflow:hidden; display:block; } dl.accordion-menu dd.a-m-d .bd{ padding:0.5em; } /* Track contributions *************************************************************************/ #page #track-header { padding:10px 0 30px; border-top:1px dotted #888; } #page #track-header div.fr { } #page #contr-table tr td.col-2 .clearfix img { padding:2px 8px 0 0;} #page #contr-table tr .col-1 { padding-right:30px; width:100px; } #page #contr-table tr .col-2, #page #contr-table tr .col-2-2, #page #contr-table tr .col-3 { padding-right:30px; } #page #contr-table tr .col-2-1 { padding-right:10px; } #page #contr-table tr .col-4 { padding-right:15px; text-align: center; } #page #contr-table tr .col-5 { padding-right:5px; width:7em; text-align: center; } #page #contr-table tr .col-2 img, #page #contr-table tr .col-2-1 img { vertical-align: middle; } #page #contr-table .active { } #page #contr-table .pending { } #page #contr-table .training { } #page #contr-table .denied { color:#aa220c; } #page #contr-table tr img.left { margin-bottom: 3px; } /* All Questions *************************************************************************/ #page #all-qs-header { padding-top:10px; } #page #all-qs-header a { } #page #all-qs-table { margin-top:20px; } #page #all-qs-table .col-2 { padding-left:20px; padding-right:30px; } #page #all-qs-table .col-3, #page #all-qs-table .col-4, #page #all-qs-table .col-5 { width:7em; text-align:center; padding-left:5px; padding-right:5px; } #page #all-qs-table .show-ans { font-size:95%; } #page #all-qs-table .ans { padding-top:8px; } #page #all-qs-table .ans img { padding-left:5px; } /* Topic Info *************************************************************************/ #page #topic-info h1 a.switch { font-size:13px; font-weight:normal; padding-left:2px; } #page #topic-info #topic-facts { padding-top:18px; } #page #topic-info #topic-facts .l-side { float:left; width:125px; padding:0 0 20px; } #page #topic-info #topic-facts .r-side { float:left; width:655px; padding:0 0 0 20px; } #page #topic-info #topic-facts .r-side table { width:100%; } #page #topic-info #topic-facts .r-side table td { vertical-align:top; } #page #topic-info #topic-facts .r-side table b { font-size:1.15em; font-weight:bold; } #page #topic-info #topic-facts .r-side table .light { color:#888; } #page #topic-info #topic-facts .r-side table .light em { font-weight:bold; font-style:normal; } #page #topic-info #topic-facts .r-side table th { color:#888; width:150px; } #page #topic-info #topic-facts .r-side .names { margin-bottom:20px; } #page #topic-info #topic-facts .r-side .names td, #page #topic-info #topic-facts .r-side .names th { padding-bottom:8px; vertical-align:top; } #page #topic-info #topic-facts .r-side .names img { display: inline; vertical-align: middle; } /* fix messed up line-height stuff in ff */ #page #topic-info .graph { color:#888; } #page #topic-info .graph img { padding-left:20px; } #page #topic-info .tabular { margin-top:36px; } #page #topic-info .tabular table { margin-top:9px; } #page #topic-info #add-tags { margin:10px 0 20px; } #page #topic-info #add-tags input { margin-right:7px; vertical-align:top; } #page #topic-info table .img-wrap { height:115px; padding-right:5px; } #page #topic-info .h-table td { padding-right:36px; } #page #topic-info .h-table td img.flag { cursor: pointer; } /* Generic Css *************************************************************************/ /* TODO - put this higher in the CSS */ /* items **/ /* questions **/ .g-question { float: left; width: 414px; margin: 0 30px 18px 0; padding: 18px; color: #333; } /* Topic Builder *************************************************************************/ #page #topic-builder { background:#eee; padding: 9px 10px; margin-bottom:18px; } #page #topic-builder h3 { font-size: 20px; line-height: 24px; } #page #topic-builder-content { padding-right:140px; } /* Browse Categories *************************************************************************/ body.browse-topics #page { width: 960px; } body.browse-topics #page .cols a { color: #333; } body.browse-topics #page .cols a:hover { color: #004b73; } body.browse-topics #page .cols a:active { color: #000; } body.browse-topics #page a.dim { color: #609cbf; /*#7ca7bf; /*#8bbbd6; /*a3c3d5;*/ } #page #browse-categories { padding-top:20px; } #page #browse-categories .topics ul li.first { border-top:0px; } #page #browse-categories .menu-left { float:left; width:275px; padding-right:30px; overflow:hidden; } #page #browse-categories .menu { position:relative; padding: 9px 0; margin: 0; overflow:hidden; } #page #browse-categories .topics { float:left; width:655px; overflow:hidden; } #page #browse-categories .menu h3 { padding:0 0 0 10px; } #page #browse-categories .menu ul { padding:0 0 5px; } #page #browse-categories .menu ul li { width:265px; height:36px; padding:18px 0 0 10px; overflow:hidden; } #page #browse-categories .menu ul li.this { background:transparent url(/media/img/browse-arrow.png) scroll no-repeat left top; } #page #browse-categories .menu ul li a:link, #page #browse-categories .menu ul li a:visited { background-color:transparent; } #page #browse-categories .menu ul li a:hover, #page #browse-categories .menu ul li a:active { text-decoration:underline; background-color:transparent; } #page #browse-categories .menu ul li h6 { font-size:15px; overflow:hidden; } #page #browse-categories .menu ul li h6 a { color: #555; font-weight: bold; } #page #browse-categories .menu ul li p { font-size: 12px; } #page #browse-categories .menu ul li p a { color: #555; } #page #browse-categories .topics ul.cat-all { float:left; width:655px; } #page #browse-categories .topics ul li.cat-full h3 { position:relative; padding:9px 0; } #page #browse-categories .topics ul li.cat-full h3 img.cat-img { position:absolute; left:0px; top:2px; } #page #browse-categories .topics ul li.cat-full h3 span { padding-left:42px; } #page #browse-categories .topics ul li.cat-full h3 a { float:right; } #page #browse-categories .topics ul li.cat-full .header { margin-top: 18px; } #page #browse-categories .topics ul li.cat-full .header h3 { padding: 0; } #page #browse-categories .topics .cat-content ul.cols { padding:15px 0 20px 0; } #page #browse-categories .topics .cat-content ul li { font-size:15px; padding:0 0 6px 0; } #page #browse-categories .topics .cat-content ul li img { vertical-align:baseline; } #page #browse-categories .topics .cat-content ul li .sub-topics { display: none; position: relative; padding: 9px 0 9px 20px; font-size: 12px; } #page #browse-categories .topics .cat-content p { color:#888; padding:10px 0 20px 0; } /* Clusters Page *************************************************************************/ #page #clusters-content .l-side { float:left; width:500px; padding-right:34px; } #page #clusters-content .r-side { float:left; width:240px; } #page #clusters-content .r-side h1 { font-size: 15px; } #page #clusters-content .r-side .sub-h { text-align:right; } #page #clusters-content .r-side .sub-fade { padding-top:20px; } #page #clusters-content h1 { padding-bottom:3px; } #page #clusters-content .sub-fade { padding-bottom:20px; } #page #clusters-content .sub-h { color:#888; padding-bottom:18px; } #page #clusters-content .sub-h p { height:1.15em; } #page #clusters-content .other-clusters p { float:left; padding-right:20px; } #page #clusters-content .people ul li { float:left; width:80px; height:80px; padding:0 15px 20px 5px; } #page #clusters-content .h-table tr td { color:#000; } #page #clusters-content .h-table tr td.col-1 { padding-right:20px; } #page #clusters-content .people ul li { float:left; padding:0 15px 20px 5px; } #page #clusters-content .people { padding-bottom:20px; } #page #clusters-content .favorite-topics ul { padding-left:10px; } #page #clusters-content .favorite-results ul { padding-left:20px; } #page #clusters-content .favorite-results ul li { float:left; width:50px; height:50px; padding:0 15px 20px 5px; } #page #clusters-content .characteristics .sub-fade div { padding:0 0 18px; } /* Blog *************************************************************************/ #page #header img#blog-logo { position:absolute; bottom:0; left:26px; } #page #blog-content { position:relative; } #page #blog-content #side-bar { float:left; width:180px; padding:50px 0 20px 0; } #page #blog-content #posts { float:right; width:560px; } #page #blog-content #side-bar h2 { padding-bottom:18px; } #page #blog-content #side-bar .archive { padding:0 0 20px 0; border-bottom:1px dotted #888; } #page #blog-content #side-bar .archive ul { padding-bottom:10px; } #page #blog-content #side-bar .archive p a { font-weight:bold; text-decoration:none; } #page #blog-content #side-bar .archive p a:hover, #page #blog-content #side-bar .archive p a:active { text-decoration:underline; } #page #blog-content #side-bar .about { padding:20px 10px 0 0; } #page #blog-content #side-bar .about p { color:#888; } #page #blog-content #posts .post { border-bottom:1px dotted #888; } #page #blog-content .post { padding:20px 0 30px; } #page #blog-content .post h1 { color:#000; font-weight:normal; padding-bottom:15px; } #page #blog-content .post img.left { float:left; padding:0 15px 10px 0; } #page #blog-content .post img.right { float:right; padding:0 0 10px 15px; } #page #blog-content .post .content p { padding:0 0 18px 0; } #page #blog-content .post .content ul { list-style-type:disc; list-style-position:outside; margin-left:2em; padding-bottom: 18px; } #page #blog-content .post .content ul li { padding:2px 0 3px; } #page #blog-content .post .content .quote, #page #blog-content .post .content blockquote { background:#eee; padding:20px; } #page #blog-content .post .content blockquote { padding-bottom:0; margin-bottom:1em; } #page #blog-content .post .footer p { font-size:12px; color:#888; padding:2px 0 2px 0; } #page #blog-content .post .postmetadata a { color:#888; } #page #blog-content .blog-list ul { list-style-type:disc; list-style-position:outside; margin-left:2em; padding:0 0 20px 0; } #page #blog-content .blog-list ul li ul { padding:.5em 0; } #page #blog-content .blog-list ul li ul li { font-size:1em; } #page #blog-content .navigation { font-size:12px; padding:5px 0 15px; color:#888; } #page #blog-content .navigation .alignleft { float:left; } #page #blog-content .navigation .alignright { float:right; } #page #blog-content .navigation a { color:#888; } /* Follow er/ing See More *************************************************************************/ #page #follow ul.users { padding:20px 0 20px 20px; } #page #follow ul.users li { float:left; height:134px; width:90px; padding:0 15px 30px 0; text-align:center; overflow:hidden; } #page #follow ul.users li div { font-size:12px; padding:1px 0 2px; } #page #follow .actions { color:#888; } /* Follow er/ing See More *************************************************************************/ #page #favorites { padding-top:10px; } #page #favorites ul.objects { padding-top:10px; } #page #favorites ul.objects li { float:left; width:367px; padding-bottom:20px; overflow: hidden; } #page #favorites ul.objects li.odd { clear:left; padding-right:40px; } #page #favorites ul.objects li .l { float:left; width:100px; height:80px; } #page #favorites ul.objects li .r { float:left; width:267px; } #page #favorites ul.objects li .r p { font-size:12px; }