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
This commit is contained in:
rvelices 2013-05-08 05:23:07 +00:00
parent cb0aec202d
commit 3234bb5bc9
5 changed files with 23 additions and 32 deletions

View file

@ -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;}

View file

@ -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>

View file

@ -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>

View file

@ -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;}

View file

@ -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; }