417 lines
8.1 KiB
CSS
417 lines
8.1 KiB
CSS
/* Flashii.net Style Codename "Mio" remodeled to look like "Nico" */
|
|
@charset "utf-8";
|
|
|
|
@font-face {
|
|
font-family: Gothic;
|
|
src: url('../fonts/gothic.woff');
|
|
}
|
|
|
|
html {
|
|
color: #000000;
|
|
font: 12px/20px Georgia, "Times New Roman", Times, serif;
|
|
}
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-family: Gothic, sans-serif;
|
|
background: #0A0018 url('../img/pclouds.jpg') no-repeat center center fixed;
|
|
background-size: cover;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
}
|
|
img.logo {
|
|
margin: 5px;
|
|
margin-top: 35px;
|
|
height: 74px;
|
|
width: 231px;
|
|
border: 0px;
|
|
background: url('../img/classiclogo.png') no-repeat scroll left top transparent;
|
|
background-size: cover;
|
|
}
|
|
a {
|
|
color: #0094FF;
|
|
}
|
|
a:hover {
|
|
color: #0072DD;
|
|
}
|
|
div.navbar {
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
font-size: 30px;
|
|
background-image: linear-gradient(to bottom, #190015, transparent);
|
|
z-index: 1;
|
|
padding: 5px 0px;
|
|
}
|
|
div.navbar a {
|
|
color: #FFFFFF;
|
|
text-decoration: none;
|
|
transition: color 0.4s ease-in 0s, text-shadow 0.4s ease-in 0s, background-image 0.4s ease-in 0s;
|
|
}
|
|
div.navbar a:hover {
|
|
text-shadow: 0px 0px 8px #F1F1F1;
|
|
background-image: linear-gradient(to bottom, #3B2237, transparent);
|
|
}
|
|
div.navbar a:active {
|
|
text-shadow: 0px 0px 8px #F1F1F1;
|
|
background-image: linear-gradient(to bottom, #2A1126, transparent);
|
|
}
|
|
div.navbar ul {
|
|
margin: 0px;
|
|
clear: both;
|
|
width: 100%;
|
|
}
|
|
div.navbar li {
|
|
float: left;
|
|
display: block;
|
|
z-index: 1;
|
|
}
|
|
div.navbar a:before {
|
|
content: "\00a0 ";
|
|
}
|
|
div.navbar a:after {
|
|
content: "\00a0 ";
|
|
}
|
|
li.notcurrent {
|
|
padding: 2px 1px;
|
|
}
|
|
li.current {
|
|
padding: 2px 1px;
|
|
}
|
|
li.first {
|
|
padding: 2px 1px;
|
|
}
|
|
li.fill {
|
|
}
|
|
div.pagecontent, div.profile {
|
|
margin: 0px auto;
|
|
margin-top: 5px;
|
|
min-width: 880px;
|
|
max-width: 1024px;
|
|
border: solid 1px rgba(102,0,153,0.5);
|
|
}
|
|
div.pagecontent > div.content {
|
|
background-image: linear-gradient(to top, rgba(102,0,153,0.5), transparent);
|
|
}
|
|
div.pagecontent > div.content > h3.title {
|
|
background-image: linear-gradient(to bottom, rgba(102,0,153,0.5), transparent);
|
|
}
|
|
div.profile {
|
|
min-height: 246px;
|
|
background: rgba(102,0,153,0.5);
|
|
}
|
|
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: 0px auto;
|
|
margin-top: 5px;
|
|
min-width: 660px;
|
|
max-width: 924px;
|
|
border: solid 1px rgba(102,0,153,0.5);
|
|
background: rgba(102,0,153,0.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-image: linear-gradient(to bottom, rgba(102,0,153,0.5), transparent);
|
|
color: #FFF;
|
|
margin-top: 0px;
|
|
text-align: left;
|
|
padding: 3px;
|
|
}
|
|
h1.miotitle {
|
|
color: #330066;
|
|
margin: 0px;
|
|
text-align: center;
|
|
}
|
|
.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;
|
|
text-align: left;
|
|
padding: 3px;
|
|
}
|
|
h1.title{
|
|
margin-top: 0px;
|
|
background-color: rgba(102,0,153,0.2);
|
|
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;
|
|
}
|
|
div.copyright a {
|
|
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{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);}
|
|
|
|
.registerbutton, .loginbutton {
|
|
display: block;
|
|
background: linear-gradient(to bottom, transparent, rgba(102,0,153,0.5), transparent);
|
|
color: #FFF;
|
|
padding: 10px;
|
|
font-size: 20px;
|
|
text-decoration: none;
|
|
transition: text-shadow 0.2s;
|
|
}
|
|
|
|
.registerbutton:hover, .loginbutton:hover {
|
|
color: #FFF;
|
|
text-shadow: 0px 0px 8px #F1F1F1;
|
|
}
|
|
|
|
/* Flashii Bar */
|
|
div.flashii-bar .barAvatar {
|
|
margin-bottom: -5px;
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
div.flashii-bar {
|
|
color: #000000;
|
|
position: absolute;
|
|
right: 0px;
|
|
background: #FBEEFF;
|
|
padding: 1px 9px;
|
|
/*border-radius: 0px 0px 0px 8px;*/
|
|
border: 1px #9475B2 solid;
|
|
border-top: 0px;
|
|
border-right: 0px;
|
|
/*box-shadow: 0 0 1px grey;*/
|
|
box-shadow: 0 0 1.5em #808080;
|
|
z-index: 997;
|
|
}
|
|
|
|
div.flashii-black {
|
|
background: rgba(0,0,0,0.5);
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: 998;
|
|
}
|
|
|
|
div.flashii-bar a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.flashii-bar a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
div.flashii-horizon {
|
|
background-color: transparent;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 30%;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 1px;
|
|
overflow: visible;
|
|
visibility: visible;
|
|
display: block;
|
|
z-index: 999;
|
|
}
|
|
|
|
div#flashii-login,div#flashii-register {
|
|
min-width: 333px;
|
|
max-width: 462px;
|
|
border: solid 1px #9475B2;
|
|
z-index: 999;
|
|
background: #FBEEFF;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
div#flashii-login h3,div#flashii-register h3 {
|
|
background-color: #9475B2;
|
|
color: rgb(51,0,102);
|
|
margin-top: 0px;
|
|
text-align: left;
|
|
padding: 3px;
|
|
}
|
|
|
|
div#flashii-login h3 a,div#flashii-register h3 a {
|
|
float: right;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div#flashii-login table,div#flashii-register table {
|
|
margin: 0px auto;
|
|
text-align: left;
|
|
}
|
|
|
|
div#flashii-login tr td:first-child,div#flashii-register tr td:first-child{
|
|
background: #C9BBCC;
|
|
border: 1px #746677 solid;
|
|
color: #400070;
|
|
font-weight: bold;
|
|
padding: 0px 5px;
|
|
font-size: 10pt;
|
|
width: 35% !important;
|
|
}
|
|
|
|
div#flashii-login table tr:last-child td, div#flashii-register table tr:last-child td{
|
|
background: transparent !important;
|
|
border: none !important;
|
|
color: inherit !important;
|
|
font-weight: normal !important;
|
|
padding: 0 0 !important;
|
|
font-size: inherit !important;
|
|
text-align: center;
|
|
}
|
|
|
|
div#flashii-login #recaptcha_response_field,div#flashii-login input[type="text"],div#flashii-login input[type="password"],div#flashii-register #recaptcha_response_field,div#flashii-register input[type="text"],div#flashii-register input[type="password"] {
|
|
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;
|
|
width: 292px;
|
|
}
|
|
|
|
#recaptcha_widget img {
|
|
cursor: pointer;
|
|
}
|
|
|
|
div#recaptcha_image {
|
|
margin: 0px 2px 0px 0px;
|
|
border: 1px solid #AAA;
|
|
outline: medium none;
|
|
}
|
|
|
|
#recaptcha_response_field {
|
|
margin-top: 4px !important;
|
|
}
|
|
|
|
.recaptcha_custom_buttons {
|
|
font-size: smaller;
|
|
}
|