body {
background: #101010;
font-family: sans-serif;
font-size: 13px;
margin:auto;
color: #a7a7a7;
max-width: 486px;
}
a {
color: #5b2d79;
text-decoration : none;
}
a:hover {
color: #fff;
}
img {
border-style: none;
vertical-align: middle;
}
.link {
border-top: 1px solid #e5e5e5;
background: url(/im/ic.png) repeat-x #fff;
background-repeat: no-repeat;
background-position: left 50%;
padding: 13px;
padding-left: 20px;
text-decoration: none;
display: block;
position: relative;
}
.link:hover {
background: url(ic1.png) repeat-x #5b2d79;
background-repeat: no-repeat;
background-position: left 50%;
color: #fff;
padding-left: 20px;
margin-left: 5px;
}
.link span {
background: #5b2d79;
color: #fff;
padding: 14px;
position: absolute;
right: 0px;
bottom: 0px;
top: 0px;
width: 8%;
border-left: 1px solid #e5e5e5;
}
.title {
background: #5b2d79;
padding: 15px;
color: #d5c5e0;
font-weight: bold;
}
.title a {
color: #fff;
}
.niz {
background: #5b2d79;
padding: 15px;
color: #d5c5e0;
font-weight: bold;
border-top: 1px solid #e5e5e5;
position: relative;
}
.niz span {
color: #fff;
padding: 14px;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 20%;
border-left: 1px solid #e5e5e5;
}
.menu {
background: #fff;
color: #5b5b5b;
line-height: 14px;
padding: 13px;
}
.menu a {
color: #2a5fae;
}
.menu a:hover {
color: #01a6df;
}
input, textarea, select {
background: #eee;
color: #3f1c55;
padding: 8px;
margin: 4px;
border: 1px solid #3f1c55;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
input[type="submit"] {
background: #311842;
color: #a38bb3;
border : 1px solid #3f1c55;
}
input[type="submit"]:hover {
background: #444;
color: #ffffff;
}
.err {
background: #FEEFB3;
color: #9F6000;
padding: 8px;
}
.str {
background: #fff;
color: #5b5b5b;
line-height: 14px;
padding: 5px;
border-top: 1px solid #e5e5e5;
text-align: center;
}
.str a {
background: #311842;
color: #a38bb3;
border : 1px solid #3f1c55;
padding: 8px;
margin: 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
}
.str a:hover {
background: #444;
color: #ffffff;
}
.str b {
background: #210832;
color: #a38bb3;
border : 1px solid #3f1c55;
padding: 8px;
margin: 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
}
h1, h2, h3, h4, h5, h6 {
font-size: 14px;
font-weight: bold;
padding: 0px;
margin: 0px;
display: inline;
}
.links a {
border-top: 1px solid #e5e5e5;
background: #fff;
padding: 13px;
text-decoration: none;
display: block;
position: relative;
}
.links a:hover {
background: #5b2d79;
color: #fff;
}
.screen {
display: inline-block;
width: 130px;
height: 90px;
position: relative;
}
.screen img {
width: 130px;
height: 90px;
}
.time {
background: #000000;
color: #FFFFFF;
opacity: 0.5;
position: absolute;
right: 0;
bottom: 0px;
padding: 5px 5px 5px 7px;
}
.name {
position: absolute;
left: 150px;
top: 10%;
}