html, body {
margin: 0;
padding: 0;
background:#fff;
color: #1a1a1a;
font-size: 100%;
font-family: Tahoma, Geneva, sans-serif;
line-height: 26px;
width: screen-width;
height: screen-height;
}
body{
padding: 1% 2%;
background: url('files/50y/50y-bg.png') repeat center left;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
::-webkit-scrollbar {
display: none;
}
h2, h3, h4{
text-align: center;
font-size: 1em;
font-weight: 100;
}
.popup{
position: fixed;
background: #fff;
border: 1px solid #1a1a1a;
border-left:none;
z-index: 14;
padding:0 .5%;
}
h2{
width: 100%;
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
h1,h4{
padding-bottom: 1%;
text-align: left;
font-size: 1em;
font-weight: 100;
border-bottom: 1px solid #1a1a1a;
}
.header{
width: 100%;
margin: 0;
padding: 0;
z-index: 14!important;
}
img{
max-width: 100%;
margin-bottom:2%;
}
.main{
border-top: 1px solid #1a1a1a;
padding: 0;
min-height: 100%;
}
.col-md-1{
margin: 0;
padding: 0 .25% 0 1%;
text-align: left;
z-index: 6;
height: 100%;
}
.nav li{
margin-left: 8%;
margin-bottom: 1%;
border-bottom: 1px solid #1a1a1a;
background: none;
}
.nav li a{
}
a{
padding: 0 !important;
margin: 0 !important;
color: #1a1a1a;
text-align: left;
}
.nav li:hover{
background: #fff;
}
a:hover{
color: #1a1a1a;
background: none !important;
background-color: none;
}
a:focus{
color: #1a1a1a;
background: none !important;
background-color: none;
}
.main .col-md-11{
max-width:100%;
height: auto;
padding: 2%;
}
.main .col-md-5, .main .col-md-6{
max-width:100%;
height: auto;
padding: 2%;
}
.main .col-md-5{
border-right: 1px solid #1a1a1a !important;
border-left: 1px solid #1a1a1a;
}
.content .col-md-5, .content .col-md-6{
border: none !important;
}
ul{
list-style-type: none;
}
.main .resizable{
width: 50%;
min-width: 232px;
max-width: 100%;
overflow: hidden;
max-height: 100%;
}
.resizable img{
margin-top:2%;
padding: 2%;
max-width:100%;
}
.icon {
position: absolute;
top: 0%;
right: 0%;
height: 10%;
}
.strike {
text-decoration: line-through;
}
.text{
border-top: 1px solid #1a1a1a;
margin-bottom: 2%;
}
.info {
border-bottom: 1px solid #1a1a1a;
}
.info:hover{
cursor: pointer;
}
.content{
display: none;
margin: 2% 0;
padding: 3% 3%;
cursor: default;
}
@media (max-width:1600px){
html, body{
font-size: 90%;
line-height: 20px;
}
}
@media (max-width:1400px){
.nav li a {
width: 100%;
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
}
@media (max-width:992px){
html, body{
font-size: 80%;
padding: 2% 4%;
}
.nav li{
letter-spacing: .2em;
padding-left: 2%;
margin-bottom: 1%;
}
.nav li a {
overflow: visible;
white-space: wrap;
}
.header{
z-index: 14;
background: #fff;
position: fixed;
top:0;
left:0;
width: 100%;
margin-right: 0;
padding: 0;
overflow: hidden;
border-bottom: 1px solid #1a1a1a;
}
.main{
margin-top: 3%;
}
.main .col-md-5, .main .col-md-6{
border: none !important;
}
.col-xs-2 img{
padding: 1% 3%;
}
.main .col-md-11, .col-md-6{
border-right:none!important;
border-left:none!important;
}
.col-md-6{
border-bottom: 1px solid #1a1a1a;
}
.col-md-5{
padding-top:2%;
}
.col-md-1{
padding-right: 4%;
}
.col-md-1{
border-right: none;
}
.col-xs-2{
margin-top:4%;
}
.main .resizable{
width: 33%;
}
.main {
border: none;
}
}