webui/files/usr/lib/kagera/webui/themes/kagera/style.css

577 lines
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;
}