gnu-social/public/theme/neo-quitter/css/display.css

2075 lines
42 KiB
CSS
Raw Normal View History

/** 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/
*/
/* genericons */
@font-face {
font-family: 'Genericons';
src: url('genericons/Genericons.eot');
}
@font-face {
font-family: 'Genericons';
src: url('genericons/Genericons.woff') format('woff'),
url('genericons/Genericons.ttf') format('truetype'),
url('genericons/Genericons.svg#genericonsregular') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Genericons";
src: url("genericons/Genericons.svg#Genericons") format("svg");
}
}
/* font awesome */
@font-face {
font-family: 'fa';
src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen, projection, tv {
/* general styles and layout */
html, body {
height:100%;
}
body {
background-color: #E9EAED;
color: #222;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input, textarea, select, option {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {color: #666;}
a:hover {color: #a22430;text-decoration:underline;}
#aside_primary a {color: rgba(0,0,0,0.8);}
abbr {border-bottom: none;}
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 {
padding-top: 46px;
border:0 none;
background-color: transparent;
width:960px;
}
#header,
#header-search input[type="submit"],
.form_notice_placeholder,
#site_nav_local_views li.current a,
#site_nav_local_views li a:hover,
#site_nav_object li.current a,
#site_nav_object li a:hover,
#showstream .entry-metadata .repeat,
body#outbox #core ul.messages .notice:before,
#header:before,
address {
background-image: url("../icons-hires.png?v=2");
background-size: 150px 2786px;
background-repeat:no-repeat;
}
address {
background-position: -10px -600px;
cursor: pointer;
display: block;
height: 34px;
left: 50%;
margin-left: -466px;
position: fixed;
top: 6px;
width: 89px;
z-index: 1001;
background-color:#a22430;
}
address:hover {
background-position: -10px -635px;
}
address a {
height: 34px;
width: 89px;
display:block;
}
.logo {
display: none;
}
#header {
background-color: #fff;
display: block;
height: 30px;
left: 0;
padding-top: 16px;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.25)
}
#core {
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
min-height:calc(100vh - 46px);
}
#aside_primary_wrapper {
background-color: transparent;
}
#content_wrapper {
background-color:transparent;
border:0 none;
}
#site_nav_local_views_wrapper {
background-color: transparent;
border:0 none;
}
#site_nav_local_views {
padding: 13px 10px 40px;
}
#footer {
display:none;
}
/* header elements */
#site_nav_global_primary {
top: 10px;
left: 50%;
margin-left:-320px;
position:fixed;
}
#site_nav_global_primary li {
margin-right: 0px;
}
#site_nav_global_primary li:last-child {
margin-right: 10px;
}
#site_nav_global_primary a {
padding: 2px 10px 2px 10px;
height: 46px;
line-height: 46px;
box-sizing:border-box;
display: block;
float: left;
color: #777777;
border-bottom:0 none;
transition:all 0.2s;
}
#site_nav_global_primary a:hover {
color: #c33541;
border-bottom:3px solid #c33541;
text-decoration: none;
}
#site_nav_global_primary #nav_logout a:before,
#site_nav_global_primary #nav_admin a:before,
#site_nav_global_primary #nav_account a:before,
#site_nav_global_primary #toggleqvitter a:before,
#site_nav_global_primary #top_nav_doc_faq a:before {
content: "\f085";
display: inline-block;
font: 18px/1 "fa";
padding-right:10px;
vertical-align:middle;
padding-bottom:3px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#site_nav_global_primary #nav_admin a:before {
content: "\f12e";
}
#site_nav_global_primary #nav_logout a:before {
content: "\f206";
}
#site_nav_global_primary #toggleqvitter a:before {
content: "\f0c3";
}
#site_nav_global_primary #top_nav_doc_faq a:before {
content: "\f1cd";
}
#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"] {
background-color: transparent;
border: 0 none;
cursor: pointer;
height: 18px;
position: absolute;
right: 25px;
text-indent: -9999px;
top: 4px;
width: 20px;
z-index: 2;
background-position: 0px -293px;
}
/* hide site notice after 5 s */
#site_notice {
background-color: pink;
border-radius: 0;
bottom: 0;
box-sizing: border-box;
font-size: 20px;
margin: 0;
padding: 10px 20px 10px 40px;
position: fixed;
text-align: left;
width: 100%;
-moz-animation: hideSiteNotice 2s ease-in 5s forwards;
-webkit-animation: hideSiteNotice 2s ease-in 5s forwards;
-o-animation: hideSiteNotice 2s ease-in 5s forwards;
animation: hideSiteNotice 2s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
#site_notice:before {
width:30px;
height:30px;
position:absolute;
display:block;
left:10px;
top:10px;
content: "\f071";
font-family:fa;
}
@keyframes hideSiteNotice {
to {
bottom:-1000px;
overflow:hidden;
}
}
@-webkit-keyframes hideSiteNotice {
to {
bottom:-1000px;
visibility:hidden;
}
}
#header-search #search-q {
background-color: rgba(0,0,0,0.03);
border: 1px solid rgba(0,0,0,0.1);
border-radius: 21px;
box-sizing: border-box;
color: rgba(0,0,0,0.8);
display: block;
font-size: 12px;
height: 32px;
line-height: 1;
padding: 5px 27px 6px 12px;
transition: all 0.2s ease-in-out 0s;
width:100%;
outline:none;
margin-top:-4px;
right:10px;
width:163px;
}
#header-search #search-q:focus {
box-shadow:none;
text-shadow:none;
background-color:#fff;
color:#666;
}
#site_nav_global_primary ul {
height:40px;
position:absolute;
top:-10px;
right:190px;
}
#content {
background-color: transparent;
padding: 12px 40px 40px 0;
}
#content_inner {
width: 542px;
}
/* faq */
body#doc #content_inner {
background-color:#fff;
padding:10px;
border-radius:5px;
}
body#doc #content_inner h1 {
padding-top:10px;
font-size:25px;
color:#333;
text-transform:none;
}
body#doc #content_inner h2 {
padding-top:50px;
line-height: 27px;
}
body#doc #content_inner h2 a {
font-size:0;
}
body#doc #content_inner h2 a:before {
content:"\f0aa";
font-family:"fa";
font-size:20px;
}
body#doc #content_inner h2 a:hover {
text-decoration:none;
}
body#doc #content_inner h2#faq-table-of-contents {
padding-top:20px;
}
body#doc #content_inner li {
padding-left:20px;
font-weight:bold;
}
body#doc #content_inner p.indent {
background-color: rgba(0, 0, 0, 0.1);
border-left: 3px solid #ccc;
margin-left: 50px;
padding: 5px 5px 5px 10px;
}
body#doc #content_inner p.faq-credits {
margin-top:40px;
}
/* input forms */
.input_forms {
background: none repeat scroll 0 0 #fff;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 1px;
float: left;
left: 0;
margin-bottom: 10px;
padding: 0;
top: 0;
width: 542px;
}
.input_form .form_settings li input {
margin: 0 0 5px 5px;
}
.input_form .form_settings li textarea {
margin: 0 0 5px 5px;
}
.input_form fieldset fieldset label {
left: 10px;
background: #fff;
}
.input_forms > label {
margin: 10px 1ex;
}
#input_form_nav {
margin: 2px;
}
#input_form_nav li a {
display: block;
float: left;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 1em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #cccccc;
border-radius: 4px;
color: rgba(0,0,0,0.8);
padding: 5px 10px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
margin: 5px;
}
#input_form_nav li.current a {
background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a22430 0%,#c33541 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%); /* IE10+ */
background: linear-gradient(to bottom, #a22430 0%,#c33541 100%); /* W3C */
background-repeat: repeat-x;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 1px;
border-color:#c33541;
color:#fff;
}
#input_form_nav li:hover a {
background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c33541 0%,#d44652 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%); /* IE10+ */
background: linear-gradient(to bottom, #c33541 0%,#d44652 100%); /* W3C */
background-repeat: repeat-x;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 1px;
border-color:#c33541;
color:#fff;
}
.input_form_nav_tab a, .input_form_nav_tab.current a {
text-decoration: none;
}
#input_form_event .form_settings .form_data li {
width: 100% !important;
}
.form_notice .error, .form_notice .success, .form_notice .notice-status {
background-color: #a22430;
border: 0 none;
border-radius: 0;
color: rgba(255, 255, 255, 0.9);
line-height: 1.2em;
margin: 0;
overflow: auto;
padding: 5px 5px 5px 10px;
position: relative;
width: 527px;
overflow:hidden;
animation: rolldown 0.3s linear 1;
}
@keyframes rolldown {
0% {height: 0;}
100% {height: 17px;}
}
body #aside_primary .account_profile_block .user_profile_tags {
display:none;
}
/* filter people by tags doesn't work anyway, and is confusing as peopletags and lists have been merged, it seems */
#filter_tags {
display:none;
}
/* already present in right margin */
#content_inner > .entity_actions > #entity_remote_subscribe {
display:none;
}
/* settings */
#content_inner > .form_settings {
background-color: #fff;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 1px;
padding: 12px 12px 0;
padding:20px;
margin-bottom:20px;
}
#aside_primary #account_actions {
background-color: rgba(255,192,203,0.5);
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 1px;
padding: 12px 12px 0;
width: 150px;
padding:20px;
margin-bottom:20px;
}
/* profile lists */
ul.profile_list > li {
background-color: #fff;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 1px;
padding: 12px 12px 0;
width: 518px;
padding-bottom:8px;
}
ul.profile_list li {
margin-bottom: 8px;
}
.profile_list .h-card .p-nickname:before {
content:"@";
}
#groupdirectory .profile_list .h-card .p-nickname:before {
content:"!";
}
.profile_list .h-card .p-nickname {
font-size:14px;
font-weight:bold;
}
.profile_list .h-card .u-photo {
margin-left: 10px;
margin-right: 10px;
}
/* these apply to both profiles and groups */
.entity_profile .p-name,
.entity_profile .p-locality,
.entity_profile .role,
.entity_profile > span,
.entity_profile .u-url[rel~="contact"] {
display: inline;
font-size:1.0em;
color:#9197a3;
}
.entity_profile .p-nickname {
color:#666 !important;
display: block !important;
}
.entity_profile .label {
display: inline !important;
}
.entity_profile .p-name:after {
content: "";
}
.profile .entity_profile .u-url {
font-size:1.0em;
}
/* clear parethesis from base theme */
.entity_profile .p-name:before,
.entity_profile .p-name:after {
content: "";
}
.entity_profile .role:before {
content: "(";
}
.entity_profile .role:after {
content: ")";
}
.entity_profile .label:before,
.profile .entity_profile .p-locality:before {
content:" · ";
}
/* profiles' profile blocks */
#aside_primary .account_profile_block .profile_block_description {
font-style:italic;
padding:10px 0;
}
#aside_primary .account_profile_block .entity_actions .entity_edit {
position:absolute;
height:25px;
width:auto;
top:-5px;
display:block;
float:none;
margin:0;
padding:0;
min-width:0;
left: 100px;
}
#aside_primary .account_profile_block .entity_actions .entity_edit:hover {
opacity:1;
}
#aside_primary .account_profile_block .entity_actions ul li a {
background-color:transparent !important;
}
#aside_primary .account_profile_block .entity_send-a-message { /* not working anyway */
display:none;
}
#aside_primary .section .entity_actions > p {
background-color: transparent !important;
display: block;
float: none;
height: 25px;
margin: 0;
min-width: 0;
/* opacity: 0.5; */
padding: 0;
position: absolute;
right: 0;
top: -3px;
width: auto;
}
#aside_primary .section .entity_actions > p:hover {
/* opacity:1; */
}
#aside_primary .section a.entity_remote_subscribe {
background-color:transparent !important;
padding-right:2px;
}
.entity_subscribe .dialogbox,
.entity_tag .dialogbox {
width: 200px;
}
.form_settings fieldset {
border: medium none;
margin-bottom: 0;
margin-top: 0;
}
.threaded-replies {
margin-top: 4px;
float: none;
}
#conversation .notices .notices {
float: none;
margin-left: 55px;
}
.threaded-replies .placeholder { /* TODO combine all these declarations */
border-radius: 4px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.input_form .form_settings .submit {
line-height: 16px;
}
/* site nav local views */
#site_nav_local_views h3,
#aside_primary h2 {
color: rgba(0,0,0,0.4);
font-size: 13px;
font-weight: bold;
letter-spacing: 0;
margin-bottom: 5px;
text-shadow: none;
text-transform: uppercase;
padding:0 10px;
}
#site_nav_local_views li,
#site_nav_object li {
display: block;
margin: 0 0 3px;
}
#site_nav_local_views a,
#site_nav_object a {
display: block;
width: 105px;
padding: 0 10px;
border-radius: 4px;
word-wrap: break-word;
color:rgba(0,0,0,0.7);
border-radius:3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#site_nav_object a {
font-size:15px;
}
#site_nav_local_views li.current a {
background-position:-3px -54px;
color:rgba(0,0,0,0.8);
}
#site_nav_object li.current a {
background-position:-3px -53px;
color:rgba(0,0,0,0.8);
}
#site_nav_local_views li a:hover{
background-position:-3px -79px;
text-decoration:none;
}
#site_nav_object li a:hover {
background-position:-3px -78px;
text-decoration:none;
}
#site_nav_local_views .current a,
#site_nav_object .current a {
font-weight:bold;
text-decoration:none;
}
/* aside primary */
#aside_primary {
width:205px;
float: left;
left: 802px;
margin: 0 0 20px;
overflow: hidden;
padding: 13px 10px 40px;
}
#aside_primary .section {
font-size: 0.88em;
}
#aside_primary h2 {
padding:0;
}
.profile_block .entity_actions {
float: right;
width: 100px;
}
.profile_block .entity_moderation:hover ul,
.profile_block .entity_role:hover ul {
right: 20px;
}
.profile_block_name {
font-size: 14px;
font-weight: bold;
}
.profile_block_location {
font-weight: bold;
}
.profile_block_description {
line-height: 1.2em;
}
.section ul.entities {
width: 240px;
}
.section .entities li {
margin-right: 3.6px;
margin-bottom: 5px;
width: 24px;
}
#popular_notices .avatar {
position: relative;
top: 4px;
margin-bottom: 6px;
height:24px;
width:24px;
}
#popular_notices .p-author {
position:relative;
}
#aside_primary td {
padding-right: 20px;
padding-bottom: 14px;
}
#aside_primary td .nickname {
line-height: 1.6em;
}
.section .avatar {
box-shadow: none;
border-radius: 5px;
}
.account_profile_block {
position:relative;
}
.account_profile_block:before {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
box-sizing: border-box;
content: "";
display: block;
height: 96px;
left: 0;
position: absolute;
top: 0;
width: 96px;
}
.invite_button {
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #cccccc;
border-radius: 4px;
color: rgba(0,0,0,0.8);
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 18px;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
padding: 5px 20px;
position: relative;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
width: 150px;
}
.invite_button:hover {
background-color: #D8D8D8;
background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(216,216,216,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(216,216,216,1)));
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(216,216,216,1) 100%);
background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(216,216,216,1) 100%);
background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(216,216,216,1) 100%);
background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(216,216,216,1) 100%);
border-color: #BBBBBB;
text-decoration: none;
color: rgba(0,0,0,0.8);
}
/* notice form */
.input_form {
display: none;
float: left;
padding-bottom: 0;
position: relative;
width: 520px;
}
.form_notice_placeholder {
/* background-position: 12px 12px; */
background:none;
height: 40px;
opacity: 0.5;
padding: 12px;
}
.form_notice_placeholder:after {
content: "\f040";
display: block;
font: 25px/1 "fa";
height: 50px;
left: 18px;
position: absolute;
top: 19px;
width: 50px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.form_notice_placeholder:hover {
opacity:0.7;
}
.form_notice_placeholder .placeholder {
border: 0 none;
color: #000;
font-size: 1em;
padding: 12px 4px 16px 40px;
width: 508px;
z-index: 97;
font-size:15px;
background:transparent;
}
.form_notice_placeholder .placeholder,
.form_notice textarea,
.input_form .form_settings li input,
.input_form .form_settings li textarea,
.threaded-replies .placeholder {
border-radius: 0;
box-shadow: none;
background: none repeat scroll 0 0 #fff;
}
.form_notice textarea {
outline:none;
border:0 none;
border-bottom:1px solid #e9eaed;
box-shadow: none;
display: block;
float: none;
resize: none;
width:518px;
padding:12px;
height: 60px;
}
.checkbox-wrapper.checked label.checkbox,
.checkbox-wrapper.unchecked label.checkbox {
background-image:none;
color:transparent;
}
.checkbox-wrapper.checked label.checkbox:before,
.checkbox-wrapper.unchecked label.checkbox:before {
content: "\f023";
display: block;
font: 22px/1 "fa";
height: 35px;
left: 10px;
position: absolute;
top: 0px;
width: 35px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color:rgba(0,0,0,0.6);
text-indent:0;
text-align:left;
}
.checkbox-wrapper.unchecked label.checkbox:before {
content: "\f09c";
}
.form_notice label.notice_data-attach {
background-image:none;
display: block;
left: 5px;
position: absolute;
top: 93px;
}
.form_notice label.notice_data-attach:before {
content: "\f416";
display: block;
font: 35px/1 "Genericons";
height: 35px;
left: 0px;
position: absolute;
top: 0px;
width: 35px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color:rgba(0,0,0,0.6);
text-indent:0;
text-align:left;
}
.form_notice .count {
right: -18px;
top:65px;
}
.form_notice fieldset {
height:135px;
}
.form_notice {
margin-bottom: 0;
}
.form_notice .checkbox-wrapper {
display: block;
top: 96px;
left: 280px;
position: absolute;
}
.form_notice .to-selector > label {
display:none;
}
.to-selector select {
display:block;
position:absolute;
top:99px;
left:45px;
}
#notice_action-submit {
display: block;
margin-top: 0;
position: absolute;
right: -15px;
top: 92px;
}
/* reply form */
.threaded-replies .form_notice label.notice_data-attach {
left: 11px;
right: auto;
top: 101px;
}
.threaded-replies .form_notice .count {
right: 14px;
top: 77px;
}
.threaded-replies .form_notice textarea {
border:1px solid #dcdee3;
}
.threaded-replies .form_notice .submit {
height:30px;
right: 10px !important;
top: 103px !important;
}
.threaded-replies .notice-reply {
clear: left;
padding: 10px 10px 3px;
position: relative;
}
/* DM's */
body#inbox,
body#outbox {
}
body#inbox .form_notice select[id="to"],
body#outbox .form_notice select[id="to"] {
float: none;
margin: -4px 0 10px 10px;
max-width: 450px;
position: absolute;
top: 98px;
left:0px;
}
body#inbox .form_notice label[for="to"],
body#outbox .form_notice label[for="to"] {
display:none;
}
body#inbox #form_notice-direct.form_notice textarea,
body#outbox #form_notice-direct.form_notice textarea {
width: 518px;
}
body#inbox #form_notice-direct.form_notice .count,
body#outbox #form_notice-direct.form_notice .count {
right: -17px;
top: 67px;
}
ul.messages > .notice {
padding-bottom:20px !important;
}
body#outbox #core ul.messages .notice:before {
background-position: -8px -150px;
content: " ";
display: block;
height: 40px;
left: 0;
position: absolute;
top: 17px;
width: 40px;
z-index: 10;
}
/* pagniation */
#pagination {
border-radius: 0;
height: 1.2em;
padding-bottom: 12px;
width: 533px;
background:transparent;
}
#pagination .nav_next {
border-radius: 25px;
display: block;
float: none;
font-size: 25px;
height: 50px;
line-height: 50px;
text-align: center;
width: 533px;
}
#pagination .nav_prev {
display:none;
}
#pagination .nav_next a {
border-radius: 50px;
display: block;
float: none;
font-size: 25px;
height: 50px;
line-height: 50px;
text-align: center;
width: 533px;
border:2px solid rgba(0,0,0,0.2);
padding:0;
color:rgba(0,0,0,0.2);
}
#pagination .nav_next a:hover {
border:2px solid rgba(0,0,0,0.5);
color:rgba(0,0,0,0.5);
text-decoration:none;
}
/* notices etc */
#page_notice {
clear: both;
margin-bottom: 18px;
color:rgba(0,0,0,0.4);
font-size:13px;
letter-spacing: 0.3px;
}
/* notices etc */
#content h1 {
color: rgba(0,0,0,0.4);
font-size: 13px;
font-weight: bold;
letter-spacing: 0;
margin-bottom: 5px;
padding: 0;
text-shadow: none;
text-transform: uppercase;
}
#content #content_inner > .threaded-notices > .notice,
#content #content_inner > .threaded-notices > .infscr-pages > .notice,
#content #content_inner > .notices > .infscr-pages > .notice,
#content #content_inner > .notices > .notice,
#content #notices_primary > .threaded-notices > .notice,
#content #notices_primary > .threaded-notices > .infscr-pages > .notice,
#content #notices_primary > .notices > .infscr-pages > .notice,
#content #notices_primary > .notices > .notice {
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 1px;
width:518px;
background-color:#fff;
padding:12px;
padding-bottom:0;
}
#content .notice {
padding-bottom: 4px;
}
.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;
}
.notice-options {
margin-top: 4px;
}
.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);
}
.notice-options .form_repeat.dialogbox legend {
padding-top: 10px;
}
#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.e-content {
max-width: 320px;
}
.realtime-popup .threaded-replies {
margin-left: 15px;
}
.realtime-popup .threaded-replies .form_notice textarea {
width: 385px !important;
}
.realtime-popup .threaded-replies .form_notice label.notice_data-attach {
top: 10px !important;
right: 10px !important;
}
#realtime_actions {
padding-top: 0px !important;
top: -25px !important;
}
#realtime_actions button {
margin-right: 5px;
}
.pagination {
height: 1.2em;
}
.entity_profile {
float: left;
width: 360px;
margin-top: 4px;
}
.entity_profile .entity_depiction {
margin-top: 4px;
}
.entity_actions {
width: 140px;
margin-top: 0;
margin-bottom: 0;
}
.entity_moderation:hover ul,
.entity_role:hover ul {
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;
border-radius: 4px;
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;
top: -3px;
}
#pagination {
height: 1.2em;
padding-bottom: 120px;
border-radius: 6px;
}
#pagination a {
color: #3e3e8c;
}
#footer a {
color: #3e3e8c;
}
#site_nav_global_secondary {
margin-bottom: 10px;
}
.error, .success, .notice-status {
border-radius: 6px;
}
#aside_primary a.timestamp {
color: rgba(0, 0, 0, 0.3);
}
.notice > footer {
margin-bottom: 5px;
}
/* loading */
#infscr-loading {
font-size:20px;
color: rgba(0,0,0,0.4);
}
#infscr-loading img {
display:none;
}
/* menu icons */
#nav_local_default li a {
line-height:22px;
}
#nav_local_default a {
padding-left:32px;
}
#nav_profile a:before,
#nav_timeline_replies a:before,
#nav_timeline_personal a:before,
#nav_local_default li:first-child ul.nav li:nth-child(4) a:before, /* messages... */
#nav_timeline_favorites a:before,
#nav_timeline_public a:before,
#nav_groups a:before,
#nav_recent-tags a:before,
#nav_timeline_favorited a:before,
#nav_directory a:before,
#nav_lists a:before {
content: "\f409";
display: inline;
font-family:'Genericons';
font-size:20px;
line-height:22px;
position:absolute;
display:block;
box-sizing:border-box;
height:22px;
width:22px;
margin-left:-22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color:rgba(0,0,0,0.4);
}
.nav li.current a:before {
color:rgba(0,0,0,0.6) !important;
font-weight:normal !important;
}
#nav_profile a:before {
content: "\f304";
margin-top:-1px;
}
#nav_timeline_replies a:before {
content: "\f086";
font-family:'fa';
font-size:14px;
margin-left:-19px;
}
#nav_local_default li:first-child ul.nav li:nth-child(4) a:before {
content: "\f0e0";
font-family:'fa';
font-size:12px;
margin-left:-18px;
}
#nav_timeline_favorites a:before {
content: "\f005";
font-family:'fa';
font-size:14px;
margin-left:-18px;
}
#nav_timeline_public a:before {
content: "\f475";
}
#nav_groups a:before {
content: "\f0c0";
font-family:'fa';
font-size:12px;
margin-left:-18px;
}
#nav_recent-tags a:before {
content: "\f02c";
font-family:'fa';
font-size:12px;
margin-left:-18px;
}
#nav_timeline_favorited a:before {
content: "\f140";
font-family:'fa';
font-size:14px;
margin-left:-17px;
}
#nav_directory a:before {
content: "\f1ae";
font-family: "fa";
font-size: 15px;
margin-left: -16px;
margin-top: -1px;
}
#nav_lists a:before {
content: "\f0c9";
font-family: "fa";
font-size: 15px;
margin-left: -18px;
}
.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;
}
.form_user_unsubscribe input.submit {
background-position: 2px -1250px;
}
.form_user_subscribe input.submit {
background-position: 2px -1184px;
}
.form_user_block input.submit {
background-position: 2px -920px;
}
.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);
}
.peopletags_edit_button {
position:relative;
}
.peopletags_edit_button:before {
margin-left: -2px;
top: -2px;
}
#export_data li a.foaf,
#export_data li a.json,
#export_data li:nth-child(2) {
display:none;
}
.group_profile_block .entity_actions li a,
.group_profile_block .entity_actions input.submit {
background-color:transparent !important;
}
#gnusocial-version {
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 15px;
box-sizing: border-box;
float: left;
font-size: 11px;
padding: 15px;
width: 100%;
}
#gnusocial-version a,
#gnusocial-version p {
margin:0;
color:rgba(0,0,0,0.5);
}
.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 */
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 13px;
font-weight: 700;
color: #FFFFFF;
line-height: 16px;
background: -moz-linear-gradient(top, #a22430 0%, #c33541 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a22430), color-stop(100%,#c33541)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a22430 0%,#c33541 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a22430 0%,#c33541 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a22430 0%,#c33541 100%); /* IE10+ */
background: linear-gradient(to bottom, #a22430 0%,#c33541 100%); /* W3C */
background-repeat: repeat-x;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #c33541;
border-right-color: #c33541;
border-bottom-color: #c33541;
border-left-color: #c33541;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
cursor: pointer;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 1px;
}
.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
{
background: -moz-linear-gradient(top, #c33541 0%, #d44652 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c33541), color-stop(100%,#d44652)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c33541 0%,#d44652 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c33541 0%,#d44652 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c33541 0%,#d44652 100%); /* IE10+ */
background: linear-gradient(to bottom, #c33541 0%,#d44652 100%); /* W3C */
background-repeat: repeat-x;
border-color:#c33541;
color:#fff;
}
.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#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 {
margin-bottom: 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;
border-radius: 4px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
#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;
}
#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;
}
/* 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: 30px;
margin-left: 5px;
}
#noticesearch .entity_actions {
margin: 0px;
}
#noticesearch p.error {
margin-top: 60px;
}
/* Limited-scope */
.limited-scope .e-content .timestamp {
padding-left: 20px;
position: relative;
}
.limited-scope .e-content .timestamp:before {
content: url(../images/lock.png);
position: absolute;
top: -2px;
left: 0px;
}
.limited-scope li .e-content .timestamp {
padding-left: 0px;
}
.limited-scope li .e-content .timestamp:before {
content: none;
}
.limited-scope li.limited-scope .e-content .timestamp {
padding-left: 20px;
}
.limited-scope li.limited-scope .e-content .timestamp:before {
content: url(../images/lock.png);
position: absolute;
top: -2px;
left: 0px;
}
/* Blog */
label[for=blog-entry-content] {
display: none !important;
}
#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;
}
/* Onboard specific styles */
/* TODO move to plugin */
#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_iframe #wrap {
width: auto;
background: none;
}
.onboard_welcome p {
margin-bottom: 10px;
}
.onboard_welcome ul {
list-style-type: none;
margin-bottom: 10px;
}
.onboard_welcome ul li {
background: url(../images/resultset_next.png) no-repeat 0px 3px;
padding-left: 20px;
margin-left: 10px;
}
#aside_primary #onboard_section {
background: #f2f2f2;
width: 196px;
padding: 10px;
border-radius: 4px;
border: 1px solid #516499;
background: #fafafa;
}
#onboard_section H2 {
border-top-left-radius: 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_section ul {
list-style-type: none;
}
#onboard_section .onboard-step-incomplete {
background: url(../images/resultset_next.png) no-repeat 0px 1px;
padding-left: 20px;
margin-bottom: 10px;
}
#onboard_section .onboard-step-complete {
background: url(../images/tick.png) no-repeat 0px 1px;
padding-left: 20px;
margin-bottom: 10px;
text-decoration: line-through;
color:rgba(0,0,0,0.5);
}
/* 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;
}
/* 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*/