1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116
|
/**
*
*
**/
div.domtab{
}
ul.domtabs{
float:left;
width:100%;
margin:2em 0 0 0;
list-style: none;
}
ul.domtabs li{
float:left;
margin: 0;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{
width:100px;
padding:5px 0 0 10px;
display:block;
color:#787878;
height:3em;
font-size: 13px;
text-decoration:none;
border: 1px solid #E3E3E5;
}
html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover{
height:30px;
}
ul.domtabs a:hover{
background:#ffffff;
}
div.domtab div{
clear:both;
color:#fff;
padding:1em 3em;
border: 1px solid #E3E3E5;
}
div.domtab p{
clear:both;
color:#787878;
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover {
background:#FFF;
color:#787878;
font-weight: bold;
}
div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
color:#787878;
display:block;
padding:1em .5em;
font-weight:bold;
}
div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active {
display:inline;
padding:0;
font-weight:normal;
}
.tabmenu li{
float: left;
display: inline;
}
/**
*
**/
#home {background-color:#ddd; position:relative; height:600px; width:600px; margin-bottom:10px; }
.feature { position:absolute; overflow:hidden; min-width : 300px; }
.feature img { border:none; }
#tabs { margin-left:0;margin-bottom:0;}
#tabs li {background-color:transparent;display:inline;float:none;list-style:none; }
#tabs li a {background-color:#edd; color:#333; display:inline; height:auto;padding:5px 20px;text-decoration:none;width:auto;}
#tabs li a.active { background-color:#ddd;color:#000; }
/* tabs structure */
.tab-container { width:320px; background:#eee; padding:5px 10px;}
ul.tabs { list-style-type:none; margin:0; padding:0; }
ul.tabs li { float:left; margin:10px 5px 0 0; }
ul.tabs li a { padding:5px 10px; border:1px solid #ddd; font-weight:bold; background:url(/static/images/tab-sprite.jpg) 0 0 repeat-x; color:#000; text-decoration:none; }
ul.tabs li a.active { border-color:#028433; background-position:0 -96px; color:#fff; } /* sprite! background position swap */
ul.tabs li a.active:hover { text-decoration:none; cursor:default; background-position:0 -96px;}
ul.tabs li a:hover {background-position:0 -48px;}
ul.tabs li:hover { text-decoration:underline;}
ul.tabs-content { margin:10px 0 0 0; padding:0; }
ul.tabs-content li { height:0; overflow:hidden; margin:0; padding:0; }
/* clears floats */
div.clear { clear:both; }
/* ie fixes */
* html ul.tabs-content li { float:left; } /* ie6 */
*+ html ul.tabs-content li { width:99%; float:left; } /* ie7 */
|