Butterfly 2 - Last Graphic and CSS feedback

git-svn-id: http://piwigo.org/svn/trunk@2608 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 15 insertions, 22 deletions

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 */