forked from GNUsocial/gnu-social
ba1ada2880
Note that changes to the attachment from <label for/><input id/> to <label><input></label> affect some of the existing styles which attempt to place them both in the same place based on having a common parent. Only 'neo' has been fully tested and fixed for this case, as the others all fail due to the new layout anyway. :)
257 lines
4.2 KiB
CSS
257 lines
4.2 KiB
CSS
/** theme: clean
|
|
*
|
|
* @package StatusNet
|
|
* @author Samantha Doherty <sammy@status.net>
|
|
* @copyright 2010 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: url(../images/page_bg.png) no-repeat fixed 50% 100%;
|
|
background-color: #6e6e8c;
|
|
font-family: "Liberation Sans", "Nimbus Sans L", "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 86%;
|
|
}
|
|
|
|
#wrap {
|
|
width: 867px;
|
|
margin: 0px auto;
|
|
padding: 0px 8px 10px 8px;
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
|
|
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
|
|
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
#header {
|
|
width: 851px;
|
|
padding: 0px;
|
|
padding-top: 70px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
address {
|
|
float: left;
|
|
margin-right: 20px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.poweredby {
|
|
background: url(../images/sn-tiny.png) no-repeat top left;
|
|
height: 40px;
|
|
font-size: 0.8em;
|
|
color: #fff;
|
|
line-height: 42px;
|
|
padding-left: 50px;
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 0;
|
|
z-index: 99;
|
|
font-style: normal;
|
|
}
|
|
|
|
.poweredby a {
|
|
color: #fff !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#site_nav_global_primary {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 98;
|
|
background-color: #829d25;
|
|
width: 883px;
|
|
margin-left: -16px;
|
|
margin-top: 0px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: right;
|
|
border-top: 10px solid #fff;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
#site_nav_global_primary li:last-child {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
#site_nav_global_primary a {
|
|
color: #fff !important;
|
|
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
#site_notice {
|
|
float: right;
|
|
width: 270px;
|
|
padding: 10px;
|
|
margin-left: 40px;
|
|
}
|
|
|
|
#anon_notice {
|
|
clear: both;
|
|
background: none;
|
|
padding: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.form_notice {
|
|
float: right;
|
|
width: 494px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.form_notice fieldset {
|
|
width: 100%;
|
|
}
|
|
|
|
.form_notice textarea {
|
|
width: 362px;
|
|
height: 54px;
|
|
}
|
|
|
|
.form_notice label.notice_data-attach,
|
|
.form_notice input.notice_data-attach {
|
|
top: 27px;
|
|
}
|
|
|
|
.form_notice .notice_data-geo_wrap label,
|
|
.form_notice .notice_data-geo_wrap input {
|
|
top: 52px;
|
|
}
|
|
|
|
.form_notice .submit {
|
|
font-size: 0.9em;
|
|
top: 80px;
|
|
right:0;
|
|
height: 2.4em;
|
|
width: 96px;
|
|
right: 10px;
|
|
}
|
|
|
|
.form_notice .error,
|
|
.form_notice .success {
|
|
width: 375px;
|
|
}
|
|
|
|
.form_notice .error {
|
|
width: 375px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
#core {
|
|
clear: both;
|
|
margin: 0px;
|
|
width: 851px;
|
|
margin-left: 8px;
|
|
margin-top: 14px;
|
|
}
|
|
|
|
#content {
|
|
padding-top: 10px;
|
|
width: 545px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
#site_nav_local_views {
|
|
background-color: #6e6e8c;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
margin-bottom: 0px;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
#site_nav_local_views a {
|
|
color: #fff !important;
|
|
padding: 2px 6px 2px 6px;
|
|
}
|
|
|
|
#site_nav_local_views .current a {
|
|
background: #fff !important;
|
|
color: #000 !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#aside_primary {
|
|
width: 280px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#aside_primary .section {
|
|
width: 270px;
|
|
margin-left: 0px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.section ul.entities {
|
|
width: 290px;
|
|
}
|
|
|
|
.section .entities li {
|
|
margin-right: 17px;
|
|
margin-bottom: 10px;
|
|
width: 24px;
|
|
}
|
|
|
|
.notice {
|
|
line-height: 1.35em;
|
|
}
|
|
|
|
#content .notice .author .photo {
|
|
left: 0px;
|
|
}
|
|
|
|
#content .notice .entry-title {
|
|
min-height: 26px;
|
|
}
|
|
|
|
#shownotice .notice .entry-title {
|
|
min-height:123px;
|
|
}
|
|
|
|
.notice div.entry-content {
|
|
font-size: 0.9em;
|
|
line-height: 1.2em;
|
|
margin-top: 10px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.notice:hover div.entry-content {
|
|
opacity: 1;
|
|
}
|
|
|
|
.user_in .notice div.entry-content {
|
|
max-width: 360px;
|
|
}
|
|
|
|
div.entry-content a.response:before {
|
|
content: "(";
|
|
}
|
|
|
|
div.entry-content a.response:after {
|
|
content: ")";
|
|
}
|
|
|
|
.notice-options {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.pagination {
|
|
height: 1.2em;
|
|
}
|
|
|
|
#jOverlayContent button {
|
|
top: 20px;
|
|
right: 36px;
|
|
}
|
|
|
|
.entity_profile {
|
|
width: 365px;
|
|
}
|
|
|
|
}/*end of @media screen, projection, tv*/
|