diff options
author | plegall <plg@piwigo.org> | 2011-03-28 13:51:43 +0000 |
---|---|---|
committer | plegall <plg@piwigo.org> | 2011-03-28 13:51:43 +0000 |
commit | e405136d474fa90c3e9b6467cd8d541aa1c9d1ac (patch) | |
tree | 8d5a0c2b751b6550ba5af4853a805c88088c2a55 /plugins/language_switch/language_switch-default.css | |
parent | 18878f8bb0bb23403772504ab4d94a34c85ecaf4 (diff) |
Language Switch:
* display language name next to flag (and enlarge the flag box to ~400px)
* force the links color inside the language box because the background color is
forced : on a theme like "grum dark II", the result is really awful, impossible
to read.
* the current language is not removed from the list, this ways the list is not
reorganized depending on the current language
git-svn-id: http://piwigo.org/svn/trunk@9906 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r-- | plugins/language_switch/language_switch-default.css | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/plugins/language_switch/language_switch-default.css b/plugins/language_switch/language_switch-default.css index 909f3eb5f..6f5b60ec0 100644 --- a/plugins/language_switch/language_switch-default.css +++ b/plugins/language_switch/language_switch-default.css @@ -1,15 +1,19 @@ -.flag-pan { width:132px; z-index:100; border-width:1px; border-style: solid; background-color: #999; padding: 2px 5px 10px 5px; } -.content ul.categoryActions .flag-pan a img.flags { margin: 5px 2px 10px; } -.content ul.categoryActions .flag-pan a { margin: 0; border:none; } +.flag-pan { width:380px; z-index:100; border:2px solid #CDCDCD; background-color: #f0f0f0; padding: 2px 5px 10px 5px; } +.languageSwitchBoxTitle {display:block;width:370px;text-align:center;margin:5px auto;font-weight:bold;color:#464646;} +.content ul.categoryActions .flag-pan a img.flags { margin-bottom: -2px; } +.content ul.categoryActions .flag-pan a { margin: 0; border:none; color:#464646;} +.content ul.categoryActions .flag-pan a:hover {color:black} .menuf { width:30px; height:24px; display: inline; } -.menuf ul li a, .menuf ul li a:visited {display:block; text-decoration:none; width:44px; height:27px; text-align:center; line-height:27px; overflow:hidden; border:none} +.menuf ul li a, .menuf ul li a:visited {display:block; text-decoration:none; width:120px; height:27px; text-align:left; line-height:27px; overflow:hidden; border:none} .menuf ul {padding:0; margin:0; list-style: none;} -.menuf ul li {float:left; position:relative; right: 0; top: 0;} +.menuf ul li {float:left; position:relative; right:0; top:0; margin-left:5px} .menuf ul li ul {display: none;}/* specific to non IE browsers */ -.menuf li a:hover { border:0 !important;} -.menuf .flags {border-width:1px !important; ; border-style: solid !important; margin-top:5px; } -.menuf ul li:hover ul {display:block; position:absolute; top:0px; left:-96px; } +.menuf li a:hover { border:1px dotted #464646} +.menuf .flags {border:1px solid #ddd !important; margin-top:5px; } +.menuf ul li:hover ul {display:block; position:absolute; top:0px; right:0px; } .menuf ul li:hover ul li ul {display: none;} .menuf ul li:hover ul li {display: block;} .menuf ul li:hover ul li a {display:block;} -.menuf ul li:hover ul li:hover ul {display:block; position:absolute; left:0px; top:0;}
\ No newline at end of file +.menuf ul li:hover ul li:hover ul {display:block; position:absolute; left:0px; top:0;} + +.menuf ul li a.activeFlag, .menuf ul li a.activeFlag:visited {width:30px;}
\ No newline at end of file |