Created
July 23, 2012 19:56
-
-
Save TomiToivio/3165834 to your computer and use it in GitHub Desktop.
Status.net Neo CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** theme: neo | |
* | |
* @package StatusNet | |
* @author Samantha Doherty <sammy@status.net> | |
* @copyright 2011 StatusNet, Inc. | |
* @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported | |
* @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 { | |
margin-top:0px; | |
position:absolute; | |
width:100%; | |
height:100%; | |
top:0px; | |
margin:0px; | |
padding:0px; | |
background-color: #ffffff; | |
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; | |
color: #222; | |
} | |
input, textarea, select, option { | |
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; | |
} | |
a {color: #FFA500;} | |
a:hover {color: blue;} | |
abbr {border-bottom: none;} | |
h1 { background: #ffffff; | |
color: #ff7f00; | |
font-family: "DejaVu sans light", arial, sans-serif !important; | |
font-size: 2.0em; | |
line-height: 1.4em; | |
font-weight: bold; | |
margin: 20px; | |
padding: 10px;} | |
h2 { font-family: "DejaVu sans", arial, sans-serif !important; | |
font-size: 1.4em; | |
color: #ff7f00; | |
border-bottom: 1px dotted gray;} | |
h3 { font-size: 1.2em; | |
color: #000000; | |
margin-bottom: 5px;} | |
h4 { font-size: 1em; | |
font-family : "DejaVu sans", arial, sans-serif; | |
font-weight : bold; | |
margin-bottom: -12px; } | |
h5 { font-size: 1.0em; | |
font-family : "Arial Black"; | |
margin-bottom: 0em; } | |
h6 { font-size: 0.8em; | |
font-family : "Arial Black"; | |
margin-bottom: 0em; } | |
#wrap { | |
top:0px; | |
width:100%; | |
margin:0px; | |
padding:0px; | |
border:0px; | |
} | |
#header { | |
position:absolute; | |
top:0px; | |
left:0px; | |
width:100%; | |
padding: 0; | |
height: 85px; | |
background-color: #fff; | |
margin: 0px; | |
border: 1px solid #ccc; | |
background-color: #fff; | |
-moz-box-shadow: 4px 4px 5px #848284; /* FF3.5+ */ | |
-webkit-box-shadow: 4px 4px 5px #848284; /* Saf3.0+, Chrome */ | |
box-shadow: 4px 4px 5px #848284; /* Opera 10.5, IE 9.0 */ | |
/* | |
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284')"; | |
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284'); */ | |
} | |
#core { | |
position:relative; | |
top:100px; | |
left:100px; | |
margin-bottom: 10px; | |
border: 1px solid #ccc; | |
background-color: #fff; | |
-moz-box-shadow: 4px 4px 5px #848284; /* FF3.5+ */ | |
-webkit-box-shadow: 4px 4px 5px #848284; /* Saf3.0+, Chrome */ | |
box-shadow: 4px 4px 5px #848284; /* Opera 10.5, IE 9.0 */ | |
/* | |
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284')"; | |
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284'); */ | |
} | |
#aside_primary_wrapper { | |
background-color: #ececf2; | |
padding-left:5px; | |
} | |
#content_wrapper { | |
border-right: 1px solid #d8dae6; | |
} | |
#site_nav_local_views_wrapper { | |
background-color: #ececf2; | |
border-right: 1px solid #d8dae6; | |
z-index:99; | |
top:0px; | |
margin:0px; | |
} | |
#footer { | |
position:relative; | |
clear:both; | |
top: 100px; | |
width: 100%; | |
margin-top: 10px; | |
border: 1px solid #ccc; | |
background-color: #fff; | |
-moz-box-shadow: 4px 4px 5px #848284; /* FF3.5+ */ | |
-webkit-box-shadow: 4px 4px 5px #848284; /* Saf3.0+, Chrome */ | |
box-shadow: 4px 4px 5px #848284; /* Opera 10.5, IE 9.0 */ | |
/* | |
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284')"; | |
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284'); */ | |
} | |
/* header elements */ | |
#site_nav_global_primary { | |
position:absolute; | |
top:55px; | |
left:0px; | |
background:transparent; | |
font-family: "DejaVu Sans", arial, sans-serif; | |
font-variant:small-caps; | |
font-size: 14px; | |
color: #666; | |
font-weight: normal; | |
border:none; | |
z-index:100; | |
} | |
#site_nav_global_primary li { | |
border-left: 1px solid #999999; | |
float: left; | |
margin: 0; | |
height: 28px; | |
z-index:101; | |
} | |
#site_nav_global_primary li a { | |
color: #666; | |
margin:2px; | |
} | |
#site_nav_global_primary li:last-child { | |
border-right: 1px solid #999999; | |
z-index:101; | |
} | |
#site_na*/ | |
position:absolute; | |
padding:0px; | |
margin:0px; | |
top:0px; | |
} | |
.input_form .form_settings .submit { | |
font-size: 1.1em; | |
} | |
/* site nav local views */ | |
#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 a 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 { | |
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, gba(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; | |
} | |
.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_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox { | |
color: #fff !important; | |
} | |
#filter_tags_item .submit { | |
left: 6px;: 30px; | |
padding-top: 25px; | |
} | |
#invite #content p { | |
margin-bottom: 15px; | |
} | |
#invite #content ul { | |
list-style-type: none; | |
margin-bottom: 25px; | |
margin-left: 25px; | |
} | |
#invite #content li { | |
background: url(../images/resultset_next.png) no-repeat 0px 3px; | |
padding-left: 20px; | |
margin-bottom: 10px; | |
} | |
#invite #content #form_invite ul, #invite #content #form_invite li { | |
margin-left: 0px; | |
padding-left: 0px; | |
background: none; | |
} | |
#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; | |
oth; | |
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; | |
} | |
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.88em; | |
line-height: 1.2em; | |
margin-top: 6pxn: line-through; | |
color: #555; | |
} | |
/* Billing specific styles */ | |
/* TODO move to plugin */ | |
#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 */ | |
/* TODO separate base styles and move to plugin */ | |
div#profile_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#profile_directory div.alpha_nav > a.first { | |
border-left: none !important; | |
} | |
div#profile_directory div.alpha_nav a.current { | |
background-color: #ECECF2 !important; | |
} | |
table.profile_list { | |
margin-top: 25px; | |
} | |
.profile_list th { | |
font-size: 0.8em; | |
} | |
.profile_list th#created { | |
width: 100px; | |
} | |
.profile_list th#subscriptions { | |
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 ul { | |
position: absolute; | |
right: 20px; | |
} | |
.profile_list .entity_actions input { | |
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; | |
display: none !important; | |
background:transparent; | |
color:transparent; | |
} | |
#input_form_event .form_settings .form_data li { | |
float: left; | |
width: auto; | |
display: none !important; | |
background:transparent; | |
color:transparent; | |
} | |
#input_form_event .form_settings .form_data label { | |
width: auto; | |
display: none !important; | |
background:transparent; | |
color:transparent; | |
} | |
label[for=event-starttime], label[for=event-endtime] { | |
display: none !important; | |
background:transparent; | |
color:transparent; | |
} | |
#event-starttime, #event-endtime { | |
margin-top: -1px; | |
margin-bottom: -1px; | |
height: 2em; | |
display: none !important; | |
background:transparent; | |
color:transparent; | |
} | |
#event-startdate, #event-enddate { | |
margin-right: 20px; | |
width: 120px; | |
display: none !important; | |
background:transparent; | |
color:transparent; | |
} | |
/* 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: 828px; | |
height: 49px; | |
margin-top:10px; | |
margin-left:10px; | |
} | |
#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: 828px; | |
margin-bottom: 0px; | |
top:10px; | |
left:10px; | |
margin-top:10px; | |
margin-left:10px; | |
} | |
.company_logo span { | |
display: block; | |
} | |
a.company_logo:hover span { | |
text-decoration: underline; | |
} | |
}/*end of @media screen, projection, tv*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment