X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fneo%2Fcss%2Fdisplay.css;h=c5da9e7d8cb3d1ceafab26564ab7501be6294ac8;hb=27ed6b7db05bd2879841d6d95d9d8e273d7454b5;hp=d6a33ad0cbdb3c778a219890831d5b58770684bc;hpb=17dc1c8703bf0fd95e9d3631209ea7c9fcc5b800;p=quix0rs-gnu-social.git diff --git a/theme/neo/css/display.css b/theme/neo/css/display.css index d6a33ad0cb..c5da9e7d8c 100644 --- a/theme/neo/css/display.css +++ b/theme/neo/css/display.css @@ -7,26 +7,47 @@ * @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 { +/* general styles and layout */ + body { background-color: #C6C8CC; background-image: url(../images/bg.png); font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.6; color: #222; } input, textarea, select, option { font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 1em; } a {color: #3e3e8c;} a:hover {color: blue;} +abbr {border-bottom: none;} + h1 {font-size: 1.6em;} h2 {font-size: 1.6em;} h3 {font-size: 1.4em;} @@ -35,52 +56,57 @@ h5 {font-size: 1.2em;} h6 {font-size: 1em;} #wrap { - width: 960px; - margin: 0px auto; background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px; - border-left: 10px solid #fff; - border-right: 10px solid #fff; - padding-top: 10px; } #header { - width: 960px; - padding: 0px; padding-top: 12px; } -address { - float: left; - position: relative; - top: 1px; - left: 2px; - margin: 0px; - padding: 0px; - height: 24px; - width: 148px; - z-index: 99; +#core { + border-top: 5px solid #FB6104; + border-left: 1px solid #d8dae6; + border-right: 1px solid #d8dae6; } +#aside_primary_wrapper { + background-color: #ececf2; +} + +#content_wrapper { + border-right: 1px solid #d8dae6; +} + +#site_nav_local_views_wrapper { + background-color: #ececf2; + border-right: 1px solid #d8dae6; +} + +#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; +} + +/* header elements */ + #site_nav_global_primary { - display: block; - position: absolute; top: 10px; - right: 0; - width: 800px; - margin: 0px; - height: 24px; - line-height: 20px; -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 */ -} - -#site_nav_global_primary ul { - float: right; + 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 { @@ -92,12 +118,12 @@ address { } #site_nav_global_primary a { - color: #fff !important; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); padding: 2px 10px 2px 10px; height: 20px; display: block; float: left; + color: #fff; + text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } #site_nav_global_primary a:hover { @@ -107,131 +133,75 @@ address { text-decoration: none; } -#site_notice { - color: #000; - float: right; - width: 280px; - padding: 10px; - margin-left: 40px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; -} - -#site_notice a { - color: #3e3e8c; -} - -#anon_notice { - color: #000; - clear: both; - background: none; - padding: 0px; - margin-bottom: 10px; -} - -#anon_notice a { - color: #3e3e8c; -} - -#core { - clear: both; - margin: 0px; - width: 960px; - border-top: 5px solid #FB6104; -} - -#site_nav_local_views { - display: block; - float: left; - width: 138px; - margin-top: 0px; - padding: 10px; - padding-top: 22px; - background-color: #ececf2; - border-left: 1px solid #d8dae6; - border-right: 1px solid #d8dae6; - min-height: 800px; /* XXX set up equal column heights! */ -} - -#site_nav_local_views H3 { - margin-bottom: 10px; - padding-bottom: 6px; - background: url('../images/brdr_black_dot.png') repeat-x bottom left; - color: #7a7c87; - font-size: 1.1em; - letter-spacing: 2px; - text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); - text-transform: uppercase; -} - -#site_nav_local_views li { - display: block; - margin: 0px 0px 8px 0px; -} - -#site_nav_local_views li ul { - margin-bottom: 20px; +#header-search { + top: 1px; + margin-left: 6px; } -#site_nav_local_views a { - display: block; - padding: 0px 0px 1px 10px; +#header-search #search-q { + position: relative; + width: 131px; + height: 12px; + margin-right: 10px; + padding: 2px 22px 2px 6px; -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); + border: none; + font-size: 0.88em; } -#site_nav_local_views a:hover, #site_nav_local_views .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 ); +#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; } -#content { - width: 520px; - margin-right: 0px; - padding: 20px; +#site_notice { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -/* Input forms */ +/* input forms */ .input_forms { float: left; - position: relative; top: -20px; left: -20px; padding: 18px 20px 0px 20px; + border-bottom: none; + margin-bottom: 0px; background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left; } -#input_form_nav { - float: left; - margin-bottom: 10px; -} - #input_form_nav li a { display: block; float: left; padding: 0px 10px 1px 10px; - margin-right: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ECECF2; font-weight: bold; line-height: 1.4em; + color: #3e3e8c; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); background: #ececf2; - background: -moz-linear-gradient(top, #fff , #ececf2); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ececf2)); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ececf2',GradientType=0 ); + 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 { @@ -239,158 +209,167 @@ address { 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 { - text-decoration: none !important; /* XXX cf rebase */ +.input_form_nav_tab a, .input_form_nav_tab.current a { + text-decoration: none; } -.input_form { - position: relative; - float: left; - width: 520px; - padding-bottom: 15px; +.form_notice .error, +.form_notice .success, +.form_notice .notice-status { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } -#input_form_status { - padding-bottom: 45px; +.form_notice_placeholder .placeholder, +.form_notice textarea , +.input_form .form_settings li input, +.input_form .form_settings li textarea, +.threaded-replies .placeholder { /* TODO combine all these declarations */ + -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_notice { - padding: 0px; - background: none; +.input_form .form_settings .submit { + font-size: 1.1em; } -.form_notice fieldset { - width: auto; - position: static; -} +/* site nav local views */ -.form_notice #notice_data-text-label { - display: none; /* XXX move into input with js */ +#site_nav_local_views H3 { + margin-bottom: 10px; + padding-bottom: 6px; + background: url('../images/brdr_black_dot.png') repeat-x bottom left; + color: #7a7c87; + font-size: 1.1em; + letter-spacing: 2px; + text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); + text-transform: uppercase; } -.form_notice textarea, -.form_notice_placeholder .placeholder { - width: 473px; -} -.form_notice textarea { - height: 42px; - padding: 6px 10px 18px 10px; - border: 1px solid #a6a6a6; +#site_nav_local_views a { + display: block; + width: 118px; + padding: 0px 10px 1px 10px; -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: 1.2em; + text-transform: uppercase; + text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); + word-wrap: break-word; } -.form_notice label.notice_data-attach { - top: 0px; - right: 0px; - z-index: 96; +#site_nav_local_views a:hover, #site_nav_local_views .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 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%); } -.form_notice .notice_data-geo_wrap label, -.form_notice .notice_data-geo_wrap input { - top: 26px; - right: 0px; - z-index: 99; -} +/* aside primary */ -.form_notice .count { - position: absolute; - top: 50px; - right: 35px; - font-size: 0.8em; - height: 1em; - z-index: 99; +#aside_primary .section { + font-size: 0.88em; } -.form_notice #notice_action-submit { - position: absolute; - top: 100%; - left: 0px; - margin-top: -44px; - float: left; - width: 90px; - padding: 0px; - z-index: 99; +#aside_primary h2 { + margin-bottom: 10px; + padding-bottom: 6px; + background: url('../images/brdr_black_dot.png') repeat-x bottom left; + color: #7a7c87; + font-size: 1.25em; + letter-spacing: 2px; + text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); + text-transform: uppercase; } -.form_notice .error, -.form_notice .success, -.form_notice .notice-status { - width: 478px; - position: relative; - top: 0px; - float: none; - clear: none; - margin-left: 0px; - margin-top: 5px; - padding: 5px 5px 5px 10px; - border: 1px solid #ccc; +.profile_block .entity_actions { + float: right; + width: 110px; + margin-top: 2px; + margin-bottom: 2px; } -.form_notice .error { - border: 1px solid #d05858; +.profile_block .entity_moderation:hover ul, +.profile_block .entity_role:hover ul { + right: 20px; } -.form_notice .attach-status code { - font-size: 1em; +.profile_block_name { + font-size: 14px; + font-weight: bold; } -.input_form fieldset { - margin: 0px; - padding: 0px; +.profile_block_location { + font-weight: bold; } -.input_form fieldset fieldset { - margin-bottom: 10px !important; +.profile_block_description { + line-height: 1.2em; } -#aside_primary { - width: 218px; - padding: 10px; - padding-top: 22px; - margin-top: 0px; - background-color: #ececf2; - border-left: 1px solid #d8dae6; - border-right: 1px solid #d8dae6; - min-height: 800px; /* XXX set up equal column heights! */ +#site_nav_object ul { + background: url('../images/brdr_black_dot.png') repeat-x top left; } -#aside_primary .section { - width: 100%; - margin-left: 0px; - margin-right: 0px; - font-size: 0.88em; +#site_nav_object li { + display: block; + margin: -8px 0px 8px 0px; + padding-top: 8px; } -#aside_primary h2 { - margin-bottom: 10px; - padding-bottom: 6px; - background: url('../images/brdr_black_dot.png') repeat-x bottom left; - color: #7a7c87; - font-size: 1.25em; - letter-spacing: 2px; - text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); +#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 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 { - width: 220px; + width: 240px; } .section .entities li { - margin-right: 17px; - margin-bottom: 10px; + margin-right: 3.6px; + margin-bottom: 5px; width: 24px; } @@ -415,6 +394,46 @@ 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 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 { + color: #fff; + text-decoration: none; + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); + background: #ff9d63; + 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 */ + #content h1 { border-bottom: 3px solid #A6ADBF; color: #A6ADBF; @@ -423,57 +442,26 @@ address { text-transform: none; } -#notices_primary { - margin-top: -5px; -} - #content .notice { - padding-bottom: 14px; + padding-bottom: 4px; border-bottom: 2px dotted #eee; } -.notice { - line-height: 1.36em; - margin-bottom: 10px; -} - -#content .notice .author .photo { - left: 0px; - top: 9px; -} - -#content .notice .entry-title { - min-height: 35px; -} - -#showstream .notice .entry-title { - min-height: 1px; -} - -#shownotice .notice .entry-title { - min-height:123px; -} - .notice div.entry-content { 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: ")"; } @@ -481,105 +469,54 @@ div.entry-content a.response:after { margin-top: 4px; } -.threaded-replies { - clear: both; - float: left; - width: 458px; - margin-left: 59px; - margin-top: 10px; - padding-right: 2px; - border-left: 3px solid #ECECF2; - background: #fafafa; - font-size: 1em; -} - -#content .notice .threaded-replies .notice { - padding-bottom: 14px; - padding-top: 5px; - border-bottom: 2px dotted #eee; - line-height: 1.36em; - margin-top: 0px; - margin-bottom: 0px; - margin-left: 10px; - background: none; -} - -#content .threaded-replies .notice .author .photo { - height: 24px; - width: 24px; - top: 14px; -} - -#content .notice .threaded-replies .notice .entry-title { - margin: 2px 7px 0px 35px; -} - -#content .notice .threaded-replies .notice div.entry-content { - clear:left; - float:left; - margin-left: 35px; - margin-top: 10px; -} - -.threaded-replies li { - list-style-type: none; +.notice-options .form_repeat.dialogbox { + margin-right: 0px; + border: 1px solid #aaa; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); } -.threaded-replies .notice-reply-comments { - margin: 2px 0px 4px 10px; +.notice-options .form_repeat.dialogbox legend { + padding-top: 10px; } -.threaded-replies .placeholder { - margin: 10px; - width: 426px; +.notice-options .form_repeat.dialogbox input.submit_dialogbox { + min-width: 80px; } -.threaded-replies .notice-reply { - clear: left; - position: relative; - padding: 10px; - padding-bottom: 44px; +#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); } -.threaded-replies .form_notice textarea { - width: 385px; +.user_in.realtime-popup .notice div.entry-content { + max-width: 320px; } -.threaded-replies .form_notice label.notice_data-attach { - top: 10px; - right: 10px; -} -.threaded-replies .form_notice .notice_data-geo_wrap label, -.threaded-replies .form_notice .notice_data-geo_wrap input { - top: 36px; - right: 10px; +.realtime-popup .threaded-replies { + margin-left: 15px; } -.threaded-replies .form_notice .count { - top: 60px; - right: 50px; +.realtime-popup .threaded-replies .form_notice textarea { + width: 385px !important; } -.threaded-replies .form_notice #notice_action-submit { - left: 10px; +.realtime-popup .threaded-replies .form_notice label.notice_data-attach { + top: 10px !important; + right: 10px !important; } -.threaded-replies .form_notice .error, -.threaded-replies .form_notice .success, -.threaded-replies .form_notice .notice-status { - width: 390px; -} .pagination { height: 1.2em; } -#jOverlayContent button { - top: 20px; - right: 36px; -} - .entity_profile { float: left; width: 360px; @@ -596,7 +533,7 @@ div.entry-content a.response:after { 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; @@ -624,24 +561,18 @@ 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; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); + -webkit-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 { @@ -657,18 +588,11 @@ div.entry-content a.response:after { border-radius: 6px; } -#footer { - color: #000; - margin-left: 0px; - margin-right: 0px; - -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; +#pagination a { + color: #3e3e8c; } + #footer a { color: #3e3e8c; } @@ -678,17 +602,17 @@ div.entry-content a.response:after { } .error, .success, .notice-status { - background-color: #F7E8E8; - padding: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } -.success, .notice-status { - background-color: #f2f2f2; -} -.form_notice input.submit, .form_settings input.submit, .form_settings input.cancel { + +.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; @@ -701,68 +625,120 @@ div.entry-content a.response:after { -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 { + 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; +.form_settings input#cancel, #form_action-no { + background: #f2f2f2; + color: #d7621c; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); } -.form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover { - background: #f2f2f2; - color: #8e181b; +.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 input.checkbox, .form_settings input.radio { - margin-left: 24%; - margin-top: 2px; - position: relative; - left: -14px; +.form_settings fieldset fieldset { + margin-bottom: 30px; + padding-top: 25px; } -.form_settings label.checkbox, .form_settings label.radio { - width: auto; - max-width: 60%; - position: relative; - left: -30px; +#invite #content p { + margin-bottom: 15px; } -.form_settings li input.radio { - clear: left; +#invite #content ul { + list-style-type: none; + margin-bottom: 25px; + margin-left: 25px; } -.form_settings label.radio { - margin-left: 10px; - margin-right: 10px; - text-align: left; +#invite #content li { + background: url(../images/resultset_next.png) no-repeat 0px 3px; + padding-left: 20px; + margin-bottom: 10px; } -#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%; +#invite #content #form_invite ul, #invite #content #form_invite li { + margin-left: 0px; + padding-left: 0px; + background: none; } -#form_search ul.form_data #q { - margin-left: 10px; +#form_invite input[type=text], #form_invite textarea { + 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_settings fieldset fieldset { - margin-bottom: 30px; - padding-top: 25px; +#form_invite textarea { + clear: left; + width: 508px; + height: 48px; +} + +#form_invite a.add_row, #form_invite a.remove_row { + display: block; + height: 16px; + width: 16px; + overflow: hidden; + background-image: url('../../base/images/icons/icons-01.gif'); + background-repeat: no-repeat; +} + +#form_invite a.remove_row { + background-position: 0px -1252px; + display: inline-block; + position: relative; + top: 4px; + left: 10px; + line-height: 4em; +} + +#form_invite a.add_row { + clear: both; + position: relative; + top: 10px; + background-position: 0px -1186px; + width: 120px; + padding-left: 20px; + line-height: 1.2em; } +#form_invite label[for=personal] { + display: block; + margin-top: 25px; +} #content thead th { text-align:left; @@ -781,50 +757,99 @@ padding-right:18px; padding:11px 18px 11px 0; vertical-align:top; } -#content td:last-child { -padding-right:0; +#content td:last-child { +padding-right:0; +} + +/* Search */ + +#form_search { + padding-bottom: 10px; + margin-bottom: 20px; + background: url('../images/brdr_black_dot.png') repeat-x bottom left; +} + +#form_search fieldset { + margin-bottom: 0px; +} + +#form_search ul.form_data #q { + margin-left: 10px; + width: 210px; +} + +#form_search input.submit { + height: 1.6em; + line-height: 1.6em; + font-size: 1.1em; + padding-bottom: 2px; + margin-left: 5px; +} + +#noticesearch .entity_actions { + margin: 0px; +} + +#noticesearch p.error { + margin-top: 60px; } +/* Limited-scope */ -#realtime_actions { - position: relative !important; - float: right; - padding-top: 15px; - margin-bottom: -8px !important; +.limited-scope .entry-content .timestamp { + padding-left: 20px; + position: relative; } -.realtime-popup #content { - padding-left: 4px !important; - padding-right: 4px !important; - margin-right: 0px; +.limited-scope .entry-content .timestamp:before { + content: url(../images/lock.png); + position: absolute; + top: -2px; + left: 0px; } -.realtime-popup .form_notice textarea { - width: 325px !important; +.limited-scope li .entry-content .timestamp { + padding-left: 0px; } -.realtime-popup .form_notice #notice_action-submit { - top: 59px !important; - right: 6px !important; +.limited-scope li .entry-content .timestamp:before { + content: none; } -.realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach { - right: 74px; - top: 3px !important; +.limited-scope li.limited-scope .entry-content .timestamp { + padding-left: 20px; } -.realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input { - right: 8px; - top: 3px !important; +.limited-scope li.limited-scope .entry-content .timestamp:before { + content: url(../images/lock.png); + position: absolute; + top: -2px; + left: 0px; } +/* Blog */ -/* Bookmark specific styles */ +label[for=blog-entry-content] { + display: none !important; +} -#content .bookmark .entry-title { - margin-left: 0px; +#input_form_blog td { + padding-top: 0px; + padding-bottom: 0px; +} + +#input_form_blog td.mceToolbar { + padding-top: 4px; +} + +h4.blog-entry-title { + margin-bottom: 8px; + line-height: 1.2em; } +/* Bookmark specific styles */ +/* TODO separate base styles and move to plugin */ + .bookmark h3 { margin: 0px 0px 8px 0px; float: left; @@ -879,7 +904,7 @@ ul.bookmark-tags a { background: #f2f2f2; color: #3e3e8c !important; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); - font-size: 0.9em; + font-size: 0.88em; } ul.bookmark-tags a:hover { @@ -894,7 +919,7 @@ ul.bookmark-tags a:hover { } .bookmark div.entry-content { - font-size: 0.9em; + font-size: 0.88em; line-height: 1.2em; margin-top: 6px; opacity: 0.6; @@ -905,10 +930,6 @@ ul.bookmark-tags a:hover { opacity: 1; } -.bookmark .notice-options { - margin-top: 16px; -} - #bookmarkpopup { min-width: 600px; margin-top: 0px; @@ -945,59 +966,116 @@ ul.bookmark-tags a:hover { color: #777; } -#bookmarkpopup #submit { - float: right; - margin-right: 0px; +#bookmarkpopup #bookmark-submit { + min-width: 100px; } #bookmarkpopup fieldset fieldset { 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 */ +/* TODO move to plugin */ -.onboard-flash { - 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_iframe #wrap { + width: auto; + background: none; +} + +.onboard_welcome p { + margin-bottom: 10px; +} + +.onboard_welcome ul { + list-style-type: none; margin-bottom: 10px; } -.onboard-flash .next:before { - content: '\00BB'; - padding-right: 6px; +.onboard_welcome ul li { + background: url(../images/resultset_next.png) no-repeat 0px 3px; + padding-left: 20px; + margin-left: 10px; } -.onboard-breadcrumbs { - margin-bottom: 16px !important; +#aside_primary #onboard_section { + background: #f2f2f2; + width: 196px; + padding: 10px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border: 1px solid #516499; + background: #fafafa; } -.onboard-breadcrumbs li { - background: none !important; - border-top: none !important; - padding: 6px 12px 2px 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 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-breadcrumbs li:last-child { - padding-right: 0px !important; +#onboard_section ul { + list-style-type: none; } -.onboard-breadcrumbs a { - text-decoration: none; +#onboard_section .onboard-step-incomplete { + background: url(../images/resultset_next.png) no-repeat 0px 1px; + padding-left: 20px; + margin-bottom: 10px; } -.onboard-breadcrumbs a:hover { - color: #3e3e8c !important; +#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 */ +/* TODO move to plugin */ #content table.billing_info { margin-top: 10px; @@ -1022,17 +1100,9 @@ ul.bookmark-tags a:hover { } /* Directory specific styles */ +/* TODO separate base styles and move to plugin */ -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; @@ -1041,16 +1111,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 { @@ -1058,26 +1132,323 @@ 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; +} + +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 { - width: 30px; - height: 26px; - margin-right: 5px; +.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 */ +/* TODO separate base styles and move to plugin */ + +.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 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_event_rsvp input.submit:hover { + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); + background: #ff9d63; + 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%); +} + +#wrap .vevent form.processing input.submit { + text-indent: 0; + background: #ff9d63; +} + +#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; +} + +label[for=event-starttime], label[for=event-endtime] { + display: none !important; +} + +#event-starttime, #event-endtime { + margin-top: -1px; + margin-bottom: -1px; + height: 2em; +} + +#event-startdate, #event-enddate { + margin-right: 20px; + width: 120px; +} + +/* QnA */ + +.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 { + font-size: 1em; + opacity: 1; +} + +.qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer { + -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); +} + +.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 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%); +} + +#qna-answer-submit { + min-width: 100px; +} + +.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 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%); } +.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; +} + +.question p.best:before, .answer p.best:before { + content: none !important; +} + +/* Poll specific styles */ + +.notice div.poll-content { + opacity: 1; +} + +#poll-response-submit { + min-width: 100px; +} + +/* SNOD CompanyLogo styling */ +/* TODO move to plugin */ + +#site_nav_local_views a.company_logo { + width: 138px; + padding: 0px; + font-weight: bold; + text-transform: none; + line-height: 1em; + margin-bottom: 20px; + position: relative; + top: -4px; +} + +#site_nav_local_views a.company_logo:hover { + background: none; + color: blue; + text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); +} + +.company_logo img { + max-width: 138px; + margin-bottom: 4px; +} + +.company_logo span { + display: block; +} + +a.company_logo:hover span { + text-decoration: underline; +} }/*end of @media screen, projection, tv*/