577 行
11 KiB
CSS
577 行
11 KiB
CSS
a {
|
|
color : #868686;
|
|
text-decoration : none;
|
|
}
|
|
|
|
abbr {
|
|
border-bottom : 1px dotted #666;
|
|
cursor : help;
|
|
font-variant : normal;
|
|
}
|
|
|
|
body {
|
|
background-attachment : fixed;
|
|
background-image : url('images/bg.png');
|
|
color : #868686;
|
|
font-family : Arial;
|
|
padding-top : 25px;
|
|
}
|
|
|
|
button, input[type=button], input[type=reset], input[type=submit] {
|
|
background : transparent url('images/button.png');
|
|
border : 0px;
|
|
color : #DDDDDD;
|
|
height : 31px;
|
|
text-shadow : #000000 1px 1px;
|
|
width : 104px;
|
|
}
|
|
|
|
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
|
|
background-position : center;
|
|
}
|
|
|
|
button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
|
|
background-position : bottom;
|
|
}
|
|
|
|
h1 {
|
|
border-bottom : 1px solid #C9C9C9;
|
|
color : #C9C9C9;
|
|
font-family : "trebuchet ms";
|
|
font-size : 20px;
|
|
font-weight : bold;
|
|
margin : 2px 0px 15px 0px;
|
|
text-shadow : 1px 1px #000000;
|
|
}
|
|
|
|
h2 {
|
|
border-bottom : 1px solid #C9C9C9;
|
|
color : #C9C9C9;
|
|
font-family : "trebuchet ms";
|
|
font-size : 20px;
|
|
font-weight : bold;
|
|
margin : 35px 0px 15px 0px;
|
|
text-shadow : 1px 1px #000000;
|
|
}
|
|
|
|
hr {
|
|
border-bottom : 1px solid #3F3A3E;
|
|
border-left : none;
|
|
border-right : none;
|
|
border-top : 1px solid #000000;
|
|
clear : both;
|
|
margin-top : 35px;
|
|
}
|
|
|
|
img {
|
|
border : 0px;
|
|
}
|
|
|
|
input[type=checkbox], input[type=radio] {
|
|
display : none;
|
|
}
|
|
|
|
input[type=checkbox] + label, input[type=radio] + label {
|
|
background-repeat : no-repeat;
|
|
background-position : 0 0;
|
|
cursor : pointer;
|
|
display : inline-block;
|
|
font-size : 12px;
|
|
height : 15px;
|
|
line-height : 15px;
|
|
padding-left : 20px;
|
|
vertical-align : middle;
|
|
}
|
|
|
|
input[type=checkbox]:checked + label, input[type=radio]:checked + label {
|
|
background-position : 0 -15px;
|
|
}
|
|
|
|
input[type=checkbox]:checked + label:hover, input[type=radio]:checked + label:hover {
|
|
background-position : 0 -45px;
|
|
}
|
|
|
|
input[type=checkbox] + label:hover, input[type=radio] + label:hover {
|
|
background-position : 0 -30px;
|
|
}
|
|
|
|
input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label {
|
|
background-position : 0 -60px;
|
|
color : #505050;
|
|
cursor : default;
|
|
}
|
|
|
|
input[type=checkbox] + label {
|
|
background-image : url('images/checkbox.png');
|
|
}
|
|
|
|
input[type=radio] + label {
|
|
background-image : url('images/radiobtn.png');
|
|
}
|
|
|
|
input[type=password], input[type=text] {
|
|
background-color : #2B2B2B;
|
|
border : 1px solid #191919;
|
|
box-shadow : inset 0px 2px 1px #242424, 0 1px 0 #303030;
|
|
color : #919191;
|
|
font-family : arial;
|
|
font-size : 12px;
|
|
height : 16px;
|
|
margin : -1px 0px -1px 0px;
|
|
padding : 0px 3px 0px 3px;
|
|
width : 278px;
|
|
}
|
|
|
|
input[type=password]:focus, input[type=text]:focus, input[type=password]:hover, input[type=text]:hover {
|
|
background-color : #383838;
|
|
box-shadow : inset 0px 2px 1px #292929, 0 1px 0 #303030;
|
|
}
|
|
|
|
input[type=password]:disabled, input[type=text]:disabled {
|
|
background-color : #1E1E1E;
|
|
box-shadow : inset 0px 2px 1px #1B1B1B, 0 1px 0 #303030;
|
|
color : #505050;
|
|
}
|
|
|
|
input.clogout {
|
|
background : transparent url('images/clogout.png');
|
|
border : 0px;
|
|
color : #DDDDDD;
|
|
font-family : Arial;
|
|
font-size : 12px;
|
|
height : 81px;
|
|
padding-top : 41px;
|
|
text-shadow : #000000 1px 1px;
|
|
width : 80px;
|
|
}
|
|
|
|
input.creboot {
|
|
background : transparent url('images/creboot.png');
|
|
border : 0px;
|
|
color : #DDDDDD;
|
|
font-family : Arial;
|
|
font-size : 12px;
|
|
height : 81px;
|
|
padding-top : 41px;
|
|
text-shadow : #000000 1px 1px;
|
|
width : 80px;
|
|
}
|
|
|
|
input.creboot:hover, input.clogout:hover {
|
|
background-position : center;
|
|
}
|
|
|
|
input.creboot:active, input.clogout:active {
|
|
background-position : bottom;
|
|
}
|
|
|
|
option {
|
|
cursor : default;
|
|
}
|
|
|
|
p {
|
|
margin-bottom : 10px;
|
|
text-align : justify;
|
|
}
|
|
|
|
p a {
|
|
border-bottom : 1px dotted #666;
|
|
}
|
|
|
|
pre {
|
|
color : #B9B9B9;
|
|
font-size : 12px;
|
|
margin : 2px 2px 2px 2px;
|
|
}
|
|
|
|
select {
|
|
-moz-appearance : none;
|
|
-webkit-appearance : none;
|
|
appearance : none;
|
|
background-color : #2B2B2B;
|
|
border : 1px solid #191919;
|
|
box-shadow : inset 0px 2px 1px #242424, 0 1px 0 #303030;
|
|
color : #919191;
|
|
cursor : pointer;
|
|
display : inline-block;
|
|
font-family : arial;
|
|
font-size : 12px;
|
|
height : 17px;
|
|
margin : -1px 0px -1px 0px;
|
|
outline : none;
|
|
padding : 0px 3px 0px 0px;
|
|
width : 285px;
|
|
}
|
|
|
|
select:hover {
|
|
background-color : #383838;
|
|
box-shadow : inset 0px 2px 1px #292929, 0 1px 0 #303030;
|
|
}
|
|
|
|
select:disabled {
|
|
background-color : #1E1E1E;
|
|
box-shadow : inset 0px 2px 1px #1B1B1B, 0 1px 0 #303030;
|
|
color : #505050;
|
|
cursor : default;
|
|
}
|
|
|
|
small {
|
|
font-size : 11px;
|
|
}
|
|
|
|
table {
|
|
border-collapse : collapse;
|
|
border-spacing : 0px;
|
|
}
|
|
|
|
textarea {
|
|
background-color : #2B2B2B;
|
|
border : 1px solid #191919;
|
|
box-shadow : inset 0px 2px 1px #242424, 0 1px 0 #303030;
|
|
color : #919191;
|
|
font-size : 12px;
|
|
height : 300px;
|
|
padding : 2px 2px 2px 2px;
|
|
overflow : auto;
|
|
resize : vertical;
|
|
white-space : pre;
|
|
width : 766px;
|
|
word-wrap : normal;
|
|
}
|
|
|
|
textarea:focus, textarea:hover {
|
|
background-color : #383838;
|
|
box-shadow : inset 0px 2px 1px #292929, 0 1px 0 #303030;
|
|
}
|
|
|
|
textarea:disabled, textarea:disabled {
|
|
background-color : #1E1E1E;
|
|
box-shadow : inset 0px 2px 1px #1B1B1B, 0 1px 0 #303030;
|
|
color : #505050;
|
|
}
|
|
|
|
.body {
|
|
background-image : url('images/body.png');
|
|
clear : both;
|
|
float : left;
|
|
width : 1006px;
|
|
}
|
|
|
|
.code {
|
|
background-color : #1D1D1D;
|
|
border : 1px solid #141414;
|
|
box-shadow : inset 0px 2px 1px #1B1B1B, 0 1px 0 #303030;
|
|
height : 500px;
|
|
overflow : auto;
|
|
width : 770px;
|
|
}
|
|
|
|
.collapsed {
|
|
margin-bottom : 20px;
|
|
margin-top : 7px;
|
|
overflow : hidden;
|
|
height : 40px;
|
|
}
|
|
|
|
.collapsed .navbody a.active {
|
|
border-top : none;
|
|
margin-top : 0px;
|
|
}
|
|
|
|
.collapsed .navheader {
|
|
background-image : url('images/navhead2.png');
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#content {
|
|
color : #919191;
|
|
float : right;
|
|
font-family : Arial;
|
|
font-size : 14px;
|
|
margin-bottom : 7px;
|
|
margin-right : 20px;
|
|
margin-top : 7px;
|
|
padding-left : 7px;
|
|
width : 771px;
|
|
}
|
|
|
|
.controls {
|
|
float : right;
|
|
margin-right : 15px;
|
|
margin-top : 17px;
|
|
text-align : right;
|
|
}
|
|
|
|
.confdata {
|
|
line-height : 18px;
|
|
width : 772px;
|
|
}
|
|
|
|
.confdata .name {
|
|
background-color : #1D1D1D;
|
|
border : 1px solid #141414;
|
|
padding : 5px 30px 5px 5px;
|
|
width : 40%;
|
|
}
|
|
|
|
.confdata .spacer {
|
|
height : 15px;
|
|
padding : 5px 5px 5px 5px;
|
|
}
|
|
|
|
.confdata .title {
|
|
background-color : #1D1D1D;
|
|
border : 1px solid #141414;
|
|
color : #C9C9C9;
|
|
font-weight : bold;
|
|
height : 25px;
|
|
text-align : center;
|
|
}
|
|
|
|
.confdata .value {
|
|
background-color : #262626;
|
|
border : 1px solid #141414;
|
|
padding : 5px 5px 5px 5px;
|
|
}
|
|
|
|
#dim {
|
|
-moz-opacity : 0.8;
|
|
background-color : #000000;
|
|
display : none;
|
|
filter : alpha(opacity=80);
|
|
height : 200%;
|
|
left : 0px;
|
|
opacity : 0.8;
|
|
position : absolute;
|
|
top : 0px;
|
|
width : 100%;
|
|
z-index : 20;
|
|
}
|
|
|
|
.footer {
|
|
background-image : url('images/footer.png');
|
|
background-repeat : no-repeat;
|
|
clear : both;
|
|
font-size : 10px;
|
|
padding-right : 10px;
|
|
padding-top : 7px;
|
|
text-align : right;
|
|
width : 996px;
|
|
}
|
|
|
|
.formctrl {
|
|
text-align : right;
|
|
width : 100%;
|
|
}
|
|
|
|
.header {
|
|
background-image : url('images/header.png');
|
|
height : 107px;
|
|
width : 1006px;
|
|
}
|
|
|
|
.hidden {
|
|
display : none;
|
|
}
|
|
|
|
.hidden .code {
|
|
height : 250px;
|
|
}
|
|
|
|
.loginbox {
|
|
background : transparent url('images/loginbox.png') no-repeat;
|
|
font-size : 14px;
|
|
height : 191px;
|
|
left : 50%;
|
|
margin : -150px 0px 0px -224px;
|
|
padding : 22px 0px 0px 25px;
|
|
position : absolute;
|
|
top : 50%;
|
|
width : 448px;
|
|
}
|
|
|
|
.loginbox input[type=password], .loginbox input[type=text] {
|
|
margin-bottom : 12px;
|
|
float : left;
|
|
width : 205px;
|
|
}
|
|
|
|
.loginbox label {
|
|
float : left;
|
|
margin-right : 5px;
|
|
text-align : right;
|
|
width : 180px;
|
|
}
|
|
|
|
.loginbox .body {
|
|
background : none;
|
|
width : 398px;
|
|
}
|
|
|
|
.logo {
|
|
color : #6C6C6C;
|
|
float : left;
|
|
font-size : 10px;
|
|
padding-top : 83px;
|
|
text-align : right;
|
|
width : 428px;
|
|
}
|
|
|
|
#mainmenu {
|
|
float : left;
|
|
font-family : Arial, sans-serif;
|
|
padding-left : 12px;
|
|
width : 190px;
|
|
}
|
|
|
|
#msg {
|
|
background : url('images/msg.png');
|
|
color : #FFFFFF;
|
|
display : none;
|
|
font-size : 16px;
|
|
font-weight : bold;
|
|
height : 38px;
|
|
left : 50%;
|
|
margin : -23px 0px 0px -247px;
|
|
padding : 8px 0px 0px 8px;
|
|
position : absolute;
|
|
text-shadow : #000000 1px 1px;
|
|
top : 50%;
|
|
width : 487px;
|
|
z-index : 21;
|
|
}
|
|
|
|
#msg img {
|
|
vertical-align : middle;
|
|
}
|
|
|
|
.navbody {
|
|
border : none;
|
|
display : block;
|
|
list-style : none;
|
|
margin : 0px 0px 0px 0px;
|
|
padding : 0px 0px 0px 0px;
|
|
}
|
|
|
|
.navbody a {
|
|
color : #C9C9C9;
|
|
display : block;
|
|
font-family : verdana;
|
|
font-size : 13px;
|
|
font-weight : bold;
|
|
padding : 6px 9px 6px 9px;
|
|
text-decoration : none;
|
|
text-shadow : #000000 1px 1px;
|
|
}
|
|
|
|
.navbody a:hover {
|
|
background-color : #2F2F2F;
|
|
border-bottom : 1px solid #161616;
|
|
border-top : 1px solid #161616;
|
|
margin-top : -1px;
|
|
padding : 6px 9px 5px 9px;
|
|
}
|
|
|
|
.navbody a.active {
|
|
color : #FE8013;
|
|
background-color : #2F2F2F;
|
|
border-bottom : 1px solid #161616;
|
|
border-top : 1px solid #161616;
|
|
margin-top : -1px;
|
|
padding : 6px 9px 5px 9px;
|
|
}
|
|
|
|
.navbody li {
|
|
background-image : url('images/navbody.png');
|
|
padding : 0px 4px 0px 4px;
|
|
}
|
|
|
|
.navbox {
|
|
margin-top : 7px;
|
|
overflow : hidden;
|
|
}
|
|
|
|
.navfooter {
|
|
background-image : url('images/navfoot.png');
|
|
display : block;
|
|
height : 4px;
|
|
margin : -1px 0px 10px 0px;
|
|
}
|
|
|
|
.navheader {
|
|
background-image : url('images/navhead1.png');
|
|
color : #FFFFFF;
|
|
cursor : default;
|
|
display : block;
|
|
font-family : arial;
|
|
font-size : 14px;
|
|
font-weight : bold;
|
|
height : 26px;
|
|
padding-left : 12px;
|
|
padding-top : 14px;
|
|
text-shadow : #000000 1px 1px;
|
|
width : 190px;
|
|
}
|
|
|
|
.portno {
|
|
font-weight : bold;
|
|
}
|
|
|
|
.portspeed {
|
|
font-size : 10px;
|
|
}
|
|
|
|
.portstate td {
|
|
text-align : center;
|
|
width : 80px;
|
|
}
|
|
|
|
.select {
|
|
position : relative;
|
|
font-size : 16px;
|
|
}
|
|
|
|
.select:after {
|
|
background-image : url('images/arrow.png');
|
|
content : '';
|
|
height : 4px;
|
|
pointer-events : none;
|
|
position : absolute;
|
|
right : 7px;
|
|
top : 8px;
|
|
width : 8px;
|
|
}
|
|
|
|
.select:before {
|
|
background-color : #2E2E2E;
|
|
box-shadow : inset 0px 5px 4px #3E3E3E;
|
|
border : 1px solid #191919;
|
|
content : '';
|
|
height : 15px;
|
|
pointer-events : none;
|
|
position : absolute;
|
|
right : 0px;
|
|
top : 1px;
|
|
width : 20px;
|
|
}
|
|
|
|
.tips div {
|
|
background-color : #FFFFAA;
|
|
border : 1px solid #FE8013;
|
|
color : #000000;
|
|
font-family : verdana;
|
|
font-size : 12px;
|
|
padding : 3px;
|
|
position : absolute;
|
|
visibility : hidden;
|
|
z-index : 10;
|
|
}
|
|
|
|
.webui {
|
|
background-image : url('images/stripes.png');
|
|
background-repeat : no-repeat;
|
|
margin-left : auto;
|
|
margin-right : auto;
|
|
width : 1006px;
|
|
}
|