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