GNUsocial/gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

Updated pigeonthoughts theme to reflect 0.8 design requirements

Browse Source
This commit is contained in:
Sarven Capadisli 2009-06-18 04:33:32 +00:00
parent c14c9e1a08
commit 5d8d3e3184
2 changed files with 221 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

158
theme/pigeonthoughts/css/base.css
View File

@ -12,9 +12,9 @@ img { display:block; border:0; }
a abbr { cursor: pointer; border-bottom:0; } a abbr { cursor: pointer; border-bottom:0; }
table { border-collapse:collapse; } table { border-collapse:collapse; }
ol { list-style-position:inside; } ol { list-style-position:inside; }
html { font-size: 87.5%; background-color:#fff; } html { font-size: 87.5%; }
body { body {
background-color:#fff; background-color:#FFFFFF;
color:#000; color:#000;
font-family:sans-serif; font-family:sans-serif;
font-size:1em; font-size:1em;
@ -78,7 +78,8 @@ margin:0 0 18px 0;
form label { form label {
font-weight:bold; font-weight:bold;
} }
input.checkbox { input.checkbox,
input.radio {
position:relative; position:relative;
top:2px; top:2px;
left:0; left:0;
@ -155,7 +156,8 @@ font-weight:bold;
#form_invite legend, #form_invite legend,
#form_notice_delete legend, #form_notice_delete legend,
#form_password_recover legend, #form_password_recover legend,
#form_password_change legend { #form_password_change legend,
.form_entity_block legend {
display:none; display:none;
} }
@ -181,13 +183,19 @@ margin-left:11px;
float:left; float:left;
width:90%; width:90%;
} }
.form_settings label.radio {
margin-top:0;
margin-right:47px;
margin-left:11px;
width:auto;
}
#form_login p.form_guide, #form_login p.form_guide,
#form_register #settings_rememberme p.form_guide, #form_register #settings_rememberme p.form_guide,
#form_openid_login #settings_rememberme p.form_guide, #form_openid_login #settings_rememberme p.form_guide,
#settings_twitter_remove p.form_guide, #settings_twitter_remove p.form_guide,
#form_search ul.form_data #q { #form_search ul.form_data #q,
#design_background-image_onoff p.form_guide {
margin-left:0; margin-left:0;
} }
@ -375,10 +383,10 @@ margin-bottom:1em;
} }
#content { #content {
width:50.009%; width:49.009%;
min-height:259px; min-height:259px;
float:left; float:left;
margin-left:18px; padding:0 18px;
} }
#shownotice #content { #shownotice #content {
min-height:0; min-height:0;
@ -421,6 +429,8 @@ width:80.789%;
height:46px; height:46px;
line-height:1.5; line-height:1.5;
padding:7px 7px 16px 7px; padding:7px 7px 16px 7px;
position:relative;
z-index:2;
} }
#form_notice label { #form_notice label {
display:block; display:block;
@ -428,8 +438,22 @@ float:left;
font-size:1.3em; font-size:1.3em;
margin-bottom:7px; margin-bottom:7px;
} }
#form_notice #notice_submit label { #form_notice label[for=notice_data-attach],
display:none; #form_notice #notice_data-attach {
position:absolute;
top:25px;
cursor:pointer;
}
#form_notice label[for=notice_data-attach] {
text-indent:-9999px;
left:394px;
width:16px;
height:16px;
}
#form_notice #notice_data-attach {
left:183px;
padding:0;
height:16px;
} }
#form_notice .form_note { #form_notice .form_note {
position:absolute; position:absolute;
@ -509,12 +533,15 @@ margin-bottom:4px;
.entity_profile .entity_nickname { .entity_profile .entity_nickname {
margin-left:11px; margin-left:11px;
display:inline; display:inline;
font-weight:bold;
} }
.entity_profile .entity_nickname { .entity_profile .entity_nickname {
margin-left:0; margin-left:0;
} }
.entity_profile .fn,
.entity_profile .nickname {
font-size:1.1em;
font-weight:bold;
}
.entity_profile .entity_fn dd:before { .entity_profile .entity_fn dd:before {
content: "("; content: "(";
font-weight:normal; font-weight:normal;
@ -574,10 +601,13 @@ display:block;
.form_user_block input.submit, .form_user_block input.submit,
.form_user_unblock input.submit, .form_user_unblock input.submit,
.form_group_block input.submit,
.form_group_unblock input.submit,
.entity_send-a-message a, .entity_send-a-message a,
.entity_edit a, .entity_edit a,
.form_user_nudge input.submit, .form_user_nudge input.submit,
.entity_nudge p { .entity_nudge p,
.form_make_admin input.submit {
border:0; border:0;
padding-left:20px; padding-left:20px;
} }
@ -640,6 +670,7 @@ list-style-type:none;
float:left; float:left;
margin-right:7px; margin-right:7px;
margin-bottom:7px; margin-bottom:7px;
display:inline;
} }
.section .entities li .photo { .section .entities li .photo {
margin-right:0; margin-right:0;
@ -712,12 +743,17 @@ float:left;
width:96.41%; width:96.41%;
border-width:1px; border-width:1px;
border-style:solid; border-style:solid;
padding:1.795%;
margin-bottom:11px; margin-bottom:11px;
} }
.notices li { .notices li {
list-style-type:none; list-style-type:none;
} }
.notices .notices {
margin-top:7px;
margin-left:5%;
width:95%;
float:left;
}
#aside_primary .notice, #aside_primary .notice,
#aside_primary .profile { #aside_primary .profile {
@ -773,6 +809,9 @@ float:left;
width:100%; width:100%;
overflow:hidden; overflow:hidden;
} }
.notice .entry-title.ov {
overflow:visible;
}
#shownotice .notice .entry-title { #shownotice .notice .entry-title {
font-size:2.2em; font-size:2.2em;
} }
@ -797,7 +836,7 @@ clear:left;
float:left; float:left;
font-size:0.95em; font-size:0.95em;
margin-left:59px; margin-left:59px;
width:65%; width:60%;
} }
#showstream .notice div.entry-content, #showstream .notice div.entry-content,
#shownotice .notice div.entry-content { #shownotice .notice div.entry-content {
@ -827,15 +866,12 @@ display:inline-block;
text-transform:lowercase; text-transform:lowercase;
} }
.notice-options { .notice-options {
padding-left:2%;
float:left;
width:50%;
position:relative; position:relative;
font-size:0.95em; font-size:0.95em;
width:12.5%; width:90px;
float:right; float:right;
margin-right:11px;
} }
.notice-options a { .notice-options a {
@ -896,6 +932,74 @@ border:0;
padding:0; padding:0;
} }
.notice .attachment {
position:relative;
padding-left:16px;
}
#attachments .attachment {
padding-left:0;
}
.notice .attachment img {
position:absolute;
top:18px;
left:0;
z-index:99;
}
#shownotice .notice .attachment img {
position:static;
}
#attachments {
clear:both;
float:left;
width:100%;
margin-top:18px;
}
#attachments dt {
font-weight:bold;
font-size:1.3em;
margin-bottom:4px;
}
#attachments ol li {
margin-bottom:18px;
list-style-type:decimal;
float:left;
clear:both;
}
#jOverlayContent,
#jOverlayContent #content,
#jOverlayContent #content_inner {
width: auto !important;
margin-bottom:0;
}
#jOverlayContent #content {
padding:11px;
min-height:auto;
}
#jOverlayContent .external span {
display:block;
margin-bottom:11px;
}
#jOverlayContent button {
position:absolute;
top:0;
right:0;
width:29px;
height:29px;
text-align:center;
font-weight:bold;
padding:0;
}
#jOverlayContent h1 {
max-width:475px;
}
#jOverlayContent #content {
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
#usergroups #new_group { #usergroups #new_group {
float: left; float: left;
@ -1019,8 +1123,6 @@ margin-left:18px;
} }
/* TOP_POSTERS */ /* TOP_POSTERS */
.section tbody td { .section tbody td {
padding-right:11px; padding-right:11px;
@ -1140,6 +1242,18 @@ width:400px;
margin-right:28px; margin-right:28px;
} }
#settings_design_color .form_data li {
width:33%;
}
#settings_design_color .form_data label {
float:none;
display:block;
}
#settings_design_color .form_data .swatch {
padding:11px;
margin-left:0;
}
.instructions ul { .instructions ul {
list-style-position:inside; list-style-position:inside;
} }

