diff options
Diffstat (limited to 'phpBB/styles/prosilver/theme/cp.css')
-rw-r--r-- | phpBB/styles/prosilver/theme/cp.css | 145 |
1 files changed, 46 insertions, 99 deletions
diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index 452c2c625e..b482c3db80 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -106,74 +106,49 @@ ul.cplist { ----------------------------------------*/ #tabs { line-height: normal; - margin: 20px 0 -1px 7px; - *overflow: hidden; + margin: 20px 0 0 7px; + /**overflow: hidden;*/ } -#tabs ul { +#tabs > ul { + list-style: none; margin:0; padding: 0; - list-style: none; + position: relative; } -#tabs ul:after { +#tabs > ul:after { content: ''; display: block; clear: both; } -#tabs li { +#tabs .tab { display: inline; - margin: 0; - padding: 0; + float: left; font-size: 1em; font-weight: bold; + line-height: 14px; } -#tabs a { - float: left; +#tabs .tab > a { background: none no-repeat 0% -35px; - margin: 0 1px 0 0; - padding: 0 0 0 5px; - text-decoration: none; - position: relative; - cursor: pointer; -} - -#tabs a span { - float: left; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; display: block; - background: none no-repeat 100% -35px; - padding: 6px 10px 6px 5px; + margin: 1px 1px 0 0; + padding: 5px 9px; + position: relative; + text-decoration: none; white-space: nowrap; + cursor: pointer; } -#tabs .activetab a { - background-position: 0 0; - border-bottom: 1px solid transparent; -} - -#tabs .activetab a span { - background-position: 100% 0; +#tabs .activetab > a { + margin-top: 0; padding-bottom: 7px; } -#tabs a:hover { - background-position: 0 -70px; -} - -#tabs a:hover span { - background-position:100% -70px; -} - -#tabs .activetab a:hover { - background-position: 0 0; -} - -#tabs .activetab a:hover span { - background-position: 100% 0; -} - /* Mini tabbed menu used in MCP ----------------------------------------*/ #minitabs { @@ -183,31 +158,34 @@ ul.cplist { .tabs-container #minitabs { float: right; - margin-top: 19px; + margin-top: 15px; max-width: 50%; } -#minitabs ul { +#minitabs > ul { + list-style: none; margin:0; padding: 0; - list-style: none; + position: relative; } -#minitabs li { - display: block; +#minitabs .tab { + display: inline; float: right; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - padding: 5px 10px 4px 10px; font-size: 1em; font-weight: bold; - margin-left: 2px; + line-height: 14px; } -#minitabs a { +#minitabs .tab > a { + border-radius: 5px 5px 0 0; + display: block; + margin-left: 2px; + padding: 5px 9px; + position: relative; } -#minitabs a:hover { +#minitabs .tab > a:hover { text-decoration: none; } @@ -217,7 +195,7 @@ ul.cplist { position: relative; } -.responsive-tab .responsive-tab-link span { +.responsive-tab > a.responsive-tab-link { display: inline-block; font-size: 16px; position: relative; @@ -226,45 +204,34 @@ ul.cplist { text-decoration: none; } -#minitabs .responsive-tab .responsive-tab-link span { - display: block; -} - -.responsive-tab .responsive-tab-link span:before { +.responsive-tab .responsive-tab-link:before { content: ''; position: absolute; - left: 5px; - top: 8px; + left: 10px; + top: 7px; height: .125em; width: 14px; border-bottom: 0.125em solid transparent; border-top: 0.375em double transparent; } -#minitabs .responsive-tab .responsive-tab-link span:before { - left: 0; - top: 2px; -} - -#tabs ul, #minitabs ul { - position: relative; -} - #tabs .dropdown, #minitabs .dropdown { - top: 29px; - margin-right: -1px; + top: 20px; + margin-right: -2px; + font-size: 1.1em; + font-weight: normal; } #minitabs .dropdown { - top: 18px; + margin-right: -4px; } #tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown { - bottom: -5px; + bottom: 20px; top: auto; } -#minitabs .dropdown-up .dropdown { +#minitabs .dropdown-up .dropdown { bottom: 18px; } @@ -272,34 +239,14 @@ ul.cplist { margin-left: -41px; } -#tabs .dropdown li, #minitabs .dropdown li { - display: block !important; - background: transparent none; - padding: 0; -} - -.tabs-container #minitabs .dropdown a span { - display: block; -} - -#tabs .dropdown a, #tabs .dropdown a span, #minitabs .dropdown a, #minitabs .dropdown a span { - background: transparent; - float: none; - margin: 0; - padding: 0; +#tabs .dropdown li { text-align: right; } -.tabs-container #minitabs .dropdown a span { +#minitabs .dropdown li { text-align: left; } -#tabs .dropdown a span, #minitabs .dropdown a span { - padding: 5px 8px; - color: inherit !important; -} - - /* UCP navigation menu ----------------------------------------*/ /* Container for sub-navigation list */ |