From 3234bb5bc9c3f13faa14ae1716f67b7ffca9db99 Mon Sep 17 00:00:00 2001 From: rvelices Date: Wed, 8 May 2013 05:23:07 +0000 Subject: 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 --- admin/themes/clear/theme.css | 20 ++++++++++++-------- admin/themes/default/template/cat_list.tpl | 2 +- admin/themes/default/template/menubar.tpl | 2 +- admin/themes/default/theme.css | 26 +++++++------------------- admin/themes/roma/theme.css | 5 ++--- 5 files changed, 23 insertions(+), 32 deletions(-) (limited to 'admin') 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(){

  • - + {$category.NAME}

    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(){ {'Hide'|@translate} - + {$block.reg->get_name()|@translate} ({$block.reg->get_id()})

    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; } -- cgit v1.2.3