125
theme/pigeonthoughts/css/display.css
View File

@ -10,7 +10,7 @@
@import url(base.css); @import url(base.css);
html { html {
background:#fff url(../images/illustrations/illu_pigeons-01.png) no-repeat 0 100%; background:url(../images/illustrations/illu_pigeons-01.png) no-repeat 0 100%;
} }
body, body,
@ -30,10 +30,10 @@ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
} }
input, textarea, select, input, textarea, select,
.entity_remote_subscribe { .entity_remote_subscribe {
border-color:#aaa; border-color:#AAAAAA;
} }
#filter_tags ul li { #filter_tags ul li {
border-color:#ddd; border-color:#DDDDDD;
} }
.form_settings input.form_action-primary { .form_settings input.form_action-primary {
@ -50,35 +50,41 @@ background-color:#8F0000;
input:focus, textarea:focus, select:focus, input:focus, textarea:focus, select:focus,
#form_notice.warning #notice_data-text { #form_notice.warning #notice_data-text {
border-color:#8F0000; border-color:#8F0000;
box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
-moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
-webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
} }
input.submit, input.submit,
.entity_remote_subscribe { .entity_remote_subscribe {
color:#fff; color:#FFFFFF;
} }
a, a,
div.notice-options input, div.notice-options input,
.form_user_block input.submit, .form_user_block input.submit,
.form_user_unblock input.submit, .form_user_unblock input.submit,
.form_group_block input.submit,
.form_group_unblock input.submit,
.entity_send-a-message a, .entity_send-a-message a,
.form_user_nudge input.submit, .form_user_nudge input.submit,
.entity_nudge p, .entity_nudge p,
.form_settings input.form_action-primary { .form_settings input.form_action-primary,
color:#000; .form_make_admin input.submit {
color:#000000;
} }
.notice, .notice,
.profile { .profile {
border-color:#000; border-color:#000000;
} }
.notice a, .notice a,
.profile a { .profile a {
color:#fff; color:#FFFFFF;
} }
.notice:nth-child(3n-1), .notice:nth-child(3n-1),
.profile:nth-child(3n-1) { .profile:nth-child(3n-1) {
border-color:#fff; border-color:#FFFFFF;
} }
.notice:nth-child(3n-1) a, .notice:nth-child(3n-1) a,
.profile:nth-child(3n-1) a { .profile:nth-child(3n-1) a {
@ -90,7 +96,7 @@ border-color:#7F1114;
} }
.notice:nth-child(3n) a, .notice:nth-child(3n) a,
.profile:nth-child(3n) a { .profile:nth-child(3n) a {
color:#000; color:#000000;
} }
.aside .section .notice, .aside .section .notice,
@ -100,30 +106,30 @@ color:#000;
.aside .section .notice:nth-child(3n), .aside .section .notice:nth-child(3n),
.aside .section .profile:nth-child(3n) { .aside .section .profile:nth-child(3n) {
background-color:transparent; background-color:transparent;
color:#000; color:#000000;
} }
.aside .section { .aside .section {
border-color:#fff; border-color:#FFFFFF;
background-color:#fff; background-color:#FFFFFF;
color:#000; color:#000000;
} }
.aside .section:nth-child(n) { .aside .section:nth-child(n) {
border-color:#000; border-color:#000000;
background-color:#000; background-color:#000000;
color:#fff; color:#FFFFFF;
} }
.aside .section:nth-child(3n-1) { .aside .section:nth-child(3n-1) {
border-color:#fff; border-color:#FFFFFF;
background-color:#fff; background-color:#FFFFFF;
color:#000; color:#000000;
} }
.aside .section:nth-child(3n) { .aside .section:nth-child(3n) {
background-color:#7F1114; background-color:#7F1114;
border-color:#7F1114; border-color:#7F1114;
color:#000; color:#000000;
} }
.aside .section a { .aside .section a {
color:#7F1114; color:#7F1114;
@ -132,7 +138,7 @@ color:#7F1114;
color:#7F1114; color:#7F1114;
} }
.aside .section:nth-child(3n) a { .aside .section:nth-child(3n) a {
color:#fff; color:#FFFFFF;
} }
@ -145,33 +151,43 @@ background:url(../images/illustrations/illu_pigeons-02.png) no-repeat 10% 100%;
} }
#notice_text-count { #notice_text-count {
color:#333; color:#333333;
} }
#form_notice.warning #notice_text-count { #form_notice.warning #notice_text-count {
color:#000; color:#000000;
} }
#form_notice label[for=notice_data-attach] {
background:transparent url(../../base/images/icons/twotone/green/clip-01.gif) no-repeat 0 45%;
}
#form_notice #notice_data-attach {
opacity:0;
}
#form_notice.processing #notice_action-submit { #form_notice.processing #notice_action-submit {
background:#fff url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%; background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
cursor:wait; cursor:wait;
text-indent:-9999px; text-indent:-9999px;
} }
#content, #content,
#site_nav_local_views a { #site_nav_local_views a {
border-color:#fff; border-color:#FFFFFF;
} }
#site_nav_local_views .current a { #site_nav_local_views .current a {
background-color:rgba(143, 0, 0, 0.8); background-color:rgba(143, 0, 0, 0.8);
color:#fff; color:#FFFFFF;
} }
#site_nav_local_views a { #site_nav_local_views a {
background-color:rgba(255, 255, 255, 0.3); background-color:rgba(255, 255, 255, 0.5);
} }
#site_nav_local_views a:hover { #site_nav_local_views a:hover {
background-color:#fff; background-color:rgba(255, 255, 255, 0.9);
color:#8F0000; color:#8F0000;
} }
#site_nav_local_views .current a {
text-shadow: rgba(194,194,194,0.5) 1px 1px 1px;
}
.error { .error {
background-color:#F7E8E8; background-color:#F7E8E8;
@ -181,7 +197,7 @@ background-color:#EFF3DC;
} }
#anon_notice { #anon_notice {
color:#000; color:#000000;
} }
@ -204,7 +220,10 @@ background-image:url(../../base/images/icons/icon_foaf.gif);
.form_user_nudge input.submit, .form_user_nudge input.submit,
.form_user_block input.submit, .form_user_block input.submit,
.form_user_unblock input.submit, .form_user_unblock input.submit,
.entity_nudge p { .form_group_block input.submit,
.form_group_unblock input.submit,
.entity_nudge p,
.form_make_admin input.submit {
background-position: 0 40%; background-position: 0 40%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color:transparent; background-color:transparent;
@ -214,7 +233,7 @@ background-color:transparent;
.form_user_subscribe input.submit, .form_user_subscribe input.submit,
.form_user_unsubscribe input.submit { .form_user_unsubscribe input.submit {
background-color:#8F0000; background-color:#8F0000;
color:#fff; color:#FFFFFF;
} }
.form_user_unsubscribe input.submit, .form_user_unsubscribe input.submit,
.form_group_leave input.submit, .form_group_leave input.submit,
@ -233,15 +252,22 @@ background-image:url(../../base/images/icons/twotone/green/quote.gif);
background-image:url(../../base/images/icons/twotone/green/mail.gif); background-image:url(../../base/images/icons/twotone/green/mail.gif);
} }
.form_user_block input.submit, .form_user_block input.submit,
.form_user_unblock input.submit { .form_user_unblock input.submit,
.form_group_block input.submit,
.form_group_unblock input.submit {
background-image:url(../../base/images/icons/twotone/green/shield.gif); background-image:url(../../base/images/icons/twotone/green/shield.gif);
} }
.form_make_admin input.submit {
background-image:url(../../base/images/icons/twotone/green/admin.gif);
}
/* NOTICES */ /* NOTICES */
.notices li.over { .notice .attachment {
background-color:#fcfcfc; background:transparent url(../../base/images/icons/twotone/green/clip-02.gif) no-repeat 0 45%;
}
#attachments .attachment {
background:none;
} }
.notice-options .notice_reply a, .notice-options .notice_reply a,
.notice-options form input.submit { .notice-options form input.submit {
background-color:transparent; background-color:transparent;
@ -263,17 +289,36 @@ background:transparent url(../../base/images/icons/twotone/green/trash.gif) no-r
.notices div.notice-options { .notices div.notice-options {
opacity:0.4; opacity:0.4;
} }
.notices li.hover div.entry-content, .notices li:hover div.entry-content,
.notices li.hover div.notice-options { .notices li:hover div.notice-options {
opacity:1; opacity:1;
} }
div.entry-content { div.entry-content {
color:#333; color:#333333;
} }
div.notice-options a, div.notice-options a,
div.notice-options input { div.notice-options input {
font-family:sans-serif; font-family:sans-serif;
} }
.notices li:hover {
background-color:transparent;
}
#conversation .notices li:hover {
background-color:transparent;
}
.notices .notices {
background-color:rgba(200, 200, 200, 0.050);
}
.notices .notices .notices {
background-color:rgba(200, 200, 200, 0.100);
}
.notices .notices .notices .notices {
background-color:rgba(200, 200, 200, 0.150);
}
.notices .notices .notices .notices .notices {
background-color:rgba(200, 200, 200, 0.300);
}
/*END: NOTICES */ /*END: NOTICES */
#new_group a { #new_group a {
@ -283,7 +328,7 @@ background:transparent url(../../base/images/icons/twotone/green/news.gif) no-re
.pagination .nav_prev a, .pagination .nav_prev a,
.pagination .nav_next a { .pagination .nav_next a {
background-repeat:no-repeat; background-repeat:no-repeat;
border-color:#000; border-color:#000000;
} }
.pagination .nav_prev a { .pagination .nav_prev a {
background-image:url(../../base/images/icons/twotone/green/arrow-left.gif); background-image:url(../../base/images/icons/twotone/green/arrow-left.gif);