AlkantarClanX12
Your IP : 3.144.123.24
footer{
clear: both;
margin: 0 auto;
text-align: center;
}
header{
}
body {
/*padding-top: 56px;*/
background-color:#131313;
background-image: url(../images/footer_than.jpg);
background-repeat: no-repeat;
background-position: center bottom;
/* Makes the image fixed in the viewport so that it doesn't move when
the content height is greater than the image height */
/* This is what makes the background image rescale based on its container's size */
font-size:12px;
}
#h1l{
margin: 0 auto;
color: #ffffff;
text-align: center;
margin-bottom: 10px;
padding-left: 70px;
}
#h1r{
margin: 0 auto;
color: #ffffff;
text-align: center;
margin-bottom: 10px;
padding-left: 70px;
}
.divL, .divR {
float: left;
box-sizing: border-box;
width: 50%;
}
.bg-image-full {
background: no-repeat top center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.wrapper {
margin: 0 auto;
padding: 10px;
max-width: 700px;
}
.table {
margin: 0 0 40px 0;
width: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
display: table;
color:#fff !important;
}
/*NEW CSS */
.row .cell:first-child {
width:50px;
text-align:center;
background-color:#151515;
}
.header .cell {
background-color: transparent!important;
}
.header .cell:nth-child(3), .header .cell:nth-child(4), .header .cell:nth-child(5), .row .cell:nth-child(3), .row .cell:nth-child(4), .row .cell:nth-child(5) {
text-align: center;
width: 30%;
}
#tab2 .row .cell:nth-child(3) {
width: 31%;
}
#tab2 .row .cell:nth-child(5) {
width: 14%;
}
#tab2 .row .cell:nth-child(4) {
width: 30%;
}
#tab2 .row .cell:nth-child(1) span {
border: 1px solid white;
padding: 10px 19px;
}
/*NEW*/
#rank10 .cell:nth-child(1) span {
border: 1px solid ffcc00;
padding: 10px 19px;
}
#rank10 span {
border: 1px solid #ffcc00;
padding: 10px 19px;
}
#tab2 {
margin-bottom: 0px;
}
footer {
margin-bottom: 20px;
}
@media screen and (max-width: 580px) {
.divL, .divR {
float: none!important;
box-sizing: border-box;
width: 100%!important;
padding: 10px;
}
.table {
display: block;
}
}
.row {
display: table-row;
background: #55491f;
}
.row:nth-of-type(odd) {
background: #3c3420;
}
.row.header {
font-weight: 400;
color: #ffffff;
background: #a8691e;
}
.row.green {
background: #27ae60;
}
.row.blue {
background: #2980b9;
}
@media screen and (max-width: 580px) {
.row {
padding: 14px 0 7px;
display: block;
}
.row.header {
padding: 0;
height: 6px;
}
.row.header .cell {
display: none;
}
.row .cell {
margin-bottom: 10px;
}
.row .cell:before {
margin-bottom: 3px;
content: attr(data-title);
min-width: 106px;
font-size: 10px;
line-height: 10px;
font-weight: bold;
text-transform: uppercase;
color: #969696;
display: block;
}
}
.cell {
padding: 15px 5px;
display: table-cell;
}
/*
.cell span{
border: 1px solid red;
padding: 10px 19px;
}
*/
.row .cell2 {
display:none;
}
@media screen and (max-width: 375px) {
header{
/* Location of the image */
background-image: url('../images/bg_mobile-VN.jpg')!important;
/* Image is centered vertically and horizontally at all times */
background-position: center center;
/* Image doesn't repeat */
background-repeat: no-repeat;
/* Makes the image fixed in the viewport so that it doesn't move when
the content height is greater than the image height */
background-attachment: fixed;
/* This is what makes the background image rescale based on its container's size */
background-size: cover;
/* Pick a solid background color that will be displayed while the background image is loading */
background-color:#464646;
/* SHORTHAND CSS NOTATION
* background: url(background-photo.jpg) center center cover no-repeat fixed;
*/
}
.row{
width: 113%;
}
#h1r, #h1l{
padding-left: 120px!important;
}
header{
width: 103%;
}
}
@media screen and (max-width: 428px) {
header{
/* Location of the image */
background-image: url('../images/bg_mobile-VN.jpg')!important;
/* Image is centered vertically and horizontally at all times */
background-position: center center;
/* Image doesn't repeat */
background-repeat: no-repeat;
/* Makes the image fixed in the viewport so that it doesn't move when
the content height is greater than the image height */
background-attachment: fixed;
/* This is what makes the background image rescale based on its container's size */
background-size: cover;
/* Pick a solid background color that will be displayed while the background image is loading */
background-color:#464646;
/* SHORTHAND CSS NOTATION
* background: url(background-photo.jpg) center center cover no-repeat fixed;
*/
}
#h1r, #h1l{
padding-left: 120px!important;
}
}
@media screen and (max-width: 568px) {
.container{
padding-right: 0px!important;
padding-left: 0px!important;
}
.cell {
padding: 0px;
/*display: block;*/
}
/*
.row .cell:nth-child(4), .row .cell:nth-child(6) {
display: none;
}
*/
.row .cell2 {
display:block;
}
}
@media screen and (max-width: 375px) {
.row .cell:before {
min-width: 96px;
}
}
/*
@media screen and (min-width: 400px) and (max-width: 580px) {
.row .cell:before {
min-width: 93px;
}
}
*/
/* NEW Querries */
@media screen and (max-width: 580px) {
.header .cell:nth-child(2), .row .cell:nth-child(2) {
text-align: center;
}
.row .cell:first-child {
background-color: transparent;
}
#tab2 .row .cell:nth-child(1) span {
border: none;
padding: 1px 3px;
}
#rank10 span {
border: none;
padding: 10px 19px;
}
/*
#rank10 {
border: 1px solid red !important;
padding: 1px 3px;
background-color:#000;
}
*/
}