aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2010-03-17 17:20:09 +0000
committerplegall <plg@piwigo.org>2010-03-17 17:20:09 +0000
commit21b4bf84a7cc30f8788e3cfa543513c7ebd7500d (patch)
treee3f75642841efd753153e15a1168f263660a9086
parent1314453432b12dcb7d43988570a6cb36d3cce255 (diff)
make the clear admin theme slightly clearer
make the links less flashy in clear admin theme git-svn-id: http://piwigo.org/svn/trunk@5163 68402e56-0260-453c-a942-63ccdbb3a9ee
-rw-r--r--admin/themes/clear/theme.css36
-rw-r--r--admin/themes/default/default-layout.css5
-rw-r--r--admin/themes/roma/theme.css5
3 files changed, 22 insertions, 24 deletions
diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 220e64101..7cb1feefb 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -7,7 +7,7 @@ INPUT, select, textarea { color:#666; background-color: #ccc; }
input[type="radio"], input[type="checkbox"] { background-color: transparent; }
INPUT[type="submit"], INPUT[type="reset"] { color:#666; border: 1px solid #777; background-color: #bbb; padding: 1px 15px; }
input.rateButton, legend, h3 { color: #777; }
-#theAdminPage h2 { color: #ccc; }
+h2 { color: #777; }
.content .infos { color: #0a0; border:0; background: transparent url(icon/infos.png) no-repeat 5px 5px;
padding:5px 70px 0pt 30px; min-height: 54px; text-align:left; background-color:#c2f5c2;}
.content .infos .submit {margin-left:30px;}
@@ -21,7 +21,7 @@ border:0; font-weight:bold; min-height: 48px;
padding:15px 60px 0 0; position:absolute; right:0;
text-align:right; top:30px; width:550px; }
html, body { min-height: 100%; }
-body { margin: 0; padding: 0; background:#eeeeee }
+body { margin: 0; padding: 0; background:#f9f9f9 }
/* #the_page { margin: 0; padding: 0; z-index: 1; top:0px; */
/* padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } */
#headbranch { width: 233px; height: 240px; margin: 0; padding: 0;
@@ -32,17 +32,12 @@ background:transparent }
h3, #imageToolBar a:hover, .row2, .content { background-color: #ddd; }
.throw, .row1 { background-color:#eee; }
.throw em { font-style: normal; color: #0cc9c; }
-#content { background: #ddd; min-height: 467px;}
+#content { background: #f1f1f1; min-height: 467px;}
.content { padding:0 5px 5px; margin: 0 10px 0 252px; z-index:99; }
.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0;
text-align:center; background:none; border: 0; }
.content h3 ~ h3{ margin-top: 40px; }
.content h4 { color: #aaa; font-size:14px; text-align:center; padding:3px; margin-top: 0; margin-bottom: 10px;}
-/*.content h2:before, .content h2:after, */
-.content h2 {
-letter-spacing:2px; margin-right:30px; text-align:left; color: #999;
-text-transform:none; font-weight:bold; padding-left:20px; width:54%; }
-.content h2:lang(en) { text-transform:capitalize; }
.content dl, dd { margin:5px; }
.content div.titrePage { height:40px; }
@@ -92,11 +87,10 @@ a.Piwigo:hover span.Piwigo {
TABLE.table2 { border: 2px solid #eee; }
*, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; }
-a { color:#04f; border-width: 0; }
-a:hover, a:active { color: #0aa; border-bottom: 0 none; cursor: pointer; }
+a { color:#005E89; border-width: 0; }
+a:hover, a:active { color: #d54e21; border-bottom: 1px dotted #d54e21; cursor: pointer; }
.content .navigationBar {color:#999;}
ul.actions, .content form#waiting {text-align:center;}
-h2 { font-size:28px; letter-spacing:-1px;padding:0; text-align:left;}
.header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top;
border:0; color:#ccc; font-size:24px; height:30px; left:0; margin:0; padding:10px 0 0; position:absolute;
text-align:center; top:0; width:100%; z-index:99; }
@@ -106,25 +100,26 @@ list-style-type:none; text-align:center; text-indent:0pt; }
#content.content div.comment a.illustration{ margin-right: 30px;}
/* tabsheets are often used in admin pages => No specific css files */
.tabsheet {
-background-color:#eee; border:0px none; border-bottom:1px solid #777; display:table;
+background-color:#f9f9f9; border:0px none; border-bottom:1px solid #aaa; display:table;
font-family:verdana,arial,helvetica,sans-serif; font-size:8px;
list-style-image:none; padding: 0; position:relative; text-decoration:none;
top:-2px; white-space:nowrap; margin: 0 0 0 -5px; padding-left:10px;
width:100%; }
-.tabsheet li { background:#ddd; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #777; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
+.tabsheet li { background:#f1f1f1; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #aaa; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
.tabsheet a {
-color:#777; display:block; font-size:11px; border:0;
+display:block; font-size:11px; border:0;
font-weight:bold; overflow:hidden; padding:6px;
text-align:right; text-decoration:none; margin: 0; }
.tabsheet a:first-letter { text-transform:capitalize; }
.tabsheet li.selected_tab {
- border-bottom:1px solid #ddd;
+ border-bottom:1px solid #f1f1f1;
}
.tabsheet li:hover, .tabsheet li.selected_tab {
margin-top:4px; padding-bottom:3px; padding-top:3px; top:1px;
}
-.tabsheet a:hover, .tabsheet li.selected_tab a { color: #333; }
-.tabsheet a span { background-color:#ddd; display:block; font-size:10px; margin-right:2px; padding:0 3px 0 1px; }
+/* .tabsheet a:hover */
+.tabsheet li.selected_tab a { color: #555; }
+.tabsheet a span { display:block; font-size:10px; margin-right:2px; padding:0 3px 0 1px; }
.sort { clear: none; }
#214ug { margin-left:248px; font-size:12px; }
@@ -145,12 +140,13 @@ position:relative; padding: 5px 1px 4px 5px; font-size: 13px; color: #777; }
#menubar dt span { cursor:pointer; }
#menubar li { margin: 0; padding-left:10px; }
#menubar li A { display:block; }
+#menubar li A:hover { border:none; }
#menubar li:hover {background-color:#dbe8f3;}
#menubar ul { color: #ccc; margin:0; line-height: 25px;
list-style-type: none; list-style-position: inside; padding: 0; }
#adminHome {background-color:#ddd;}
-#adminHome:hover {background-color:#c8c8c8;}
+#adminHome:hover {background-color:#d0d0d0;}
/* jQuery tooltips */
.cluetip-default #cluetip-outer { border-color: #999; color: #999; background-color: #ddd; }
@@ -205,6 +201,8 @@ html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers
*+html .bigbutton input, * html .bigbutton input { left:0px; position:relative; top:-40px; }
* html .bigtext { margin-right: 300px; }
-.themeBox {background-color:#eee;}
+.themeBox {background-color:#ddd;}
.themeBox IMG {border:1px solid white;}
.themeName {color:black;}
+#themesContent H3 {border-bottom:1px solid #aaa;}
+.themeDefault {background-color:#dbe8f3;} \ No newline at end of file
diff --git a/admin/themes/default/default-layout.css b/admin/themes/default/default-layout.css
index 4aa719cda..001b78c35 100644
--- a/admin/themes/default/default-layout.css
+++ b/admin/themes/default/default-layout.css
@@ -746,4 +746,7 @@ BODY#thePopuphelpPage {
#themesContent .themeBox IMG {width:150px; height:120px;}
#themesContent H3 {font-size:16px; text-align:left; border-bottom:1px solid #444; letter-spacing:1px; margin:5px;}
-.themeBoxes {min-height:300px;} \ No newline at end of file
+.themeBoxes {min-height:300px;}
+
+h2 { letter-spacing:2px; font-weight:bold;}
+h2:lang(en) { text-transform:capitalize; }
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 835732d75..2480184a1 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -8,7 +8,7 @@ input[type="radio"], input[type="checkbox"] { background-color: transparent; }
{ color:#999; background-color: #eee; } */
INPUT[type="submit"], INPUT[type="reset"] { color:#999; border: 1px solid #666; background-color: #444; padding: 1px 15px; }
input.rateButton, legend, h3 { color: #666; }
-#theAdminPage h2 { color: #ccc; letter-spacing:2px; font-weight:bold;}
+h2 { color: #ccc; }
.content .infos { color: #f70; border:0; background-color: transparent;
padding:5px 60px 0pt 10pt; min-height: 48px; text-align:left; background-position:left top;}
.content .infos .submit {margin-left:30px;}
@@ -40,9 +40,6 @@ h3, #imageToolBar a:hover, .row2, .content { background-color: #222; }
.content h3 ~ h3{ margin-top: 40px; }
.content h4 { font-size:14px; text-align:left; padding:3px; margin: 2px;}
-/*.content h2:before, .content h2:after, */
-h2:lang(en) { text-transform:capitalize; }
-
.content dl, dd { margin:5px; }
.content div.titrePage {}
.instructions { height:450px; overflow:scroll; padding:0 20px 0; text-align:left; margin-bottom: 20px;