/* CentOS Cascading Style Sheet
* -----------------------------------------------
* File : tabs.css
* Category : root / common / miscellaneous
* Theme : Modern
* Description : CSS definitions used to build the CentOS common
* visual style for tabs.
* -----------------------------------------------
* Author : CentOS Artwork SIG
* License : GPL (http://www.fsf.org/licensing/licenses/gpl.txt)
* -----------------------------------------------
*/
/* Tabs (Style 1): Two Rounded Borders
-----------------------------------------------*/
div#page-header div.tabs1 a:link,
div#page-footer div.tabs1 a:link {
text-decoration: none;
color: #FFF;
}
div#page-header div.tabs1 a:hover,
div#page-footer div.tabs1 a:hover {
text-decoration: underline;
color: #FFF;
}
div#page-header div.tabs1 a:active,
div#page-footer div.tabs1 a:active {
text-decoration: none;
color: #FFF; }
div#page-header div.tabs1 a:visited,
div#page-footer div.tabs1 a:visited {
text-decoration: none;
color: #FFF;
}
div#page-header div.tabs1 a:visited:hover,
div#page-footer div.tabs1 a:visited:hover {
text-decoration: underline;
color: #FFF;
}
div#page-header div.tabs1,
div#page-footer div.tabs1 {
margin: 0;
padding: 0;
float: right;
margin-right: 5px;
}
div#page-header div.tabs1 a,
div#page-footer div.tabs1 a {
float: left;
font-weight: bold;
margin-right: 5px;
padding: 0px 8px 0 0px;
text-transform: uppercase;
}
div#page-header div.tabs1 a span,
div#page-footer div.tabs1 a span {
float: left;
font-size: x-small;
padding: 5px 0px 3px 8px;
}
div#page-header div.tabs1 span:hover a,
div#page-header div.tabs1 span:hover a,
div#page-footer div.tabs1 span:hover a,
div#page-footer div.tabs1 span:hover a,
div#page-header div.tabs1 span:hover a span,
div#page-footer div.tabs1 span:hover a span {
color: #FFF;
}
div#page-header div.tabs1 span.current a,
div#page-header div.tabs1 span.current a:hover,
div#page-footer div.tabs1 span.current a,
div#page-footer div.tabs1 span.current a:hover,
div#page-header div.tabs1 span.current a span,
div#page-header div.tabs1 span.current a span,
div#page-footer div.tabs1 span.current a:hover span,
div#page-footer div.tabs1 span.current a:hover span {
color: #000;
}
div#page-header div.tabs1 span.download a,
div#page-header div.tabs1 span.download a:hover,
div#page-footer div.tabs1 span.download a,
div#page-footer div.tabs1 span.download a:hover {
color: #FFF;
margin-left: 20px;
}
div#page-header div.tabs1 span.download a span,
div#page-header div.tabs1 span.download a:hover span,
div#page-footer div.tabs1 span.download a span,
div#page-footer div.tabs1 span.download a:hover span {
color: #FFF;
}
/* */
div#page-header div.tabs1 a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% 0px no-repeat;
}
div#page-header div.tabs1 a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 0;
}
div#page-header div.tabs1 span.current a,
div#page-header div.tabs1 span.current a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -50px no-repeat;
}
div#page-header div.tabs1 span.current a span,
div#page-header div.tabs1 span.current a:hover span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -50px;
}
div#page-header div.tabs1 span:hover a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -25px no-repeat;
}
div#page-header div.tabs1 span:hover a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -25px;
}
div#page-header div.tabs1 span.download a,
div#page-header div.tabs1 span.download a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -75px no-repeat;
}
div#page-header div.tabs1 span.download a span,
div#page-header div.tabs1 span.download a:hover span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -75px;
}
/* */
div#page-footer div.tabs1 {
margin-top: 29px;
}
div#page-footer div.tabs1 a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% 0px no-repeat;
}
div#page-footer div.tabs1 a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 0;
}
div#page-footer div.tabs1 span.current a,
div#page-footer div.tabs1 span.current a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -50px no-repeat;
}
div#page-footer div.tabs1 span.current a span,
div#page-footer div.tabs1 span.current a:hover span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -50px;
}
div#page-footer div.tabs2 span.current a,
div#page-footer div.tabs2 span.current a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat;
}
div#page-footer div.tabs1 span:hover a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -25px no-repeat;
}
div#page-footer div.tabs1 span:hover a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -25px;
}
div#page-footer div.tabs1 span.download a,
div#page-footer div.tabs1 span.download a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -75px no-repeat;
}
div#page-footer div.tabs1 span.download a span,
div#page-footer div.tabs1 span.download a:hover span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -75px;
}
/* Tabs (Style 2): Two Rounded Borders
-----------------------------------------------*/
div#page-header div.tabs2,
div#page-footer div.tabs2 {
margin-left: 20px;
padding: 0;
}
div#page-header div.tabs2 a,
div#page-footer div.tabs2 a {
color: #628eca;
float: left;
font-weight: bold;
margin-right: 3px;
padding: 0px 8px 0 0px;
text-decoration: none;
}
div#page-header div.tabs2 span.current a,
div#page-header div.tabs2 span.current a:hover,
div#page-footer div.tabs2 span.current a,
div#page-footer div.tabs2 span.current a:hover {
color: #FFF;
text-decoration: none;
}
div#page-header div.tabs2 span.current a span,
div#page-header div.tabs2 span.current a:hover span,
div#page-footer div.tabs2 span.current a span,
div#page-footer div.tabs2 span.current a:hover span {
color: #FFF;
text-decoration: none;
}
div#page-header div.tabs2 a span,
div#page-footer div.tabs2 a span {
float: left;
padding: 5px 0px 3px 8px;
}
/* */
div#page-header div.tabs2 a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -100px no-repeat;
}
div#page-header div.tabs2 a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -100px;
}
div#page-header div.tabs2 span.current a,
div#page-header div.tabs2 span.current a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat;
}
div#page-header div.tabs2 span.current a span,
div#page-header div.tabs2 span.current a:hover span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -150px;
}
div#page-header div.subtabs2 span.current a,
div#page-header div.subtabs2 span.current a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat;
}
div#page-header div.tabs2 span:hover a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -125px no-repeat;
}
div#page-header div.tabs2 span:hover a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -125px;
}
/* */
div#page-footer div.tabs2 a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -100px no-repeat;
}
div#page-footer div.tabs2 a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -100px;
}
div#page-footer div.tabs2 span.current a,
div#page-footer div.tabs2 span.current a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat;
}
div#page-footer div.tabs2 span.current a span,
div#page-footer div.tabs2 span.current a:hover span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -150px;
}
div#page-footer div.subtabs2 span.current a,
div#page-footer div.subtabs2 span.current a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat;
}
div#page-footer div.tabs2 span:hover a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat;
}
div#page-footer div.tabs2 span:hover a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -125px;
}
/* Tabs (Style 3): 4 Rounded Borders
-----------------------------------------------*/
div#page-body div.tabs3 {
float: right;
}
div#page-body div.tabs3 ul {
margin: 0;
padding: 0;
}
div#page-body div.tabs3 a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% 0 no-repeat;
color: #628eca;
font-weight: bold;
float: left;
margin-right: 3px;
padding: 0px 7px 0 0px;
font-size: 10px;
}
div#page-body div.tabs3 a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 0 no-repeat;
float: left;
padding: 5px 0px 3px 8px;
}
div#page-body div.tabs3 span:hover a {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -25px no-repeat;
text-decoration: none;
}
div#page-body div.tabs3 span:hover a span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -25px;
}
div#page-body div.tabs3 span.current a,
div#page-body div.tabs3 span.current a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat;
color: #FFF;
text-decoration: none;
}
div#page-body div.tabs3 span.current a,
div#page-body div.tabs3 span.current a:hover {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat;
text-decoration: none;
}
div#page-body div.tabs3 span.current a span,
div#page-body div.tabs3 span.current a:hover span {
background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -50px;
color: #FFF;
text-decoration: none;
}