wamo/gnu-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rest of layout styles for Cloudy.

Browse Source
This commit is contained in:
Sarven Capadisli 2010-01-05 17:38:59 +00:00
parent bdbc1e8d87
commit 50185aafbb
1 changed files with 165 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

258
theme/cloudy/css/display.css
View File

@ -457,7 +457,7 @@ border-right:0;
border-top:0; border-top:0;
} }
#form_notice { .form_notice {
width:515px; width:515px;
line-height:1; line-height:1;
position:absolute; position:absolute;
@ -465,66 +465,63 @@ top:200px;
left:20px; left:20px;
z-index:9; z-index:9;
} }
#form_notice fieldset { .form_notice fieldset {
border:0; border:0;
padding:0 0 50px 0; padding:0;
position:relative;
} }
#form_notice legend { .form_notice legend {
display:none; display:none;
} }
#form_notice textarea { .form_notice textarea {
float:left; float:left;
width:94.75%; border-radius:7px;
height:45px; -moz-border-radius:7px;
-webkit-border-radius:7px;
width:80.789%;
height:67px;
line-height:1.5; line-height:1.5;
padding:2.5%; padding:7px 7px 16px 7px;
border-width:1px; position:relative;
z-index:2;
} }
#form_notice label { .form_notice label {
display:block; display:block;
float:left; 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 {
}
#form_notice label[for=notice_data-attach],
#form_notice #notice_data-attach {
position:absolute; position:absolute;
top:101px; top:25px;
right:10.5%;
cursor:pointer; cursor:pointer;
} }
#form_notice label[for=notice_data-attach] { .form_notice label[for=notice_data-attach] {
text-indent:-9999px; text-indent:-9999px;
left:72%;
width:16px; width:16px;
height:16px; height:16px;
} }
#form_notice #notice_data-attach { .form_notice #notice_data-attach {
left:18%;
padding:0; padding:0;
height:16px; height:16px;
} }
.form_notice .form_note {
#form_notice .form_note {
position:absolute; position:absolute;
top:-10px; bottom:2px;
right:0; right:21.715%;
z-index:9; z-index:9;
font-family:Georgia, serif;
font-size:1.7em;
} }
#form_notice .form_note dt { .form_notice .form_note dt {
font-weight:bold; font-weight:bold;
display:none; display:none;
} }
#notice_text-count { .form_notice #notice_text-count {
font-weight:bold; font-weight:bold;
line-height:1.15; line-height:1.15;
padding:1px 2px; padding:1px 2px;
} }
.form_notice #notice_action-submit { .form_notice #notice_action-submit {
width:14%; width:14%;
height:47px; height:47px;
@ -533,13 +530,14 @@ position:absolute;
bottom:0; bottom:0;
right:0; right:0;
} }
#form_notice label[for=to] { .form_notice label[for=to] {
margin-top:7px; margin-top:7px;
} }
#form_notice select[id=to] { .form_notice select[id=to] {
margin-bottom:7px; margin-bottom:7px;
margin-left:18px; margin-left:18px;
float:left; float:left;
max-width:322px;
} }
.form_notice .error, .form_notice .error,
.form_notice .success { .form_notice .success {
@ -572,8 +570,9 @@ float:left;
.form_notice #notice_data-location_wrap label { .form_notice #notice_data-location_wrap label {
position:absolute; position:absolute;
top:101px; top:25px;
left:79%; right:4px;
left:auto;
cursor:pointer; cursor:pointer;
width:16px; width:16px;
height:16px; height:16px;
@ -608,7 +607,7 @@ cursor:pointer;
/* entity_profile */ /* entity_profile */
.entity_profile { .entity_profile {
position:relative; position:relative;
width:67.702%; width:68%;
min-height:123px; min-height:123px;
float:left; float:left;
margin-bottom:18px; margin-bottom:18px;
@ -635,7 +634,8 @@ margin-bottom:18px;
.entity_profile .entity_location, .entity_profile .entity_location,
.entity_profile .entity_url, .entity_profile .entity_url,
.entity_profile .entity_note, .entity_profile .entity_note,
.entity_profile .entity_tags { .entity_profile .entity_tags,
.entity_profile .entity_aliases {
margin-left:113px; margin-left:113px;
margin-bottom:4px; margin-bottom:4px;
} }
@ -644,35 +644,44 @@ 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 .entity_fn dd:before { .entity_profile .nickname {
font-size:1.1em;
font-weight:bold;
}
.entity_profile .fn:before {
content: "("; content: "(";
font-weight:normal; font-weight:normal;
} }
.entity_profile .entity_fn dd:after { .entity_profile .fn:after {
content: ")"; content: ")";
font-weight:normal; font-weight:normal;
} }
.entity_profile .nickname:after,
.entity_profile dt { .entity_profile .nickname:before {
display:none; content:"";
} }
.entity_profile dt,
.entity_profile h2 { .entity_profile h2 {
display:none; display:none;
} }
.entity_profile .role {
margin-left:11px;
font-style:italic;
}
/* entity_profile */ /* entity_profile */
/*entity_actions*/ /*entity_actions*/
.entity_actions { .entity_actions {
float:right; float:right;
margin-left:4.35%; margin-left:2%;
max-width:25%; margin-bottom:18px;
min-width:21%;
} }
.entity_actions h2 { .entity_actions h2 {
display:none; display:none;
@ -681,7 +690,7 @@ display:none;
list-style-type:none; list-style-type:none;
} }
.entity_actions li { .entity_actions li {
margin-bottom:4px; margin-bottom:7px;
} }
.entity_actions li:first-child { .entity_actions li:first-child {
border-top:0; border-top:0;
@ -699,42 +708,97 @@ display:block;
text-align:left; text-align:left;
width:100%; width:100%;
} }
.entity_actions a, .entity_actions a {
.entity_nudge p,
.entity_remote_subscribe {
text-decoration:none; text-decoration:none;
font-weight:bold; font-weight:bold;
display:block; display:block;
} }
.entity_actions a,
.form_user_block input.submit, .entity_actions input {
.form_user_unblock input.submit,
.entity_send-a-message a,
.entity_edit a,
.form_user_nudge input.submit,
.entity_nudge p {
border:0;
padding-left:20px;
}
.entity_edit a,
.entity_send-a-message a,
.entity_nudge p {
padding:4px 4px 4px 23px;
}
.entity_remote_subscribe {
padding:4px;
border-width:2px;
border-style:solid;
border-radius:4px; border-radius:4px;
-moz-border-radius:4px; -moz-border-radius:4px;
-webkit-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 { .entity_actions .accept {
margin-bottom:18px; margin-bottom:18px;
} }
.entity_send-a-message button {
position:absolute;
top:3px;
right:3px;
}
.entity_send-a-message .form_notice {
position:absolute;
top:34px;
right:-1px;
padding:1.795%;
width:92%;
z-index:2;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-width:1px;
border-style:solid;
}
.entity_send-a-message .form_notice legend {
display:block;
margin-bottom:11px;
}
.entity_send-a-message .form_notice label,
.entity_send-a-message .form_notice select {
display:none;
}
.entity_send-a-message .form_notice input.submit {
text-align:center;
}
.entity_moderation {
position:relative;
}
.entity_moderation p {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
font-weight:bold;
padding-bottom:2px;
margin-bottom:7px;
}
.entity_moderation ul {
display:none;
}
.entity_moderation:hover ul {
display:block;
min-width:21%;
width:100%;
padding:11px;
position:absolute;
top:-1px;
right:-1px;
z-index:1;
border-width:1px;
border-style:solid;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.entity_tags ul { .entity_tags ul {
list-style-type:none; list-style-type:none;
display:inline; display:inline;
@ -791,7 +855,6 @@ margin-bottom:0;
min-height:60px; min-height:60px;
} }
.profile .form_group_join legend, .profile .form_group_join legend,
.profile .form_group_leave legend, .profile .form_group_leave legend,
.profile .form_user_subscribe legend, .profile .form_user_subscribe legend,
@ -802,18 +865,22 @@ display:none;
.profiles { .profiles {
list-style-type:none; list-style-type:none;
} }
.profile .entity_profile .entity_location { .profile .entity_profile .fn.nickname,
.profile .entity_profile .url[rel~=contact] {
margin-left:0;
display:inline;
}
.profile .entity_profile .fn,
.profile .entity_profile .location {
margin-left:11px;
margin-bottom:4px;
width:auto; width:auto;
clear:none; clear:none;
margin-left:11px;
} }
.profile .entity_profile dl,
.profile .entity_profile dd { .profile .entity_profile .note,
display:inline; .profile .entity_profile .url,
float:none;
}
.profile .entity_profile .entity_note,
.profile .entity_profile .entity_url,
.profile .entity_profile .entity_tags, .profile .entity_profile .entity_tags,
.profile .entity_profile .form_subscription_edit { .profile .entity_profile .form_subscription_edit {
margin-left:59px; margin-left:59px;
@ -826,13 +893,11 @@ display:inline;
margin-right:11px; margin-right:11px;
} }
.profile .entity_profile .form_subscription_edit label { .profile .entity_profile .form_subscription_edit label {
font-weight:normal; font-weight:normal;
margin-right:11px; margin-right:11px;
} }
/* NOTICE */ /* NOTICE */
.notice, .notice,
.profile { .profile {
@ -940,7 +1005,7 @@ max-width:66%;
#showstream .notice div.entry-content, #showstream .notice div.entry-content,
#shownotice .notice div.entry-content { #shownotice .notice div.entry-content {
margin-left:0; margin-left:0;
max-width:79%; max-width:77%;
} }
.notice .notice-options a, .notice .notice-options a,
@ -1664,13 +1729,11 @@ background-position:0 -1846px;
} }
a, a,
div.notice-options input, .form_settings input.form_action-primary,
.form_user_block input.submit, .notice-options input,
.form_user_unblock input.submit, .entity_actions a,
.entity_send-a-message a, .entity_actions input,
.form_user_nudge input.submit, .entity_moderation p {
.entity_nudge p,
.form_settings input.form_action-primary {
color:#0084B4; color:#0084B4;
} }
@ -1715,11 +1778,13 @@ text-indent:-9999px;
#content, #content,
#site_nav_local_views a, #site_nav_local_views a,
#aside_primary { #aside_primary {
border-color:#fff; border-color:#FFFFFF;
} }
#content, #content,
#site_nav_local_views .current a { #site_nav_local_views .current a,
background-color:#fff; .entity_send-a-message .form_notice,
.entity_moderation:hover ul {
background-color:#FFFFFF;
} }
#site_nav_local_views a { #site_nav_local_views a {
@ -1763,6 +1828,14 @@ background-position:0 -64px;
background-position:0 1px; background-position:0 1px;
} }
.form_group_join input.submit,
.form_group_leave input.submit,
.form_user_subscribe input.submit,
.form_user_unsubscribe input.submit,
.entity_subscribe a {
background-color:#AAAAAA;
color:#FFFFFF;
}
.form_group_leave input.submit, .form_group_leave input.submit,
.form_user_unsubscribe input.submit { .form_user_unsubscribe input.submit {
background-position:5px -1246px; background-position:5px -1246px;
@ -1813,7 +1886,6 @@ background-position: 5px -1511px;
} }
/* NOTICES */ /* NOTICES */
.notice .attachment { .notice .attachment {
background-position:0 -394px; background-position:0 -394px;