mirror of
https://github.com/phpbb/phpbb.git
synced 2025-08-30 11:40:08 +02:00
[ticket/12648] Improve UCP/MCP/Posting tabs
PHPBB3-12648
This commit is contained in:
PayBas
@@ -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;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px 4px 0 0;
|
||||
display: block;
|
||||
margin: 1px 1px 0 0;
|
||||
padding: 5px 9px;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#tabs a span {
|
||||
float: left;
|
||||
display: block;
|
||||
background: none no-repeat 100% -35px;
|
||||
padding: 6px 10px 6px 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#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;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
#minitabs .tab > a {
|
||||
border-radius: 5px 5px 0 0;
|
||||
display: block;
|
||||
margin-left: 2px;
|
||||
padding: 5px 9px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#minitabs a {
|
||||
}
|
||||
|
||||
#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 */
|
||||
|
||||
Reference in New Issue
Block a user