X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fneo%2Fcss%2Fdisplay.css;h=cd3b46c9e0aeb5971f55efe60fc34d09e2cacfad;hb=ad264b70e109f9fc6c8a9038a64fed125aee1fa6;hp=e23f64e557fb0356808d092d01417690657de0d8;hpb=9145ce4259676143f42292521d9a6318a3b6be09;p=quix0rs-gnu-social.git diff --git a/theme/neo/css/display.css b/theme/neo/css/display.css index e23f64e557..cd3b46c9e0 100644 --- a/theme/neo/css/display.css +++ b/theme/neo/css/display.css @@ -84,10 +84,6 @@ h6 {font-size: 1em;} #footer { top: -6px; - -webkit-border-top-left-radius: 6px; - -webkit-border-top-right-radius: 6px; - -moz-border-radius-topleft: 6px; - -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } @@ -96,13 +92,15 @@ h6 {font-size: 1em;} #site_nav_global_primary { top: 10px; - -webkit-border-top-right-radius: 6px; - -moz-border-radius-topright: 6px; border-top-right-radius: 6px; background: #364A84; - background: -moz-linear-gradient(top, #516499 , #364a84); + background: -moz-linear-gradient(top, #516499 0%, #364a84 100%); 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 ); /* XXX move all to ie.css */ + background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%); + background: -o-linear-gradient(top, #516499 0%,#364a84 100%); + background: -ms-linear-gradient(top, #516499 0%,#364a84 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 ); + background: linear-gradient(top, #516499 0%,#364a84 100%); } #site_nav_global_primary li { @@ -129,9 +127,36 @@ h6 {font-size: 1em;} text-decoration: none; } +#header-search { + top: 1px; + margin-left: 6px; +} + +#header-search #search-q { + position: relative; + width: 131px; + height: 12px; + margin-right: 10px; + padding: 2px 22px 2px 6px; + border-radius: 4px; + border: none; + font-size: 0.88em; +} + +#header-search input[type="submit"] { + border: 0; + background: url(../images/magnifier.png) no-repeat 2px 1px; + text-indent: -9999px; + width: 20px; + height: 18px; + position: absolute; + right: 10px; + top: 2px; + z-index: 2; + cursor: pointer; +} + #site_notice { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; border-radius: 6px; } @@ -151,8 +176,6 @@ h6 {font-size: 1em;} display: block; float: left; padding: 0px 10px 1px 10px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ECECF2; font-weight: bold; @@ -160,9 +183,13 @@ h6 {font-size: 1em;} color: #3e3e8c; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); background: #ececf2; - background: -moz-linear-gradient(top, #ffffff , #ececf2); + background: -moz-linear-gradient(top, #ffffff 0%, #ececf2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2)); + background: -webkit-linear-gradient(top, #ffffff 0%,#ececf2 100%); + background: -o-linear-gradient(top, #ffffff 0%,#ececf2 100%); + background: -ms-linear-gradient(top, #ffffff 0%,#ececf2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 ); + background: linear-gradient(top, #ffffff 0%,#ececf2 100%); } #input_form_nav li:hover a, #input_form_nav li.current a { @@ -170,9 +197,13 @@ h6 {font-size: 1em;} text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); border: 1px solid #ececf2; background: #364a84; - background: -moz-linear-gradient(top, #7b8dbb , #364a84); + background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84)); + background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%); + background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%); + background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 ); + background: linear-gradient(top, #7b8dbb 0%,#364a84 100%); } .input_form_nav_tab a, .input_form_nav_tab.current a { @@ -182,8 +213,6 @@ h6 {font-size: 1em;} .form_notice .error, .form_notice .success, .form_notice .notice-status { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; border-radius: 4px; } @@ -191,13 +220,9 @@ h6 {font-size: 1em;} .form_notice textarea , .input_form .form_settings li input, .input_form .form_settings li textarea, -.threaded-replies .placeholder { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; +.threaded-replies .placeholder { /* TODO combine all these declarations */ 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); } .input_form .form_settings .submit { @@ -221,8 +246,6 @@ h6 {font-size: 1em;} display: block; 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); @@ -234,9 +257,13 @@ h6 {font-size: 1em;} text-decoration: none; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); background: #364a84; - background: -moz-linear-gradient(top, #7b8dbb , #364a84); + background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84)); + background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%); + background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%); + background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 ); + background: linear-gradient(top, #7b8dbb 0%,#364a84 100%); } /* aside primary */ @@ -295,8 +322,6 @@ h6 {font-size: 1em;} 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); @@ -307,9 +332,13 @@ h6 {font-size: 1em;} text-decoration: none; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); background: #364a84; - background: -moz-linear-gradient(top, #7b8dbb , #364a84); + background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84)); + background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%); + background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%); + background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 ); + background: linear-gradient(top, #7b8dbb 0%,#364a84 100%); } .section ul.entities { @@ -339,8 +368,6 @@ h6 {font-size: 1em;} .section .avatar { 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); } .invite_button { @@ -355,12 +382,14 @@ h6 {font-size: 1em;} 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 ); + background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104)); + background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%); + background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%); + background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 ); + background: linear-gradient(top, #ff9d63 0%,#fb6104 100%); } .invite_button:hover { @@ -368,9 +397,13 @@ h6 {font-size: 1em;} 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 ); + background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035)); + background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%); + background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%); + background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 ); + background: linear-gradient(top, #fb6104 0%,#fc8035 100%); } /* notices etc */ @@ -392,34 +425,41 @@ h6 {font-size: 1em;} font-size: 0.88em; line-height: 1.2em; margin-top: 6px; - opacity: 0.6; -} - -.notice:hover div.entry-content { - opacity: 1; } .user_in .notice div.entry-content { max-width: 440px; } -div.entry-content a.response:before { - content: "("; +.entry-content a.conversation:before { + content: " ("; } -div.entry-content a.response:after { +.entry-content a.conversation:after { content: ")"; } .notice-options { margin-top: 4px; - margin-bottom: 10px; +} + +.notice-options .form_repeat.dialogbox { + margin-right: 0px; + border: 1px solid #aaa; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); +} + +.notice-options .form_repeat.dialogbox legend { + padding-top: 10px; +} + +.notice-options .form_repeat.dialogbox input.submit_dialogbox { + min-width: 80px; } #content .threaded-replies .notice .author .photo { 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); } .user_in.realtime-popup .notice div.entry-content { @@ -464,16 +504,12 @@ div.entry-content a.response:after { .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; - -webkit-border-radius: 4px; background-color: #CDD1DD !important; } .entity_moderation:hover ul, .entity_role:hover ul { border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; } .entity_send-a-message .form_notice legend { @@ -489,24 +525,14 @@ div.entry-content a.response:after { top: 46px; } -#aside_primary #entity_remote_subscribe a:hover { - background-color: #fff !important; -} - -#entity_remote_subscribe .dialogbox { - border: 1px solid #7B4E82; - border-radius: 8px; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; -} - -#entity_remote_subscribe input { - padding-left: 4px; +.entity_subscribe .dialogbox, .entity_tag .dialogbox { + border: 1px solid #aaa; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); } -#entity_remote_subscribe .submit_dialogbox { - margin-top: 10px; - float: right; +.entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox { + color: #fff !important; } #filter_tags_item .submit { @@ -517,8 +543,6 @@ div.entry-content a.response:after { #pagination { height: 1.2em; padding-bottom: 12px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; border-radius: 6px; } @@ -536,13 +560,15 @@ div.entry-content a.response:after { } .error, .success, .notice-status { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; border-radius: 6px; } -.form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit { +.form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit, +.entity_subscribe .dialogbox input.submit_dialogbox, +.entity_tag .dialogbox input.submit_dialogbox, +.form_repeat.dialogbox input.submit_dialogbox +{ /* TODO combine all these declarations */ height: 1.9em; padding: 0px 10px; color:#fff; @@ -552,37 +578,42 @@ div.entry-content a.response:after { 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 ); -} - -.form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover { + background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104)); + background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%); + background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%); + background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 ); + background: linear-gradient(top, #ff9d63 0%,#fb6104 100%); +} + +.form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover, +.entity_subscribe .dialogbox input.submit_dialogbox:hover, +.entity_tag .dialogbox input.submit_dialogbox:hover, +.form_repeat.dialogbox input.submit_dialogbox:hover +{ 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 ); + background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035)); + background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%); + background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%); + background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 ); + background: linear-gradient(top, #fb6104 0%,#fc8035 100%); } -.form_settings input#settings_design_reset, .form_settings input.cancel { - background: #e2e2e2; - color: #8e181b; - text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); -} - -.form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover { +.form_settings input#cancel, #form_action-no { background: #f2f2f2; - color: #8e181b; + color: #d7621c; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); } - -#form_login p.form_guide, #form_register #settings_rememberme p.form_guide, #form_openid_login #settings_rememberme p.form_guide, #settings_twitter_remove p.form_guide, #design_background-image_onoff p.form_guide { - margin-left: 26%; +.form_settings input#cancel:hover, #form_action-no:hover { + background: #fff; + color: #d7621c; + text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); } .form_settings fieldset fieldset { @@ -616,12 +647,8 @@ div.entry-content a.response:after { width: 250px; padding: 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); } #form_invite textarea { @@ -717,148 +744,61 @@ padding-right:0; margin-top: 60px; } -/* Bookmark specific styles */ - -.bookmark h3 { - margin: 0px 0px 8px 0px; - float: left; - line-height: 1.2em; - max-width: 92%; -} - -.bookmark-notice-count { - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - padding: 1px 6px; - font-size: 1.2em; - line-height: 1.2em; - background: #fff; - border: 1px solid #7b8dbb; - color: #3e3e8c !important; - position: relative; - right: 4px; - margin-left: 10px; -} - -.bookmark-notice-count:hover { - text-decoration: none; - background: #f2f2f2; - border: 1px solid #7b8dbb; - text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); -} - -.notice .bookmark-description { - clear: both; - margin-left: 0px; - margin-bottom: 0px; -} - -.notice .bookmark-author { - margin-left: 0px; - float: left; -} - -.bookmark-tags { - clear: both; - margin-bottom: 8px; - line-height: 1.6em; -} - -ul.bookmark-tags a { - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - padding: 1px 6px; - background: #f2f2f2; - color: #3e3e8c !important; - text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); - font-size: 0.88em; -} +/* Limited-scope */ -ul.bookmark-tags a:hover { - background-color: #cdd1dd; - text-decoration: none; -} - -.bookmark-avatar { - float: none !important; +.limited-scope .entry-content .timestamp { + padding-left: 20px; position: relative; - top: 2px; } -.bookmark div.entry-content { - font-size: 0.88em; - line-height: 1.2em; - margin-top: 6px; - opacity: 0.6; - margin-bottom: 0px; -} - -.bookmark:hover div.entry-content { - opacity: 1; -} - -.bookmark .notice-options { - margin-top: 16px; -} - -#bookmarkpopup { - min-width: 600px; - margin-top: 0px; - height: 100%; - border: 10px solid #364A84; - background: #364A84; +.limited-scope .entry-content .timestamp:before { + content: url(../images/lock.png); + position: absolute; + top: -2px; + left: 0px; } -#bookmarkpopup #wrap { - width: auto; - min-width: 560px; - padding: 40px 0px 25px 0px; - margin-right: 2px; - background: #fff url(../mobilelogo.png) no-repeat 6px 6px; +.limited-scope li .entry-content .timestamp { + padding-left: 0px; } -#bookmarkpopup #header { - width: auto; - padding: 0px 10px; +.limited-scope li .entry-content .timestamp:before { + content: none; } -#bookmarkpopup .form_settings label { - margin-top: 2px; - text-align: right; - width: 24%; - font-size: 1.2em; +.limited-scope li.limited-scope .entry-content .timestamp { + padding-left: 20px; } -#bookmarkpopup .form_settings .form_data input { - width: 60%; +.limited-scope li.limited-scope .entry-content .timestamp:before { + content: url(../images/lock.png); + position: absolute; + top: -2px; + left: 0px; } -#bookmarkpopup .form_guide { - color: #777; -} +/* Blog */ -#bookmarkpopup #submit { - float: right; - margin-right: 0px; +label[for=blog-entry-content] { + display: none !important; } -#bookmarkpopup fieldset fieldset { - margin-bottom: 10px; +#input_form_blog td { + padding-top: 0px; + padding-bottom: 0px; } -#form_initial_bookmark.form_settings .form_data li { - margin-bottom: 0px; +#input_form_blog td.mceToolbar { + padding-top: 4px; } -#form_new_bookmark.form_settings .bookmarkform-thumbnail { - position: absolute; - top: 50px; - right: 0px; +h4.blog-entry-title { + margin-bottom: 8px; + line-height: 1.2em; } /* Onboard specific styles */ +/* TODO move to plugin */ #cboxOverlay{ background: url(../images/lightbox_bg.png) repeat 0 0 !important; @@ -898,18 +838,12 @@ ul.bookmark-tags a:hover { width: 196px; padding: 10px; border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; border: 1px solid #516499; background: #fafafa; } #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; @@ -920,9 +854,13 @@ ul.bookmark-tags a:hover { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); background: #364A84; - background: -moz-linear-gradient(top, #516499 , #364a84); + background: -moz-linear-gradient(top, #516499 0%, #364a84 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84)); + background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%); + background: -o-linear-gradient(top, #516499 0%,#364a84 100%); + background: -ms-linear-gradient(top, #516499 0%,#364a84 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 ); + background: linear-gradient(top, #516499 0%,#364a84 100%); } #onboard_section ul { @@ -944,6 +882,7 @@ ul.bookmark-tags a:hover { } /* Billing specific styles */ +/* TODO move to plugin */ #content table.billing_info { margin-top: 10px; @@ -968,6 +907,7 @@ ul.bookmark-tags a:hover { } /* Directory specific styles */ +/* TODO separate base styles and move to plugin */ div#profile_directory div.alpha_nav > a { border-left: 1px solid #ccc !important; @@ -1103,254 +1043,10 @@ td.entity_profile { 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 */ - -.notice .vevent div { - margin-bottom: 8px; -} - -.event-info { - margin-left: 0px !important; - margin-top: 2px !important; -} - -.notice .event-info + .notice-options { - margin-top: 14px; -} - -.notice .threaded-replies .event-info + .notice-options { - margin-top: 20px; -} - -#form_event_rsvp #new_rsvp_data { - display: inline; - margin: 10px 0px; -} - -#form_event_rsvp input.submit { - height: auto; - padding: 0px 10px; - margin-left: 10px; - color:#fff; - font-weight: bold; - text-transform: uppercase; - font-size: 1.1em; - 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 ); -} - -#form_event_rsvp input.submit:hover { - 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 ); -} - -#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 { - padding-left: 20px; - position: relative; -} - -.limited-scope .entry-content .timestamp:before { - content: url(../images/lock.png); - position: absolute; - top: -2px; - 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 { - min-height: 1px; -} - -.question div.question-description { - font-size: 1em; - line-height: 1.36em; - margin-top: 0px; - opacity: 1; -} - -.question div.answer-content, .qna-full-question div.answer-content { - opacity: 1; -} - -.question .answer-count, .qna-full-question .answer-count { - display: block; - clear: left; -} - -.question .answer-count:before, .qna-full-question .answer-count:before { - content: '('; -} - -.question .answer-count:after, .qna-full-question .answer-count:after { - 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, .answer fieldset legend { - display: none; -} - -.question label[for=qna-answer], .qna-full-question label[for=qna-answer] { - display: none; -} - -.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; - 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: 1.2em; - margin-top: 10px; - margin-bottom: 10px; -} - -.qna-full-question textarea { - width: 508px; -} - -.question-description input.submit, .answer-content input.submit { - height: auto; - padding: 0px 10px; - margin: 6px 0px 10px 0px; - color:#fff; - font-weight: bold; - text-transform: uppercase; - font-size: 1.1em; - 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 ); -} - -.question .question-description input.submit:hover, .question .answer-content input.submit:hover { - 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 ); -} - -.question .question-description #answer-form input.submit { - margin-top: 0px; -} - -.question p.best, .answer p.best { - background: url(../images/rosette.png) no-repeat top left; - padding-left: 20px; } /* SNOD CompanyLogo styling */ +/* TODO move to plugin */ #site_nav_local_views a.company_logo { width: 138px;