Просмотр архива Война Полов с выводом

img.info {
  width: 100%;
  max-width: 320px;
}

.center {
 
text-align: center;
}

table.sexwar {
  width: 100%;
  max-width:
600px;
}

table.sexwar tr td {
  width: 50%;
  text-align: center;
 
border: 1px solid #6aaad9;
}

table.sexwar tr td.display {
  width:
50%;
  text-align: center;
  height: 100px;
  position: relative;
 
background-repeat: no-repeat;
  background-size: contain;
 
background-position: center;
}

table.sexwar tr td.display div {
 
width: 100%;
  height: 100px;
  position: absolute;
  overflow:
hidden;
  vertical-align: top;
  top: 0px;
  left:
0px;
}

table.sexwar tr td.male {
  background-image:
url(../images/male.png);
}

table.sexwar tr td.female {
 
background-image: url(../images/female.png);
}

td.weapon {
  padding:
6px;
  background-color: #d8d292;
}

td.weapon a {
  padding: 4px;
 
margin-left: 3px;
  display: inline-block;
}

td.weapon a img {
 
background-color: #fefff7;
  padding: 2px;
  border-radius: 10px;
 
-moz-border-radius: 10px;
}

td.weapon a:hover {
  background-color:
#f0f0f0;
}

img.weapon {
  position: absolute;
  max-width: 30px;
 
max-height: 50px;
}

img.weapon_avatar {
  width: 20px;
 
border-radius: 50%;
  -moz-border-radius: 50%;
}

div.sex_menu {
 
padding: 4px;
  border-bottom: 1px solid gray;
}

div.wars-menu {
 
padding: 6px;
  border: 1px solid #eaeaea;
  margin:
2px;
}

div.wars-progress {
  background-color: #bfbfbf;
  position:
relative;
  height: 14px;
  font-size: 12px;
  line-height: 15px;
 
color: #ffffff;
}

div.wars-progress div {
  position: absolute;
 
top: 0px;
  left: 0px;
  height: 14px;
}

div.wars-progress span {
 
position: relative;
}

div.wars-progress div.male {
  background-color:
#184d8b;
  background-color: #1abd15;
}

div.wars-progress div.female
{
  background-color: #a80097;
  background-color:
#1abd15;
}

div.wars-over {
  padding: 6px;
  background-color:
#fffbe6;
}

.potracheno {
  position: absolute;
  z-index: 2;
 
width: 100%;
  height: 100%;
}

.potracheno img {
  margin-top: 27%;

 max-width: 90%;
}

.weapon_form {
  background-color:
#fae2ba;
}

.text-info {
  font-size: small;
  color:
#9b9b9b;
}

.sex_chat {
  padding: 4px;
  background-color: #d78c28;

 color: #ffffff;
}

.sex_chat a {
  color:
#ffecbf;
}

div.title-male, div.title-female {
  background-color:
#7b6709;
  color:#ffffff;
}

div.title-male a, div.title-female a {
 
color: #fff2dd;
}


.post-male, .post-female {
  padding: 6px;
 
border-bottom: 1px solid #95dfe3;
}

.post-male {
  background-color:
#f3f8fc;
}

.post-female {
  background-color: #f9eafb;
}

@media
screen and (min-width:240px) {
  table.sexwar tr td.display, table.sexwar
tr td.display div {
    height: 128px;
  }
  
  img.weapon,
img.weapon_avatar {
    width: 30px;
    max-width: 100%;
   
max-height: 100%;
  }
}

@media screen and (min-width:480px) {
 
table.sexwar tr td.display, table.sexwar tr td.display div {
    height:
200px;
  }
  
  img.weapon, img.weapon_avatar {
    width: auto;
   
max-width: 100%;
    max-height: 100%;
  }
}