328 lines
7.6 KiB
CSS
328 lines
7.6 KiB
CSS
@charset "utf-8";
|
|
html {
|
|
color: #000000;
|
|
font: 12px/20px Tahoma, serif;
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
}
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
background: url('../img/xpdesktop.png') no-repeat fixed center center / cover transparent;
|
|
background-color: #004E98;
|
|
}
|
|
img.logo {
|
|
height: 134px;
|
|
width: 485px;
|
|
border: 0px;
|
|
background: url('../img/xplogo.png') no-repeat scroll left top transparent;
|
|
background-size: cover;
|
|
position: fixed;
|
|
bottom: 40px;
|
|
right: 4px;
|
|
z-index: 1;
|
|
opacity: 0.5;
|
|
transition: opacity 1s;
|
|
}
|
|
img.logo:hover{
|
|
opacity: 1;
|
|
}
|
|
div.navbar {
|
|
background-image: linear-gradient(180deg, #3D95FF 1px, #2B90FF 2px, #0372FF 3px, #0365F1 4px, #005CEC 5px, #0058E6 6px, #0055E5 7px, #0054E3 8px, #0055E5 9px, #0055EA 16px, #0058EB 17px, #0058EE 18px, #005BF2 19px, #0160F5 20px, #0060F9 21px, #0164F9 22px, #026AFE 23px, #036EFF 25px, #026AFE 26px, #0368FA 27px, #0060F9 28px, #004DE3 29px, #0144D0 30px);
|
|
position: fixed;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
height: 29px !important;
|
|
}
|
|
div.navbar a {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
div.navbar a:hover {
|
|
color: #609;
|
|
}
|
|
div.navbar ul {
|
|
display: table;
|
|
clear: both;
|
|
margin-left: -150px;
|
|
text-align: left;
|
|
margin-top: 4px;
|
|
min-width: 880px;
|
|
max-width: 1024px;
|
|
}
|
|
div.navbar li {
|
|
float: left;
|
|
display: block;
|
|
text-align: center;
|
|
margin-top: -1px;
|
|
position: relative;
|
|
left: 25%;
|
|
z-index: 1;
|
|
color: #FFF !important;
|
|
}
|
|
li.notcurrent {
|
|
border-radius: 3px;
|
|
background: #FFF;
|
|
text-align: left;
|
|
min-height: 25px;
|
|
min-width: 150px;
|
|
text-align: left !important;
|
|
padding-left: 10px;
|
|
font-size: 8pt;
|
|
letter-spacing: 1px;
|
|
margin-left: 1px;
|
|
background-image: linear-gradient(180deg, #4EA6FF 1px, #3CA1FF 2px, #1483FF 3px, #1476F2 4px, #116DFD 5px, #1169F7 6px, #1166F6 7px, #1165F4 8px, #1166F6 9px, #1166FB 16px, #1169FC 17px, #1169FF 18px, #116CF3 19px, #1271F6 20px, #1171FA 21px, #1275FA 22px, #137BFF 23px, #147FFF 25px, #137BFF 26px, #1479FB 27px, #1171FA 28px, #115EF4 29px, #1255E1 30px);
|
|
}
|
|
li.current {
|
|
background: none repeat scroll 0% 0% #FBEEFF;
|
|
border-width: 1px 1px 1px 1px;
|
|
border-style: solid solid solid solid;
|
|
border-color: -moz-use-text-color;
|
|
border-image: none;
|
|
border-top: medium none;
|
|
}
|
|
li.first {
|
|
background-image: linear-gradient(0deg, #367E36 1px, #5FA15F 2px, #91C190 3px, #8BBD8A 4px, #78B478 5px, #57A457 6px, #58A458 7px, #4F9F4E 8px, #4A9F4A 9px, #489F49 10px, #429742 11px, #3F9840 12px, #3D993D 13px, #3B993C 14px, #3C9D3C 15px, #3BA03B 16px, #3BA73C 17px, #3CAA3C 18px, #3DAD3C 19px, #3DB03C 20px, #3DB23D 21px, #3DB03D 24px, #3CAD3C 25px, #369D35 26px, #319132 27px, #2C8230 28px, #27753E 29px) !important;
|
|
border: 0px !important;
|
|
border-top-right-radius: 6px !important;
|
|
border-bottom-right-radius: 6px !important;
|
|
position: fixed !important;
|
|
bottom: 0px !important;
|
|
left: 0px !important;
|
|
color: #FFF !important;
|
|
font-weight: bold !important;
|
|
min-height: 29px !important;
|
|
padding-top: 0px !important;
|
|
padding-bottom: 0px !important;
|
|
}
|
|
li.first a {
|
|
color: #FFF !important;
|
|
font-weight: bold !important;
|
|
font-style: italic !important;
|
|
font-size: 16px;
|
|
text-shadow: 1px 1px grey;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
text-transform: lowercase !important;
|
|
letter-spacing: 1px;
|
|
}
|
|
li.fill {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
div.pagecontent, div.profile {
|
|
margin: 0px auto;
|
|
margin-top: 5px;
|
|
min-width: 880px;
|
|
max-width: 1024px;
|
|
border: solid 1px #9475B2;
|
|
background: #FFF;
|
|
z-index: 5;
|
|
}
|
|
div.profile {
|
|
min-height: 246px;
|
|
}
|
|
div.profile_cont {
|
|
text-align: left;
|
|
padding: 0px 20px;
|
|
}
|
|
div.profile_cont hr {
|
|
border: 0px solid #000;
|
|
height: 1px;
|
|
color: #000;
|
|
background: #000;
|
|
width: 75%;
|
|
}
|
|
div.mioboards, div.mioblog, div.miowhois {
|
|
margin: 12px 20px;
|
|
margin-top: 5px;
|
|
min-width: 660px;
|
|
max-width: 924px;
|
|
border: 2px solid #0058EB;
|
|
background: #FFF;
|
|
border-top-left-radius: 7px;
|
|
border-top-right-radius: 7px;
|
|
z-index: 5;
|
|
}
|
|
div.miobottom{
|
|
margin: 0px auto;
|
|
overflow: auto;
|
|
height: auto !important;
|
|
}
|
|
div.miobinner {
|
|
position: relative;
|
|
left: -50%;
|
|
float: right;
|
|
clear: both;
|
|
text-align: left;
|
|
}
|
|
h3.miotitle {
|
|
background-color: #6599E8;
|
|
background-image: linear-gradient(0deg, #3D95FF 1px, #2B90FF 2px, #0372FF 3px, #0365F1 4px, #005CEC 5px, #0058E6 6px, #0055E5 7px, #0054E3 8px, #0055E5 9px, #0055EA 16px, #0058EB 17px, #0058EE 18px, #005BF2 19px, #0160F5 20px, #0060F9 21px, #0164F9 22px, #026AFE 23px, #036EFF 25px, #026AFE 26px, #0368FA 27px, #0060F9 28px, #004DE3 29px, #0144D0 30px);
|
|
color: #FFF;
|
|
text-shadow: 1px 1px #0A1883;
|
|
margin-top: 0px;
|
|
text-align: left;
|
|
padding: 3px;
|
|
padding-bottom: 6px;
|
|
border-top-left-radius: 4.5px;
|
|
border-top-right-radius: 4.5px;
|
|
}
|
|
img.wxp_buttons {
|
|
height: 21px;
|
|
width: 67px;
|
|
background: url('../img/xp_buttons.png') no-repeat;
|
|
float: right;
|
|
}
|
|
h1.miotitle {
|
|
color: #330066;
|
|
margin: 0px;
|
|
text-align: center;
|
|
}
|
|
body.miomessage {
|
|
margin-top: 20%;
|
|
text-align: center;
|
|
}
|
|
h1.miomessage {
|
|
color: #440077;
|
|
font-size: 36pt;
|
|
}
|
|
.miosub {
|
|
color: #330066;
|
|
font-size: 8pt;
|
|
}
|
|
div.mioboxcontent {
|
|
text-align: left;
|
|
margin: 0px;
|
|
line-height: 130%;
|
|
overflow: auto;
|
|
width: 100%;
|
|
}
|
|
div.mioboxcontent h4 {
|
|
text-decoration: underline;
|
|
display: inline;
|
|
}
|
|
div.mioboards div.mioboxcontent {
|
|
padding: 0.25em 0.5em 0px;
|
|
padding-left: 20px;
|
|
}
|
|
div.miocolumn {
|
|
float: left;
|
|
width: 25%;
|
|
display: block;
|
|
}
|
|
a.boardlink {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
a.boardlink:hover,a.boardlink:active {
|
|
text-decoration: underline;
|
|
}
|
|
div.postcontent {
|
|
text-align: left;
|
|
padding: 0px 10px 0px 10px;
|
|
}
|
|
h3.title {
|
|
margin-top: 0px;
|
|
background-color: #F2F2EE;
|
|
border-bottom: #D8D2BD 1px solid;
|
|
text-align: left;
|
|
padding: 3px;
|
|
padding-bottom: 5px;
|
|
font-weight: normal;
|
|
font-size: 8pt;
|
|
letter-spacing: 1px;
|
|
}
|
|
h1.title{
|
|
margin-top: 0px;
|
|
background-color: #9475B2;
|
|
text-align: left;
|
|
padding: 5px;
|
|
}
|
|
ol,dl {
|
|
text-align: left;
|
|
}
|
|
dl {
|
|
padding-left: 10px;
|
|
}
|
|
dt.q {
|
|
font-weight: bold;
|
|
color: #550088;
|
|
}
|
|
dd.a {
|
|
border-bottom: solid 1px #9475B2;
|
|
padding-right: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
span.permalink {
|
|
float: right;
|
|
}
|
|
span.permalink a {
|
|
text-decoration: none;
|
|
}
|
|
span.permalink a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
input[type="text"],input[type="password"],input[type="date"],textarea{
|
|
margin: 0px 2px 0px 0px;
|
|
padding: 2px 4px 3px;
|
|
border: 1px solid #AAA;
|
|
outline: medium none;
|
|
font-family: arial,helvetica,sans-serif;
|
|
font-size: 10pt;
|
|
}
|
|
select{
|
|
padding: 1px 2px 2px;
|
|
border: 1px solid #AAA;
|
|
outline: medium none;
|
|
font-family: arial,helvetica,sans-serif;
|
|
font-size: 10pt;
|
|
}
|
|
div.copyright{
|
|
padding-top: 5px;
|
|
font-size: 11px;
|
|
line-height: 15px;
|
|
position: fixed;
|
|
bottom: 32px;
|
|
right: 1px;
|
|
z-index: 2;
|
|
text-align: right;
|
|
color: #FFF;
|
|
}
|
|
div.copyright a {
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
}
|
|
.prof_avatar{
|
|
max-height: 200px;
|
|
max-width: 200px;
|
|
border: 1px solid #9475B2;
|
|
}
|
|
div.prof_avatar_cont{
|
|
text-align: right;
|
|
float: right;
|
|
width: 200px;
|
|
height: 200px;
|
|
clear: both;
|
|
margin-top: -6px;
|
|
margin-right: -11px;
|
|
}
|
|
table.miotable {width:100%;}
|
|
.ucptable tr {width: 100%;}
|
|
.ucptable td {width: 50%;}
|
|
.ucptable input[type="text"],.ucptable input[type="date"] {width: 292px;}
|
|
.miotable tr.head{background:#9475B2;text-align:center;font-weight:bold;}
|
|
.miotable tr.ucpmenu td{width:25%;}
|
|
.miotable a{text-decoration:none;}
|
|
.miotable a:hover{text-decoration:underline;}
|
|
.miotable tr.online a{color:green;}
|
|
.miotable tr.semionline a{color:orange;}
|
|
.miotable tr.offline a{color:red;}
|
|
.miotable td{padding:5px;}
|
|
.miotable tr.online{color:green;background:rgba(0,45,0,0.9);}
|
|
.miotable tr.semionline{color:orange;background:rgba(51,24,0,0.9);}
|
|
.miotable tr.offline{color:red;background:rgba(51,0,0,0.9);}
|