gnu-social/theme/gnusocial/css/social.css

428 lines
8.3 KiB
CSS
Raw Normal View History

2010-07-27 03:09:26 +01:00
/*
GNU social alpha CSS
Enable this line to debug:
@import url('./debug.css');
*/
2010-11-29 20:08:01 +00:00
/** theme: GNU social (portions from StatusNet base CSS)
*
* @package GNU social
* @author Matt Lee <mattl@cnuk.org>
* @copyright 2010 Free Software Foundation, Inc
* @copyright 2009-2010 StatusNet, Inc.
* @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
*/
2010-07-27 03:09:26 +01:00
/* stuff we want to hide..... */
2010-11-29 20:49:57 +00:00
legend, #anon_notice, #notices_primary h2, #site_nav_local_views dt, #ft dt, .entity_profile dt, .entity_profile h2, .entity_actions h2, .entity_nickname, .entities .nickname, .anon_notice, .section h2, .entity_profile, .entity_subscribers { display: none !important; }
2010-11-29 20:27:21 +00:00
#hd a{ color: white !important; }
2010-11-29 19:59:19 +00:00
.entities li { display: inline; list-style: none !important; }
.entity_profile dd { margin-bottom: 1em; }
2010-11-29 20:18:24 +00:00
.notice { background-color: #eee; margin-bottom: 1em; border-top: 1px solid #ddd; padding: 0.4em; }
2010-11-29 19:52:39 +00:00
.entity_fn { font-size: 130%; }
2010-07-27 03:09:26 +01:00
dl, dd { margin: 0 !important; padding: 0 !important;}
#yui-main { margin-bottom: 0 !important; padding-bottom: 0 !important;}
.notices { margin: 0; padding: 0; }
.notices li { list-style: none; }
#ft { padding-top: 12px;}
#custom-doc { width:76.23em;*width:74.39em;min-width:991px; margin:auto; text-align:left; }
#yui-main { background-color: white; position: relative; }
#sidebar *, #right-nav * { background: none !important; border: none !important; }
html, body{padding: 0; margin: 0;}
2010-07-29 16:45:13 +01:00
body {background-image: url(/theme/gnusocial/images/bg.png) !important; background-repeat: repeat-x !important; background-color: white;}
2010-07-27 03:09:26 +01:00
2010-11-29 20:44:42 +00:00
#hd h1 {margin: 0; line-height: 57px; font-size: 14px; font-weight: bold;}
2010-07-27 03:09:26 +01:00
#hd h1 a{color: #111; text-decoration: none;}
#hd dt {display: none;}
#hd ul {padding: 0; margin: 0; line-height: 48px; position: absolute; top: 0; right: 10px; }
#hd li {display: inline; list-style: none; margin-left: 12px;}
#hd {height: 40px; position: relative;}
form {margin: 0 auto; width: 70%;}
table {width: 100%;}
tr, td{border: 0;}
.update-text{ font-size: 12px; font-weight: bold;}
.update-icon{ text-align: center;}
#stream li{list-style: none; position: relative; margin-top: 12px; }
#stream dl {position: absolute; top: 0; left: 50px;}
#stream dd {color: #333; font-size: 80%; padding: 0; margin: 0; margin-top: 6px;}
2010-11-29 20:25:54 +00:00
#social { padding-left: 10px;}
2010-07-27 03:09:26 +01:00
#sidebar ul{margin: 0; padding: 0;}
#sidebar li {list-style: none;}
#sidebar li a{display: block; width: 180px; padding: 4px;}
#sidebar li a:hover {background-color: #ececec;}
.selected {background-color: cyan; width: 180px;}
#right-nav {background-color: #ececec;}
#right-nav div {padding: 10px;}
.form_notice { position: relative; top: 0; left: 0; }
form label.submit {
display:none;
}
.form_settings {
clear:both;
}
.form_settings fieldset {
margin-bottom:29px;
}
.form_settings input.remove {
margin-left:11px;
}
.form_settings .form_data li {
width:100%;
float:left;
}
.form_settings .form_data label {
float:left;
}
.form_settings .form_data textarea,
.form_settings .form_data select,
.form_settings .form_data input {
margin-left:11px;
float:left;
}
.form_settings .form_data textarea {
width:325px;
}
.form_settings .form_data input.submit {
margin-left:0;
}
.form_settings label {
margin-top:2px;
width:143px;
}
.form_actions label {
display:none;
}
.form_guide {
font-style:italic;
}
.form_settings #settings_autosubscribe label {
display:inline;
font-weight:bold;
}
#form_settings_profile legend,
#form_login legend,
#form_register legend,
#form_password legend,
#form_settings_avatar legend,
#newgroup legend,
#editgroup legend,
#form_tag_user legend,
#form_remote_subscribe legend,
#form_openid_login legend,
#form_search legend,
#form_invite legend,
#form_notice_delete legend,
#form_password_recover legend,
#form_password_change legend {
display:none;
}
.form_settings .form_data p.form_guide {
clear:both;
margin-left:155px;
margin-bottom:0;
}
.form_settings p {
margin-bottom:11px;
}
.form_settings input.checkbox {
margin-top:0;
margin-left:0;
}
.form_settings label.checkbox {
font-weight:normal;
margin-top:0;
margin-right:0;
margin-left:11px;
float:left;
width:90%;
}
#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,
#form_search ul.form_data #q {
margin-left:0;
}
.form_settings .form_note {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:0 7px;
}
.form_settings input.form_action-primary {
padding:0;
}
.form_settings input.form_action-secondary {
margin-left:29px;
}
#form_search .submit {
margin-left:11px;
}
caption {
font-weight:bold;
}
legend {
font-weight:bold;
font-size:1.3em;
}
input, textarea, select, option {
padding:4px;
font-family:sans-serif;
font-size:1em;
}
input, textarea, select {
border-width:2px;
border-style: solid;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
input.submit {
font-weight:bold;
cursor:pointer;
}
textarea {
overflow:auto;
}
option {
padding-bottom:0;
}
fieldset {
padding:0;
border:0;
}
form ul li {
list-style-type:none;
margin:0 0 18px 0;
}
form label {
font-weight:bold;
}
input.checkbox {
position:relative;
top:2px;
left:0;
border:0;
}
.error,
.success {
padding:4px 7px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin-bottom:18px;
}
2010-11-29 20:30:21 +00:00
/* #all .notice, #public .notice { padding-bottom: 12px;} */
2010-07-27 03:09:26 +01:00
2010-11-29 20:30:21 +00:00
/* #all .notice .entry-title, #public .notice .entry-title { position: relative;} */
2010-07-27 03:09:26 +01:00
2010-11-29 20:30:21 +00:00
/* #all .notice .entry-title .entry-content, #public .notice .entry-title .entry-content { position: absolute; top: 25px; left: 55px; } */
2010-07-27 03:09:26 +01:00
2010-11-29 20:30:21 +00:00
/* #all .notice .entry-content .timestamp, #public .notice .entry-content .timestamp { color: #666; margin-left: 55px; font-size: 80%; text-decoration: none !important; } */
2010-07-27 03:09:26 +01:00
2010-11-29 20:33:05 +00:00
.notices div.entry-content { font-size: 80%; }
2010-11-29 20:31:42 +00:00
2010-11-29 20:46:13 +00:00
.notices div.entry-content a, .notices div.entry-content abbr{ font-color: #666 !important; text-decoration: none !important; }
2010-11-29 20:31:42 +00:00
2010-07-27 03:09:26 +01:00
abbr { border: 0px !important; }
#all .entry-title .author .nickname, #public .entry-title .author .nickname { position: absolute; top: 0; left: 55px; font-weight: bold; }
#showstream #i { position: absolute; top: 0; left: 0; background-color: white; z-index: 100; width: 185px; }
.notice-options, .form_favor .submit, .form_repeat .submit { background-color: white; border: 0; display: none !important; }
#form_notice { margin-top: 10px;}
2010-11-29 20:03:01 +00:00
/* tagcloud */
.tag-cloud {
list-style-type:none;
text-align:center;
}
.aside .tag-cloud {
font-size:0.8em;
word-wrap:break-word;
}
.tag-cloud li {
display:inline;
margin-right:7px;
line-height:1.25;
}
.tag-cloud li:before {
content:'\0009';
}
.aside .tag-cloud li {
line-height:1.5;
}
.tag-cloud li a {
text-decoration:none;
}
#tagcloud.section dt {
text-transform:uppercase;
font-weight:bold;
}
.tag-cloud-1 {
font-size:1em;
}
.tag-cloud-2 {
font-size:1.25em;
}
.tag-cloud-3 {
font-size:1.75em;
}
.tag-cloud-4 {
font-size:2em;
}
.tag-cloud-5 {
font-size:2.25em;
}
.tag-cloud-6 {
font-size:2.75em;
}
.tag-cloud-7 {
font-size:3.25em;
}
2010-11-29 20:08:01 +00:00
.entity_actions {
2010-11-29 20:36:13 +00:00
text-align: center;
2010-11-29 20:08:01 +00:00
margin-left:2%;
margin-bottom:18px;
min-width:21%;
2010-11-29 20:36:13 +00:00
font-size: 18px;
2010-11-29 20:08:01 +00:00
}
.entity_actions h2 {
display:none;
}
.entity_actions ul {
list-style-type:none;
}
.entity_actions li {
margin-bottom:7px;
}
.entity_actions li:first-child {
border-top:0;
}
.entity_actions fieldset {
border:0;
padding:0;
}
.entity_actions legend {
display:none;
}
.entity_actions input.submit {
display:block;
text-align:left;
width:100%;
}
.entity_actions a {
text-decoration:none;
font-weight:bold;
display:block;
}
.entity_actions a,
.entity_actions input {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.entity_actions a,
.entity_actions input,
.entity_actions p {
border-width:2px;
border-style:solid;
padding-left:23px;
}
.entity_actions a,
.entity_actions p {
padding:2px 4px 1px 26px;
}
.entity_actions .accept {
margin-bottom:18px;
}
2010-11-29 20:37:48 +00:00
2010-11-29 20:40:29 +00:00
.entity_actions li { list-style: none !important; }
2010-11-29 20:39:45 +00:00
2010-11-29 20:40:29 +00:00
.entity_actions ul { margin: 0; padding: 0; }
2010-11-29 20:43:36 +00:00
.entity_subscribe, .entity_subscribe a { border: 0 !important; background-color: red; color: white !important; padding: 8px; }
2010-11-29 20:42:23 +00:00
2010-11-29 20:40:29 +00:00
.entity_subscribe a:after {
2010-11-29 20:42:23 +00:00
content:' and add to your friends';
2010-11-29 20:49:07 +00:00
}
2010-11-29 20:49:57 +00:00
.entity_subscriptions ul:before { content: 'Fan of...'; }