From 6b77adbbbba56e459cbb1742f6987df249f6b645 Mon Sep 17 00:00:00 2001 From: vdigital Date: Sat, 27 Sep 2008 07:42:41 +0000 Subject: Butterfly 2 - Last Graphic and CSS feedback git-svn-id: http://piwigo.org/svn/trunk@2608 68402e56-0260-453c-a942-63ccdbb3a9ee --- admin/template/goto/theme/roma/theme.css | 37 +++++++++++++------------------- 1 file changed, 15 insertions(+), 22 deletions(-) (limited to 'admin/template/goto') diff --git a/admin/template/goto/theme/roma/theme.css b/admin/template/goto/theme/roma/theme.css index 9479a9eae..e6ea04494 100644 --- a/admin/template/goto/theme/roma/theme.css +++ b/admin/template/goto/theme/roma/theme.css @@ -5,17 +5,15 @@ input.rateButtonSelected /* <= why IE doesn't inherit this ? */ { color:#666; } INPUT, select, textarea { color:#999; background-color: #444; } /* INPUT[type="checkbox"], INPUT[type="radio"] { color:#999; background-color: #eee; } */ -INPUT[type="submit"], INPUT[type="reset"] { border: 2px outset #999; background-color: #444; padding: 1px 15px; } -INPUT[type="submit"]:hover, INPUT[type="reset"]:hover, INPUT[type="submit"]:active { -border: 2px inset #999; background-color: #444; padding: 1px 15px; } -input.rateButton, legend, #theAdminPage h3 { color: #777; } +INPUT[type="submit"], INPUT[type="reset"] { color:#999; border: 1px solid #666; background-color: #444; padding: 1px 15px; } +input.rateButton, legend, #theAdminPage h3 { color: #666; } #theAdminPage h2 { color: #333; } .content .infos { color: #f70; border:0; background-color: transparent; padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; } .content .infos li, .content .errors li { list-style-type:none; } .content .errors { color: #f30; border:0; background-color: transparent; padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; font-weight:bold; } -#copyright { color:#777; margin:60px auto 0px 240px; text-align:center; +#copyright { color:#666; margin:60px auto 0px 240px; text-align:center; padding-bottom: 15px; } .header_notes { background: transparent url(../../icon/note.png) no-repeat right top; border:0; font-weight:bold; min-height: 48px; @@ -41,7 +39,7 @@ h3, #imageToolBar a:hover, .row2, .content { background-color: #222; } .content h4 { font-size:14px; text-align:left; padding:3px; margin: 2px;} /*.content h2:before, .content h2:after, */ .content h2 { -letter-spacing:2px; margin-right:30px; text-align:right; color: #777; +letter-spacing:2px; margin-right:30px; text-align:right; color: #666; text-transform:none; font-weight:bold; padding-left:20px; width:54%; } .content dl, dd { margin:5px; } .content div.titrePage { height:55px; } @@ -51,11 +49,11 @@ font-size:14px; line-height:21px; } .instructions h3 { text-align: center; margin: 30px 0 0 0; } /* .throw, */ td h3 { background-image: url(images/fillet.png); background-repeat: repeat-x; } -/* borders */ /* TODO */ +/* borders */ fieldset { border: 1px solid #999; } -INPUT, SELECT, TEXTAREA { border: 1px solid #999; } -input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#111;color: #999; } -TEXTAREA { cursor:text; font-family:Univers,Helvetica,Optima,"Bitstream Vera Sans",sans-serif; font-size: 13px; } +INPUT, SELECT, TEXTAREA { border: 1px solid #666; } +input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#444;color: #999; } +TEXTAREA { cursor:text; font-size: 13px; } .bigbutton { background:transparent url(images/quickLocalSync_inactiv.png) no-repeat scroll left top; display: block; color:#111; font-size:28px; height:161px; margin: 0 20px 0 auto; padding:0 18px 0; text-align:center; width:625px; position:relative; z-index: 50;} @@ -81,8 +79,9 @@ a.Piwigo { font-size: 11px; font-weight: normal; letter-spacing: 0; color : #f36; text-decoration: none; border: 0; color: #f36; } * { outline-width: 0; } -a { color:#f70; border-color: #f70; } -a:hover { color: #f33; border-color: #FF3363; cursor: pointer; } +a { color:#f70; outline: none; border-color: #f70; } +a:hover, a:active { color: #f33; border-color: #FF3363; outline: none; cursor: pointer; } + h2 { display:block; font-size:28px; letter-spacing:-1px; margin:0 20px; height:95px; overflow:hidden; padding:0; position:absolute; right:0; text-align:right; top:0; width:770px; } @@ -103,7 +102,7 @@ top:-2px; white-space:nowrap; margin: 0 28px 0 0;} float:left; margin:0 2px 0 5px; overflow:hidden; text-align:right; } .tabsheet a { background:transparent url(images/inactive_tab2.png) no-repeat scroll right 0px; -color:#777; display:block; font-size:11px; text-transform:capitalize; border:0; +color:#666; display:block; font-size:11px; text-transform:capitalize; border:0; font-weight:bold; height:18px; overflow:hidden; padding:8px 7px 5px 18px; line-height: 18px; text-align:right; text-decoration:none; margin: 0; } .tabsheet li:hover, .tabsheet li.selected_tab { @@ -142,16 +141,10 @@ color: #F70; border-bottom: 1px dotted #F70;} #menubar li.external:hover { list-style-image:url(images/external_active.png); } #menubar ul { color: #333; margin:10px 0pt 3px 9px; list-style-type: square; list-style-position: inside; padding: 0 0 0 2px; } + /* jQuery tooltips */ -.cluetip-default #cluetip-outer { - border-color: #666; - color: #666; - background-color: #222; -} -.cluetip-default h3#cluetip-title { - color: #ff3363; - background-color: #111; -} +.cluetip-default #cluetip-outer { border-color: #666; color: #666; background-color: #222; } +.cluetip-default h3#cluetip-title { color: #ff3363; background-color: #111; } /* hacks */ html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers */ -- cgit v1.2.3