File size: 11.96Kb
/*span.time{
color: #515151;
font-size: x-small;
}*/
td.post_avatar
{
vertical-align: top;
}
td.post_avatar img
{
display: none;
}
@media all and (min-width: 320px)
{
td.post_avatar img
{
display: block;
}
}
.post_content
{
color: #202020;
width: 100%;
}
.post_title
{
padding-top: 2px;
}
.post_right
{
color: #202020;
text-align: right;
}
.post_list
{
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #7f7f7f;
display: block;
padding: 4px;
}
td.page_status
{
padding: 7px;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
border: 1px solid #b1ffa4;
background: #dfffe3;
margin: 3px;
display: inline-block;
color: #151515;
}
.page_status2
{
margin-left: 20px;
margin-bottom:0;
border-style:solid;
border-color:transparent transparent #a6caf0 transparent ;
border-width:0px 0px 10px 10px;
height: 15px;
width:5px;
z-index: 2;
}
.forum_topic_panel
{
margin: 3px;
border: 1px solid #b0b0b0;
border-radius: 5px;
-moz-border-radius: 5px;
padding: 0;
}
.forum_topic_panel a
{
padding: 5px;
border-right: 1px solid #b0b0b0;
display: inline-block;
}
.forum_topic_hide
{
color: #b4b4b4;
display: block;
text-align: right;
font-size: small;
}
.post_list{
color: #242424;
display: block;
max-width: 100%;
padding: 1px;
border-bottom: 1px solid #c6c6c6;
}
.gradient_gray
{
background: -o-linear-gradient(top, #FFFFFF, #DFDFDF) transparent;
color: #4d4d4d;
text-shadow: 0px -1px 0px white;
}
.padding
{
padding: 6px;
}
td.forum_post_icon
{
width: 20px;
height: 20px;
}
td.forum_post_icon img
{
margin-top: -2px;
}
td.forum_post_title
{
text-shadow: 1px 1px 2px #3666c9, 0 0 1em #d5efff;
}
td.forum_post_panel
{
text-align: right;
white-space: nowrap;
}
td.forum_post_content
{
padding: 5px;
color: #242424;
}
a.forum_message
{
background-color: #559baa;
background: -o-linear-gradient(top, #3d71fa, #2b357d) transparent;
padding: 8px;
display: block;
border: 1px solid #73bef0;
border-radius: 8px;
-moz-border-radius: 8px;
color: #ffffff;
}
.quote
{
border: 1px solid #b0b0b0;
border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px;
color:#505050;
background: -o-linear-gradient(top, #FFFFFF, #d7d7d7) transparent;
}
.radius_top a{ border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; margin: 3px 3px 0px 3px; border-bottom:0;}
.radius_bottom a{ border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; margin: 0px 3px 3px 3px;}
input[type="submit"].insert
{
background-color: #005984;
border-bottom: 1px solid #000000;
border-left: 1px solid #005984;
border-right: 1px solid #000000;
border-top: 1px solid #005984;
color: #ffffff;
margin-top: 1px;
padding: 0px 4px;
}
td.t1
{
text-align: left;
color: #ffffff;
width: 50%;
display: none;
}
td.t2
{
text-align: center;
}
.photo
{
padding: 0px;
margin: 5px;
border: 3px solid #e0e0e0;
}
.photo:hover
{
-moz-transform: rotate(-2deg); /* Firefox */
-o-transform: rotate(-2deg); /* Opera */
-webkit-transform: rotate(-2deg); /* Safari y Chrome */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE */
}
table.list_foto{
width: 100%;
text-align: center;
padding: 0px;
background-color:#ffffff;
}
div.list_foto{
border: 1px solid #b6b6b6;
display: inline-block;
margin: 1%;
padding: 1%;
width: 20%;
text-align: left;
background-color: #f6f6f6;
}
div.list_foto img{
max-width: 100%;
margin: 0px;
}
.toolbar
{
height: 24px;
min-width: 28px;
display: block;
background-image: url(icons/toolbar.png);
background-position: center 0px;
background-repeat: no-repeat;
padding: 3px;
position: relative;
}
.toolbar_info { background-position: center -34px; }
.toolbar_mail { background-position: center -81px; }
.toolbar_lenta { background-position: center -177px; }
.toolbar_friends { background-position: center -468px; }
.toolbar_refresh { background-position: center 8px; position: absolute; right: 0px; top: 0px; width: 34px; height: 34px; background-color: #008cc9; }
.toolbar_refresh:hover { background-color: #00a4ea; }
.toolbar_count
{
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-box-shadow: rgba(0, 0, 0, 0.447) 0px 1px 1px 0px;
align-content: stretch;
align-items: stretch;
align-self: stretch;
background: linear-gradient(to bottom, #88DD00, #229900);
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.447) 0px 1px 1px 0px;
color: #FFFFFF;
display: inline-block;
flex: 0 1 auto;
flex-basis: auto;
flex-direction: row;
flex-flow: row;
flex-grow: 0;
flex-shrink: 1;
flex-wrap: nowrap;
font: normal normal 400 10px/12px Tahoma;
height: 12px;
justify-content: flex-start;
margin: 0px 0px 0px -13px;
min-width: 12px;
order: 0;
padding: 0px 3px;
resize: none;
text-align: center;
vertical-align: top;
white-space: nowrap;
width: 15px;
position: absolute;
margin: auto;
margin-top: -32px;
}
/* The Modal Screen */
.notification-container{
border: 1px solid #121212;
padding: 10px;
background-color: #ffffff;
width: 280px;
margin: 0 auto;
border-radius: 6px;
-moz-border-radius: 6px;
position: relative;
z-index: 1;
text-align: center;
}
.notification-container a {
border: 1px solid #07608f;
padding: 6px;
background-color: #ffffff;
margin: 0 auto;
border-radius: 6px;
-moz-border-radius: 6px;
text-align: center;
padding: 4px;
margin-top: 5px;
margin-bottom: 5px;
background-color: #189f15;
color: #f1f1f1;
font-weight: bold;
cursor: pointer;
}
.notification-link
{
padding: 10px;
}
.loader-back{
background-color: #161616;
opacity: 0.6;
position: fixed;
width: 100%;
height: 100%;
display: block;
}
.loader-container{
border: 1px solid #121212;
padding: 6px;
background-color: #ffffff;
width: 120px;
margin: 0 auto;
border-radius: 6px;
-moz-border-radius: 6px;
position: relative;
z-index: 1;
}
.loader-icon{
height: 16px;
width: 16px;
background-image: url(icons/ajax-loader.gif);
display: inline-block;
vertical-align: middle;
}
/* The Slider Touch */
.touchslider
{
background: #505050;
position: fixed;
top: 0px;
}
.touchslider-viewport
{
overflow: hidden;
position: relative;
position: fixed;
top: 0px;
background-color: #3c3c3c;
}
.touchslider-viewport img
{
max-height: 100%;
max-width: 100%;
}
.touchslider-item
{
overflow: hidden;
}
/* The Modal Screen */
.loader-back{
background-color: #161616;
opacity: 0.6;
position: fixed;
width: 100%;
height: 100%;
display: block;
}
.loader-container{
border: 1px solid #121212;
padding: 6px;
background-color: #ffffff;
width: 120px;
margin: 0 auto;
border-radius: 6px;
-moz-border-radius: 6px;
position: relative;
z-index: 1;
}
.loader-icon{
height: 16px;
width: 16px;
background-image: url(icons/ajax-loader.gif);
display: inline-block;
vertical-align: middle;
}
.loader-spinner{
height: 16px;
width: 16px;
background-image: url(/sys/javascript/icons/spinner.gif);
display: inline-block;
vertical-align: middle;
}
.modal-object
{
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0px;
left: 0px;
z-index: 21;
overflow: hidden;
margin:0;
padding:0;
}
.modal-content
{
width: 100%;
height: 100%;
margin: 0;
}
.modal-content img
{
max-height: 100%;
max-width: 100%;
display:block;
margin: 0 auto;
text-align: center;
}
.modal-buttons
{
margin: 10px;
padding: 10px;
background: #1b1b1b;
color: #fff;
cursor: pointer;
border-radius: 7px;
-moz-border-radius: 7px;
display: inline-block;
position: absolute;
z-index: 2;
}
.modal-nick
{
margin: 10px;
padding: 10px;
background: #1b1b1b;
color: #fff;
cursor: pointer;
border-radius: 7px;
-moz-border-radius: 7px;
}
.modal-buttons a
{
color: #fff;
display: block;
}
#modal-right{
right: 0px;
top: 0px;
}
#comment{
position: absolute;
z-index: 1000;
}
.modal-nav{
align-content: stretch;
align-items: stretch;
align-self: stretch;
color: #FFFFFF;
display: inline-block;
flex: 0 1 auto;
flex-basis: auto;
flex-direction: row;
flex-flow: row;
flex-grow: 0;
flex-shrink: 1;
flex-wrap: nowrap;
font: normal normal 400 80px/normal Arial;
height: 89px;
justify-content: flex-start;
margin: 0px;
order: 0;
padding: 0px;
resize: none;
text-align: center;
vertical-align: middle;
visibility: visible;
width: 44px;
position: absolute;
z-index: 2;
display: none;
}
.player-background {
width: 100%;
height: 100%;
position: absolute;
text-align: center;
background-color: #333333;
}
.player-video{
width: 100%;
max-width: 500px;
}
span.ic_main, span.ic_menu, span.ic_media, span.ic_all {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 2px;
}
span.ic_media{
background-image: url(icons/media.png);
}
span.ic_main{
background-image: url(icons/main.png);
}
span.ic_menu{
background-image: url(icons/menu.png);
}
span.ic_all{
background-image: url(icons/iconus.png);
}
span.slide_play {
background-position: -0px -522px;
}
span.slide_pause {
background-position: 0px -490px;
}
span.status_like {
background-position: 0px -16px;
}
span.status_delete {
background-position: 0px -48px;
}
span.friends {
background-position: 0px -240px;
}
span.mail {
background-position: 0px -224px;
}
span.rate {
background-position: 0px -144px;
}
span.guest {
background-position: 0px -48px;
}
span.guest_n {
background-position: 0px -64px;
}
span.notif {
background-position: 0px -0px;
}
span.notif_n {
background-position: 0px -16px;
}
span.tape {
background-position: 0px -448px;
}
span.tape_n {
background-position: 0px -464px;
}
span.foto {
background-position: 0px -48px;
}
.modal-nav:hover{
text-shadow: 0px 0px 20px white;
}
#nav-left{
top: 40%;
left: 10px;
}
#nav-right{
top: 40%;
right: 5px;
}
#modal-left-bottom{
bottom: 5px;
left: 5px;
position: fixed;
}
#modal-right-bottom{
bottom: 5px;
right: 5px;
position: fixed;
z-index: 1000;
}
.modal-background {
height: 90px;
display: block;
opacity: 0.3;
position: fixed;
bottom: 0px;
background: #000000;
padding: 4px;
}
.modal-foot-menu {
height: 80px;
display: block;
width: 100%;
position: absolute;
bottom: 0px;
z-index: 222;
color: #ffffff;
margin: auto;
}
.modal-foot-menu a {
display: inline-block;
}
.rtr_icon {
background-image: url(icons/smrk10.png);
height: 31px;
width: 31px;
display: inline-block;
padding: 0px;
margin: 0px;
vertical-align: middle;
}
.rtr_6 {
background-position: -125px 0px;
}
.rtr_5 {
background-position: -100px 0px;
width: 25px;
}
.rtr_4 {
background-position: -75px 0px;
width: 25px;
}
.rtr_3 {
background-position: -50px 0px;
width: 25px;
}
.rtr_2 {
background-position: -25px 0px;
width: 25px;
}
.rtr_1 {
background-position: 0px 0px;
width: 25px;
}
div#modal-table
{
display:table;
width:100%;
height:100%;
margin: 0;
}
div#modal-row
{
display:table-row;
width:100%;
height:100%;
margin: 0;
}
div#modal-cell
{
display:table-cell;
height:100%;
width:100%;
vertical-align:middle;
margin: 0;
}
/* BB Codes */
.color-panel, .background-panel
{
border: 1px solid #7f7f7f;
background-color: #ececec;
width: 110px;
height: 66px;
position: absolute;
right: 0px;
top: 20px;
padding: 1px;
text-align: center;
display: none;
}
.smiles-panel
{
border: 1px solid #7f7f7f;
background-color: #ececec;
width: 320px;
height: 220px;
position: absolute;
left: 0px;
top: 20px;
padding: 1px;
text-align: center;
display: none;
overflow-y: scroll;
}
.other-panel {
border: 1px solid #7f7f7f;
background-color: #ececec;
max-width: 210px;
max-height: 128px;
position: absolute;
left: 0px;
top: 20px;
padding: 1px;
text-align: left;
display: none;
overflow-y: scroll;
}
.color-panel a, .other-panel a
{
margin: 1px;
}
.color-a
{
border: 1px solid #7f7f7f;
width: 18px;
height: 18px;
display: inline-block;
margin: 0px;
}
#toolbar
{
position: relative;
display: inline-block;
}