Código HTML:
.MorePrices img {
display: block;
margin: 10px auto
}
.MorePrices .tables {
margin: 10px auto;
position: relative;
text-align: left;
width: auto;
display: inline-block;
}
.MorePrices .tables span {
background: rgba( 255, 255, 255, 0.7 );
padding: 3px 19px;
border-radius: 2px;
border: solid 1px rgba( 32, 32, 32, 0.4 );
margin: 4px auto;
display: block;
text-align: left;
box-shadow: inset 0px 2px 0px rgba( 255, 255, 255, 1 )
}
.MorePrices .tables span img {
float: left;
display: inline-block;
}
.MorePrices .tables span b {
float: left;
position: relative;
margin-top: 11px;
color: rgba( 32, 32, 32, 0.8 );
margin-left: 10px;
}
.separate {
display: block;
position: relative;
width: 96%;
margin: 15px auto;
height: 1px;
background: rgba( 0, 0, 0, 0.3 );
box-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3 )
}
#Categories h1.iF {
position: relative;
color: rgba( 255, 255, 255, 1 );
font-size: 24px;
background: rgba( 0, 0, 0, 0.2 );
font-weight: bold;
text-shadow: 0px 2px rgba( 0, 0, 0, 0.3 );
padding: 9px auto !important;
margin: 4px auto;
margin-bottom: 15px;
}
.iFurni {
display: inline-block;
position: relative;
margin: 4px 5px;
background: rgba( 255, 255, 255, 0.6 );
border-radius: 3px;
border: solid 1px rgba( 0, 0, 0, 0.2 );
cursor: pointer;
max-width: 55px;
max-height: 55px;
width: 55px;
height: 55px;
min-height: 55px;
min-width: 55px;
text-align: center;
vertical-align: middle;
}
.iFurni:hover {
background: rgba( 255, 255, 255, 0.9 );
}
.iFurni .img {
position: relative;
width: auto;
height: 100%;
max-height: 55px;
text-align: center;
background-position: center center;
}
#Alert a {
color: rgba( 3, 175, 255, 1 );
}
.voto {
background: rgba( 3, 175, 255, 1 ) !important;
color: rgba( 255, 255, 255, 1 ) !important;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.2 ) !important;
font-weight: bold !important;
cursor: pointer;
}
.vKD {
text-align: center;
width: 90%;
margin: 4px auto;
display: block;
position: relative;
}
.vKD .iFurni:hover {
background: rgba( 3, 175, 255, 1 );
}
.iMessage {
width: 96%;
background: rgba( 255, 255, 255, 0.6 );
position: relative;
display: block;
margin: 4px auto;
border-radius: 3px;
color: rgba( 32, 32, 32, 0.8 );
text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
border: solid 1px rgba( 32, 32, 32, 0.3 );
}
.iMessage img {
float: left;
width: auto;
}
.iMessage p {
float: left;
margin-left: 10px;
line-height: 35px;
max-width: 80%;
color: inherit !important;
text-shadow: inherit !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.iMessage:hover {
background: rgba( 3, 175, 255, 1 );
color: rgba( 255, 255, 255, 1 ) !important;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 ) !important;
}
li small.mp {
background: rgba( 3, 175, 255, 1 );
padding: 3px 4px;
color: rgba( 255, 255, 255, 1 );
border-radius: 3px
}
.messages {
text-align: center;
margin: 4px auto
}
.messages .span {
display: inline-block;
position: relative;
width: auto;
border: solid 1px rgba( 32, 32, 32, 0.3 );
color: rgba( 32, 32, 32, 0.7 );
font-size: 12px;
font-weight: bold;
padding: 9px 12px;
cursor: pointer;
margin: auto 4px
}
.messages .span:hover {
background: rgba( 255, 255, 255, 1 );
}
.actions {
margin: 4px auto;
text-align: center;
position: relative;
display: block;
margin-top: 15px;
}
.actions .mp {
background: rgba( 255, 255, 255, 0.6 );
width: 60%;
border-radius: 2px;
border: solid 1px rgba( 32, 32, 32, 0.2 );
padding: 6px 9px;
color: rgba( 32, 32, 32, 0.8 );
font-weight: bold;
font-size: 14px;
position: relative;
text-align: justify;
display: block;
margin: 4px auto;
cursor: pointer;
}
.actions .mp:hover {
background: rgba( 255, 255, 255, 0.9 );
border: solid 1px rgba( 3, 175, 255, 1 );
color: rgba( 3, 175, 255, 1 );
}
.actions .mp:hover small {
color: rgba( 3, 175, 255, 1 );
}
.actions .mp small {
font-size: 11px;
font-weight: normal;
color: rgba( 32, 32, 32, 0.7 );
}
.mp_heads {
width: 60%;
margin: 5px auto;
}
.mp_heads span {
width: 90%;
background: rgba( 255, 255, 255, 0.5 );
border-radius: 3px;
border: solid 1px rgba( 32, 32, 32, 0.2 );
padding: 6px 9px;
display: block;
position: relative;
margin: 4px auto;
text-align: justify;
color: rgba( 32, 32, 32, 0.7 );
}
.mp_heads span b {
font-weight: bold;
color: rgba( 32, 32, 32, 0.8 );
}
a .isa {
color: rgba( 170, 16, 16, 1 );
padding: 6px 8px;
margin-bottom: 6px;
display: block;
font-weight: bold;
}
a .isa:hover {
background: rgba( 170, 16, 16, 0.9 );
color: rgba( 255, 255, 255, 1 );
border-radius: 2px;
border: solid 1px rgba( 170, 16, 16, 1 );
}
a .resp {
color: rgba( 3, 175, 255, 1 );
padding: 6px 8px;
margin-bottom: 6px;
display: block;
font-weight: bold;
}
a .resp:hover {
background: rgba( 3, 175, 255, 0.9 );
color: rgba( 255, 255, 255, 1 );
border-radius: 2px;
border: solid 1px rgba( 3, 175, 255, 1 );
}
.iSend {
width: 90%;
margin: 5px auto;
text-align: center;
}
.iSend input {
width: 90%;
background: rgba( 32, 32, 32, 0.01 );
border-radius: 2px;
padding: 8px 12px;
display: block;
position: relative;
margin: 9px auto;
color: rgba( 32, 32, 32, 0.6 );
border: solid 1px rgba( 32, 32, 32, 0.2 );
text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
box-shadow: inset 0px 2px 0px 0px rgba( 255, 255, 255, 0.6 )
}
.iSend textarea {
width: 90%;
background: rgba( 32, 32, 32, 0.01 );
border-radius: 2px;
padding: 8px 12px;
display: block;
position: relative;
margin: 4px auto;
color: rgba( 32, 32, 32, 0.6 );
border: solid 1px rgba( 32, 32, 32, 0.2 );
box-shadow: inset 0px 2px 0px 0px rgba( 255, 255, 255, 0.6 );
min-height: 65px;
max-height: 100px;
max-width: 90%;
min-width: 90%;
text-shadow: 0px 1px rgba( 255, 255, 255, 0.4 );
}
.iSend button {
background: rgba( 3, 175, 255, 1 );
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
padding: 9px 12px;
cursor: pointer;
margin: 8px auto;
}
.iSend button:hover {
background: rgba( 3, 125, 255, 1 );
}
.notice a.fancybox {
background: transparent;
z-index: 88;
width: 80px;
height: 80px;
border: solid 2px rgba( 0, 0, 0, 0.6 );
border-radius: 2px;
padding: 6px;
overflow: hidden;
display: inline-block;
text-align: center;
}
.notice a.fancybox img {
width: auto;
height: auto;
z-index: 22;
position: relative;
}
.usBan {
background: rgba( 177, 37, 37, 1 ) !important;
box-shadow: none !important;
color: rgba( 255, 255, 255, 1 ) !important;
text-shadow: none !important;
}
.timeT a .EsBan {
color: rgba( 168, 13, 13, 1 );
cursor: pointer;
font-size: 10px;
text-transform: uppercase;
}
.timeT a .Unban {
color: rgba( 0, 0, 0, 1 ) !important;
cursor: pointer;
font-size: 10px;
text-transform: uppercase;
}
.DJNAME {
width: 90%;
position: relative;
display: block;
margin: 4px auto;
text-align: center;
color: rgba( 32, 32, 32, 0.9 );
}
table.Calendar {
width: 100%;
position: relative;
margin: 10px auto;
}
table.Calendar tr td.TT {
background: rgba( 7, 68, 129, 1 );
padding: 8px 13px;
color: rgba( 255, 255, 255, 1 );
font-weight: bold;
text-shadow: 0px 1px rgba( 0, 0, 0, 0.3 );
cursor: pointer;
position: relative;
border: solid 1px rgba( 255, 255, 255, 1 );
}
table.Calendar tr td {
padding: 4px 13px;
border: solid 1px rgba( 255, 255, 255, 1 );
color: rgba( 58, 58, 58, 1 );
text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
background: rgba( 245, 245, 245, 1 );
text-align: center;
position: relative;
}
table.Calendar tr td.hour {
text-align: center;
font-weight: bolder;
position: relative;
}
table.Calendar tr.SPANS {
font-size: 11px;
}
table.Calendar tr.SPANS td {
background: rgba( 20, 93, 166, 1 );
padding: 6px 13px;
color: rgba( 255, 255, 255, 0.9 );
position: relative;
}
table.Calendar tr.SPANS td.TT.SL {
background: transparent;
}
table.Calendar tr td.ICONS i {
width: auto;
padding: 6px 3px;
cursor: pointer;
font-size: 18px;
color: rgba( 7, 68, 129, 1 );
text-shadow: 0px 1px rgba( 255, 255, 255, 0.6 );
}
table.Calendar tr td.ICONS i:hover {
color: rgba( 0, 183, 255, 1 );
}
.modal, .moda:active, .modal:focus {
box-shadow: 0px;
outline: 0px;
}
.modal-header h3 {
color: rgba( 0, 114, 186, 1 ) !important;
text-shadow: 0px 1px rgba( 255, 255, 255, 1 ) !important;
}
.modal-footer {
padding: 6px 5px !important
}
.modal-footer button {
padding: 8px 13px !important
}
.modal-body {
height: auto !important;
padding: 0px !important
}
.modal-body p {
height: auto !important;
margin-top: 10px;
padding: 2px 13px;
}
.LoadIMG {
position: relative;
width: 42px;
display: block;
margin: 10px auto;
height: 42px;
animation: preloader_6 5s infinite linear;
}
.LoadIMG span {
width: 20px;
height: 20px;
position: absolute;
background: red;
display: block;
animation: preloader_6_span 1s infinite linear;
}
.LoadIMG span:nth-child(1) {
background: rgba( 0, 150, 255, 1 );
}
.LoadIMG span:nth-child(2) {
left: 22px;
background: rgba( 40, 194, 251, 1 );
animation-delay: .2s;
}
.LoadIMG span:nth-child(3) {
top: 22px;
background: rgba( 49, 170, 255, 1 );
animation-delay: .4s;
}