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

Style updates for notice forms.

Browse Source
This commit is contained in:
Samantha Doherty 2011-04-18 11:51:38 -04:00
parent 027cdd4620
commit 45a2fdefea
1 changed files with 134 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

153
theme/neo/css/display.css
View File

@ -303,11 +303,11 @@ address {
position: relative; position: relative;
float: left; float: left;
width: 520px; width: 520px;
padding-bottom: 15px; padding-bottom: 20px;
} }
#input_form_status, #input_form_direct { #input_form_status, #input_form_direct {
padding-bottom: 45px; padding-bottom: 50px;
} }
.form_notice { .form_notice {
@ -325,8 +325,8 @@ address {
} }
.form_notice_placeholder .placeholder { .form_notice_placeholder .placeholder {
width: 473px; width: 508px;
padding: 4px 10px 4px 10px; padding: 4px 4px 4px 6px;
border: 1px solid #a6a6a6; border: 1px solid #a6a6a6;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -336,12 +336,13 @@ address {
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
z-index: 97; z-index: 97;
font-size: 1em; font-size: 1em;
color: #888;
} }
.form_notice textarea { .form_notice textarea {
width: 473px; width: 483px;
height: 42px; height: 42px;
padding: 6px 10px 18px 10px; padding: 6px 5px 18px 5px;
border: 1px solid #a6a6a6; border: 1px solid #a6a6a6;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -354,7 +355,7 @@ address {
} }
#form_notice-direct.form_notice textarea { #form_notice-direct.form_notice textarea {
width: 498px; width: 508px;
} }
.form_notice label.notice_data-attach { .form_notice label.notice_data-attach {
@ -373,7 +374,7 @@ address {
.form_notice .count { .form_notice .count {
position: absolute; position: absolute;
top: 50px; top: 50px;
right: 35px; right: 32px;
font-size: 0.8em; font-size: 0.8em;
height: 1em; height: 1em;
z-index: 99; z-index: 99;
@ -381,16 +382,16 @@ address {
#form_notice-direct.form_notice .count { #form_notice-direct.form_notice .count {
top: 80px; top: 80px;
right: 10px; right: 7px;
} }
.form_notice #notice_action-submit { .form_notice #notice_action-submit {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0px; left: 0px;
margin-top: -44px; margin-top: -49px;
float: left; float: left;
width: 90px; width: 100px;
padding: 0px; padding: 0px;
z-index: 99; z-index: 99;
} }
@ -407,6 +408,9 @@ address {
margin-top: 10px; margin-top: 10px;
padding: 5px 5px 5px 10px; padding: 5px 5px 5px 10px;
border: 1px solid #ccc; border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.form_notice .error { .form_notice .error {
@ -423,7 +427,78 @@ address {
} }
.input_form fieldset fieldset { .input_form fieldset fieldset {
margin-bottom: 10px !important; width: 400px;
float: left;
background: none;
border: none;
margin-bottom: 0px !important;
padding: 0px !important;
}
.input_form .form_settings .form_data li {
position: relative;
margin-bottom: 12px;
}
.input_form fieldset fieldset label {
position: absolute;
top: 0;
left: 6px;
float: none;
text-align: left;
color: #888;
cursor: text;
}
.input_form .form_settings li input {
width: 388px;
margin-left: 0;
margin-right: 0;
padding: 4px 5px 4px 5px;
border: 1px solid #a6a6a6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
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);
font-size: 1em;
}
.input_form .form_settings li textarea {
width: 388px;
margin-left: 0;
padding: 4px 5px 4px 5px;
border: 1px solid #a6a6a6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
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);
z-index: 97;
font-size: 1em;
}
.input_form .form_settings p.form_guide {
margin-left: 5px;
}
.input_form .form_settings .submit {
position: relative;
top: 0;
right: 0;
float: right;
width: 100px;
height: 26px;
line-height: 26px;
padding: 0px 10px;
margin: 0px;
color:#fff;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
z-index: 1;
} }
.to-selector { .to-selector {
@ -432,15 +507,16 @@ address {
} }
.form_settings label[for=notice_to] { .form_settings label[for=notice_to] {
margin-left: 100px; left: 5px;
margin-right: 5px; margin-left: 0px;
margin-right: 10px;
position: relative;
clear: left;
} }
.checkbox-wrapper { .checkbox-wrapper {
padding: 2px; padding: 2px;
clear: left; margin-left: 10px;
display: block;
margin-left: 26%;
} }
.form_notice .checkbox-wrapper { .form_notice .checkbox-wrapper {
@ -453,6 +529,7 @@ address {
margin-top: 6px; margin-top: 6px;
line-height: 1.2em; line-height: 1.2em;
left: -3px; left: -3px;
float: none;
} }
.checkbox-wrapper #notice_private { .checkbox-wrapper #notice_private {
@ -465,6 +542,11 @@ address {
opacity: 0.6; opacity: 0.6;
} }
.checkbox-wrapper.unchecked label.checkbox:hover {
opacity: 1;
cursor: pointer;
}
.checkbox-wrapper.checked label.checkbox { .checkbox-wrapper.checked label.checkbox {
padding-left: 20px; padding-left: 20px;
background: url(../images/lock.png) no-repeat 0px 0px; background: url(../images/lock.png) no-repeat 0px 0px;
@ -472,6 +554,10 @@ address {
opacity: 1; opacity: 1;
} }
.checkbox-wrapper.checked label.checkbox:hover {
cursor: pointer;
}
#aside_primary { #aside_primary {
width: 218px; width: 218px;
float: left; float: left;
@ -755,7 +841,7 @@ div.entry-content a.response:after {
} }
.threaded-replies .form_notice textarea { .threaded-replies .form_notice textarea {
width: 385px; width: 395px;
} }
.threaded-replies .form_notice label.notice_data-attach { .threaded-replies .form_notice label.notice_data-attach {
@ -776,6 +862,7 @@ div.entry-content a.response:after {
.threaded-replies .form_notice #notice_action-submit { .threaded-replies .form_notice #notice_action-submit {
left: 10px; left: 10px;
margin-top: -44px;
} }
.threaded-replies .form_notice .error, .threaded-replies .form_notice .error,
@ -1177,6 +1264,16 @@ ul.bookmark-tags a:hover {
margin-bottom: 10px; margin-bottom: 10px;
} }
#form_initial_bookmark.form_settings .form_data li {
margin-bottom: 0px;
}
#form_new_bookmark.form_settings .bookmarkform-thumbnail {
position: absolute;
top: 50px;
right: 0px;
}
/* Onboard specific styles */ /* Onboard specific styles */
.onboard-flash { .onboard-flash {
@ -1356,6 +1453,24 @@ table.profile_list tr.alt {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
} }
#input_form_event .form_settings .form_data {
float: left;
}
#input_form_event .form_settings .form_data li {
float: left;
width: auto;
}
#input_form_event .form_settings .form_data label {
width: auto;
}
#event-startdate, #event-starttime, #event-enddate, #event-endtime {
width: 120px;
margin-right: 20px;
}
/* Limited-scope specific styles */ /* Limited-scope specific styles */
.limited-scope .entry-content .timestamp { .limited-scope .entry-content .timestamp {
@ -1427,7 +1542,7 @@ table.profile_list tr.alt {
display: none; display: none;
} }
.question label[for=answer], .qna-full-question label[for=answer] { .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
display: none; display: none;
} }