Butterfly 2 - Last Graphic and CSS feedback

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

3 files changed, 23 insertions, 28 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 */
diff --git a/language/fr_FR/admin.lang.php b/language/fr_FR/admin.lang.php
index 635c00468..7d659f7aa 100644
--- a/language/fr_FR/admin.lang.php
+++ b/language/fr_FR/admin.lang.php
@@ -564,7 +564,7 @@ $lang['c13y_anomaly_ignored_count'] = '%d anomalie a été ignorée.';
 $lang['c13y_anomalies_ignored_count'] = '%d anomalies ont été ignorées.';
 $lang['plugins_need_update'] = 'Plugins necessitant une mise à jour';
 $lang['plugins_dontneed_update'] = 'Plugins à jour';
-$lang['plugins_cant_check'] = 'Impossible de vérifier les plugins suivant';
+$lang['plugins_cant_check'] = 'Impossible de vérifier les plugins suivants';
 $lang['plugins_actual_version'] = 'Version<br>actuelle';
 $lang['plugins_new_version'] = 'Version<br>disponible';
 $lang['plugins_auto_update'] = 'Mise à jour automatique';
diff --git a/template/yoga/theme/Sylvia/theme.css b/template/yoga/theme/Sylvia/theme.css
index 61cad49bc..ca9b33977 100644
--- a/template/yoga/theme/Sylvia/theme.css
+++ b/template/yoga/theme/Sylvia/theme.css
@@ -4,7 +4,7 @@
 .content div.thumbnailCategory div.description .text { height: 130px !important; /* -42px than previous one */ }
 
 /*  Sylvia Theme is close to the Roma Admin theme */
-BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#ddd; }
+BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#666; }
 H2, #menubar DT { color: #666; }
 #imageHeaderBar, #imageToolBar A:hover { background-color: transparent; }
 BODY { background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
@@ -27,7 +27,7 @@ margin:14px 0 0 0; padding:0 0 22px; width: 231px; min-width: 231px; border: 0;
 #menubar .illustration  { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
 margin:0; }
 #menubar DT A { font-size: 100%; }
-#menubar UL { color: #333; font-size: 16px; line-height: 13px; }
+#menubar UL { color: #333; font-size: 16px; line-height: 15px; }
 #menubar LI { padding-left: 12px; }
 #menubar A, .menuInfoCat { font-size: 13px; }
 #menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; }
@@ -67,13 +67,15 @@ overflow: auto; overflow-x:hidden; padding:0 0 5px;  /* Only IE family supports
 #imageHeaderBar .imageNumber { margin-right:170px; }
 #imageHeaderBar .browsePath { margin-left:125px; }
 H2 { border-bottom: 1px solid #000000; }
-FIELDSET, INPUT, SELECT, TEXTAREA { 	border: 1px solid #666; }
+FIELDSET, INPUT, SELECT, TEXTAREA { border: 1px solid #666; }
+INPUT, select, textarea { color:#999; background-color: #444; } 
+input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#444;color: #999; }
 .content UL.thumbnails SPAN.wrap2 {
 border: 1px solid #666;	/* thumbnails border color and style */
 border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */ }
 .content UL.thumbnails SPAN.wrap2:hover { color: #666;
 background-color: #111; border:1px solid #ff3363;	/* thumbnails border color when mouse cursor is over it */ }
-A, INPUT.rateButton { color: #f70; outline: none; border: none;}
-A:hover, A:active { color: #f33; border: 0; outline: none; }
+A, INPUT.rateButton { color:#f70; outline: none; border-color: #f70; }
+A:hover, A:active { color: #f33; border-color: #FF3363; outline: none;  cursor: pointer; }
 
 #debug { margin: 15px 15px 5px 248px; font-size:12px; clear: both; word-wrap:break-word;}
\ No newline at end of file