236 lines
5.0 KiB
Plaintext
236 lines
5.0 KiB
Plaintext
@charset "utf-8";
|
|
/* * {
|
|
margin: 0;
|
|
padding: 0;
|
|
} */
|
|
div.tab-control * {
|
|
font: normal normal 12px/24px "微软雅黑";
|
|
}
|
|
div.tab-control .tabul {
|
|
margin-bottom: 2px;
|
|
border-bottom: 1px solid #438eb9;
|
|
/* box-shadow:0px 15px 10px -15px #438eb9; */
|
|
}
|
|
|
|
div.tab-control ul, div.tab-control li {
|
|
position: relative;
|
|
}
|
|
|
|
div.tab-control ul {
|
|
overflow: hidden;
|
|
}
|
|
div.tab-control li {
|
|
cursor: pointer;
|
|
list-style-type: none;
|
|
}
|
|
div.tab-control a {
|
|
text-indent: -999999px;
|
|
}
|
|
div.tab-control input {
|
|
outline: none;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
div.tab-control div.tab {
|
|
position: relative;
|
|
|
|
}
|
|
div.tab-control div.tab input {
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 30px;
|
|
background-image: url("../img/tab-control_tab_input.png");
|
|
}
|
|
div.tab-control div.tab input.prev {
|
|
left: 0;
|
|
background-position: 0 0;
|
|
}
|
|
div.tab-control div.tab input.next {
|
|
right: 30px;
|
|
background-position: -40px 0;
|
|
}
|
|
div.tab-control div.tab input.find {
|
|
right: 0;
|
|
background-position: -80px 0;
|
|
}
|
|
div.tab-control div.tab ul {
|
|
height: 30px;
|
|
/* margin-left:0px;
|
|
margin-right:0px; */
|
|
margin-left: 24px;
|
|
margin-right: 54px;
|
|
}
|
|
@media only screen and (max-width:700px){div.tab-control div.tab ul{margin-left:30px;margin-right: 30px;}}
|
|
div.tab-control div.tab ul li {
|
|
float: left;
|
|
width: 120px;
|
|
height: 30px;
|
|
background-image: url("../img/tab-control_tab_li.png");
|
|
line-height: 30px;
|
|
text-align:center;
|
|
}
|
|
div.tab-control div.tab ul a {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 8px;
|
|
width: 15px;
|
|
height: 15px;
|
|
background-image: url("../img/tab-control_tab_li.png");
|
|
background-position: -140px 40px;
|
|
|
|
}
|
|
div.tab-control div.tab ul .hover a {
|
|
background-image: url("../img/tab-control_tab_li.png");
|
|
background-position: -140px 35px;
|
|
}
|
|
|
|
div.tab-control div.tab ul .hover a:hover {
|
|
background-image: url("../img/tab-control_tab_li.png");
|
|
background-position: -140px 0;
|
|
}
|
|
|
|
div.tab-control div.tab ul .visited a:hover {
|
|
background-image: url("../img/tab-control_tab_li.png");
|
|
background-position: -140px 0;
|
|
}
|
|
|
|
div.tab-control div.tab-find {
|
|
position: absolute;
|
|
z-index: 2;
|
|
right: 0;
|
|
top: 5px;
|
|
padding: 4px;
|
|
box-shadow: 0 0 2px #000;
|
|
background-color: #ffffff;
|
|
}
|
|
div.tab-control div.tab-find form {
|
|
width: 174px;
|
|
height: 24px;
|
|
background-image: url("../img/tab-control_tab-find_form.png");
|
|
}
|
|
div.tab-control div.tab-find form input.text {
|
|
/* position: absolute; */
|
|
/* left: 8px;
|
|
top: 8px; */
|
|
padding:0 0;
|
|
width: 140px;
|
|
margin-left:8px;
|
|
margin-top:0px;
|
|
/* height: 20px;
|
|
line-height: 20px; */
|
|
background-color: transparent; border:0px;
|
|
}
|
|
div.tab-control div.tab-find ul {
|
|
margin-right: 10px;
|
|
margin-top: 4px;
|
|
}
|
|
div.tab-control div.tab-find ul li {
|
|
padding-left: 25px;
|
|
background-image: url("../img/tab-control_tab-find_li.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0 2px;
|
|
}
|
|
div.tab-control div.tab-find ul li:HOVER {
|
|
padding-left: 25px;
|
|
background-image: url("../img/tab-control_tab-find_li.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0 -22px;
|
|
}
|
|
div.tab-control div.tab-find ul a {
|
|
width: 24px;
|
|
height: 24px;
|
|
background-image: url("../img/tab-control_tab-find_li.png");
|
|
background-position: 0 -43px;
|
|
}
|
|
div.tab-control div.tab-find ul a:HOVER {
|
|
width: 24px;
|
|
height: 24px;
|
|
background-image: url("../img/tab-control_tab-find_li.png");
|
|
background-position: 0 -64px;
|
|
}
|
|
div.tab-control div.main {
|
|
position: relative;
|
|
}
|
|
div.tab-control div.main iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
/*测试用 */
|
|
/* box-shadow: 0 0 2px #000;
|
|
background-color: #f3f3f3; */
|
|
}
|
|
div.tab-control div.tab li {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
}
|
|
div.tab-control div.tab li.visited {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #9d9c9c;
|
|
background-position: 0 -32px;
|
|
}
|
|
div.tab-control div.tab.simple form {
|
|
display: none;
|
|
}
|
|
/* div.tab-control div.tab.simple ul {
|
|
margin: 0;
|
|
} */
|
|
div.tab-control div.tab input.scroll {
|
|
cursor: pointer;
|
|
}
|
|
div.tab-control div.tab input.scroll.prev {
|
|
background-position: 0 -40px;
|
|
}
|
|
div.tab-control div.tab input.prev:hover {
|
|
background-position: 0 -75px;
|
|
}
|
|
|
|
div.tab-control div.tab input.scroll.next {
|
|
background-position: -40px -40px;
|
|
}
|
|
div.tab-control div.tab input.next:hover {
|
|
background-position: -40px -75px;
|
|
}
|
|
div.tab-control div.tab li {
|
|
z-index: 1;
|
|
}
|
|
div.tab-control div.tab li.visited:hover {
|
|
background-position: 0 35px;
|
|
}
|
|
div.tab-control div.tab li.visited a {
|
|
background-position: -140px -32px;
|
|
}
|
|
div.tab-control div.tab-find.hidden {
|
|
display: none;
|
|
}
|
|
div.tab-control div.tab-find form.hover {
|
|
background-position: 0 -30px;
|
|
}
|
|
div.tab-control div.tab-find form.visited {
|
|
background-position: 0 -60px;
|
|
}
|
|
div.tab-control div.tab-find li a {
|
|
display: none;
|
|
}
|
|
div.tab-control div.tab-find li:hover a {
|
|
display: inline-block;
|
|
}
|
|
div.tab-control div.tab-find li.true {
|
|
background-position: 0 -21px;
|
|
}
|
|
div.tab-control div.main iframe.visited {
|
|
display: none;
|
|
}
|
|
div.tab-control div.tab {
|
|
_width: 100%;
|
|
}
|
|
div.tab-control div.tab-find {
|
|
_right: 29px;
|
|
_top: 0;
|
|
border-right: 2px solid #000\9;
|
|
border-bottom: 2px solid #000\9;
|
|
}
|
|
div.tab-control div.tab-find li a {
|
|
_display: inline-block;
|
|
}
|