![[staff profile]](https://www.dreamwidth.org/img/silk/identity/user_staff.png){kind=small}
![[site community profile]](https://www.dreamwidth.org/img/comm_staff.png){kind=small}
[dw-free] Fix up CSS issues with the action links on the profile page
[commit: http://hg.dwscoalition.org/dw-free/rev/2551d07032c7]
http://bugs.dwscoalition.org/show_bug.cgi?id=1455
Fix CSS issues with action links on the profiles. Patch looks big due to
tab/spacing fixes.
Patch by![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
janinedog.
Files modified:
http://bugs.dwscoalition.org/show_bug.cgi?id=1455
Fix CSS issues with action links on the profiles. Patch looks big due to
tab/spacing fixes.
Patch by
janinedog.Files modified:
- htdocs/stc/blueshift/blueshift.css
- htdocs/stc/celerity/celerity.css
- htdocs/stc/gradation/gradation-vertical.css
- htdocs/stc/profile.css
--------------------------------------------------------------------------------
diff -r 2db75f0daeb4 -r 2551d07032c7 htdocs/stc/blueshift/blueshift.css
--- a/htdocs/stc/blueshift/blueshift.css Wed Jul 22 02:26:53 2009 +0000
+++ b/htdocs/stc/blueshift/blueshift.css Wed Jul 22 02:29:27 2009 +0000
@@ -1,4 +1,4 @@
-/** Blueshift CSS
+/** Blueshift CSS
*
*
* Authors:
@@ -10,12 +10,12 @@
* the same terms as Perl itself. For a copy of the license, please reference
* 'perldoc perlartistic' or 'perldoc perlgpl'.
*/
-
- /* Colors:
+
+ /* Colors:
dkblue=#002A82 (page borders)
- vlink=#002A92
+ vlink=#002A92
medblue=#3960A0 (borders)
- link=#3960C0
+ link=#3960C0
ltblue=#D6DCE9 (inactive tabs, evencomment, profile border, standout border)
vryltblue=#E6ECF9 (active tabs, oddcomment, headerlinks, standout)
alt vryltblue=#EFF6FF (menulinks, search box bg)
@@ -33,11 +33,11 @@ body {
background-repeat: repeat-x;
background-color: #3960A0;
color: #111122;
- margin: 0;
- padding: 0;
+ margin: 0;
+ padding: 0;
}
-H1, H2, H3, H4 { font-style: italic;
+H1, H2, H3, H4 { font-style: italic;
font-weight: normal;
padding: 1em 0;
}
@@ -66,7 +66,7 @@ a:active,
#canvas {
padding-top: 1px; /*to ensue margin*/
background-color: #f9fcFF;
- margin-left: 9.25em;
+ margin-left: 9.25em;
margin-top: 100px;
border-left: 1px solid #002A82;
border-bottom: 1px solid #002A82;
@@ -76,21 +76,21 @@ a:active,
padding-top: 1px; /*to ensue margin*/
}
-
+
/**
* Header
*/
-#masthead {
+#masthead {
position: absolute;
top: 30px;
right: 1em;
}
- #sitename { font-style: italic;
- font-weight: normal;
+ #sitename { font-style: italic;
+ font-weight: normal;
font-size: 175%;
}
#sitename a { color: #E6ECF9; }
-
+
#account-links {
position: absolute;
top: 0;
@@ -132,8 +132,8 @@ a:active,
top: 10px;
left: 0;
}
- #account-links-userpic img {
- border: none;
+ #account-links-userpic img {
+ border: none;
}
#header-search { position: absolute;
@@ -150,9 +150,9 @@ a:active,
}
#header-search #search { background-color: #EFF6FF;
border: 1px solid #002A82; }
-
+
/**
- * Menu
+ * Menu
*/
#menu { position: absolute;
top: 100px;
@@ -168,7 +168,7 @@ a:active,
font-size: small;
list-style: none;
}
- #menu ul ul { margin-left: 1em;
+ #menu ul ul { margin-left: 1em;
margin-right: 0;
margin-top: 0;
}
@@ -181,7 +181,7 @@ a:active,
/**
* Footer
*/
-#footer {
+#footer {
margin: 1em;
text-align: center;
border-top: 1px solid #002A82;
@@ -199,7 +199,7 @@ a:active,
}
/**
- * #content
+ * #content
*/
#content { margin: 0;
padding: 1px 1em 1em 1.5em;
@@ -233,7 +233,7 @@ a:active,
/*insert class of screened comments here*/ {
background-color: #EEEEEE; }
-
+
/* PROFILE.CSS OVERRIDES */
#profile_top {
min-width: 0;
@@ -272,7 +272,7 @@ table#table_yourlayers td { padding: .15
* Columns/rows inside of #content are named primary, secondary, tertiary, etc and
* content is placed inside based on order of importance.
*/
-
+
/* ER Note: Unsure of actual use of these, taking a stab at them anyway, mostly re-measuring width */
/* full page (default) */
@@ -361,7 +361,7 @@ table#table_yourlayers td { padding: .15
border-top: 0 !important;
}
-
+
/**
* Form field styles
*/
@@ -385,10 +385,10 @@ table#table_yourlayers td { padding: .15
}
.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
-
+
}
-/**
+/**
* Start overriding some classes set in dw-free/htdocs/stc/
* Other site scheme designers: use your own colors here
* /
@@ -407,7 +407,7 @@ table#table_yourlayers td { padding: .15
border-bottom: 1px solid #D6DCE9;
border-top: 1px solid #D6DCE9;
color: #002A82;
-}
+}
.section img, .username img {
padding-left: 3px;
@@ -420,7 +420,7 @@ table#table_yourlayers td { padding: .15
border: 1px solid #3960A0;
}
-/* widgets/customizetheme.css, themechooser.css, themenav.css,
+/* widgets/customizetheme.css, themechooser.css, themenav.css,
currenttheme.css */
.theme-current h2.widget-header, .layout-item.current {
@@ -441,7 +441,7 @@ h2.widget-header, .theme-item.current, .
overflow-y: visible;
}
-.customize-button, .theme-item .theme-button, .layout-item
+.customize-button, .theme-item .theme-button, .layout-item
.layout-button {
background: #D6DCE9;
border: 2px solid #000;
@@ -521,7 +521,7 @@ h2.widget-header, .theme-item.current, .
/* more, detailed by page*/
/*customizetheme.css*/
-.customize-button {
+.customize-button {
color: #fff;
background: #D6DCE9;
border: 2px solid #3960A0;
@@ -531,14 +531,14 @@ h2.widget-header, .theme-item.current, .
}
.customize-content .subheader {
background-image: url("/img/blueshift/blueshift-arrow-right.gif");
- background-position: left center;
- background-repeat: no-repeat;
+ background-position: left center;
+ background-repeat: no-repeat;
border-bottom: 1px solid #E6ECF9;
}
.customize-content .subheader.on {
background-image: url("/img/blueshift/blueshift-arrow-down.gif");
- background-position: left center ;
- background-repeat: no-repeat;
+ background-position: left center ;
+ background-repeat: no-repeat;
}
.customize-nav li.on a,
.customize-nav li.on ul {
@@ -582,7 +582,7 @@ h2.widget-header, .theme-item.current, .
/*currentheme.css*/
.theme-current h2.widget-header {
background-color: #E6ECF9;
- background-image: none;
+ background-image: none;
}
.theme-current-content h3 {
color: #000;
@@ -651,7 +651,7 @@ h2.widget-header, .theme-item.current, .
.section_head, table.alternating-rows th, div.username {
background-color: #E6ECF9;
border-top: 1px solid #D6DCE9;
- border-bottom: 1px solid #D6DCE9;
+ border-bottom: 1px solid #D6DCE9;
}
/* comm_promo.css */
@@ -685,7 +685,7 @@ div.CommunityPromoBox {
.cprod.h3 {
background: #D6DCE9;
-
+
}
.cprod content {
@@ -803,21 +803,21 @@ table.editfilters td {
/* Site Map, override page-level style */
-dd ul li {list-style: circle !important;
- margin-left: 2em !important; }
-dt {font-weight: bold !important;
- margin-top: 10px !important;}
-#maplinks-left {margin-right: 2% !important;
- width: 48% !important;
- float: left !important;}
-#maplinks-right {margin-left: 2% !important;
- width: 48% !important;
- float: right !important;}
+dd ul li {list-style: circle !important;
+ margin-left: 2em !important; }
+dt {font-weight: bold !important;
+ margin-top: 10px !important;}
+#maplinks-left {margin-right: 2% !important;
+ width: 48% !important;
+ float: left !important;}
+#maplinks-right {margin-left: 2% !important;
+ width: 48% !important;
+ float: right !important;}
/* lj_base-app.css */
hr.hr {
- color: #3960A0;
- background-color: #3960A0;
+ color: #3960A0;
+ background-color: #3960A0;
}
input.create-account {
@@ -833,10 +833,10 @@ select.select {
border-left: 1px solid #999;
}
.detail {
-
+
}
h2.widget-header {
-
+
}
table.alternating-rows th {
@@ -883,16 +883,16 @@ div.right-sidebar {
background-color: #D6DCE9;
border: 1px solid #3960A0;
}
-.textbutton {
+.textbutton {
color: #3960A0;
}
/*NOTE: corner.gif is white*/
h2.solid-neutral {
- background-color: #D6DCE9;
+ background-color: #D6DCE9;
color: #222;
}
h2.solid-blue { /*which is now solid not-blue*/
- background-color: #D6DCE9;
+ background-color: #D6DCE9;
color: #222;
}
.solid-neutral {
@@ -947,15 +947,15 @@ input.bright {
}
#Subscriptions tr.lighter {
- background-color: #E6ECF9;
+ background-color: #E6ECF9;
}
#Subscriptions tr.darker {
- background-color: #D6DCE9;
+ background-color: #D6DCE9;
}
#SubscribeSaveButtons {
border: 1px solid #333;
}
-
+
.NotificationTable tr.Selected {
background-color: #eee;
}
@@ -964,26 +964,26 @@ input.bright {
border-top: 1px solid #ccc;
}
.NotificationTable #all_Body > .Selected:first-child td {
- border-top: none;
+ border-top: none;
}
.NotificationTable td {
padding: 2px;
}
.NotificationTable .inbox {
-
+
}
.NotificationTable .inbox .header .checkbox {
- border-top: 1px solid #D6DCE9;
- border-bottom: 1px solid #D6DCE9;
- border-left: 1px solid #D6DCE9;
+ border-top: 1px solid #D6DCE9;
+ border-bottom: 1px solid #D6DCE9;
+ border-left: 1px solid #D6DCE9;
}
.NotificationTable .inbox .header .actions {
- border-top: 1px solid #D6DCE9;
- border-bottom: 1px solid #D6DCE9;
- border-right: 1px solid #D6DCE9;
+ border-top: 1px solid #D6DCE9;
+ border-bottom: 1px solid #D6DCE9;
+ border-right: 1px solid #D6DCE9;
}
.inbox .header {
@@ -1029,7 +1029,7 @@ span.InboxItem_Read:hover a {
color: #000000
}
.ippu .track_title {
- color: #D6DCE9;
+ color: #D6DCE9;
}
/* entry.css */
@@ -1060,26 +1060,26 @@ span.InboxItem_Read:hover a {
#entry ul li a {
background-color: #fff;
border: 1px solid #bbb;
- border-bottom: none;
+ border-bottom: none;
}
#entry ul li.on a {
- border-bottom: 1px solid #fff;
+ border-bottom: 1px solid #fff;
}
#draft-container {
border: 1px solid #bbb;
- border-top: none;
+ border-top: none;
}
#draftstatus {
background-color: #fff;
}
#spellcheck-results {
border: 1px solid #D6DCE9;
- background-color: #fff;
+ background-color: #fff;
}
#htmltools {
border-right: 1px solid #bbb;
border-left: 1px solid #bbb;
- background: #fff;
+ background: #fff;
}
#htmltools ul {
border-bottom: 1px solid #8D8D8D;
@@ -1097,7 +1097,7 @@ div.ContextualPopup div.Inner {
div.ContextualPopup div.Inner {
background-color: #EFF6FF !important;
color: #000 !important;
- border: 1px solid #D6DCE9;
+ border: 1px solid #D6DCE9;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color: #3960A0 !important;
@@ -1108,8 +1108,8 @@ div.ContextualPopup div.Inner a, div.Con
.section, .username, .actions li {
background-color: #E6ECF9;
border-bottom: 1px solid #D6DCE9;
- border-top: 1px solid #D6DCE9;
-}
+ border-top: 1px solid #D6DCE9;
+}
.section img, .username img {
padding-left: 3px;
@@ -1118,13 +1118,12 @@ div.ContextualPopup div.Inner a, div.Con
.tooltip {
border-bottom: 1px dotted #000;
}
-.profile_join_disabled, .profile_postentry_disabled,
- .profile_sendvgift_disabled, .profile_sendmessage_disabled,
- .profile_addtrust_disabled, .profile_addsub_comm_disabled,
- .profile_addsub_feed_disabled, .profile_addsub_person_disabled,
- .profile_trackuser_disabled {
- color: #999;
- }
+li.profile_join_disabled, li.profile_addtrust_disabled,
+li.profile_addsub_comm_disabled, li.profile_addsub_feed_disabled,
+li.profile_addsub_person_disabled, li.profile_postentry_disabled,
+li.profile_trackuser_disabled, li.profile_sendmessage_disabled {
+ color: #999;
+}
.details_stats p {
color: #666;
}
@@ -1135,13 +1134,13 @@ div.ContextualPopup div.Inner a, div.Con
color: #000;
}
.section_body .inner_section_header {
-
+
}
.section_body_title {
-
+
}
.userinfo th {
-
+
}
/* tags.css */
@@ -1151,15 +1150,15 @@ div.ContextualPopup div.Inner a, div.Con
}
.tagsort
{
-
+
}
.tagfield {
- color: #777;
- border: 1px solid #CCC;
+ color: #777;
+ border: 1px solid #CCC;
}
.tagfield:focus
{
- color: #000;
+ color: #000;
border: 1px solid #999;
}
.tagfield_error
@@ -1169,13 +1168,13 @@ div.ContextualPopup div.Inner a, div.Con
}
.proptbl .t
{
-
+
background-color: #fbfbfb;
border-right: 1px solid #cdcdcd;
}
.proptbl .r
{
-
+
background-color: #fbfbfb;
border-right: 1px solid #cdcdcd;
}
@@ -1193,7 +1192,7 @@ div.ContextualPopup div.Inner a, div.Con
}
.curtags
{
-
+
}
.tagbox_nohist
{
diff -r 2db75f0daeb4 -r 2551d07032c7 htdocs/stc/celerity/celerity.css
--- a/htdocs/stc/celerity/celerity.css Wed Jul 22 02:26:53 2009 +0000
+++ b/htdocs/stc/celerity/celerity.css Wed Jul 22 02:29:27 2009 +0000
@@ -1,4 +1,4 @@
-/** Celerity CSS
+/** Celerity CSS
*
* Authors:
* Emily Ravenwood <ravenwood@alltrees.org>
@@ -9,17 +9,17 @@
* the same terms as Perl itself. For a copy of the license, please reference
* 'perldoc perlartistic' or 'perldoc perlgpl'.
*/
-
- /* Colors:
+
+ /* Colors:
dkgrn=#999966
text dkgrn=#777711
ltgrn=#DDDDAA
vryltgrn=#EEEECC
- grygrn=#EEEEDD
- dkgrygrn=#DDDDCC
+ grygrn=#EEEEDD
+ dkgrygrn=#DDDDCC
link ltgrn=#888833
link dkgrn=#666611
- * Colors for template:
+ * Colors for template:
oddcomment=#EEEECC
evencomment=#DDDDBB
*/
@@ -63,10 +63,10 @@ body {
color: #222211;
}
-H1, H2, #content H2, H3, H4 { font-family: "Century Gothic", Verdana, sans-serif;
+H1, H2, #content H2, H3, H4 { font-family: "Century Gothic", Verdana, sans-serif;
font-weight: normal;
padding: .5em 0;
- line-height: 1.5;
+ line-height: 1.5;
}
H1 { font-size: 175%; }
H2 { font-size: 150%; }
@@ -98,7 +98,7 @@ a:active,
padding-top: 1px; /*to ensure margin*/
}
/*Scheme specific div to contain sidebar stripes*/
-#page-decoration { background-image: url("/img/celerity/lt-stripe.jpg");
+#page-decoration { background-image: url("/img/celerity/lt-stripe.jpg");
background-repeat: repeat-x;
background-position: top;
width: 9em;
@@ -107,7 +107,7 @@ a:active,
margin-top: -50px;
float: left;
display: inline; /* to defeat the IE double-margin bug */ }
-
+
/**
* Header
*/
@@ -115,12 +115,12 @@ a:active,
top: 50px;
right: 25px;
}
- #sitename { font-family: "Century Gothic", Verdana, sans-serif;
- font-weight: normal;
+ #sitename { font-family: "Century Gothic", Verdana, sans-serif;
+ font-weight: normal;
font-size: 175%;
}
#sitename a { color: #888844; }
-
+
#account-links {
position: absolute;
top: 3px;
@@ -167,9 +167,9 @@ a:active,
right: 22px;
text-align: right;
}
-
+
/**
- * Sidebar and Menu
+ * Sidebar and Menu
*/
#sidebar { position: absolute;
top: 0;
@@ -184,21 +184,21 @@ a:active,
font-size: small;
list-style: none;
}
- #sidebar ul ul { margin-left: 1em;
+ #sidebar ul ul { margin-left: 1em;
margin-right: 0;
margin-top: 0;
}
#sidebar li { padding: .15em 0; }
#sidebar a {color: #222200; }
-
+
#header-userpic { text-align: center;
- height: 100px;
+ height: 100px;
background-image: url("/img/celerity/square.jpg");
background-repeat: no-repeat;
background-position: center;
}
#header-userpic img { margin-top: 10px;
- border: none;
+ border: none;
background-color: #DDDDAA; /*so the square doesn't show behind transparent icons */
}
@@ -223,7 +223,7 @@ a:active,
}
/**
- * #content
+ * #content
*/
#content {
margin-left: 1em;
@@ -262,7 +262,7 @@ a:active,
/*insert class of screened comments here*/ {
background-color: #EEEEEE; }
-
+
/* PROFILE.CSS OVERRIDES */
#profile_top {
min-width: 0;
@@ -300,7 +300,7 @@ table#table_yourlayers td { padding: .15
* Columns/rows inside of #content are named primary, secondary, tertiary, etc and
* content is placed inside based on order of importance.
*/
-
+
/* ER Note: Unsure of actual use of these, taking a stab at them anyway, mostly re-measuring width */
/* full page (default) */
@@ -389,7 +389,7 @@ table#table_yourlayers td { padding: .15
border-top: 0 !important;
}
-
+
/**
* Form field styles
*/
@@ -413,10 +413,10 @@ table#table_yourlayers td { padding: .15
}
.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
-
+
}
-/**
+/**
* Start overriding some classes set in dw-free/htdocs/stc/
* Other site scheme designers: use your own colors here
* /
@@ -435,7 +435,7 @@ table#table_yourlayers td { padding: .15
border: 1px solid #999966;
}
-/* widgets/customizetheme.css, themechooser.css, themenav.css,
+/* widgets/customizetheme.css, themechooser.css, themenav.css,
currenttheme.css */
.theme-current h2.widget-header, .layout-item.current {
@@ -456,7 +456,7 @@ h2.widget-header, .theme-item.current, .
overflow-y: visible;
}
-.customize-button, .theme-item .theme-button, .layout-item
+.customize-button, .theme-item .theme-button, .layout-item
.layout-button {
background: #DDDDAA;
border: 2px solid #000;
@@ -537,7 +537,7 @@ h2.widget-header, .theme-item.current, .
/* more, detailed by page*/
/*customizetheme.css*/
-.customize-button {
+.customize-button {
color: #fff;
background: #DDDDAA;
border: 2px solid #999966;
@@ -547,14 +547,14 @@ h2.widget-header, .theme-item.current, .
}
.customize-content .subheader {
background-image: url("/img/celerity/celgrn-arrow-right.gif");
- background-position: left center;
- background-repeat: no-repeat;
+ background-position: left center;
+ background-repeat: no-repeat;
border-bottom: 1px solid #EEEECC;
}
.customize-content .subheader.on {
background-image: url("/img/celerity/celgrn-arrow-down.gif");
- background-position: left center ;
- background-repeat: no-repeat;
+ background-position: left center ;
+ background-repeat: no-repeat;
}
.customize-nav li.on a,
.customize-nav li.on ul {
@@ -598,7 +598,7 @@ h2.widget-header, .theme-item.current, .
/*currentheme.css*/
.theme-current h2.widget-header {
background-color: #EEEECC;
- background-image: none;
+ background-image: none;
}
.theme-current-content h3 {
color: #000;
@@ -675,10 +675,10 @@ h2.widget-header, .theme-item.current, .
background-color: #EEEECC;
}
.field_desc {
-
+
}
.view_options {
-
+
}
/* comm_promo.css */
@@ -712,7 +712,7 @@ div.CommunityPromoBox {
.cprod.h3 {
background: #DDDDAA;
-
+
}
.cprod content {
@@ -830,21 +830,21 @@ table.editfilters td {
/* Site Map, override page-level style */
-dd ul li {list-style: square !important;
- margin-left: 2em !important; }
-dt {font-weight: bold !important;
- margin-top: 10px !important;}
-#maplinks-left {margin-right: 2% !important;
- width: 48% !important;
- float: left !important;}
-#maplinks-right {margin-left: 2% !important;
- width: 48% !important;
- float: right !important;}
+dd ul li {list-style: square !important;
+ margin-left: 2em !important; }
+dt {font-weight: bold !important;
+ margin-top: 10px !important;}
+#maplinks-left {margin-right: 2% !important;
+ width: 48% !important;
+ float: left !important;}
+#maplinks-right {margin-left: 2% !important;
+ width: 48% !important;
+ float: right !important;}
/* lj_base-app.css */
hr.hr {
- color: #999966;
- background-color: #999966;
+ color: #999966;
+ background-color: #999966;
}
input.create-account {
@@ -861,10 +861,10 @@ select.select {
border-left: 1px solid #999;
}
.detail {
-
+
}
h2.widget-header {
-
+
}
table.alternating-rows th {
@@ -911,16 +911,16 @@ div.right-sidebar {
background-color: #DDDDAA;
border: 1px solid #999966;
}
-.textbutton {
+.textbutton {
color: #999966;
}
/*NOTE: corner.gif is white*/
h2.solid-neutral {
- background-color: #DDDDAA;
+ background-color: #DDDDAA;
color: #222;
}
h2.solid-blue { /*which is now solid not-blue*/
- background-color: #DDDDAA;
+ background-color: #DDDDAA;
color: #222;
}
.solid-neutral {
@@ -979,15 +979,15 @@ input.bright {
}
#Subscriptions tr.lighter {
- background-color: #eee;
+ background-color: #eee;
}
#Subscriptions tr.darker {
- background-color: #ddd;
+ background-color: #ddd;
}
#SubscribeSaveButtons {
border: 1px solid #333;
}
-
+
.NotificationTable tr.Selected {
background-color: #eee;
}
@@ -997,26 +997,26 @@ input.bright {
}
.NotificationTable #all_Body > .Selected:first-child td {
- border-top: none !important;
+ border-top: none !important;
}
.NotificationTable td {
padding: .25em;
}
.NotificationTable .inbox {
-
+
}
.NotificationTable .inbox .header .checkbox {
- border-top: 1px solid #DDDDCC;
- border-bottom: 1px solid #DDDDCC;
- border-left: 1px solid #DDDDCC;
+ border-top: 1px solid #DDDDCC;
+ border-bottom: 1px solid #DDDDCC;
+ border-left: 1px solid #DDDDCC;
}
.NotificationTable .inbox .header .actions {
- border-top: 1px solid #DDDDCC;
- border-bottom: 1px solid #DDDDCC;
- border-right: 1px solid #DDDDCC;
+ border-top: 1px solid #DDDDCC;
+ border-bottom: 1px solid #DDDDCC;
+ border-right: 1px solid #DDDDCC;
}
.inbox .header {
@@ -1062,7 +1062,7 @@ span.InboxItem_Read:hover a {
color: #000000
}
.ippu .track_title {
- color: #DDDDAA;
+ color: #DDDDAA;
}
/* entry.css */
@@ -1093,26 +1093,26 @@ span.InboxItem_Read:hover a {
#compose-entry ul li a {
background-color: #fff;
border: 1px solid #bbb;
- border-bottom: none;
+ border-bottom: none;
}
#compose-entry ul li.on a {
- border-bottom: 1px solid #fff;
+ border-bottom: 1px solid #fff;
}
#draft-container {
border: 1px solid #bbb;
- border-top: none;
+ border-top: none;
}
#draftstatus {
background-color: #fff;
}
#spellcheck-results {
border: 1px solid #DDDDAA;
- background-color: #fff;
+ background-color: #fff;
}
#htmltools {
border-right: 1px solid #bbb;
border-left: 1px solid #bbb;
- background: #fff;
+ background: #fff;
}
#htmltools ul {
border-bottom: 1px solid #8D8D8D;
@@ -1130,7 +1130,7 @@ div.ContextualPopup div.Inner {
div.ContextualPopup div.Inner {
background-color: #fff !important;
color: #000 !important;
- border: 1px solid #999966;
+ border: 1px solid #999966;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color: #999966 !important;
@@ -1142,7 +1142,7 @@ div.ContextualPopup div.Inner a, div.Con
background-color: #EEEECC;
border-bottom: 1px solid #999966;
color: #777711;
-}
+}
.section img, .username img {
padding-left: 3px;
@@ -1151,13 +1151,12 @@ div.ContextualPopup div.Inner a, div.Con
.tooltip {
border-bottom: 1px dotted #000;
}
-.profile_join_disabled, .profile_postentry_disabled,
- .profile_sendvgift_disabled, .profile_sendmessage_disabled,
- .profile_addtrust_disabled, .profile_addsub_comm_disabled,
- .profile_addsub_feed_disabled, .profile_addsub_person_disabled,
- .profile_trackuser_disabled {
- color: #999;
- }
+li.profile_join_disabled, li.profile_addtrust_disabled,
+li.profile_addsub_comm_disabled, li.profile_addsub_feed_disabled,
+li.profile_addsub_person_disabled, li.profile_postentry_disabled,
+li.profile_trackuser_disabled, li.profile_sendmessage_disabled {
+ color: #999;
+}
.details_stats p {
color: #666;
}
@@ -1168,13 +1167,13 @@ div.ContextualPopup div.Inner a, div.Con
color: #000;
}
.section_body .inner_section_header {
-
+
}
.section_body_title {
-
+
}
.userinfo th {
-
+
}
/* tags.css */
@@ -1184,15 +1183,15 @@ div.ContextualPopup div.Inner a, div.Con
}
.tagsort
{
-
+
}
.tagfield {
- color: #777;
- border: 1px solid #CCC;
+ color: #777;
+ border: 1px solid #CCC;
}
.tagfield:focus
{
- color: #000;
+ color: #000;
border: 1px solid #999;
}
.tagfield_error
@@ -1202,13 +1201,13 @@ div.ContextualPopup div.Inner a, div.Con
}
.proptbl .t
{
-
+
background-color: #fbfbfb;
border-right: 1px solid #cdcdcd;
}
.proptbl .r
{
-
+
background-color: #fbfbfb;
border-right: 1px solid #cdcdcd;
}
@@ -1226,7 +1225,7 @@ div.ContextualPopup div.Inner a, div.Con
}
.curtags
{
-
+
}
.tagbox_nohist
{
diff -r 2db75f0daeb4 -r 2551d07032c7 htdocs/stc/gradation/gradation-vertical.css
--- a/htdocs/stc/gradation/gradation-vertical.css Wed Jul 22 02:26:53 2009 +0000
+++ b/htdocs/stc/gradation/gradation-vertical.css Wed Jul 22 02:29:27 2009 +0000
@@ -1,4 +1,4 @@
-/** Gradation Vertical CSS
+/** Gradation Vertical CSS
*
* Authors:
* Emily Ravenwood <ravenwood@alltrees.org>
@@ -9,8 +9,8 @@
* the same terms as Perl itself. For a copy of the license, please reference
* 'perldoc perlartistic' or 'perldoc perlgpl'.
*/
-
- /* Colors:
+
+ /* Colors:
vrylt=#888888 (borders)
dk=#333333 (standout, hover ul)
vrydk=#222222 (hover a)
@@ -99,21 +99,21 @@ a:active,
padding-top: 1px; /*to ensue margin*/
}
-
+
/**
* Header
*/
-#masthead {
+#masthead {
position: absolute;
top: 30px;
right: 1em;
}
- #sitename {
- font-weight: bold;
+ #sitename {
+ font-weight: bold;
font-size: 175%;
}
#sitename a { color: #ffffff; }
-
+
#account-links {
position: absolute;
top: 0;
@@ -154,8 +154,8 @@ a:active,
top: 10px;
left: 0;
}
- #account-links-userpic img {
- border: none;
+ #account-links-userpic img {
+ border: none;
}
#header-search { position: absolute;
@@ -173,9 +173,9 @@ a:active,
margin-top: .25em;
}
#header-search #search { }
-
+
/**
- * Menu
+ * Menu
*/
body {
@@ -203,7 +203,7 @@ body {
font-size: small;
list-style: none;
}
-#menu ul ul {
+#menu ul ul {
margin-top: 0; /* undo the above*/
}
#menu li { }
@@ -220,7 +220,7 @@ body {
/**
* Footer
*/
-#footer {
+#footer {
margin: 1em;
text-align: center;
border-top: 1px solid #555555;
@@ -238,7 +238,7 @@ body {
}
/**
- * #content
+ * #content
*/
#content { margin: 0;
padding: 1px 1em 1em 1.5em;
@@ -278,7 +278,7 @@ body {
/*insert class of screened comments here*/ {
background-color: #333333; }
-
+
/* PROFILE.CSS OVERRIDES */
#profile_top {
min-width: 0;
@@ -312,7 +312,7 @@ table#table_yourlayers td { padding: .15
* Columns/rows inside of #content are named primary, secondary, tertiary, etc and
* content is placed inside based on order of importance.
*/
-
+
/* ER Note: Unsure of actual use of these, taking a stab at them anyway, mostly re-measuring width */
/* full page (default) */
@@ -401,7 +401,7 @@ table#table_yourlayers td { padding: .15
border-top: 0 !important;
}
-
+
/**
* Form field styles
*/
@@ -425,10 +425,10 @@ table#table_yourlayers td { padding: .15
}
.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
-
+
}
-/**
+/**
* Start overriding some classes set in dw-free/htdocs/stc/
* Other site scheme designers: use your own colors here
* /
@@ -447,7 +447,7 @@ table#table_yourlayers td { padding: .15
border-bottom: 1px solid #888888;
border-top: 1px solid #888888;
color: #eee;
-}
+}
.section img, .username img {
padding-left: 3px;
@@ -464,7 +464,7 @@ table#table_yourlayers td { padding: .15
border: 1px solid #888888;
}
-/* widgets/customizetheme.css, themechooser.css, themenav.css,
+/* widgets/customizetheme.css, themechooser.css, themenav.css,
currenttheme.css */
.layout-item.current {
@@ -485,7 +485,7 @@ h2.widget-header, .theme-item.current, .
overflow-y: visible;
}
-.customize-button, .theme-item .theme-button, .layout-item
+.customize-button, .theme-item .theme-button, .layout-item
.layout-button {
background: #444444;
border: 2px solid #888888;
@@ -567,7 +567,7 @@ h2.widget-header, .theme-item.current, .
/* more, detailed by page*/
/*customizetheme.css*/
-.customize-button {
+.customize-button {
color: #fff;
background: #444444;
border: 2px solid #888888;
@@ -577,14 +577,14 @@ h2.widget-header, .theme-item.current, .
}
.customize-content .subheader {
background-image: url("/img/gradation/gradgray-arrow-right.gif");
- background-position: left center;
- background-repeat: no-repeat;
+ background-position: left center;
+ background-repeat: no-repeat;
border-bottom: 1px solid #666666;
}
.customize-content .subheader.on {
background-image: url("/img/gradation/gradgray-arrow-down.gif");
- background-position: left center ;
- background-repeat: no-repeat;
+ background-position: left center ;
+ background-repeat: no-repeat;
}
.customize-nav li.on a,
.customize-nav li.on ul {
@@ -601,7 +601,7 @@ h2.widget-header, .theme-item.current, .
border-right: 1px solid #111111;
}
.customize-nav li a:visited {
-
+
}
@@ -616,7 +616,7 @@ h2.widget-header, .theme-item.current, .
background-color: #111111 ;
}
.theme-nav li a:visited {
-
+
}
.theme-nav-separator {
border-right: 1px solid #666666;
@@ -677,7 +677,7 @@ h2.widget-header, .theme-item.current, .
background-color: #111111;
}
.theme-paging a:visited {
-
+
}
/*s2propgroup.css */
@@ -733,7 +733,7 @@ div.CommunityPromoBox {
.cprod.h3 {
background: #444444;
-
+
}
.cprod content {
@@ -851,21 +851,21 @@ table.editfilters td {
/* Site Map, override page-level style */
-dd ul li {list-style: circle !important;
- margin-left: 2em !important; }
-dt {font-weight: bold !important;
- margin-top: 10px !important;}
-#maplinks-left {margin-right: 2% !important;
- width: 48% !important;
- float: left !important;}
-#maplinks-right {margin-left: 2% !important;
- width: 48% !important;
- float: right !important;}
+dd ul li {list-style: circle !important;
+ margin-left: 2em !important; }
+dt {font-weight: bold !important;
+ margin-top: 10px !important;}
+#maplinks-left {margin-right: 2% !important;
+ width: 48% !important;
+ float: left !important;}
+#maplinks-right {margin-left: 2% !important;
+ width: 48% !important;
+ float: right !important;}
/* lj_base-app.css */
hr.hr {
- color: #888888;
- background-color: #888888;
+ color: #888888;
+ background-color: #888888;
}
input.create-account {
@@ -877,21 +877,21 @@ textarea.text,
textarea.text,
select.select {
/*background: #fff url("/img/input-bg.gif") repeat-x 0 -1px;*/
- background-color: #222;
+ background-color: #222;
border: 1px solid #666666;
border-top: 1px solid #888888;
border-left: 1px solid #888888;
- color: #fff;
+ color: #fff;
}
textarea,
input { background-color: #222 !important;
color: #fff !important;
border: 1px solid #888 !important; }
.detail {
-
+
}
h2.widget-header {
-
+
}
table.alternating-rows th {
@@ -938,16 +938,16 @@ div.right-sidebar {
background-color: #444444;
border: 1px solid #888888;
}
-.textbutton {
+.textbutton {
color: #888888;
}
/*NOTE: corner.gif is white*/
h2.solid-neutral {
- background-color: #444444;
+ background-color: #444444;
color: #fff;
}
h2.solid-blue { /*which is now solid not-blue*/
- background-color: #444444;
+ background-color: #444444;
color: #fff;
}
.solid-neutral {
@@ -1003,15 +1003,15 @@ input.bright {
}
#Subscriptions tr.lighter {
- background-color: #666666;
+ background-color: #666666;
}
#Subscriptions tr.darker {
- background-color: #444444;
+ background-color: #444444;
}
#SubscribeSaveButtons {
border: 1px solid #888888;
}
-
+
.NotificationTable tr.Selected {
background-color: #444444;
}
@@ -1020,26 +1020,26 @@ input.bright {
border-top: 1px solid #888888;
}
.NotificationTable #all_Body > .Selected:first-child td {
- border-top: none;
+ border-top: none;
}
.NotificationTable td {
padding: 2px;
}
.NotificationTable .inbox {
-
+
}
/*.NotificationTable .inbox .header .checkbox {
- border-top: 1px solid #888888;
- border-bottom: 1px solid #888888;
- border-left: 1px solid #888888;
+ border-top: 1px solid #888888;
+ border-bottom: 1px solid #888888;
+ border-left: 1px solid #888888;
}
.NotificationTable .inbox .header .actions {
- border-top: 1px solid #888888;
- border-bottom: 1px solid #888888;
- border-right: 1px solid #888888;
+ border-top: 1px solid #888888;
+ border-bottom: 1px solid #888888;
+ border-right: 1px solid #888888;
}*/
.inbox .header {
@@ -1085,7 +1085,7 @@ span.InboxItem_Read:hover a {
color: #eee
}
.ippu .track_title {
- color: #444444;
+ color: #444444;
}
/* entry.css */
@@ -1116,27 +1116,27 @@ span.InboxItem_Read:hover a {
#entry ul li a {
background-color: #222;
border: 1px solid #bbb;
- border-bottom: none;
+ border-bottom: none;
}
#entry ul li.on a {
- background-color: #222;
- border-bottom: 1px solid #222;
+ background-color: #222;
+ border-bottom: 1px solid #222;
}
#draft-container {
border: 1px solid #bbb;
- border-top: none;
+ border-top: none;
}
#draftstatus {
background-color: #222;
}
#spellcheck-results {
border: 1px solid #444444;
- background-color: #222;
+ background-color: #222;
}
#htmltools {
border-right: 1px solid #bbb;
border-left: 1px solid #bbb;
- background: #222;
+ background: #222;
}
#htmltools ul {
border-bottom: 1px solid #8D8D8D;
@@ -1154,7 +1154,7 @@ div.ContextualPopup div.Inner {
div.ContextualPopup div.Inner {
background-color: #444444 !important;
color: #fff !important;
- border: 1px solid #888888;
+ border: 1px solid #888888;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color: #ccc !important;
@@ -1164,9 +1164,9 @@ div.ContextualPopup div.Inner a, div.Con
.section, .username, .actions li {
background-color: #444444 !important;
- border: none;
+ border: none;
color: #fff;
-}
+}
.actions li { border-top: 1px solid #888888; }
@@ -1177,13 +1177,12 @@ div.ContextualPopup div.Inner a, div.Con
.tooltip {
border-bottom: 1px dotted #fff;
}
-.profile_join_disabled, .profile_postentry_disabled,
- .profile_sendvgift_disabled, .profile_sendmessage_disabled,
- .profile_addtrust_disabled, .profile_addsub_comm_disabled,
- .profile_addsub_feed_disabled, .profile_addsub_person_disabled,
- .profile_trackuser_disabled {
- color: #999;
- }
+li.profile_join_disabled, li.profile_addtrust_disabled,
+li.profile_addsub_comm_disabled, li.profile_addsub_feed_disabled,
+li.profile_addsub_person_disabled, li.profile_postentry_disabled,
+li.profile_trackuser_disabled, li.profile_sendmessage_disabled {
+ color: #999;
+}
.details_stats p {
color: #aaa;
}
@@ -1194,13 +1193,13 @@ div.ContextualPopup div.Inner a, div.Con
color: #ccc;
}
.section_body .inner_section_header {
-
+
}
.section_body_title {
-
+
}
.userinfo th {
-
+
}
/* tags.css */
@@ -1210,15 +1209,15 @@ div.ContextualPopup div.Inner a, div.Con
}
.tagsort
{
-
+
}
.tagfield {
- color: #999;
- border: 1px solid #888888;
+ color: #999;
+ border: 1px solid #888888;
}
.tagfield:focus
{
- color: #fff;
+ color: #fff;
border: 1px solid #888888;
}
.tagfield_error
@@ -1228,13 +1227,13 @@ div.ContextualPopup div.Inner a, div.Con
}
.proptbl .t
{
-
+
background-color: #333;
border-right: 1px solid #888888;
}
.proptbl .r
{
-
+
background-color: #333;
border-right: 1px solid #888888;
}
@@ -1252,7 +1251,7 @@ div.ContextualPopup div.Inner a, div.Con
}
.curtags
{
-
+
}
.tagbox_nohist
{
diff -r 2db75f0daeb4 -r 2551d07032c7 htdocs/stc/profile.css
--- a/htdocs/stc/profile.css Wed Jul 22 02:26:53 2009 +0000
+++ b/htdocs/stc/profile.css Wed Jul 22 02:29:27 2009 +0000
@@ -42,11 +42,11 @@
font-size: 1.1em;
padding: 0;
padding: 2px;
- background: #eee;
+ background: #eee;
}
.actions {
-
+
}
.actions ul {
display: block;
@@ -59,8 +59,6 @@
padding: 3px 5px;
list-style: none;
line-height: 18px;
- }
- .actions a {
font-size: 0.9em;
font-weight: bold;
}
@@ -72,13 +70,6 @@
.actions span {
display: block;
margin-top: 2px;
- }
- .profile_join_disabled, .profile_postentry_disabled,
- .profile_sendvgift_disabled, .profile_sendmessage_disabled,
- .profile_addtrust_disabled, .profile_addsub_comm_disabled,
- .profile_addsub_feed_disabled, .profile_addsub_person_disabled,
- .profile_trackuser_disabled {
- font-weight: bold;
}
.user_details {
margin: 5px 0 20px 0;
@@ -100,7 +91,7 @@
.details_journal .journal_subtitle {
font-style: italic;
}
-
+
.details_stats {
padding-right: 20px;
}
@@ -119,7 +110,7 @@
.details_stats .statusvis_msg {
font-weight: bold;
}
-
+
.user_details p, .user_details_bottom {
margin: 0;
padding: 0;
@@ -141,7 +132,7 @@
margin: 10px 0 10px 0;
padding: 2px;
clear: both;
- background: #eee;
+ background: #eee;
}
.section span.section_link {
font-size: 0.75em;
@@ -173,7 +164,7 @@ span.expandcollapse {
.section_body .inner_section_header span.expandcollapse img {
margin-left: -17px;
}
-
+
.firsttwo {
clear: none;
margin-right: 310px;
@@ -226,7 +217,7 @@ span.expandcollapse {
border: 0;
}
-.schools {
+.schools {
float: left;
margin: 10px 0 0 0;
width: 50%;
--------------------------------------------------------------------------------