/* CSS Document */
html {
font-size:80.5%;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
margin:0 auto;
/*background-color, color, text-align,etc..*/
/*background-color:#e9ebee;*/
/*background: #0c0d0d;*/
height:auto;
background: linear-gradient(180deg,rgba(12, 13, 13, 1) 0%, rgba(173, 187, 224, 1) 50%, rgba(44, 54, 79, 1) 100%);
}
h1{
font-size:25px;
margin:5px;
}
h2{
font-size:20px;
margin:2px;
}
h3{
font-size:15px;
margin:3px;
}
body a{
text-decoration:none;
color:#54626e;
}
body a:hover{
text-decoration:underline;
cursor:pointer;
}
#header{
margin:0 auto;
width:90%;
padding:5px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
background:url("../images/header_logo.jpg") no-repeat ;
background-size:cover;
z-index: 1;
/*
background: #0c0d0d;
background: #0c0d0d;
background: radial-gradient(circle,rgba(12, 13, 13, 1) 0%, rgba(173, 187, 224, 1) 50%, rgba(44, 54, 79, 1) 100%);
*/
box-shadow: 3px 3px 12px 1px #6B6A6A;
/*color:#6B6A6A*/
}
.container {
width:100%;
margin:0 auto;
position:relative;
flex-wrap: wrap;
min-height:100%;
}
#header_links{
margin:0 auto;
width:100%;
text-align: left;
margin-left:160px;
}
#header_links li{
text-align: left;
align-content: center;
align-items: center;
display: inline-block;
list-style: none;
padding-right:10px;
}
#header_links li a{
color:#FFF;
font-weight:bold;
text-decoration:none;
text-shadow: 2px 2px #000000;
}
#header_links li a:hover{
text-decoration:underline;
}
#header_links li a.selected{
}
.loginbox {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border: 1px solid #ccc;
width:40%;
z-index: 1001;
text-align:center;
box-shadow:5px 3px #000;
}
.get_release_box{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border: 1px solid #ccc;
width:40%;
z-index: 1001;
text-align:center;
box-shadow:5px 3px #000;
}
#registerbox, #new_forum_box{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border: 1px solid #ccc;
width:40%;
z-index: 1001;
text-align:center;
box-shadow:5px 3px #000;
}
#modalOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
#content{
}
#body_content{
display:flex-block;
width:90% !important;
margin:0 auto;
margin-top:10px;
padding:6px 6px 12px 6px;
background-color:#e9ebee;
border-radius:20px;
min-height:100vh;
box-shadow: 2px 2px 10px 1px #CCC;
}
#ceo_notes_p{
display:inline-block;
}
#ceo_title{
font-size:14px;
}
footer{
padding:4px;
text-align:center;
align-content: center;
color:#e9ebee;
margin-top:5px;
height:35px;
}
/*form label style */
.input-wrapper {
position: relative;
/*border:1px solid white;*/
padding:2px;
}
input,select,textarea {
border: 2px solid #e9ebee;
border-radius: 6px;
position: relative;
width: 90%;
margin: 3px;
padding:8px;
box-shadow: 4px 4px 5px grey;
}
label {
position: absolute;
top:-13px;
z-index: 1;
left: 2em;
font-weight:bold;
font-size:14px;
color:#000;
background:#e9ebee;
padding: 0 8px;
}
.errorbox
{
background-color: #ffebe8;
border: 1px solid #dd3c10;
color: #333333;
padding: 10px;
font-size: 11px;
font-weight:bold;
width:980px;
margin: 0 auto;
border-radius:15px;
}
.errorbox p{
font-weight: bold;
color:#FC080C;
line-height:15px;
margin:0 auto;
width:300px;
}
.successbox{
background-color:#48C515;
border:1px solid #075504;
color:#FBF5F6;
padding:10px;
font-size:11px;
font-weight: bold;
width:980px;
margin:0 auto;
border-radius:15px;
}
.successbox p{
font-weight: bold;
color:#FC080C;
line-height: 15px;
margin:0 auto;
width:300px;
}
.warningbox{
background-color: #f5ce7a;
border: 1px solid #b87e00;
color: #FFF;
padding: 10px;
font-size: 11px;
font-weight:bold;
width:980px;
margin: 0 auto;
border-radius:15px;
}
.warningbox p{
font-weight: bold;
color:#523b0b;
line-height:15px;
margin:0 auto;
width:300px;
}
/*Screen sizes */
/* can also add and (orientation:landscape)*/
@media only screen and (max-width:600px){
.container {
width:100% !important;
}
#header{
background:url("../images/header_logo_600.jpg") round;
}
#header_links{
width:80% !important;
margin-left:0px;
}
#ceo_home_photo{
margin:0 auto;
text-align: center;
align-content: center;
}
.get_release_box{
width:80% !important;
}
.get_release_box table{
width:100% !important;
}
.loginbox{
width:80% !important;
}
.loginbox table{
width:100% !important;
}
#header_contact{
display:none !important;
}
#registerbox{
width:70% !important;
}
#registerbox table{
width:100% !important;
}
.errorbox, .warningbox, .successbox{
width:80%;
}
}
/*
@media only screen and (max-width:1330px){
#header > #header_holder > #header_bar_desktop{
display:none;
}
#header_bar_mobile{
display:inline;
}
.container {
width:100%;
}
}
*/
@media only screen and (min-width:1200px){
.container {
width:100% !important;
}
#header_links{
width:80%;
}
.errorbox, .warningbox, .successbox{
width:80%;
}
}
@media only screen and (min-width:992px){
.container {
width:100% !important;
}
#header_links{
width:80%;
}
.errorbox, .warningbox, .successbox{
width:80%;
}
}
@media only screen and (min-width:768px){
.container {
width:100% !important;
}
#ceo_home_photo{
margin:0 auto;
text-align: center;
align-content: center;
}
#header{
}
#header_links{
width:80%;
}
.errorbox, .warningbox, .successbox{
width:80%;
}
}
@media only screen and (max-width:1201px){
.container {
width:100% !important;
}
#header_links{
width:90%;
}
.errorbox, .warningbox, .successbox{
width:80%;
}
}
/*
@media only screen and (min-width:601px){
.container {
width:100%;
}
.errorbox, .access_warning, .successbox{
width:80%;
}
}*/
@media only screen and (max-width:605px){
}