aboutsummaryrefslogtreecommitdiffstats
path: root/phpBB/styles/prosilver/theme
diff options
context:
space:
mode:
authorPayBas <contact@paybas.com>2014-06-02 19:23:56 +0200
committerPayBas <contact@paybas.com>2014-06-24 00:02:22 +0200
commiteda3c36b1c38ec19515f0a6da2ae6413334edc0d (patch)
tree31546805d72e018c6ee7a4af63e1fb14dc4eaee1 /phpBB/styles/prosilver/theme
parent83326718132811d8b57ac8612ff50887ec0fa101 (diff)
downloadforums-eda3c36b1c38ec19515f0a6da2ae6413334edc0d.tar
forums-eda3c36b1c38ec19515f0a6da2ae6413334edc0d.tar.gz
forums-eda3c36b1c38ec19515f0a6da2ae6413334edc0d.tar.bz2
forums-eda3c36b1c38ec19515f0a6da2ae6413334edc0d.tar.xz
forums-eda3c36b1c38ec19515f0a6da2ae6413334edc0d.zip
[ticket/12648] Improve UCP/MCP/Posting tabs
PHPBB3-12648
Diffstat (limited to 'phpBB/styles/prosilver/theme')
-rw-r--r--phpBB/styles/prosilver/theme/colours.css47
-rw-r--r--phpBB/styles/prosilver/theme/cp.css145
2 files changed, 68 insertions, 124 deletions
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css
index 9565eb9967..c11db65711 100644
--- a/phpBB/styles/prosilver/theme/colours.css
+++ b/phpBB/styles/prosilver/theme/colours.css
@@ -807,52 +807,53 @@ ul.cplist {
/* CP tabbed menu
----------------------------------------*/
-#tabs a {
- background-image: url("./images/bg_tabs1.gif");
-}
-
-#tabs a span {
- background-image: url("./images/bg_tabs2.gif");
+#tabs .tab > a {
+ background: #BACCD9;
color: #536482;
}
-#tabs a:hover span {
+#tabs .tab > a:hover {
+ background: #DDEDFB;
color: #BC2A4D;
}
-#tabs .activetab a {
- border-bottom-color: #CADCEB;
-}
-
-#tabs .activetab a span {
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+ background: #E2F2FF;
+ background: -moz-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E2F2FF), color-stop(100%, #CADCEB));
+ background: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
+ background: -o-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
+ background: -ms-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
+ background: linear-gradient(to bottom, #E2F2FF 0%, #CADCEB 100%);
+ border-color: #CADCEB;
+ box-shadow: 0 1px 1px #F2F9FF inset;
color: #333333;
}
-#tabs .activetab a:hover span {
+#tabs .activetab > a:hover {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
-#minitabs li {
+#minitabs .tab > a {
background-color: #E1EBF2;
}
-#minitabs li.activetab {
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
background-color: #F9F9F9;
-}
-
-#minitabs li.activetab a span, #minitabs li.activetab a:hover span {
color: #333333;
}
/* Responsive tabs
----------------------------------------*/
-.responsive-tab .responsive-tab-link span:before {
+.responsive-tab .responsive-tab-link:before {
border-color: #536482;
}
-.responsive-tab .responsive-tab-link:hover span:before {
+.responsive-tab .responsive-tab-link:hover:before {
border-color: #BC2A4D;
}
@@ -1144,7 +1145,7 @@ input.disabled {
border-color: #FFF transparent;
}
-.dropdown-extended .pointer-inner, #minitabs .pointer-inner {
+.dropdown-extended .pointer-inner {
border-color: #F1F8FF transparent;
}
@@ -1170,10 +1171,6 @@ ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist
border-color: #DCDCDC;
}
-#minitabs .dropdown-contents {
- background-color: #F1F8FF;
-}
-
/* Notifications
---------------------------------------- */
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 */
generated by cgit v1.2.1 (git 2.21.0) at 2026-02-06 17:22:47 +0000