Commit 39be32c4 authored by Côme Bernigaud's avatar Côme Bernigaud Committed by Benoit Mortier
Browse files

Fixes #3239 Improving tabs

parent 154987e0
table.tabs_header {
width:100%;
border:none;
border-spacing:0px;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
}
/* tabs header */
table.tabs_header > tbody > tr > td {
padding:0;
vertical-align:bottom;
......@@ -15,153 +20,72 @@ table.tabs_header > tbody > tr > td:last-child {
width:auto;
}
div.tab_content {
padding:4px;
width:auto;
background-color:#F8F8F8;
border-style:solid;
border-color:#AAA;
border-top-width:0px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
table.tabs_header > tbody > tr > td > div > a {
display:inline-block;
border-radius:5px 5px 0 0;
text-align:center;
background-color:#D0D0D0;
border:1px solid #999;
margin-top:5px;
padding-top:1px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
transition:margin .4s ease, padding .4s ease;
}
table.tabs_header > tbody > tr > td > div > a:hover {
margin-top:0;
padding-top:2px;
padding-bottom:7px;
}
div.tab_active {
text-align:center;
table.tabs_header > tbody > tr > td > div > a.tab_active {
background-color:#f8f8f8;
border-style:solid;
border-color:#999;
border-top-width:1px;
border-bottom-width:0;
border-left-width:1px;
border-right-width:1px;
border-bottom:0;
margin-top:0;
padding-top:2px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
}
div.tab_notify {
table.tabs_header > tbody > tr > td > div > a.tab_notify {
background-image:url(../../geticon.php?context=status&icon=dialog-information&size=16);
background-repeat:no-repeat;
background-position:1px 1px;
}
html.ltr div.tab_notify {
html.ltr table.tabs_header > tbody > tr > td > div > a.tab_notify {
padding-left:18px;
}
html.rtl div.tab_notify {
html.rtl table.tabs_header > tbody > tr > td > div > a.tab_notify {
padding-right:18px;
}
div.tab_left {
text-align:center;
background-color:#D0D0D0;
border-style:solid;
border-color:#999;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
html.ltr table.tabs_header > tbody > tr > td > div > a.tab_left {
border-right-width:0;
margin-top:5px;
padding-top:1px;
padding-bottom:5px;
padding-left:8px;
padding-right:8px;
}
html.rtl div.tab_left {
html.rtl table.tabs_header > tbody > tr > td > div > a.tab_left {
border-left-width:0;
border-right-width:1px;
}
div.tab_right {
text-align:center;
background-color:#D0D0D0;
border-style:solid;
border-color:#999;
border-top-width:1px;
border-bottom-width:1px;
html.ltr table.tabs_header > tbody > tr > td > div > a.tab_right {
border-left-width:0;
border-right-width:1px;
margin-top:5px;
padding-top:1px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
}
html.rtl div.tab_right {
border-left-width:1px;
html.rtl table.tabs_header > tbody > tr > td > div > a.tab_right {
border-right-width:0;
}
div.tab_near_active {
text-align:center;
background-color:#D0D0D0;
border-style:solid;
border-color:#999;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
margin-top:5px;
padding-top:1px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
table.tabs_header > tbody > tr > td > div.tab_border {
border-bottom:1px solid #999;
}
div.tab_border {
width:100%;
/* tabs content */
div.tab_content {
padding:4px;
width:auto;
background-color:#F8F8F8;
border-style:solid;
border-color:#999;
border-top-width:0;
border-color:#AAA;
border-top-width:0px;
border-bottom-width:1px;
border-left-width:0;
border-right-width:0;
}
a.tab_active,input.tab_active {
border:0;
margin:0;
height:22px;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
}
a.tab_right,input.tab_right {
height:20px;
border:0;
margin:0;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
}
a.tab_left,input.tab_left {
height:20px;
border:0;
margin:0;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
}
a.tab_near_active,input.tab_near_active {
height:20px;
border:0;
margin:0;
font-family:arial,helvetica,sans-serif;
background-color:#D0D0D0;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
border-left-width:1px;
border-right-width:1px;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment