Código HTML:
.heads span:hover {
background: rgba( 14, 139, 255, 1 );
}
.headUS {
width: auto;
position: relative;
display: inline-block;
text-align: center;
margin: 6px auto;
padding: 9px 13px;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
border-radius: 2px;
background: rgba( 21, 137, 255, 1 );
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
font-size: 16px;
border: solid 1px rgba( 32, 32, 32, 0.1 );
cursor: pointer;
}
.headUS:hover {
background: rgba( 0, 87, 177, 1 );
}
.gallery {
position: relative;
display: block;
width: 96%;
margin: 6px auto;
padding: 2px;
}
.gallery .imag {
background: rgba( 255, 255, 255, 1 );
display: inline-block;
width: 26%;
height: 115px;
margin: 4px 5px;
padding: 3px;
overflow: hidden;
border-radius: 3px;
vertical-align: middle;
text-align: center;
border: solid 1px rgba( 32, 32, 32, 0.3 );
}
.gallery .imag:hover {
border: solid 1px rgba( 18, 135, 255, 1 );
}
.gallery .imag .imgs {
width: auto;
height: 100%;
}
.LogCom {
cursor: pointer;
}
.LogCom.LGE {
background: rgba( 85, 161, 214, 1 ) !important;
}
.LogCom.LGE:hover {
background: rgba( 31, 107, 160, 1 ) !important;
}
#NewComent {
width: 100%;
height: 100%;
z-index: 989;
position: fixed;
display: none;
background: rgba( 0, 0, 0, 0.6 );
}
#NewComentCat {
width: 100%;
height: 100%;
z-index: 989;
position: fixed;
display: none;
background: rgba( 0, 0, 0, 0.6 );
}
.NewsC {
width: 70%;
margin: auto;
margin-top: 10%;
background: rgba( 255, 255, 255, 1 );
padding: 9px 12px;
border-radius: 3px;
border: solid 1px rgba( 32, 32, 32, 0.5 );
box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.2 )
}
#CloseNC {
position: absolute;
background: rgba( 255, 255, 255, 1 );
right: 2%;
top: 2%;
padding: 16px 21px;
border-radius: 50%;
font-size: 25px;
color: rgba( 26, 145, 255, 1 );
cursor: pointer;
}
#CloseNC:hover {
background: rgba( 0, 0, 0, 1 );
color: rgba( 255, 255, 255, 1 );
}
form.NewsCM {
position: relative;
width: 94%;
margin: auto;
}
form.NewsCM fieldset {
width: 98%;
padding: 2px;
}
form.NewsCM fieldset textarea {
width: 98%;
min-height: 125px;
color: rgba( 32, 32, 32, 0.6 );
padding: 8px 9px;
background: rgba( 255, 255, 255, 1 );
border-radius: 2px;
border: solid 1px rgba( 32, 32, 32, 0.3 );
box-shadow: inset 0px -2px 0px 0px rgba( 32, 32, 32, 0.1 );
outline: none;
white-space: none;
}
form.NewsCM fieldset button {
background: rgba( 14, 178, 255, 1 );
width: 98%;
padding: 12px 13px;
margin: 6px auto;
display: block;
color: rgba( 255, 255, 255, 1 );
cursor: pointer;
font-size: 16px;
border-radius: 2px;
box-shadow: inset 0px -2px 0px 0px rgba( 32, 32, 32, 0.1 );
}
form.NewsCM fieldset button:hover {
background: rgba( 1, 142, 207, 1 );
}
.vBUR {
position: relative;
display: block;
width: 90%;
margin: 4px auto;
text-align: center;
padding: 4px 6px;
padding-bottom: 6px;
background: rgba( 255, 255, 255, 1 );
border-radius: 3px;
border: solid 1px rgba( 32, 32, 32, 0.2 );
box-shadow: inset 0px -2px 0px 0px rgba( 32, 32, 32, 0.1 )
}
.vBUR a {
width: 16px;
height: 16px;
background: rgba( 32, 32, 32, 0.7 );
color: rgba( 255, 255, 255, 1 );
padding: 6px 7px;
line-height: 16px;
display: inline-block;
position: relative;
}
.vBUR a:hover {
background: rgba( 32, 32, 32, 1 );
}
.vBUR a.vL, .vBUR a.vR {
background: rgba( 45, 144, 236, 1 );
color: rgba( 255, 255, 255, 1 );
padding: 6px 7px;
display: inline-block;
position: relative;
}
.vBUR a.vL:hover, .vBUR a.vR:hover {
background: rgba( 19, 108, 192, 1 );
}
#back {
width: 90%;
position: relative;
display: block;
margin: 4px auto;
}
#back button {
background: rgba( 45, 144, 236, 1 );
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
font-size: 13px;
padding: 6px 9px;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.4 );
border-radius: 2px;
cursor: pointer;
box-shadow: inset 0px -2px 0px 0px rgba( 0, 0, 0, 0.02 )
}
#back button:hover {
background: rgba( 13, 101, 183, 1 );
}
.titleFur {
width: 90%;
position: relative;
display: block;
margin: 5px auto;
text-align: center;
font-size: 18px;
color: rgba( 255, 255, 255, 1 );
background: rgba( 13, 101, 183, 1 );
text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
padding: 9px 6px;
border-radius: 3px;
cursor: pointer;
margin-top: 10px;
}
.team {
width: 94%;
position: relative;
display: block;
margin: 6px auto;
text-align: center;
border-top: solid 1px rgba( 3, 125, 255, 1 );
padding-top: 6px;
padding-bottom: 9px;
}
.team .titlev {
position: relative;
color: rgba( 3, 125, 255, 1 );
font-size: 13px;
font-weight: bold;
margin: 6px auto;
}
.usersT {
width: 40%;
position: relative;
display: inline-block;
padding: 12px 9px;
border-radius: 3px;
background: rgba( 255, 255, 255, 1 );
border: solid 1px rgba( 32, 32, 32, 0.3 );
margin: 4px 9px;
}
.usersT:hover {
background: rgba( 32, 32, 32, 0.04 );
}
.usersT .info {
position: relative;
display: block;
margin: auto;
}
.usersT .info span {
max-width: 90%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
background: rgba( 32, 32, 32, 0.08 );
display: block;
position: relative;
width: 90%;
margin: 2px auto;
padding: 8px 6px;
color: rgba( 32, 32, 32, 0.8 );
text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
}
.usersT .info a span {
background: rgba( 3, 175, 255, 1 );
color: rgba( 255, 255, 255, 1 );
text-shadow: 0px 1px rgba( 0, 0, 0, 0.2 );
font-weight: bold;
}
.usersT .info a span:hover {
background: rgba( 3, 125, 255, 1 );
}
.goChat {
background: rgba( 3, 95, 255, 1 );
border-radius: 3px;
color: rgba( 255, 255, 255, 1 );
text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
font-weight: bold;
padding: 9px 12px;
}
.autoH {
padding: 9px 12px;
height: auto !important;
}
.chatS {
width: 98%;
position: relative;
display: block;
max-height: 450px;
overflow-y: scroll;
margin: 6px auto;
}
.chatS .chatT {
background: rgba( 255, 255, 255, 0.6 );
color: rgba( 32, 32, 32, 0.7 );
text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
border-radius: 3px;
padding: 4px 6px;
border: solid 1px rgba( 32, 32, 32, 0.3 );
box-shadow: inset 0px 2px 0px 0px rgba( 255, 255, 255, 1 );
text-align: center;
height: auto;
margin: 8px auto;
}
.chatS .chatT .userT {
width: 20%;
float: left;
height: 40px;
}
.chatS .chatT .userT .img {
float: left;
}
.chatS .chatT .userT span {
float: left;
position: relative;
top: 25px;
}
.chatS .chatT .messT {
width: 60%;
position: relative;
float: left;
left: 20px;
margin-top: 25px;
margin-bottom: 10px;
text-align: left;
min-height: 40px;
}
.chatS .chatT .timeT {
width: 13%;
float: right;
line-height: 60px;
text-align: right;
font-size: 10px;
min-height: 40px;
position: relative;
right: 10px;
}
.chatForm {
position: relative;
display: block;
width: 90%;
margin: 10px auto;
background: rgba( 32, 32, 32, 0.06 );
border: solid 1px rgba( 32, 32, 32, 0.2 );
box-shadow: inset 0px 2px 0px 0px rgba( 255, 255, 255, 0.4 );
padding: 9px 12px;
border-radius: 3px;
}
.markItUp{
width: 90%;
margin: auto;
}
.markItUpContainer{
width: 100% !important;
text-align: center !important;
}
.vTEXTM{
width: 100% !important;
margin: auto !important;
border-radius: 3px !important;
border: none !important;
background: none !important;
min-height: 75px !important;
max-height: 125px !important;
}
.markItUpHeader{
line-height: auto;
height: auto;
margin: 0px !important;
padding: 2px 8px !important;
}
.markItUpHeader ul{
display: block;
position: relative;
height: auto !important;
padding: 6px 8px !important;
margin: 0px !important;
line-height: 0px !important;
}
.markItUpHeader ul li{
display: inline-block;
position: relative;
}
#emoticons {
text-align: center;
margin-top: 5px;
}
button.SendForm {
background: rgba( 110, 201, 220, 1 );
color: rgba( 27, 89, 101, 1 );
cursor: pointer;
display: block;
position: relative;
margin: 5px auto;
padding: 9px 16px;
border-radius: 3px;
text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
}
button.SendForm:hover {
background: rgba( 81, 176, 196, 1 );
}
.autoH a {
color: rgba( 3, 175, 255, 1 );
}
.inline {
display: inline-block !important
}
.Item .price {
cursor: pointer;
}
.Item .info:hover {
background: rgba( 255, 181, 22, 1 );
text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
}
.info a {
color: inherit;
}
.MorePrices {
padding: 8px 4px;
}
.MorePrices h2 {
margin: 6px auto;
position: relative;
display: block;
font-size: 18px;
color: rgba( 3, 175, 255, 1 );
}
.MorePrices .VI {
display: inline-block;
background: rgba( 255, 255, 255, 0.5 );
padding: 9px 12px;
border-radius: 3px;
color: rgba( 32, 32, 32, 0.6 );
border: solid 1px rgba( 32, 32, 32, 0.2 );
font-weight: bold;
margin: 3px 6px;
}
.MorePrices .LI {
display: inline-block;
background: rgba( 255, 255, 255, 0.5 );
padding: 9px 12px;
border-radius: 3px;
color: rgba( 32, 32, 32, 0.6 );
border: solid 1px rgba( 32, 32, 32, 0.2 );
font-weight: bold;
margin: 3px 6px;
}
.MorePrices .VI b {
color: rgba( 175, 119, 0, 1 );
}
.MorePrices .LI b {
color: rgba( 175, 119, 0, 1 );
}