/** theme: neo * * @package StatusNet * @author Samantha Doherty * @copyright 2011 StatusNet, Inc. * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported * @link http://status.net/ */ @media screen, projection, tv { 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;} h1 {font-size: 1.6em;} h2 {font-size: 1.6em;} h3 {font-size: 1.4em;} h4 {font-size: 1.4em;} 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; } #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: -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; } #site_nav_global_primary li { margin-right: 0px; } #site_nav_global_primary li:last-child { margin-right: 10px; } #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; } #site_nav_global_primary a:hover { color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); background: #4c619c; 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: 958px; border-top: 5px solid #FB6104; border-left: 1px solid #d8dae6; border-right: 1px solid #d8dae6; } #aside_primary_wrapper { width: 100%; float: left; overflow: hidden; position: relative; background-color: #ececf2; } #content_wrapper { width: 100%; float: left; position: relative; right: 239px; background-color: #fff; border-right: 1px solid #d8dae6; } #site_nav_local_views_wrapper { width: 100%; float: left; position: relative; right: 561px; background-color: #ececf2; border-right: 1px solid #d8dae6; } #site_nav_local_views { width: 138px; float: left; overflow: hidden; position: relative; left: 800px; margin-top: 0px; padding: 22px 10px 40px 10px; } #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; } #site_nav_local_views a { 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_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 ); } #content { width: 520px; float: left; overflow: hidden; position: relative; left: 801px; margin: 0px; padding: 20px 20px 40px 20px; } /* Input forms */ .input_forms { float: left; position: relative; top: -20px; left: -20px; padding: 18px 20px 0px 20px; 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; 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 ); } #input_form_nav li:hover a, #input_form_nav li.current a { color: #fff; 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: -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 ); } .input_form_nav_tab a, .input_form_nav_tab.current { text-decoration: none !important; /* XXX cf rebase */ } .input_form { position: relative; float: left; width: 520px; padding-bottom: 15px; } #input_form_status { padding-bottom: 45px; } .form_notice { padding: 0px; background: none; } .form_notice fieldset { width: auto; position: static; } .form_notice #notice_data-text-label { display: none; /* XXX move into input with js */ } .form_notice textarea, .form_notice_placeholder .placeholder { width: 473px; } .form_notice textarea { height: 42px; padding: 6px 10px 18px 10px; 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: 1.2em; } .form_notice label.notice_data-attach { top: 0px; right: 0px; z-index: 96; } .form_notice .notice_data-geo_wrap label, .form_notice .notice_data-geo_wrap input { top: 26px; right: 0px; z-index: 99; } .form_notice .count { position: absolute; top: 50px; right: 35px; font-size: 0.8em; height: 1em; z-index: 99; } .form_notice #notice_action-submit { position: absolute; top: 100%; left: 0px; margin-top: -44px; float: left; width: 90px; padding: 0px; z-index: 99; } .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; } .form_notice .error { border: 1px solid #d05858; } .form_notice .attach-status code { font-size: 1em; } .input_form fieldset { margin: 0px; padding: 0px; } .input_form fieldset fieldset { margin-bottom: 10px !important; } #aside_primary { width: 218px; float: left; overflow: hidden; position: relative; left: 802px; padding: 22px 10px 40px 10px; margin-top: 0px; background: none; } #aside_primary .section { width: 100%; margin-left: 0px; margin-right: 0px; font-size: 0.88em; } #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; } .profile_block_name { font-size: 14px; font-weight: bold; } .profile_block_location { font-weight: bold; } .profile_block_description { line-height: 1.2em; } .profile_block .entity_actions { float: left; margin-left: 0px; } .profile_block .entity_moderation:hover ul, .profile_block .entity_role:hover ul { left: 20px; } .profile_block a.profiledetail { display: block; } .section ul.entities { width: 220px; } .section .entities li { margin-right: 17px; margin-bottom: 10px; width: 24px; } #popular_notices .avatar { position: relative; top: 4px; margin-bottom: 6px; } #aside_primary td { padding-right: 20px; padding-bottom: 14px; } #aside_primary td .nickname { line-height: 1.6em; } .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); } #content h1 { border-bottom: 3px solid #A6ADBF; color: #A6ADBF; font-size: 1.4em; letter-spacing: 4px; text-transform: none; } #notices_primary { margin-top: -5px; } #content .notice { padding-bottom: 14px; 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: "("; } div.entry-content a.response:after { content: ")"; } .notice-options { 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 .notice .threaded-replies .entry-title { min-height: 1px; } #content .threaded-replies .notice .author .photo { height: 24px; width: 24px; top: 14px; 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); } #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; } .threaded-replies .notice-reply-comments { margin: 2px 0px 4px 10px; } .threaded-replies .placeholder { margin: 10px; width: 426px; } .threaded-replies .notice-reply { clear: left; position: relative; padding: 10px; padding-bottom: 44px; } .threaded-replies .form_notice textarea { width: 385px; } .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; } .threaded-replies .form_notice .count { top: 60px; right: 50px; } .threaded-replies .form_notice #notice_action-submit { left: 10px; } .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; margin-top: 4px; } .entity_profile .entity_depiction { margin-top: 4px; } .entity_actions { width: 140px; margin-top: 8px; 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 { 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 { text-shadow:0 1px 0 rgba(255,255,255,0.4); } .entity_send-a-message .form_notice { border: 1px solid #7B4E82; } .entity_send-a-message .form_notice #notice_action-submit { color: #fff !important; 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_remote_subscribe .submit_dialogbox { margin-top: 10px; float: right; } #filter_tags_item .submit { left: 6px; top: -3px; } #pagination { height: 1.2em; padding-bottom: 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #footer { position: relative; top: -6px; 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; } #footer a { color: #3e3e8c; } #site_nav_global_secondary { margin-bottom: 10px; } .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 { height: 1.9em; padding: 0px 10px; 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 ); } .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel: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 ); } .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 { background: #f2f2f2; color: #8e181b; 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 label.checkbox, .form_settings label.radio { width: auto; max-width: 60%; position: relative; left: -30px; } .form_settings li input.radio { clear: left; } .form_settings label.radio { margin-left: 10px; margin-right: 10px; text-align: left; } #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_search ul.form_data #q { margin-left: 10px; } .form_settings fieldset fieldset { margin-bottom: 30px; padding-top: 25px; } #content thead th { text-align:left; } #content tbody th { vertical-align:top; text-align:left; font-weight:normal; padding-top:11px; padding-right:18px; } #content tbody tr { border-top: 1px dotted #bbb; } #content td { padding:11px 18px 11px 0; vertical-align:top; } #content td:last-child { padding-right:0; } #realtime_actions { position: relative !important; float: right; padding-top: 15px; margin-bottom: -8px !important; } .realtime-popup #content { padding-left: 4px !important; padding-right: 4px !important; margin-right: 0px; } .realtime-popup .form_notice textarea { width: 325px !important; } .realtime-popup .form_notice #notice_action-submit { top: 59px !important; right: 6px !important; } .realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach { right: 74px; top: 3px !important; } .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input { right: 8px; top: 3px !important; } /* Bookmark specific styles */ #content .bookmark .entry-title { margin-left: 0px; } .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.9em; } ul.bookmark-tags a:hover { background-color: #cdd1dd; text-decoration: none; } .bookmark-avatar { float: none !important; position: relative; top: 2px; } .bookmark div.entry-content { font-size: 0.9em; 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; } #bookmarkpopup #wrap { width: auto; min-width: 560px; padding: 40px 0px 25px 0px; margin-right: 2px; background: #fff url(../mobilelogo.png) no-repeat 6px 6px; } #bookmarkpopup #header { width: auto; padding: 0px 10px; } #bookmarkpopup .form_settings label { margin-top: 2px; text-align: right; width: 24%; font-size: 1.2em; } #bookmarkpopup .form_settings .form_data input { width: 60%; } #bookmarkpopup .form_guide { color: #777; } #bookmarkpopup #submit { float: right; margin-right: 0px; } #bookmarkpopup fieldset fieldset { margin-bottom: 10px; } /* Onboard specific styles */ .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); } .onboard-flash p { margin-bottom: 10px; } .onboard-flash .next:before { content: '\00BB'; padding-right: 6px; } .onboard-breadcrumbs { margin-bottom: 16px !important; } .onboard-breadcrumbs li { background: none !important; border-top: none !important; padding: 6px 12px 2px 0px !important; } .onboard-breadcrumbs li:last-child { padding-right: 0px !important; } .onboard-breadcrumbs a { text-decoration: none; } .onboard-breadcrumbs a:hover { color: #3e3e8c !important; } /* Billing specific styles */ #content table.billing_info { margin-top: 10px; background:rgba(240, 240, 240, 0.4); } #content table.billing_info th { text-align: right; width: 50%; } .invalid { border: solid 2px red !important; } #payment_history table { width: 100%; } #billingadminpanel .form_settings input { margin-right: 0px; } /* Directory specific styles */ td.entity_profile { width: auto; } #user_directory { position: relative; top: -20px; } div#user_directory div.alpha_nav > a { border-left: 1px solid #ccc !important; padding-left: 3.5px !important; padding-right: 4px !important; margin-right: 0px; float: left; line-height: 1.4em; } div#user_directory div.alpha_nav > a.first { border-left: none !important; } div#user_directory div.alpha_nav a.current { background-color: #ECECF2 !important; } table.profile_list { margin-top: 10px; } .profile_list th#created { width: 100px; } .profile_list th#subscriptions { width: 120px; } table.profile_list tr.alt { background-color: #fafafa !important; } .profile_list .entity_actions { width: 30px; height: 26px; margin-right: 5px; } .profile_list .entity_actions input { width: 26px; height: 26px; display: block; overflow: hidden; font-size: 0em; } }/*end of @media screen, projection, tv*/