X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fneo%2Fcss%2Fdisplay.css;h=2ca98319637b2a51fff4fde37a9d42c82179b972;hb=07d9832ce9d5d1cf0e11adf23916793e2aa616e5;hp=61258bfab65407bf24e2e43d96341dd340429c44;hpb=5bc6a8c614d371529972183fc75531cbeaa25585;p=quix0rs-gnu-social.git diff --git a/theme/neo/css/display.css b/theme/neo/css/display.css index 61258bfab6..2ca9831963 100644 --- a/theme/neo/css/display.css +++ b/theme/neo/css/display.css @@ -7,6 +7,26 @@ * @link http://status.net/ */ +@font-face { + font-family: 'Lato'; + src: url('../fonts/lato-regular-webfont.eot?') format('eot'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#webfontCjmEHx3G') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Lato'; + src: url('../fonts/lato-bold-webfont.eot?') format('eot'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#webfontCjmEHx3G') format('svg'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Lato'; + src: url('../fonts/lato-italic-webfont.eot?') format('eot'), url('../fonts/lato-italic-webfont.woff') format('woff'), url('../fonts/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato-italic-webfont.svg#webfontCjmEHx3G') format('svg'); + font-weight: normal; + font-style: italic; +} @media screen, projection, tv { @@ -203,12 +223,14 @@ address { #site_nav_local_views a { display: block; - padding: 0px 0px 1px 10px; + width: 118px; + padding: 0px 10px 1px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); + word-wrap: break-word; } #site_nav_local_views a:hover, #site_nav_local_views .current a { @@ -283,11 +305,11 @@ address { position: relative; float: left; width: 520px; - padding-bottom: 15px; + padding-bottom: 20px; } #input_form_status, #input_form_direct { - padding-bottom: 45px; + padding-bottom: 50px; } .form_notice { @@ -305,8 +327,8 @@ address { } .form_notice_placeholder .placeholder { - width: 473px; - padding: 4px 10px 4px 10px; + width: 508px; + padding: 4px 4px 4px 6px; border: 1px solid #a6a6a6; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -316,12 +338,13 @@ address { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); z-index: 97; font-size: 1em; + color: #888; } .form_notice textarea { - width: 473px; + width: 483px; height: 42px; - padding: 6px 10px 18px 10px; + padding: 6px 5px 18px 5px; border: 1px solid #a6a6a6; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -334,7 +357,7 @@ address { } #form_notice-direct.form_notice textarea { - width: 498px; + width: 508px; } .form_notice label.notice_data-attach { @@ -353,7 +376,7 @@ address { .form_notice .count { position: absolute; top: 50px; - right: 35px; + right: 32px; font-size: 0.8em; height: 1em; z-index: 99; @@ -361,16 +384,16 @@ address { #form_notice-direct.form_notice .count { top: 80px; - right: 10px; + right: 7px; } .form_notice #notice_action-submit { position: absolute; top: 100%; left: 0px; - margin-top: -44px; + margin-top: -49px; float: left; - width: 90px; + width: 100px; padding: 0px; z-index: 99; } @@ -387,6 +410,9 @@ address { margin-top: 10px; padding: 5px 5px 5px 10px; border: 1px solid #ccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } .form_notice .error { @@ -403,7 +429,78 @@ address { } .input_form fieldset fieldset { - margin-bottom: 10px !important; + width: 400px; + float: left; + background: none; + border: none; + margin-bottom: 0px !important; + padding: 0px !important; +} + +.input_form .form_settings .form_data li { + position: relative; + margin-bottom: 12px; +} + +.input_form fieldset fieldset label { + position: absolute; + top: 0; + left: 6px; + float: none; + text-align: left; + color: #888; + cursor: text; +} + +.input_form .form_settings li input { + width: 388px; + margin-left: 0; + margin-right: 0; + padding: 4px 5px 4px 5px; + border: 1px solid #a6a6a6; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + font-size: 1em; +} + +.input_form .form_settings li textarea { + width: 388px; + margin-left: 0; + padding: 4px 5px 4px 5px; + border: 1px solid #a6a6a6; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + z-index: 97; + font-size: 1em; +} + +.input_form .form_settings p.form_guide { + margin-left: 5px; +} + +.input_form .form_settings .submit { + position: relative; + top: 0; + right: 0; + float: right; + width: 100px; + height: 26px; + line-height: 26px; + padding: 0px 10px; + margin: 0px; + color:#fff; + font-weight: bold; + text-transform: uppercase; + font-size: 1.1em; + z-index: 1; } .to-selector { @@ -412,15 +509,16 @@ address { } .form_settings label[for=notice_to] { - margin-left: 100px; - margin-right: 5px; + left: 5px; + margin-left: 0px; + margin-right: 10px; + position: relative; + clear: left; } .checkbox-wrapper { padding: 2px; - clear: left; - display: block; - margin-left: 26%; + margin-left: 10px; } .form_notice .checkbox-wrapper { @@ -433,6 +531,7 @@ address { margin-top: 6px; line-height: 1.2em; left: -3px; + float: none; } .checkbox-wrapper #notice_private { @@ -445,6 +544,11 @@ address { opacity: 0.6; } +.checkbox-wrapper.unchecked label.checkbox:hover { + opacity: 1; + cursor: pointer; +} + .checkbox-wrapper.checked label.checkbox { padding-left: 20px; background: url(../images/lock.png) no-repeat 0px 0px; @@ -452,6 +556,10 @@ address { opacity: 1; } +.checkbox-wrapper.checked label.checkbox:hover { + cursor: pointer; +} + #aside_primary { width: 218px; float: left; @@ -481,6 +589,18 @@ address { text-transform: uppercase; } +.profile_block .entity_actions { + float: right; + width: 110px; + margin-top: 2px; + margin-bottom: 2px; +} + +.profile_block .entity_moderation:hover ul, +.profile_block .entity_role:hover ul { + right: 20px; +} + .profile_block_name { font-size: 14px; font-weight: bold; @@ -494,18 +614,35 @@ address { line-height: 1.2em; } -.profile_block .entity_actions { - float: left; - margin-left: 0px; +#site_nav_object ul { + background: url('../images/brdr_black_dot.png') repeat-x top left; } -.profile_block .entity_moderation:hover ul, -.profile_block .entity_role:hover ul { - left: 20px; +#site_nav_object li { + display: block; + margin: -8px 0px 8px 0px; + padding-top: 8px; } -.profile_block a.profiledetail { +#site_nav_object a { + font-size: 14px; display: block; + padding: 0px 0px 1px 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + text-transform: uppercase; + text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); +} + +#site_nav_object a:hover, #site_nav_object .current a { + color: #fff; + text-decoration: none; + text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); + background: #364a84; + background: -moz-linear-gradient(top, #7b8dbb , #364a84); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 ); } .section ul.entities { @@ -513,8 +650,8 @@ address { } .section .entities li { - margin-right: 23px; - margin-bottom: 12px; + margin-right: 3.6px; + margin-bottom: 5px; width: 24px; } @@ -539,6 +676,36 @@ address { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } +.invite_button { + height: 2.1em; + line-height: 2.1em; + display: block; + text-align: center; + color:#fff; + font-weight: bold; + text-transform: uppercase; + font-size: 1.2em; + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); + border: 1px solid #d7621c; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background: #FB6104; + background: -moz-linear-gradient(top, #ff9d63 , #FB6104); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 ); +} + +.invite_button:hover { + color: #fff; + text-decoration: none; + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); + background: #ff9d63; + background: -moz-linear-gradient(top, #FB6104 , #fc8035); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 ); +} + #content h1 { border-bottom: 3px solid #A6ADBF; color: #A6ADBF; @@ -552,7 +719,7 @@ address { } #content .notice { - padding-bottom: 14px; + padding-bottom: 4px; border-bottom: 2px dotted #eee; } @@ -563,7 +730,7 @@ address { #content .notice .author .photo { left: 0px; - top: 9px; + top: 7px; } #content .notice .entry-title { @@ -603,6 +770,7 @@ div.entry-content a.response:after { .notice-options { margin-top: 4px; + margin-bottom: 10px; } .threaded-replies { @@ -611,12 +779,17 @@ div.entry-content a.response:after { width: 458px; margin-left: 59px; margin-top: 10px; + margin-bottom: 10px; padding-right: 2px; border-left: 3px solid #ECECF2; background: #fafafa; font-size: 1em; } +.user_in .threaded-replies { + margin-top: 0px; +} + #content .notice .threaded-replies .notice, #content .notice .threaded-replies .notice-data { width: 440px; @@ -638,7 +811,7 @@ div.entry-content a.response:after { #content .threaded-replies .notice .author .photo { height: 24px; width: 24px; - top: 14px; + top: 12px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); @@ -652,7 +825,16 @@ div.entry-content a.response:after { clear:left; float:left; margin-left: 35px; - margin-top: 4px !important; + margin-top: 6px !important; +} + +#content .notice .threaded-replies .notice div.entry-content.notice-faves { + margin-top: 2px !important; +} + +#content .notice .threaded-replies .notice .notice-options { + margin-top: 5px; + margin-bottom: 0px; } .threaded-replies li { @@ -666,6 +848,15 @@ div.entry-content a.response:after { .threaded-replies .placeholder { margin: 10px; width: 426px; + padding: 4px 4px 4px 6px; + border: 1px solid #a6a6a6; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + color: #888; } .threaded-replies .notice-reply { @@ -676,7 +867,7 @@ div.entry-content a.response:after { } .threaded-replies .form_notice textarea { - width: 385px; + width: 395px; } .threaded-replies .form_notice label.notice_data-attach { @@ -697,6 +888,7 @@ div.entry-content a.response:after { .threaded-replies .form_notice #notice_action-submit { left: 10px; + margin-top: -44px; } .threaded-replies .form_notice .error, @@ -705,6 +897,27 @@ div.entry-content a.response:after { width: 390px; } +.threaded-replies .to-selector { + display: none; +} + +.user_in.realtime-popup .notice div.entry-content { + max-width: 320px; +} + +.realtime-popup .threaded-replies { + margin-left: 15px; +} + +.realtime-popup .threaded-replies .form_notice textarea { + width: 385px !important; +} + +.realtime-popup .threaded-replies .form_notice label.notice_data-attach { + top: 10px !important; + right: 10px !important; +} + #content .notice .notice { width: 100%; margin-left: 0; @@ -750,7 +963,7 @@ background-color:rgba(200, 200, 200, 0.300); margin-bottom: 10px; } -.entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input { +.entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input, .entity_actions input.submit { text-shadow:0 1px 0 rgba(255,255,255,0.4); border-radius: 4px; -moz-border-radius: 4px; @@ -835,7 +1048,7 @@ background-color:rgba(200, 200, 200, 0.300); .error, .success, .notice-status { background-color: #F7E8E8; - padding: 4px; + padding: 4px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; @@ -910,10 +1123,6 @@ background-color:rgba(200, 200, 200, 0.300); margin-left: 26%; } -#form_search ul.form_data #q { - margin-left: 10px; -} - .form_settings fieldset fieldset { margin-bottom: 30px; padding-top: 25px; @@ -941,58 +1150,41 @@ vertical-align:top; padding-right:0; } +/* Search */ -#realtime_actions { - position: relative !important; - float: right; - padding-top: 15px; - margin-bottom: -8px !important; +#form_search { + padding-bottom: 10px; + margin-bottom: 20px; + background: url('../images/brdr_black_dot.png') repeat-x bottom left; } -.realtime-popup #content { - padding-left: 4px !important; - padding-right: 4px !important; - margin-right: 0px; - left: 0; - right: 0; - width: 400px; - overflow: visible; +#form_search fieldset { + margin-bottom: 0px; } -.realtime-popup .threaded-replies { +#form_search ul.form_data #q { margin-left: 10px; + width: 210px; } -.realtime-popup .input_forms { - display: none; /* XXX fixme! */ -} - -.realtime-popup .form_notice textarea { - width: 325px !important; -} - -.realtime-popup .form_notice #notice_action-submit { - top: 59px !important; - right: 6px !important; +#form_search input.submit { + height: 1.6em; + line-height: 1.6em; + font-size: 1.1em; + padding-bottom: 2px; + margin-left: 5px; } -.realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach { - right: 74px; - top: 3px !important; +#noticesearch .entity_actions { + margin: 0px; } -.realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input { - right: 8px; - top: 3px !important; +#noticesearch p.error { + margin-top: 60px; } - /* Bookmark specific styles */ -#content .bookmark .entry-title { - margin-left: 0px; -} - .bookmark h3 { margin: 0px 0px 8px 0px; float: left; @@ -1122,50 +1314,94 @@ ul.bookmark-tags a:hover { margin-bottom: 10px; } +#form_initial_bookmark.form_settings .form_data li { + margin-bottom: 0px; +} + +#form_new_bookmark.form_settings .bookmarkform-thumbnail { + position: absolute; + top: 50px; + right: 0px; +} + /* Onboard specific styles */ -.onboard-flash { - position: relative; - right: -800px; - top: 10px; - border-radius: 6px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - font-size: 1.1em; - box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); - -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); +#cboxOverlay{ + background: url(../images/lightbox_bg.png) repeat 0 0 !important; +} + +#cboxContent{ + background: #fff url(../logo.png) no-repeat 10px bottom !important; +} + +.onboard_iframe { + background: none; + padding: 10px; } -.onboard-flash p { +.onboard_welcome p { margin-bottom: 10px; } -.onboard-flash .next:before { - content: '\00BB'; - padding-right: 6px; +.onboard_welcome ul { + list-style-type: none; + margin-bottom: 10px; } -.onboard-breadcrumbs { - margin-bottom: 16px !important; +.onboard_welcome ul li { + background: url(../images/resultset_next.png) no-repeat 0px 3px; + padding-left: 20px; + margin-left: 10px; } -.onboard-breadcrumbs li { - background: none !important; - border-top: none !important; - padding: 6px 12px 2px 0px !important; +#aside_primary #onboard_section { + background: #f2f2f2; + width: 198px; + padding: 10px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border: 1px solid #516499; + background: #fafafa; } -.onboard-breadcrumbs li:last-child { - padding-right: 0px !important; +#onboard_section H2 { + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + position: relative; + top: -11px; + left: -11px; + padding: 2px 0px 2px 10px; + margin-right: -22px; + margin-bottom: 5px; + color: #fff; + text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); + background: #364A84; + background: -moz-linear-gradient(top, #516499 , #364a84); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 ); } -.onboard-breadcrumbs a { - text-decoration: none; +#onboard_section ul { + list-style-type: none; } -.onboard-breadcrumbs a:hover { - color: #3e3e8c !important; +#onboard_section .onboard-step-incomplete { + background: url(../images/resultset_next.png) no-repeat 0px 1px; + padding-left: 20px; + margin-bottom: 10px; +} + +#onboard_section .onboard-step-complete { + background: url(../images/tick.png) no-repeat 0px 1px; + padding-left: 20px; + margin-bottom: 10px; + text-decoration: line-through; + color: #555; } /* Billing specific styles */ @@ -1194,16 +1430,7 @@ ul.bookmark-tags a:hover { /* Directory specific styles */ -td.entity_profile { - width: auto; -} - -#user_directory { - position: relative; - top: -20px; -} - -div#user_directory div.alpha_nav > a { +div#profile_directory div.alpha_nav > a { border-left: 1px solid #ccc !important; padding-left: 3.5px !important; padding-right: 4px !important; @@ -1212,16 +1439,20 @@ div#user_directory div.alpha_nav > a { line-height: 1.4em; } -div#user_directory div.alpha_nav > a.first { +div#profile_directory div.alpha_nav > a.first { border-left: none !important; } -div#user_directory div.alpha_nav a.current { +div#profile_directory div.alpha_nav a.current { background-color: #ECECF2 !important; } table.profile_list { - margin-top: 10px; + margin-top: 25px; +} + +.profile_list th { + font-size: 0.8em; } .profile_list th#created { @@ -1229,25 +1460,112 @@ table.profile_list { } .profile_list th#subscriptions { - width: 120px; + width: 90px; +} + +.profile_list th.current { + background: none !important; +} + +.profile_list th.current.reverse { + background: none !important; +} + +.profile_list th.current a { + padding-right: 25px; + background: url(../images/bluearrow_down.png) no-repeat top right; +} + +.profile_list th.current.reverse a { + background: url(../images/bluearrow_up.png) no-repeat top right; } table.profile_list tr.alt { background-color: #fafafa !important; + border: none !important; } -.profile_list .entity_actions { - width: 30px; - height: 26px; - margin-right: 5px; +td.entity_profile { + width: auto; + min-width: 250px; +} + +.profile_list .fn { + display: block; + font-size: 1.1em; + width: auto; +} + +.profile_list .nickname, .profile_list .fn.nickname { + position: relative; + top: -8px; + display: block; + margin-bottom: -12px; + font-size: 1.4em; +} + +.profile_list .label { + display: block; + margin-left: 59px !important; +} + +.profile_list .note { + font-size: 0.88em; + line-height: 1.36em; +} + +.profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count { + font-size: 0.88em; +} + +.profile_list td.entity_actions { + width: 24px; + max-width: 24px; + min-width: 24px; + height: 20px; + padding-left: 6px !important; + position: relative; + float: none; + display: table-cell !important; +} + +.profile_list .entity_actions ul { + position: absolute; + right: 20px; } .profile_list .entity_actions input { - width: 26px; - height: 26px; + width: 22px; + height: 22px; + padding-top: 1px; + padding-right: 0px; + padding-left: 20px; display: block; overflow: hidden; font-size: 0em; + border: 1px solid #CDD1DD; +} + +.profile_list .form_group_leave input.submit, +.profile_list .form_user_unsubscribe input.submit { + background-position: 2px -1250px; +} + +.profile_list .form_group_join input.submit, +.profile_list .form_user_subscribe input.submit { + background-position: 2px -1184px; +} + +.profile_list .entity_actions input:hover { + width: auto; + padding-right: 10px; + overflow: visible; + font-size: 1em; + line-height: 1.3em; + border: 1px solid #A6ADBF; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); } /* Event specific styles */ @@ -1301,6 +1619,24 @@ table.profile_list tr.alt { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 ); } +#input_form_event .form_settings .form_data { + float: left; +} + +#input_form_event .form_settings .form_data li { + float: left; + width: auto; +} + +#input_form_event .form_settings .form_data label { + width: auto; +} + +#event-startdate, #event-starttime, #event-enddate, #event-endtime { + width: 120px; + margin-right: 20px; +} + /* Limited-scope specific styles */ .limited-scope .entry-content .timestamp { @@ -1315,6 +1651,25 @@ table.profile_list tr.alt { left: 0px; } +.limited-scope li .entry-content .timestamp { + padding-left: 0px; +} + +.limited-scope li .entry-content .timestamp:before { + content: none; +} + +.limited-scope li.limited-scope .entry-content .timestamp { + padding-left: 20px; +} + +.limited-scope li.limited-scope .entry-content .timestamp:before { + content: url(../images/lock.png); + position: absolute; + top: -2px; + left: 0px; +} + /* QnA specific styles */ #content .question .entry-title, #content .qna-full-question .entry-title { @@ -1345,22 +1700,65 @@ table.profile_list tr.alt { content: ')'; } +.question .notice-answer { + margin-left: 10px; + padding-bottom: 10px; +} + +ul.qna-dummy { + clear: left; + float: left; + list-style-type: none; + width: 458px; + margin-left: 59px; + padding-right: 2px; + border-left: 3px solid #ECECF2; + background: #fafafa; + font-size: 1em; +} + +ul.qna-dummy + ul.threaded-replies li.notice:first-child { + border-top: 2px dotted #eee; + margin-top: -10px; + padding-top: 10px; +} + +.qna-dummy-placeholder input { + margin: 10px; + width: 426px; + padding: 4px 4px 4px 6px; + border: 1px solid #a6a6a6; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + color: #888; +} + +li.notice-answer + li.notice { + border-top: 2px dotted #eee; + margin-top: -10px; + padding-top: 10px; +} + .question fieldset, .qna-full-question fieldset { margin: 0px; } -.question fieldset legend, .qna-full-question fieldset legend { +.question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend { display: none; } -.question label[for=answer], .qna-full-question label[for=answer] { +.question label[for=qna-answer], .qna-full-question label[for=qna-answer] { display: none; } -.question textarea, .qna-full-question textarea { - width: 100%; - height: 42px; - padding: 6px 10px 18px 10px; +.question #qna-answer, .qna-full-question #qna-answer { + width: 426px; + height: 54px; + padding: 6px 5px; border: 1px solid #a6a6a6; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -1369,12 +1767,12 @@ table.profile_list tr.alt { -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); font-size: 1.2em; - margin-top: 15px; + margin-top: 10px; margin-bottom: 10px; } .qna-full-question textarea { - width: 473px; + width: 508px; } .question-description input.submit, .answer-content input.submit { @@ -1408,4 +1806,9 @@ table.profile_list tr.alt { margin-top: 0px; } +.question p.best, .answer p.best { + background: url(../images/rosette.png) no-repeat top left; + padding-left: 20px; +} + }/*end of @media screen, projection, tv*/