admin theme links use text-decoration on hovering instead of border-bottom (css simpler, no box sizing issues on hover ...)

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

5 files changed, 23 insertions, 32 deletions

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 374ec3437..8577c90d6 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -117,8 +117,15 @@ TABLE.table2 { border: 2px solid #dddddd; }
 }
 
 *, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; }
-a { color:#005E89; border-width: 0; }
-a:hover, a:active { color: #d54e21; border-bottom: 1px dotted #d54e21; cursor: pointer; }
+A{
+	color:#005E89;
+}
+
+A:hover, A:active {
+	color: #d54e21;
+	cursor: pointer; 
+}
+
 .content .navigationBar {color:#999;}
 ul.actions, .content form#waiting  {text-align:center;}
 
@@ -175,7 +182,7 @@ 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; color:black;}
+#menubar li A:hover {color:black; text-decoration: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; }
@@ -221,7 +228,7 @@ body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body
 #ui-datepicker-div .ui-datepicker-week-end-cell, #ui-datepicker-div .ui-datepicker-week-end-cell  a { background-color: #ddd; color: #0cc; border-color: #bbb; border-top-color: #ddd; border-left-color: #ddd;}
 #ui-datepicker-div .ui-datepicker-title-row { background-color: #eee;}
 #ui-datepicker-div .ui-datepicker-title-row .ui-datepicker-week-end-cell a { color: #0cc;}
-#ui-datepicker-div  a:hover { color: #0cccc !important; border: 0; background-color: #eee !important;}
+#ui-datepicker-div  a:hover { color: #0cccc !important; background-color: #eee !important;}
 #ui-datepicker-div .ui-datepicker-header select { background-color:#bbb; color:#666; font-weight:normal;}
 #ui-datepicker-div .ui-datepicker-links { background-color:#ddd;}
 #ui-datepicker-div .ui-datepicker-header { background-color:#bbb;}
@@ -259,9 +266,6 @@ INPUT[type="text"].large  { width: 317px; }
 
 #pluginsMenuSeparator {border:1px solid #ddd;}
 
-#helpContent A {border-bottom:1px dotted #005E89;}
-#helpContent A:hover {border-bottom:1px solid #d54e21;}
-
 #pwgHead, #footer {
 	background-color: #ddd;
 	color: #666;
@@ -269,7 +273,7 @@ INPUT[type="text"].large  { width: 317px; }
 
 
 #pwgHead A, #footer A {color:#444;}
-#pwgHead A:hover, #footer A:hover {color:black; border-color:black;}
+#pwgHead A:hover, #footer A:hover {color:black;}
 #footer { background-image: url(images/piwigo_logo_small.png);}
 
 .pluginBox, .pluginMiniBox {background-color:#ddd;color:#353535;border-color:#ddd;}
diff --git a/admin/themes/default/template/cat_list.tpl b/admin/themes/default/template/cat_list.tpl
index 859034a77..0f2f3eaee 100644
--- a/admin/themes/default/template/cat_list.tpl
+++ b/admin/themes/default/template/cat_list.tpl
@@ -115,7 +115,7 @@ jQuery(document).ready(function(){
     <li class="categoryLi{if $category.IS_VIRTUAL} virtual_cat{/if}" id="cat_{$category.ID}">
       <!-- category {$category.ID} -->
       <p class="albumTitle">
-        <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
+        <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
         <strong><a href="{$category.U_CHILDREN}" title="{'manage sub-albums'|@translate}">{$category.NAME}</a></strong>
       </p>
 
diff --git a/admin/themes/default/template/menubar.tpl b/admin/themes/default/template/menubar.tpl
index 4d65c0858..f3bd1f45b 100644
--- a/admin/themes/default/template/menubar.tpl
+++ b/admin/themes/default/template/menubar.tpl
@@ -38,7 +38,7 @@ jQuery(document).ready(function(){
           <strong>{'Hide'|@translate} <input type="checkbox" name="hide_{$block.reg->get_id()}" {if $block.pos<0}checked="checked"{/if}></strong>
         </span>
 
-        <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
+        <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
         <strong>{$block.reg->get_name()|@translate}</strong> ({$block.reg->get_id()})
       </p>
 
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index c4ad7923e..046d56be6 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -96,7 +96,7 @@ display:block; position:absolute; z-index:101; padding:8px 0 0 3px; color:white;
 /* History tables */
 TABLE.table2 {
 	border: 1px solid #111;
-	margin: 1em auto;
+	margin: 0 auto;
 	padding: 0;
 }
 
@@ -110,7 +110,6 @@ TABLE.table2 TR {
 
 TABLE.table2 THEAD TD { padding:7px 10px 3px 10px; }
 TABLE.table2 TR.throw { text-align: center; }
-TABLE.table2 { margin:0pt auto; }
 .sort { display:block; padding:8px 5px 0px 1px; clear: right; float:left; }
 
 
@@ -301,19 +300,15 @@ float:left;
 }
 
 #pwgHead A {color:#ccc;}
-#pwgHead A:hover {color:#fff;border-bottom:1px solid #fff}
+#pwgHead A:hover {color:#fff}
 
 #headActions {float:right; height:36px; line-height:36px; margin-right:10px;}
 
 A {
-	text-decoration:none;
-	border-bottom: 0;
+	text-decoration: none;
 }
 A:hover {
-	border-bottom: 1px solid #FF3363;
-}
-A.button, A.button:hover {
-	border: 0;
+	text-decoration: underline;
 }
 IMG {
 	border: none;
@@ -494,9 +489,6 @@ UL.actions {
 UL.actions LI {
 	display: inline;
 }
-UL.actions A {
-	border: none;
-}
 
 UL.tagSelection {
 	width: 99%;
@@ -604,7 +596,7 @@ html, body {height:100%; margin:0; padding:0;}
 }
 
 #footer A {color:#ccc;}
-#footer A:hover {color:#fff;border-bottom:1px solid #fff;}
+#footer A:hover {color:#fff}
 
 #adminHome {
   text-align:center;
@@ -616,7 +608,7 @@ html, body {height:100%; margin:0; padding:0;}
 }
 
 #adminHome A {display:block; font-size:1.1em; font-weight:bold;}
-#adminHome A {border:none;}
+#adminHome A {text-decoration:none;}
 
 #piwigoInfos {float:left; margin-left:140px;}
 #pageInfos {float:right; margin-right:10px;}
@@ -816,7 +808,6 @@ h2:lang(en) { text-transform:capitalize; }
 .infos .submit {margin-left:30px;}
 
 .checkActions {text-align:left;padding:0;margin:0;}
-.comment A:hover {border:none;}
 
 .pluginBoxes {
   text-align:left;
@@ -878,7 +869,6 @@ h2:lang(en) { text-transform:capitalize; }
 }
 
 .HelpActions a { border:0; margin:0; }
-.HelpActions a:hover {border:0;}
 .HelpActions li {list-style-image:none; list-style-position:outside; list-style-type:none; text-align:center; text-indent:0pt; }
 
 legend {text-align:left;}
@@ -948,16 +938,14 @@ LEGEND {
 #batchManagerGlobal #checkActions {text-align:left; margin:0 0 20px 0;}
 #batchManagerGlobal ul.thumbnails div.actions {display:none;position:absolute;top:0;right:5px;color:#fff}
 #batchManagerGlobal ul.thumbnails div.actions a {color:#fff;}
-#batchManagerGlobal ul.thumbnails div.actions a:hover {border-color:#fff;}
 #batchManagerGlobal ul.thumbnails span.wrap1:hover div.actions {display:block;}
 #batchManagerGlobal #selectedMessage {padding:5px; border-radius:5px;}
-#batchManagerGlobal #selectSet a {border-bottom:1px dotted;}
 #batchManagerGlobal #applyOnDetails {font-style:italic;}
 #batchManagerGlobal .actionButtons {text-align:left;}
 #batchManagerGlobal #filterList {padding-left:5px;}
 #batchManagerGlobal #filterList li {margin-bottom:5px; list-style-type:none;}
 #batchManagerGlobal a.removeFilter {background: url(icon/remove_filter.png) no-repeat top left;width:7px;height:7px;display:inline-block;}
-#batchManagerGlobal a.removeFilter:hover {background: url(icon/remove_filter_hover.png); border:none;}
+#batchManagerGlobal a.removeFilter:hover {background: url(icon/remove_filter_hover.png);}
 #batchManagerGlobal .removeFilter span {display:none}
 #batchManagerGlobal #applyFilterBlock {margin-top:20px;}
 #batchManagerGlobal .useFilterCheckbox {display:none;}
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index c6c20f71c..12524480c 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -106,8 +106,8 @@ a.Piwigo:hover  span.Piwigo  {
 *, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; }
 */
 
-a { color:#f70; border-width: 0; }
-a:hover, a:active { color: #f33; border-bottom: 1px solid #FF3363; cursor: pointer; }
+a { color:#f70; }
+a:hover, a:active { color: #f33; cursor: pointer; }
 .content .navigationBar {color:#666;}
 ul.actions, .content form#waiting  {text-align:center;}
 
@@ -160,7 +160,6 @@ position:relative; padding: 5px 1px 4px 5px; top:-8px; font-size: 13px; color: #
 #menubar ul { color: #333; margin:0 9px 0 9px; line-height: 16px;
   list-style-type: square; list-style-position: inside; padding: 0; }
 #menubar ul.scroll { overflow-y:auto; max-height:500px;}
-#menubar li a:hover {border:none; text-decoration:underline;}
 
 /* jQuery tooltips */
 .cluetip-outer { border-color: #666; color: #666; background-color: #222; }