Файл: Application/themes/default/css/css.css
Строк: 4397
/* --- WE IMPORT STYLES --- */
/* @import
url("formalize.css"); */
/* We started with the Reset
----------------- */
html, body, div, span, object, iframe,
h1, h2, h3,
h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot,
thead, tr, th, td,
article, aside, canvas, details, figcaption,
figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark,
audio, video {
margin: 0;
padding: 0;
font-size: 100%;
font-weight:
inherit;
font-style: normal;
vertical-align: baseline;
background:
transparent;
border: 0;
outline: 0;
}
/* HTML5 Reset for older
browsers */
article, aside, figure, figure img, hgroup, footer, header,
nav, section {
display: block;
}
blockquote, q { quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after { content: '';
content: none; }
table { border-collapse: collapse; border-spacing: 0;
}
input, select { vertical-align: middle; }
a img { border: 0; }
:focus
{ outline: 0; }
a:hover, a:active { outline: none; }
/* General styles
of use
-----------------------------------------------
*/
img,
embed,
object,
video {
max-width: 100%;
}
.hide {
display: none; }
.clear { clear: both; }
body {
color:
#333;
background: #E9EAED;
-webkit-text-size-adjust:
100%;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:12px;
width:100%;
height:100%;
}
hr { color: #FFF;
background-color:#DEE0E3; height: 1px; border: 0; margin: 0 auto;
text-align: center; }
hr.blue{ background-color:#D2DADF; }
hr.grey{
background-color:
#EBEBEB}
.sh{float:none;clear:both;font-size:0px;line-height:0px;}
.fleft{
position:relative; float:left; }
.fright{ position:relative; float:right;
}
.visible { display: block; }
.hand { cursor:pointer !important;
}
.undecorated{ text-decoration:none; }
.centered{ text-align:center;
}
.bold{ font-weight:bold; }
.justified{ text-align:justify; }
.italica{
font-style:italic !important; }
.bblue{ background-color: #4e69a2;
border:1px solid; border-color: #435a8b #3c5488 #334c83; padding:4px 10px
4px 10px; color:#FFFFFF !important; font-size:13px; }
/*.bblue:hover{
background-color:#0F9BC4; border:1px solid #0D82A4; padding:6px 15px 6px
15px; color:#FFFFFF !important; text-decoration:none; }*/
.bgreen{
background-color:#7AB326; border:1px solid #5A841C; padding:6px 15px 6px
15px; color:#FFFFFF !important; font-size:15px; }
.bgreen:hover{
background-color:#679720; border:1px solid #044638; padding:6px 15px 6px
15px; color:#FFFFFF !important; text-decoration:none; }
.byellow{
background-color:#FFE26F; border:1px solid #D5AA00; padding:6px 15px 6px
15px; color:#624F00 !important; font-size:15px; text-align:center;
}
.byellow:hover{ background-color:#FFD528; border:1px solid #AA8800;
padding:6px 15px 6px 15px; color:#624F00 !important; text-decoration:none;
}
.bred{ background-color:#E5180E; border:1px solid #CC0000; padding:6px
15px 6px 15px; color:#FFF !important; font-size:15px; }
.bred:hover{
background-color:#FC2E18; border:1px solid #CC0000; padding:6px 15px 6px
15px; color:#FFF !important; text-decoration:none; }
.bgrey{
background-color:#CDDBE6; border:1px solid #5B6B74; padding:6px 15px 6px
15px; color:#61727A !important; font-size:15px; }
.bgrey:hover{
background-color:#ABBAC4; border:1px solid #5B6B74; padding:6px 15px 6px
15px; color:#38444B !important; text-decoration:none; }
.bgrey2{
cursor:pointer; background-color:#E8E8E8; border:1px solid #CCCCCC;
color:#333; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); padding:10px
25px; text-align:center; font-size:13px; }
.bgrey2:hover{
background-color:#DEDEDE; border:1px solid #BBBBBB; }
.bwhite{
cursor:pointer; background-color:#FFF; border:1px solid; border-color:
#e5e6e9 #dfe0e4 #d0d1d5; color:#141823; text-shadow: 0 1px 0 rgba(255, 255,
255, .5); padding:10px 25px; text-align:center; font-size:14px;
}
.rounded3{-webkit-border-radius:3px; -moz-border-radius:3px;
border-radius:3px; }
.rounded{-moz-border-radius:5px; border-radius:5px;
}
.rounded8{-moz-border-radius:8px; border-radius:8px; }
.rounded20{
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright:
20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius:
20px; border-bottom-left-radius: 20px; }
.rounded10T{
-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius:
10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
border-top-left-radius: 10px; border-top-right-radius: 10px;
}
/*********************************/
/* buttons follow
*/
#areafollow{ margin-top:10px; font-family: Arial, Helvetica,
sans-serif; }
#areafollow .botonf{ width:110px; cursor:pointer;
background-color:#E8E8E8; border:1px solid #CCCCCC; }
#areafollow
.botonf:hover{ cursor:pointer; background-color:#DEDEDE; border:1px solid
#BBBBBB; }
#areafollow .botonfs{ width:110px; cursor:pointer;
background-color:#14A7DD; border:1px solid #057ED0; }
#areafollow
.botonfns{ width:110px; cursor:pointer; background-color:#D14740;
border:1px solid #A93730; }
#areafollow .txtaction{ padding:5px;
text-align:center; font-weight:bold; font-size:13px; }
#areafollow
.follow{ color:#333; text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
#areafollow .editprofile{ color:#333; text-shadow: 0 1px 0 rgba(255,
255, 255, .5); }
#areafollow .following{ color: white; text-shadow: 0
-1px 0 rgba(0, 0, 0, .25); }
#areafollow .unfollow{ color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
/*********************************/
/*********************************/
.mrg5T{
margin-top:5px; }
.mrg10T{ margin-top:10px; }
.mrg15T{ margin-top:15px;
}
.mrg20T{ margin-top:20px; }
.mrg30T{ margin-top:30px; }
.mrg40T{
margin-top:40px; }
.mrg50T{ margin-top:50px; }
.mrg60T{ margin-top:60px;
}
.mrg10B{ margin-bottom:10px; }
.mrg15B{ margin-bottom:15px;
}
.mrg20B{ margin-bottom:20px; }
.mrg30B{ margin-bottom:30px;
}
.mrg5R{ margin-right:5px; }
.mrg10R{ margin-right:10px; }
.mrg15R{
margin-right:15px; }
.mrg20R{ margin-right:20px; }
.mrg25R{
margin-right:25px; }
.mrg5L{ margin-left:5px; }
.mrg10L{
margin-left:10px; }
.mrg20L{ margin-left:20px; }
.pdn5{ padding:5px;
}
.pdn10{ padding:10px; }
.pdn20{ padding:20px; }
.pdn10B{
padding-bottom:10px; }
.pdn20B{ padding-bottom:20px; }
.pdn10L{
padding-left:10px;}
.pdn10R{ padding-right:10px;}
.mrg0Ti{
margin-top:0px !important; }
.mrg5Ti{ margin-top:5px !important;
}
.linkgray a{ color: #333 !important; text-decoration:none;
}
.linkgray a:hover{ color: #333 !important; text-decoration:underline;
}
.linkwhite a{ color:#FFF !important; text-decoration:none;
}
.linkwhite a:hover{ color:#FFF !important; text-decoration:underline;
}
.linkblue a{ color: #3b5998 !important; text-decoration:none;
}
.linkblue a:hover{ color: #3b5998 !important; text-decoration:underline;
}
.linkblue2 a{ color: #3b5998 !important; text-decoration:none;
}
.linkblue2 a:hover{ text-decoration:underline; }
.linkblue3 a{ color:
#0084B4 !important; text-decoration:none; }
.linkblue3 a:hover{ color:
#0084B4 !important; text-decoration:underline; }
.linkdark a{
color:#141823 !important; text-decoration:none; }
.linkdark a:hover{
text-decoration:underline; }
.linkgreyshadow a{ color: #9197a3;
text-shadow: 0 1px #fff; text-decoration:none; }
.linkgreyshadow a:hover{
text-decoration:underline; }
.onlyblue{ color: #6d84b4 !important;
}
.bluemarine{ color:#006692 !important; }
.txtsize00{ font-size:13px;
}
.txtsize01{ font-size:14px; }
.txtsize02{ font-size:15px;
}
.txtsize03{ font-size:16px; }
.txtsize04{ font-size:17px;
}
.txtsize05{ font-size:18px; }
.txtsize06{ font-size:19px;
}
.txtsize07{ font-size:20px; }
.txtsize08{ font-size:21px;
}
.txtsize09{ font-size:22px; }
.txtsize10{ font-size:23px;
}
.txtsize11{ font-size:24px; }
.txtsize12{ font-size:25px;
}
.txtsize13{ font-size:26px; }
.txtsize14{ font-size:27px;
}
.txtsize15{ font-size:28px; }
.spacing01{ line-height:20px;
}
.spacing02{ line-height:22px; }
.spacing03{ line-height:24px;
}
.spacing04{ line-height:26px; }
.spacing05{ line-height:28px;
}
.combobox{ border:1px solid #B1B1B1; padding:2px 3px; color:#656B7A;
outline: none; }
.boxinput{ border:1px solid #B1B1B1; padding:3px;
color:#656B7A; outline: none; font-size:13px; resize:none; }
.grey1{
color:#999; }
.grey2{ color:#666; }
.white{ color:#FFF; }
.red{
color:#F00; }
.yellowbox { border: #C89C06 solid 1px; margin-top:10px;
margin-bottom: 10px; padding: 5px; background-color: #FEF8C0; color:
#333333; text-align:center; display:none; }
.redbox { border: #FFAEAE
solid 1px; margin-top:10px; margin-bottom: 10px; padding: 5px;
background-color:#FFF4F4; color: #333333; text-align:center; display:none;
}
.redbox2{ border-top: #FFAEAE solid 1px; border-bottom: #FFAEAE solid
1px; margin-top:10px; margin-bottom: 10px; padding: 5px;
background-color:#FFF4F4; color: #333333; text-align:center; display:none;
}
.only-redbox{ border:1px solid #FFCCCD; background-color: #FFF0F0;
color:#000; font-size:13px; text-align:center; padding:15px 5px;
}
.edge3{ border:1px solid #BBB; padding:3px; }
.edge5{ border:1px
solid #BBB; padding:5px; }
.edge8{ border:1px solid #BBB; padding:8px;
}
.edgeblue3{ border:1px solid #024064; padding:3px;
background-color:#03639C; }
.previewavatardash{ max-width:180px; width:
expression(this.width > 180 ? 180: true); padding:5px; border:1px solid
#BDC7D8; }
.width20c{ width:20% !important; }
.width30c{ width:30%
!important; }
.width50c{ width:50% !important; }
.txtshadow{
text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
/*******************************************/
/*******************************************/
/*****
Buttons ******/
.btn {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align:
center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top,
#ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0
100%, from(#ffffff), to(#e6e6e6));
background-image:
-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:
-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:
linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat:
repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color:
#e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0,
0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
endColorstr='#ffe6e6e6', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255,
255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0
1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0,
0.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled]
{
color: #333333;
background-color: #e6e6e6;
*background-color:
#d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc
\9;
}
.btn:first-child {
*margin-left:
0;
}
.btn:hover,
.btn:focus {
color: #333333;
text-decoration:
none;
background-position: 0 -15px;
-webkit-transition:
background-position 0.1s linear;
-moz-transition: background-position
0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px
4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0,
0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px
2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
cursor:
default;
background-image: none;
opacity: 0.65;
filter:
alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow:
none;
box-shadow: none;
}
.btn-green {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
*background-color: #51a351;
background-image: -moz-linear-gradient(top,
#A4D614, #7FAD03);
background-image: -webkit-gradient(linear, 0 0, 0
100%, from(#A4D614), to(#7FAD03));
background-image:
-webkit-linear-gradient(top, #A4D614, #7FAD03);
background-image:
-o-linear-gradient(top, #A4D614, #7FAD03);
background-image:
linear-gradient(to bottom, #A4D614, #7FAD03);
background-repeat:
repeat-x;
border-color: #51a351 #51a351 #387038;
border-color:
rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa4d614',
endColorstr='#ff7fad03', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled]
{
color: #ffffff;
background-color: #51a351;
*background-color:
#499249;
}
.btn-green:active,
.btn-green.active {
background-color:
#408140 \9;
}
.btn-sky {
color: #ffffff;
text-shadow: 0 -1px 0
rgba(0, 0, 0, 0.25);
background-color: #49afcd;
*background-color:
#2f96b4;
background-image: -moz-linear-gradient(top, #5bc0de,
#2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%,
from(#5bc0de), to(#2f96b4));
background-image:
-webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image:
-o-linear-gradient(top, #5bc0de, #2f96b4);
background-image:
linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat:
repeat-x;
border-color: #2f96b4 #2f96b4 #1f6377;
border-color:
rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',
endColorstr='#ff2f96b4', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-sky:hover,
.btn-sky:focus,
.btn-sky:active,
.btn-sky.active,
.btn-sky.disabled,
.btn-sky[disabled]
{
color: #ffffff;
background-color: #2f96b4;
*background-color:
#2a85a0;
}
.btn-sky:active,
.btn-sky.active {
background-color:
#24748c \9;
}
.btn-blue {
color: #ffffff;
text-shadow: 0 -1px 0
rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color:
#1E69B3;
background-image: -moz-linear-gradient(top, #287CD1,
#1E69B3);
background-image: -webkit-gradient(linear, 0 0, 0 100%,
from(#287CD1), to(#1E69B3));
background-image:
-webkit-linear-gradient(top, #287CD1, #1E69B3);
background-image:
-o-linear-gradient(top, #287CD1, #1E69B3);
background-image:
linear-gradient(to bottom, #287CD1, #1E69B3);
background-repeat:
repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color:
rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff287cd1',
endColorstr='#ff1e69b3', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled]
{
color: #ffffff;
background-color: #0044cc;
*background-color:
#003bb3;
}
.btn-blue:active,
.btn-blue.active {
background-color:
#003399 \9;
}
.btn-orange {
color: #ffffff;
text-shadow: 0 -1px 0
rgba(0, 0, 0, 0.25);
background-color: #faa732;
*background-color:
#f89406;
background-image: -moz-linear-gradient(top, #fbb450,
#f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%,
from(#fbb450), to(#f89406));
background-image:
-webkit-linear-gradient(top, #fbb450, #f89406);
background-image:
-o-linear-gradient(top, #fbb450, #f89406);
background-image:
linear-gradient(to bottom, #fbb450, #f89406);
background-repeat:
repeat-x;
border-color: #f89406 #f89406 #ad6704;
border-color:
rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',
endColorstr='#fff89406', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled]
{
color: #ffffff;
background-color: #f89406;
*background-color:
#df8505;
}
.btn-orange:active,
.btn-orange.active {
background-color: #c67605 \9;
}
.btn-red {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
*background-color: #bd362f;
background-image: -moz-linear-gradient(top,
#ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0
100%, from(#ee5f5b), to(#bd362f));
background-image:
-webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image:
-o-linear-gradient(top, #ee5f5b, #bd362f);
background-image:
linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat:
repeat-x;
border-color: #bd362f #bd362f #802420;
border-color:
rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',
endColorstr='#ffbd362f', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled]
{
color: #ffffff;
background-color: #bd362f;
*background-color:
#a9302a;
}
.btn-red:active,
.btn-red.active {
background-color:
#942a25 \9;
}
.btn-black {
color: #ffffff;
text-shadow: 0 -1px
0 rgba(0, 0, 0, 0.25);
background-color: #363636;
*background-color:
#222222;
background-image: -moz-linear-gradient(top, #444444,
#222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%,
from(#444444), to(#222222));
background-image:
-webkit-linear-gradient(top, #444444, #222222);
background-image:
-o-linear-gradient(top, #444444, #222222);
background-image:
linear-gradient(to bottom, #444444, #222222);
background-repeat:
repeat-x;
border-color: #222222 #222222 #000000;
border-color:
rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',
endColorstr='#ff222222', GradientType=0);
filter:
progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.btn-black.disabled,
.btn-black[disabled]
{
color: #ffffff;
background-color: #222222;
*background-color:
#151515;
}
.btn-black:active,
.btn-black.active {
background-color:
#080808 \9;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-link {
color: #0088cc;
cursor:
pointer;
border-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius:
0;
}
.btn-link:hover,
.btn-link:focus {
color: #005580;
text-decoration: underline;
background-color:
transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus
{
color: #333333;
text-decoration:
none;
}
/*******************************************/
/*******************************************/
/*****
Alerts ******/
.alert {
padding: 8px 35px 8px 14px;
margin-bottom:
20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert,
.alert h4 {
color:
#c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position:
relative;
top: -2px;
right: -21px;
line-height:
20px;
}
.alert-success {
color: #468847;
background-color:
#dff0d8;
border-color: #d6e9c6;
}
.alert-success h4 {
color:
#468847;
}
.alert-danger,
.alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-danger
h4,
.alert-error h4 {
color: #b94a48;
}
.alert-info {
color:
#3a87ad;
background-color: #d9edf7;
border-color:
#bce8f1;
}
.alert-info h4 {
color: #3a87ad;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block >
p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p
{
margin-top:
5px;
}
/*******************************************/
/*******************************************/
/*******
input
*******/
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus
{
outline: thin dotted #333;
outline: 5px auto
-webkit-focus-ring-color;
outline-offset:
-2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
height: auto;
}
.form-control:-moz-placeholder {
color:
#999999;
}
.form-control::-moz-placeholder {
color:
#999999;
}
.form-control:-ms-input-placeholder {
color:
#999999;
}
.form-control::-webkit-input-placeholder {
color:
#999999;
}
.form-control {
/*display: block;*/
width: 100%;
height: 20px;
padding: 3px 5px;
font-size: 13px;
line-height:
1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius:
4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:
border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out
0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline:
0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0,
0, 0.075), 0 0 8px rgba(102, 175, 233,
0.6);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled]
.form-control {
cursor: not-allowed;
background-color:
#eeeeee;
}
/*******************************************/
/*******************************************/
#wrapper{
width:100%; height:100%; }
#container{ width: 930px; height: 100%;
min-height: 100%; margin: 0 auto;
}
/*******************************************/
#home-top{
background-color:#031C40; color:#FFF; }
#home-top #home-top-block{
padding:10px 0px 10px; }
#home-top #home-top-block #topbar{ padding:0px;
}
#home-top #home-top-block #topbar #area1{ position:relative; float:left;
}
#home-top #home-top-block #topbar #area1 #isotipo{ position:relative;
float:left; margin-top:10px; }
#home-top #home-top-block #topbar #area1
#logo{ position:relative; float:left; margin-left:4px; margin-right:8px;
margin-top:4px; }
#home-top #home-top-block #topbar #area1 #logoh{
margin-left:4px; margin-right:8px; margin-top:6px; }
#home-top
#home-top-block #topbar #area2{ position:relative; float:right;
}
/****************************************************************/
#generalspace
#search{ }
#generalspace #search .title{ font-size:20px; }
#generalspace
#search .msgerror{ font-size:13px; margin:30px 0px 100px; }
#generalspace
#search .one-user-directory{ position:relative; float:left; width: 290px;
margin-right:20px; padding-top: 7px; overflow: auto; border-bottom: 1px
solid #EEE; }
#generalspace #search .one-user-directory .avatar{
width:50px; float:left; overflow:auto; }
#generalspace #search
.one-user-directory .infomsg{ padding: 0 15px 5px 60px; word-wrap:
break-word; }
#generalspace #search .one-user-directory .infomsg
.username{ font-size:13px; }
#generalspace #search .one-user-directory
.infomsg .txtmsg{ font-size:11px; color:#999; }
#generalspace #search
#pagination{ margin-top:20px; }
#generalspace #search #pagination
.current{ color:#7c7b7b; border:1px solid #D9D9D9;
background-color:#F3F3F3; padding:2px 6px; }
#generalspace #search
#pagination .nocurrent{ padding:2px 6px; margin:0; }
#generalspace #search
#pagination .nocurrent a{ text-decoration:none; color:#27566f;
}
#generalspace #search #listresults .spacephoto{ position:relative;
float:left; margin-right:10px; margin-left:0px; margin-bottom:10px;
padding:4px; border:1px solid #CCC;}
#generalspace #search #listresults
.oneminiphoto{ width:135px; height:135px; background-color:#F8F8F8;
}
#generalspace #search #listresults .moreinfo{ font-size:11px;
text-align:center; padding:5px 0
0px;}
/*******************************************/
#top-inside{
color:#FFF; background:#3B5998; border-bottom:1px solid #133783;
height:41px; /*overflow:hidden;*/ max-height:41px; }
#top-inside
#top-inside-block{ }
#top-inside #top-inside-block #topbar-inside{
}
#top-inside #top-inside-block #topbar-inside #area1{ position:relative;
float:left; display:block; }
#top-inside #top-inside-block #topbar-inside
#area1 #isotipo{ position:relative; float:left; margin-top:6px;
}
#top-inside #top-inside-block #topbar-inside #area1 #logo{
position:relative; float:left; margin-left:4px; margin-right:8px;
margin-top:5px; }
#top-inside #top-inside-block #topbar-inside #area1
#boxsearch{ position:relative; float:left; margin-top:7px; }
#top-inside
#top-inside-block #topbar-inside #area2{ position:relative; float:right;
}
#top-inside #top-inside-block #topbar-inside #area2 #infouser{
position:relative; float:left; }
#top-inside #top-inside-block
#topbar-inside #area2 #infouser #txtusername{ font-weight:bold;
line-height:43px; vertical-align:top; padding:10px 0 10px 3px;
}
#top-inside #top-inside-block #topbar-inside #area2 #infouser
#imgavatar{ margin-top:10px; border:1px solid #374C78; font-size:0px;
width:19px; height:19px; border-radius:3px; }
#top-inside
#top-inside-block #topbar-inside #area2 #infouser a{ text-decoration:none;
color:#FFF; }
#top-inside #top-inside-block #topbar-inside #area2
#txthometop{ position:relative; float:left; font-weight:bold;
line-height:42px; color:#FFF; margin-left:20px; }
#top-inside
#top-inside-block #topbar-inside #area2 #txthometop a{
text-decoration:none; color:#FFF; }
#top-inside #top-inside-block
#topbar-inside #area2 #icodashtop{ position:relative; float:left;
margin-top:11px; }
#top-inside #top-inside-block #topbar-inside #area2
#icodashtop div{ position:relative; float:left; }
#top-inside
#top-inside-block #topbar-inside #area2 #icodashtop .icotop{
margin-left:20px; width:20px; text-align:center; }
#top-inside
#top-inside-block #topbar-inside #area2 #icodashtop #icohometop{
display:none;
}
/****************************************************************/
#search-container{
position:absolute; top:42px; width:100%; margin:0px auto; display:none;
z-index:301; }
#search-container #contentSearch{ margin:0px auto;
width:930px; }
#search-container #contentSearch #resultsSearch{
background-color:#FFF; border:1px solid #BFBFBF; width:300px;
}
#search-container #contentSearch #resultsSearch #loadingSearch{
text-align:center; }
#search-container #contentSearch #resultsSearch
.areaclose{ text-align:right; padding:5px;
}
/****************************************************************/
#search-container
#contentSearch #resultsSearch .oneresult{ width:100%; border-bottom:1px
solid #FFF; border-top:1px solid #FFF; color: #3b5998;}
#search-container
#contentSearch #resultsSearch .link a{ color:#3b5998; text-decoration:none;
}
#search-container #contentSearch #resultsSearch .link a:hover{
text-decoration:underline; }
#search-container #contentSearch
#resultsSearch .oneresult .photo{ width:26px; float:left;
margin-bottom:5px; font-size:0px; }
#search-container #contentSearch
#resultsSearch .oneresult .info{ padding:0 0 5px 35px; margin-bottom:5px;
}
#search-container #contentSearch #resultsSearch .oneresult .info .title{
font-size:13px; font-weight:bold; }
#search-container #contentSearch
#resultsSearch .oneresult .info .numposts{ font-size:11px;
}
#search-container #contentSearch #resultsSearch .oneresult .info2{
padding:0 0 5px 15px; margin-bottom:5px; }
#search-container
#contentSearch #resultsSearch .oneresult .info2 .title{ font-size:13px;
font-weight:bold; }
#search-container #contentSearch #resultsSearch
.oneresult:hover{ background-color:#6D84B4; border-top:1px solid #3B5998;
border-bottom:1px solid
#3B5998; color:#FFF !important;
}
/*******************************************/
.box-notification-msg{
color: #fff; display: none; font-size: 9px; font-weight: bold;
padding-bottom: 1px; position: absolute; right: -1px; top: 0; z-index: 101;
}
.box-notification-msg .notification-value-msg{ background-color:
#f03d25; border: 1px solid #d83722; border-bottom: 1px solid #c0311e;
border-top: 1px solid #e23923; display: block; padding: 0 1px; margin-top:
-6px;
}
/*******************************************/
.box-notification{
color: #fff; display: none; font-size: 9px; font-weight: bold;
padding-bottom: 1px; position: absolute; right: -1px; top: 0; z-index: 101;
}
.box-notification .notification-value{ background-color: #f03d25;
border: 1px solid #d83722; border-bottom: 1px solid #c0311e; border-top:
1px solid #e23923; display: block; padding: 0 1px; margin-top: -6px;
}
.area-notification{ max-width: 930px; width: 100%; display: none; top:
42px; position: absolute; }
.content-notification{ background: #fff;
border: 1px solid #BFBFBF; max-width: 350px; width: 100%; float: right;
color:#000; position: absolute; z-index: 102; right:0px;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); -moz-box-shadow: 0 3px
8px rgba(0, 0, 0, .25); box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}
.content-notification .areaclose{ text-align:right; padding:5px;
}
.content-notification .content-info{ padding:5px 10px 5px;
}
.content-notification .content-info .itemalertnot{ margin-bottom:10px;
padding-top:5px; }
.content-notification .content-info .itemalertnot
.avatar{ position:relative; float:left; margin-right:5px; width:26px;
}
.content-notification .content-info .itemalertnot .info{
position:relative; float:left; /*font-family:'Open Sans', Arial, sans-serif
!important;*/ width:299px; }
.content-notification .content-info
.itemalertnot .info .txtaccion{ font-size:13px; }
.content-notification
.content-info .itemalertnot .info .txtwhen{ font-size:11px; color:#999;
}
.content-notification .areamore{ border-top: 1px solid #EAEAEA;
}
.content-notification .areamore .morenotifications{ padding:10px 0px;
text-align:center; font-weight:bold; background-color:#F4F4F4;
}
/*******************************************/
.area-notification-msg{
max-width: 930px; width: 100%; display: none; top: 42px; position:
absolute; }
.content-notification-msg{ background: #fff; border: 1px
solid #BFBFBF; max-width: 350px; width: 100%; float: right; color:#000;
position: absolute; z-index: 102; right:0px; -webkit-box-shadow: 0 3px 8px
rgba(0, 0, 0, .25); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25); }
.content-notification-msg
.areaclose{ text-align:right; padding:5px; }
.content-notification-msg
.content-info-msg{ padding:5px 10px 5px; }
.content-notification-msg
.content-info-msg .one-alert-msg-container{ width: 100%; padding-top: 7px;
overflow: auto; }
.content-notification-msg .content-info-msg
.one-alert-msg-container .avatar{ width:26px; float:left; overflow:auto;
}
.content-notification-msg .content-info-msg .one-alert-msg-container
.infomsg{ padding: 0 15px 5px 30px; word-wrap: break-word;
}
.content-notification-msg .content-info-msg .one-alert-msg-container
.infomsg .username{ font-size:13px; }
.content-notification-msg
.content-info-msg .one-alert-msg-container .infomsg .txtmsg{
font-style:italic; font-size:12px; }
.content-notification-msg
.content-info-msg .one-alert-msg-container .infomsg .txtmsg
a{}
.content-notification-msg .content-info-msg .one-alert-msg-container
.infomsg .txtmsg a:hover{}
.content-notification-msg .content-info-msg
.one-alert-msg-container .infomsg .dateago{ font-size:10px; color:#999;
}
.content-notification-msg .areamore{ border-top: 1px solid #EAEAEA;
}
.content-notification-msg .areamore .morenotifications{ padding:10px
0px; text-align:center; font-weight:bold; background-color:#F4F4F4;
}
/*******************************************/
#generalspace{
padding:0px 0px 30px; border-bottom:#CED2D7 solid 1px; width:100%;
height:100%; }
#generalspace #column1{ position:relative; float:left;
width:180px; margin-top:20px; margin-right:20px; }
#boxmenu{
}
#boxmenu #miniinfouser{ margin-bottom:10px; }
#boxmenu #miniinfouser
.mavatar{ float:left; }
#boxmenu #miniinfouser .mavatar
.thumbpfoto{border: 1px solid #B0B5C5; border-radius:4px; width:40px;
height:40px; }
#boxmenu #miniinfouser .minfo{ padding:0px 0px 0px 47px;
line-height:18px; font-weight:bold; }
#generalspace #column1
.menuglobal{ margin-left:-6px; }
#generalspace #column1 .menuglobal a{
text-decoration:none; color:#000; }
#generalspace #column1 .menuglobal
a:hover{ text-decoration:none; color: #000; }
#generalspace #column1
.menuoption{ font-size:12px; color:#000; height:24px; line-height:18px;
padding:0px 5px; }
#generalspace #column1 .inact:hover{
background-color:#DDDEE0; }
#generalspace #column1 .act{
font-weight:bold; }
#generalspace #column1 .act:hover{
background-color:#DDDEE0; }
#generalspace #column1 .menuoption .icopc{
position:relative; float:left; margin-top:2px; }
#generalspace #column1
.menuoption .txtopc{ position:relative; float:left; margin-left:5px;
margin-top:3px;
}
/**********************************************************************/
#menuprofile{
background-color:#FFF; border:1px solid #d3d6db; border-radius:3px;
-moz-border-radius:3px; -webkit-border-radius:3px; padding:10px;
}
#menuprofile .menuglobalp{ margin-left:-6px; margin-right:-5px;
}
#menuprofile .menuglobalp a{ text-decoration:none; color:#000;
}
#menuprofile .menuglobalp a:hover{ text-decoration:none; color: #000;
}
#menuprofile .menuoptionp{ font-size:12px; color:#000; height:24px;
line-height:18px; padding:0px 5px; }
#menuprofile .inactp:hover{
background-color:#DDDEE0; }
#menuprofile .actp{ font-weight:bold;
}
#menuprofile .actp:hover{ background-color:#DDDEE0; }
#menuprofile
.menuoptionp .icopcp{ position:relative; float:left; margin-top:2px;
}
#menuprofile .menuoptionp .txtopcp{ position:relative; float:left;
margin-left:5px; margin-top:3px;
}
/**********************************************************************/
#generalspace
#column1 #avatargeneral{}
#generalspace #column1 #avatarmini{
display:none; }
#generalspace #column1 #avatarmedium{ display:none;
}
/**********************************************************************/
#generalspace
#column1-info{ position:relative; float:left; width:180px;
margin-right:20px; }
#generalspace #column1-info .titlemenu{
text-align:center; color:#666; font-size:15px; font-weight:700; padding:5px
0;}
#generalspace #column1-info .menuglobal{}
#generalspace #column1-info
.menuglobal a{ text-decoration:none; color:#000; }
#generalspace
#column1-info .menuglobal a:hover{ text-decoration:none; color: #000;
}
#generalspace #column1-info .menuoption{ font-size:13px; color:#000;
height:20px; line-height:20px; padding:5px 2px; text-align:center;
overflow:hidden; }
#generalspace #column1-info .inact{ }
#generalspace
#column1-info .inact:hover{ background-color:#DDDEE0; }
#generalspace
#column1-info .act{ font-weight:bold; }
#generalspace #column1-info
.act:hover{ background-color:#DDDEE0; }
#generalspace #column2-info{
position:relative; float:left; width:730px; }
#generalspace
#column2-info #page-info2 .title{ font-size:20px; }
#generalspace
#column2-info #page-info2 .areinfo{ margin-top:20px; }
#generalspace
#column2-info #page-info2 .areinfo .subtitle{ font-size:15px; color:#666;
font-weight:bold;
}
/**********************************************************************/
#generalspace
#column1-admin{ position:relative; float:left; width:180px;
margin-right:20px; }
#generalspace #column1-admin .titlemenu{
text-align:center; color:#666; font-size:15px; font-weight:700; padding:5px
0; }
#generalspace #column1-admin .menuglobal{}
#generalspace
#column1-admin .menuglobal a{ text-decoration:none; color:#000;
}
#generalspace #column1-admin .menuglobal a:hover{ text-decoration:none;
color: #000; }
#generalspace #column1-admin .menuoption{ font-size:13px;
color:#000; height:20px; line-height:20px; padding:5px 2px;
text-align:center; overflow:hidden; }
#generalspace #column1-admin .inact{
}
#generalspace #column1-admin .inact:hover{ background-color:#DDDEE0;
}
#generalspace #column1-admin .act{ font-weight:bold; }
#generalspace
#column1-admin .act:hover{ background-color:#DDDEE0;
}
/**********************************************************************/
#generalspace
#column2-admin{ position:relative; float:left; width:730px;
}
#generalspace #column2-admin #dashboard-admin2 .title{ font-size:20px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea{
margin-bottom:20px; }
#generalspace #column2-admin #dashboard-admin2
.editarea .subtitle{ font-size:15px; color:#666; font-weight:bold;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:55%; }
#generalspace #column2-admin #dashboard-admin2
#listusers{}
#generalspace #column2-admin #dashboard-admin2 #listusers
.one-user{ width: 100%; padding: 10px 0 5px; overflow: auto; border-bottom:
1px solid #EEE; }
#generalspace #column2-admin #dashboard-admin2
#listusers .one-user .avatar{ width:26px; float:left; overflow:auto;
}
#generalspace #column2-admin #dashboard-admin2 #listusers .one-user
.infomsg{ padding: 0 15px 5px 30px; word-wrap: break-word; }
#generalspace
#column2-admin #dashboard-admin2 #listusers .one-user .infomsg .username{
font-size:14px; }
#generalspace #column2-admin #dashboard-admin2
#listusers .one-user .infomsg .txtmsg{ font-size:11px; color:#999;
}
#generalspace #column2-admin #dashboard-admin2 #paginations
.pactive{ padding:2px 5px; border:1px solid #06C; color:#06C;
}
#generalspace #column2-admin #dashboard-admin2 #paginations .pnoactive{
padding:2px 5px; }
#generalspace #column2-admin #dashboard-admin2
#paginations .pnoactive a{ text-decoration:none; color:#06C;
}
#generalspace #column2-admin #dashboard-admin2 #paginations .pnoactive
a:hover{ text-decoration:underline; color:#06C; }
#generalspace
#column2-admin #dashboard-admin2 #listcensor{}
#generalspace
#column2-admin #dashboard-admin2 #listcensor .onephoto{ position:relative;
float:left; width:150px; padding: 5px; border: 1px solid #EEE;
margin-right:20px; margin-bottom:10px;
}
/**********************************************************************/
#generalspace
#column2{ position:relative; float:left; width:510px; margin-top:20px;
}
#generalspace #column2 #infobasic{}
#generalspace #column2 #infobasic
.hefollows{ background-color:#FC0; color: #333; font-size:10px;
text-transform:uppercase; padding:0px 5px; }
#generalspace #column2
#infobasic #titleuser{ font-size:25px; }
#generalspace #column2
#infobasic .table-data{ }
#generalspace #column2 #infobasic .info-profile{
}
#generalspace #column2 #infobasic .info-profile a{ text-decoration:none;
color:#000; }
#generalspace #column2 #infobasic .info-profile a:hover{
color:#0084B4; text-decoration:none; }
#generalspace #column2 #infobasic
.info-profile .basic-number{ font-size:16px; font-weight:bold;
}
#generalspace #column2 #infobasic .info-profile .basic-text{
text-transform:uppercase; font-size:10px; }
#generalspace #column2
#infobasic .space-data{ width:10%; }
#generalspace #column2 #infobasic
.space-data-border{ padding:0px 10px 0px 10px; border-right:1px solid
#E8E8E8; border-left:1px solid #E8E8E8; }
#generalspace #column2
#infobasic .space-data-empty{ width:35%; }
#generalspace #column2
#profile2{}
#generalspace #column2 #profile2 .title{ font-size:20px;
}
#generalspace #column2 #profile2 .subtitle{ font-size:15px;
font-weight:bold; color:#666; }
#generalspace #column2 #profile2
.onefollower{ margin-bottom:25px; }
#generalspace #column2 #profile2
.onefollower .avatar{ float:left; width:50px; }
#generalspace #column2
#profile2 .onefollower .info{ padding:0 0 0 60px; }
#generalspace #column2
#profile2 .onefollower .info .name{ font-size:15px; font-weight:bold;
}
#generalspace #column2 #profile2 .onefollower .info .moreinfo{
font-size:12px;
}
/************************************/
#generalspace #column2
#profile2 .oneactivity{ background-color:#FFF; margin-top:15px; border:1px
solid #d3d6db; -webkit-border-radius:3px; -moz-border-radius:3px;
border-radius:3px; }
#generalspace #column2 #profile2 .oneactivity
.oaheader{ padding:10px; }
#generalspace #column2 #profile2 .oneactivity
.oaheader .avatar{ float:left;font-size:0px; }
#generalspace #column2
#profile2 .oneactivity .oaheader .avatar img{ width:42px; }
#generalspace
#column2 #profile2 .oneactivity .oaheader .info{ padding:4px 15px 0px 50px;
}
#generalspace #column2 #profile2 .oneactivity .oaheader .info .iuser{
font-size:14px; font-weight:bold; margin-bottom:2px; }
#generalspace
#column2 #profile2 .oneactivity .oaheader .info .idate{ font-size:12px;
}
#generalspace #column2 #profile2 .oneactivity .oaheader .info .idate a{
color:#999; text-decoration:none; }
#generalspace #column2 #profile2
.oneactivity .oaheader .info .idate a:hover{ text-decoration:underline;
}
#generalspace #column2 #profile2 .oneactivity .oabody{ padding:0 10px
0 10px;}
#generalspace #column2 #profile2 .oneactivity .oabody .space01{
text-align:center; font-size:14px; margin-bottom:10px; color:#6B6B6B;
}
#generalspace #column2 #profile2 .oneactivity .oabody .space02{
text-align:center; font-size:16px; font-weight:bold; }
#generalspace
#column2 #profile2 .oneactivity .oabody .space03{ text-align:center;
}
#generalspace #column2 #profile2 .oneactivity .oabody .space04{
text-align:center; font-size:13px; }
#generalspace #column2 #profile2
.oneactivity .oabody .space04 .line1{ font-size:11px !important; color:#999
!important; }
#generalspace #column2 #profile2 .oneactivity .oabody
.space04 .line2{ font-size:12px !important; color:#333 !important;
}
#generalspace #column2 #profile2 .oneactivity .oabody .space04 .line3{
font-size:14px !important; color:#333 !important; }
#generalspace
#column2 #profile2 .oneactivity .oabody .space05{ text-align:center;
font-size:14px; margin-bottom:10px; color:#000; padding-right:10px;
word-wrap:break-word; }
#generalspace #column2 #profile2 .oneactivity
.oabody .space06{ text-align:center; }
#generalspace #column2 #profile2
.oneactivity .oabody .space07{ text-align:center; }
#generalspace
#column2 #profile2 .oneactivity .spacebottom{ border-top: 1px solid
#e9eaed; background: #fafbfb; -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright:
3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
#generalspace #column2 #profile2
.oneactivity .accesories{ padding:5px 10px; }
#generalspace #column2
#profile2 .oneactivity .arealinkmorecomment{ border-bottom:1px solid
#EEEEEE; text-align:center; padding:5px }
#generalspace #column2
#profile2 .oneactivity .areacomments{ padding:10px 25px 10px 10px;
}
#generalspace #column2 #profile2 .oneactivity .areacomments .avatar{
width:35px; float:left; }
#generalspace #column2 #profile2 .oneactivity
.areacomments .areainput{ padding:0 0 5px 40px; }
#generalspace #column2
#profile2 .oneactivity .areacomments .boxinput{ width:100%; resize:none;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif !important;
padding:5px; min-height:30px; overflow:hidden; border:1px solid #D0D2D7;
height:25px; }
#generalspace #column2 #profile2 .oneactivity
.listcomments{ padding:5px 10px 5px 10px; }
#generalspace #column2
#profile2 .oneactivity .listcomments .onecomment{ border-bottom:1px solid
#EEEEEE; padding-top:10px; }
#generalspace #column2 #profile2 .oneactivity
.listcomments .onecomment .avatar{ width:35px; float:left; }
#generalspace
#column2 #profile2 .oneactivity .listcomments .onecomment .info{ padding:0
0 5px 40px; margin-bottom:5px; }
#generalspace #column2 #profile2
.oneactivity .listcomments .onecomment .info .user{ font-size:12px;
font-weight:bold; }
#generalspace #column2 #profile2 .oneactivity
.listcomments .onecomment .info .message{ margin-top:5px; font-size:12px;
word-wrap:break-word; }
#generalspace #column2 #profile2 .oneactivity
.listcomments .onecomment .info .whend{ font-size:11px; margin-top:5px;
}
#generalspace #column2 #profile2 .oneactivity .listcomments .onecomment
.delete{float:right; height:10px; width:10px; text-align:right;
}
/************************************/
#generalspace #column2
#profile2 #mylikes{}
#generalspace #column2 #profile2 #mylikes .onelike{
position:relative; float:left; margin-right:7px; margin-bottom:10px;
border:1px solid #CCC; padding:5px; }
#generalspace #column2 #profile2
#mylikes .onelike .moredata{ margin-top:5px; color:#999; font-size:11px;
text-align:center;
}
/************************************/
#generalspace #column2
#profile2 .boxchat{ margin-top:15px; border:1px solid #F2F3F4;
background-color:#FFF; -webkit-border-radius: 3px; -webkit-border-radius:
3px; -moz-border-radius: 3px; }
#generalspace #column2 #profile2
.boxchat .chatheader{ padding:10px; border-bottom:1px solid #e9eaed;
background-color:#F6F7F8; border-top-left-radius:3px;
-webkit-border-top-left-radius:3px; -moz-border-top-left-radius:3px;
border-top-right-radius:3px; -webkit-border-top-right-radius:3px;
-moz-border-top-right-radius:3px; }
#generalspace #column2 #profile2
.boxchat .chatheader .ico{ position:relative; float:left;
margin-right:10px; font-size:0px; width:27px; }
#generalspace #column2
#profile2 .boxchat .chatheader .info{ position:relative; float:left;
width:430px; }
#generalspace #column2 #profile2 .boxchat .chatheader .info
.iuser{ font-size:14px; font-weight:bold; }
#generalspace #column2
#profile2 .boxchat .chatbody{ padding:0 10px; height: 410px; overflow:
auto; }
#generalspace #column2 #profile2 .boxchat .chatbodyno{
padding:20px; text-align:center; font-size:14px; }
#generalspace
#column2 #profile2 .boxchat .loadmorechat{ padding:10px; text-align:center;
border-bottom: 1px solid #e9eaed; }
#generalspace #column2 #profile2
.boxchat .chatbody .spacemsgno{ text-align:center; padding:20px;
font-size:14px; }
#generalspace #column2 #profile2 .boxchat .chatbody
.spacemsg{ font-size:13px; }
#generalspace #column2 #profile2 .boxchat
.entertxt{ padding:10px; border-top:1px solid #e9eaed;
background-color:#FAFBFB; border-bottom-left-radius:3px;
-webkit-border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px;
border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px;
-moz-border-bottom-right-radius:3px; margin-right:10px; }
#generalspace
#column2 #profile2 .boxchat .entertxt input{ border:1px solid #d3d7dc;
outline: 0; width: 100%; resize: none; height: 25px; min-height: 25px;
max-width: 100%; overflow: hidden; padding:2px 5px; }
#generalspace
#column2 #profile2 .boxchat .prof-one-msgchat-container{ width: 100%;
margin-top: 7px; overflow: auto; border-bottom: 1px solid #e9eaed;
}
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container
.avatar{ width:32px; float:left; overflow:auto; }
#generalspace #column2
#profile2 .boxchat .prof-one-msgchat-container .infomsg{ padding: 0 15px
5px 30px; word-wrap: break-word; }
#generalspace #column2 #profile2
.boxchat .prof-one-msgchat-container .infomsg .username{ font-size:13px;
}
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container
.infomsg .txtmsg{ font-style:italic; font-size:13px; }
#generalspace
#column2 #profile2 .boxchat .prof-one-msgchat-container .infomsg .txtmsg
a{}
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container
.infomsg .txtmsg a:hover{}
#generalspace #column2 #profile2 .boxchat
.prof-one-msgchat-container .infomsg .dateago{ font-size:10px; color:#999;
}
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container
.delete{ float:right; height:10px; width:10px;
}
/************************************/
#generalspace #divseparator{
display:none; }
#generalspace #column3{ position:relative; float:right;
width:200px; margin-top:20px; }
#generalspace #column3 .ads{ width:100%;
overflow:hidden; text-align:center; margin:15px 0px; }
#generalspace
#column3 #useraccesories{ }
#generalspace #column3 #useraccesories
.one-user-accesories{ width: 100%; padding-top: 7px; overflow: auto;
}
#generalspace #column3 #useraccesories .one-user-accesories .avatar{
width:26px; float:left; overflow:auto; }
#generalspace #column3
#useraccesories .one-user-accesories .infomsg{ padding: 0 15px 5px 30px;
word-wrap: break-word; }
#generalspace #column3 #useraccesories
.one-user-accesories .infomsg .username{ font-size:11px; font-weight:bold;
}
#generalspace #column3 #useraccesories .one-user-accesories .infomsg
.txtmsg{ font-size:11px; color:#999; }
#generalspace #column3
#linkmoreuser{ padding:7px 7px; text-align:center; }
#generalspace
#column3 #linkdirectoryphotos{ border:1px solid #EEE; padding:10px;
color:#333 !important;
}
/*******************************************/
.boxdash{ border:1px
solid #d3d6db; background-color:#FFF; border-radius:3px;
-webkit-border-radius:3px; -moz-border-radius:3px; }
.boxdash .title{
font-size:20px; padding:10px; background-color:#F6F7F8;
-webkit-border-top-right-radius:3px; -moz-border-top-left-radius:3px;
border-top-left-radius:3px; border-bottom:1px solid #D3D6DB; }
.boxdash
.spaceinfo{ padding:15px 10px 10px 10px; }
.boxprof{ border:1px solid
#d3d6db; background-color:#FFF; border-radius:3px;
-webkit-border-radius:3px; -moz-border-radius:3px; }
.boxprof .title{
font-size:20px; padding:10px; background-color:#F6F7F8;
-webkit-border-top-right-radius:3px; -moz-border-top-left-radius:3px;
border-top-left-radius:3px; border-bottom:1px solid #D3D6DB; }
.boxprof
.spaceinfo{ padding:15px 10px 10px 10px;
}
/*******************************************/
#generalspace
#dashboard2{ display:block; }
#generalspace #dashboard2 .title{
font-size:20px; }
#generalspace #dashboard2 .editarea{
margin-bottom:20px; }
#generalspace #dashboard2 .editarea .subtitle{
font-size:15px; color:#666; font-weight:bold; }
#generalspace #dashboard2
.editarea .withbox{ width:55%; }
#generalspace #dashboard2
.onefollower{ margin-bottom:25px; }
#generalspace #dashboard2 .onefollower
.avatar{ float:left; width:50px; }
#generalspace #dashboard2 .onefollower
.info{ padding:0 0 0 60px; }
#generalspace #dashboard2 .onefollower .info
.name{ font-size:15px; font-weight:bold; }
#generalspace #dashboard2
.onefollower .info .moreinfo{ font-size:12px; }
#generalspace
#dashboard2 .oneuserchat{ margin-bottom:25px; }
#generalspace #dashboard2
.oneuserchat .avatar{ float:left; width:50px; }
#generalspace #dashboard2
.oneuserchat .info{ padding:0 0 0 60px; }
#generalspace #dashboard2
.oneuserchat .info .name{ font-size:15px; font-weight:bold;
}
#generalspace #dashboard2 .oneuserchat .info .moreinfo{ font-size:13px;
font-style:italic; }
#generalspace #dashboard2 .oneuserchat .info
.datewhen{ font-size:11px; color:#CCC;
}
/*******************************************/
#generalspace
#dashboard2 .oneactivity{ background-color:#FFF; margin-top:15px;
border:1px solid #d3d6db; -webkit-border-radius:3px;
-moz-border-radius:3px; border-radius:3px; }
#generalspace #dashboard2
.oneactivity .oaheader{ padding:10px; }
#generalspace #dashboard2
.oneactivity .oaheader .avatar{ float:left; font-size:0px;
}
#generalspace #dashboard2 .oneactivity .oaheader .avatar img{
width:42px; }
#generalspace #dashboard2 .oneactivity .oaheader .info{
padding:4px 15px 0px 50px; }
#generalspace #dashboard2 .oneactivity
.oaheader .info .iuser{ font-size:14px; font-weight:bold;
margin-bottom:2px; }
#generalspace #dashboard2 .oneactivity .oaheader
.info .idate{ font-size:12px; }
#generalspace #dashboard2 .oneactivity
.oaheader .info .idate a{ color:#999; text-decoration:none;
}
#generalspace #dashboard2 .oneactivity .oaheader .info .idate a:hover{
text-decoration:underline; }
#generalspace #dashboard2 .oneactivity
.oabody{ padding:0 10px 0 10px;}
#generalspace #dashboard2 .oneactivity
.oabody .space01{ text-align:center; font-size:13px; color: #999;
}
#generalspace #dashboard2 .oneactivity .oabody .space02{
text-align:center; font-size:16px; font-weight:bold; }
#generalspace
#dashboard2 .oneactivity .oabody .space03{ text-align:center;
}
#generalspace #dashboard2 .oneactivity .oabody .space04{
text-align:center; font-size:13px; }
#generalspace #dashboard2
.oneactivity .oabody .space04 .line1{ font-size:11px !important; color:#999
!important; }
#generalspace #dashboard2 .oneactivity .oabody .space04
.line2{ font-size:13px !important; color:#333 !important; }
#generalspace
#dashboard2 .oneactivity .oabody .space04 .line3{ font-size:14px
!important; color:#333 !important; }
#generalspace #dashboard2
.oneactivity .oabody .space05{ text-align:center; font-size:14px;
margin-bottom:10px; color:#000; padding-right:10px; word-wrap:break-word;
}
#generalspace #dashboard2 .oneactivity .oabody .space06{
text-align:center; }
#generalspace #dashboard2 .oneactivity .oabody
.space07{ text-align:center; }
#generalspace #dashboard2 .oneactivity
.spacebottom{ border-top: 1px solid #e9eaed; background: #fafbfb;
-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius:
3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft:
3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
}
#generalspace #dashboard2 .oneactivity .accesories{ padding:5px 10px;
}
#generalspace #dashboard2 .oneactivity .areacomments{ padding:10px
25px 10px 10px; }
#generalspace #dashboard2 .oneactivity .areacomments
.avatar{ width:35px; float:left; }
#generalspace #dashboard2 .oneactivity
.areacomments .areainput{ padding:0 0 5px 40px; }
#generalspace
#dashboard2 .oneactivity .areacomments .boxinput{ width:100%; resize:none;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif !important;
padding:5px; min-height:30px; overflow:hidden; border:1px solid #D0D2D7;
height:25px; }
#generalspace #dashboard2 .oneactivity
.arealinkmorecomment{ border-bottom:1px solid #EEEEEE; text-align:center;
padding:5px }
#generalspace #dashboard2 .oneactivity .listcomments{
padding:5px 10px 5px 10px; }
#generalspace #dashboard2 .oneactivity
.listcomments .onecomment{ border-bottom:1px solid #EEEEEE;
padding-top:10px; }
#generalspace #dashboard2 .oneactivity .listcomments
.onecomment .avatar{ width:35px; float:left; }
#generalspace #dashboard2
.oneactivity .listcomments .onecomment .info{ padding:0 0 5px 40px;
margin-bottom:5px; }
#generalspace #dashboard2 .oneactivity .listcomments
.onecomment .info .user{ font-size:12px; font-weight:bold; }
#generalspace
#dashboard2 .oneactivity .listcomments .onecomment .info .message{
margin-top:5px; font-size:12px; word-wrap:break-word; }
#generalspace
#dashboard2 .oneactivity .listcomments .onecomment .info .whend{
font-size:11px; margin-top:5px; }
#generalspace #dashboard2 .oneactivity
.listcomments .onecomment .delete{float:right; height:10px; width:10px;
text-align:right;
}
/*******************************************/
#generalspace
#dashboard2 #titleupdate{ font-size:16px; font-weight:bold;
}
#generalspace #dashboard2 .divpointbox{ height:9px; font-size:0px;
}
#generalspace #dashboard2 .divpointbox .pointbox{ position:relative;
top:1px; margin-left:20px; }
#generalspace #dashboard2 .boxstatus{
border:1px solid #D3D6DB; -webkit-border-radius:3px;
-moz-border-radius:3px; border-radius:3px; background-color:#FFF;
}
#generalspace #dashboard2 .boxstatus .oaheader{ padding:10px;
border-bottom:1px solid #BFBFBF; }
#generalspace #dashboard2 .boxstatus
.oabody{ padding:10px; border-bottom:1px solid #EEEEEE; }
#generalspace
#dashboard2 .boxstatus .oabody textarea{ border: 0; outline: 0;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif; width: 100%;
resize: none; min-height: 38px; max-width: 100%; overflow: hidden;
height:42px; }
#generalspace #dashboard2 .boxstatus .accesories{
padding:10px; }
#generalspace #dashboard2 .boxstatus .accesories
.icoattach{ font-size:0px; }
#generalspace #dashboard2 .boxstatus
.bpost{ background-color: #4e69a2; border-color: #435a8b #3c5488 #334c83;
padding:4px 10px 4px 10px; color:#FFFFFF !important; font-size:13px;
}
.additional-info {
border-bottom: 1px solid #EEE;
padding: 5px
10px;
display: none;
}
.additional-info input {
border: 0;
outline:
0;
width: 100%;
}
.selected-files {
border-bottom: 1px solid
#EEE;
padding: 5px 10px;
display: none;
color: #a9a9a9;
}
.bimage{
width: 24px; height: 18px; background-image:
url('../imgs/icoattachphoto.png'); background-repeat: no-repeat; overflow:
hidden; float: left; }
.inputimage{ position:relative; opacity: 0.0;
height: 18px; width: 23px;
}
/*******************************************/
#generalspace
#dashboard2 .itemonenot{ margin-bottom:25px; }
#generalspace #dashboard2
.itemonenot .avatar{ float:left; width:50px; }
#generalspace #dashboard2
.itemonenot .info{ padding:0 0 0 60px; }
#generalspace #dashboard2
.itemonenot .info .txtaction{ font-size:14px; }
#generalspace #dashboard2
.itemonenot .info .txtwhen{ font-size:12px; color:#999;
}
/*******************************************/
#generalspace
#dashboard2 #mylikes{}
#generalspace #dashboard2 #mylikes .onelike{
position:relative; float:left; margin-right:7px; margin-bottom:10px;
border:1px solid #CCC; padding:5px; }
#generalspace #dashboard2 #mylikes
.onelike .moredata{ margin-top:5px; color:#999; font-size:11px;
text-align:center;
}
/*******************************************/
#generalspace
#dashboard2 #listcomments{ }
#generalspace #dashboard2 #listcomments
.onecomment{ border-bottom:1px solid #EEEEEE; margin-bottom:10px;
}
#generalspace #dashboard2 #listcomments .onecomment .avatar{ float:left;
}
#generalspace #dashboard2 #listcomments .onecomment .info{ padding:0 0
5px 36px; padding-bottom:10px; }
#generalspace #dashboard2 #listcomments
.onecomment .info .user{ font-size:12px; font-weight:bold; }
#generalspace
#dashboard2 #listcomments .onecomment .info .message{ font-size:12px;
margin-top:5px; }
#generalspace #dashboard2 #listcomments .onecomment
.info .whend{ font-size:11px; margin-top:7px; }
#generalspace #dashboard2
#listcomments .onecomment .delete{float:right; height:10px; width:10px;
text-align:right;
}
/*******************************************/
#generalspace
.titleblock{ background-color:#F8F8F8; text-align:center; padding:5px;
color:#817B85; font-size:14px; height:25px; line-height:25px;
font-weight:700; border:1px solid #F0F0F0; }
#generalspace .titleblock
#icot{ display:none; }
#generalspace .titleblock #txtt{ display:block;
}
/*******************************************/
.spaceWhite{
background-color:#FFF; border: 1px solid #d3d6db; border-radius:3px;
-moz-border-radius:3px; -webkit-border-radius:3px; padding:10px;
}
/*******************************************/
.ellipsis{white-space:
nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
}
/*******************************************/
#profile03{}
#profile03
#spaceUserAccesories{ background-color:#FFF; border: 1px solid #d3d6db;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
padding:10px; margin-bottom:20px; }
#profile03 #spaceUserAccesories
.uatitle{ text-align:center; margin-bottom:5px; font-size:12px;
font-weight:bold; color:#666; }
#profile03 #spaceUserAccesories .linkmore{
margin-top:10px; margin-bottom:5px; text-align:center;
}
#dashboard3{}
#dashboard3 #spaceUserAccesories{
background-color:#FFF; border: 1px solid #d3d6db; border-radius:3px;
-moz-border-radius:3px; -webkit-border-radius:3px; padding:10px;
margin-bottom:20px; }
#dashboard3 #spaceUserAccesories .uatitle{
text-align:center; margin-bottom:5px; font-size:12px; font-weight:bold;
color:#666; }
#dashboard3 #spaceUserAccesories .linkmore{ margin-top:10px;
margin-bottom:5px; text-align:center;
}
/*******************************************/
/*******************************************/
#generalspace
#directory .title{ font-size:20px; }
#generalspace #directory{
}
#generalspace #directory .one-user-directory{ float:left; width: 280px;
margin-right:15px; margin-bottom:20px; overflow: auto; }
#generalspace
#directory .one-user-directory .avatar{ width:50px; position:relative;
float:left; overflow:auto; }
#generalspace #directory .one-user-directory
.infomsg{ padding: 0 15px 5px 60px; word-wrap: break-word; }
#generalspace
#directory .one-user-directory .infomsg .username{ font-size:13px;
font-weight:bold; }
#generalspace #directory .one-user-directory .infomsg
.txtmsg{ font-size:11px; color:#999; }
#generalspace #directory
#pagination{ margin-top:20px; }
#generalspace #directory #pagination
.current{ color:#7c7b7b; border:1px solid #D9D9D9;
background-color:#F3F3F3; padding:2px 6px; }
#generalspace #directory
#pagination .nocurrent{ padding:2px 6px; margin:0; }
#generalspace
#directory #pagination .nocurrent a{ text-decoration:none; color:#27566f;
}
/*******************************************/
.titleSearchT{
font-size:20px; }
.msgerrorSearchT{ font-size:14px; margin:30px 0px 30px;
text-align:center;
}
/*******************************************/
#footsite{
border-top:1px solid #FFF; }
#footsite #foot-right{ font-size:12px;
margin-bottom:10px; }
#footsite #foot-right-i{ padding:5px 0px 20px;;
font-size:12px; color:gray; text-shadow: 0 1px #fff; }
#footsite-home{
position:fixed; bottom:0; margin:0 auto; z-index:11; }
#footsite-home
#foot-home-in{ border-top:1px solid #FFF; }
#footsite-home #foot-home-in
#foot-right{ font-size:12px; margin-bottom:10px; color:#FFF;
}
#footsite-home #foot-home-in #foot-right-i{ padding:5px 0px 20px;;
font-size:12px; color:gray; text-shadow: 0 1px #fff;
}
/*******************************************/
.blackvideo{
position:relative; padding:10px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px; background-color:#161616;
-webkit-box-shadow: 0px 25px 15px -18px rgba(0, 0, 0, 0.7); box-shadow: 0px
25px 15px -18px rgba(0, 0, 0, 0.7); max-width: 85%; margin: 0px auto;
}
.blackvideo .interno{ position:relative; padding-bottom:56.25%;
padding-top:30px; height:0; overflow:hidden; z-index:101; border:none;
}
.blackvideo .interno iframe, .blackvideo .interno object, .blackvideo
.interno embed{ position: absolute; top: 0; left: 0; width: 100%; height:
100%; outline: 0; outline: none; overflow: hidden;
}
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*
Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align:
center;
position: absolute;
width: 100%;
height: 100%;
left:
0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top
.mfp-container:before {
display: none; }
.mfp-content {
position:
relative;
display: inline-block;
vertical-align: middle;
margin: 0
auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder
.mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor:
auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor:
-moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor:
-moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select:
none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background:
transparent;
border: 0;
-webkit-appearance: none;
display:
block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner
{
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height:
44px;
line-height: 44px;
position: absolute;
right: 0;
top:
0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder
.mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position:
absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity:
0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0,
0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a
{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width:
21px; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b
{
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder
.mfp-content {
line-height: 0;
width: 100%;
max-width:
900px; }
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow:
hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0,
0.6);
background: black; }
/* Main image in popup */
img.mfp-img
{
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin:
0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position:
absolute;
left: 0;
top: 40px;
bottom: 40px;
display:
block;
right: 0;
width: auto;
height: auto;
z-index:
-1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position:
absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color:
#f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery
.mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and
(max-width: 800px) and (orientation: landscape), screen and (max-height:
300px) {
/**
* Remove all paddings around the image on small
screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left:
0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding:
0; }
.mfp-img-mobile .mfp-figure {
/* The shadow behind the image
*/ }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom:
0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background:
rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width:
35px;
height: 35px;
line-height: 35px;
background: rgba(0,
0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
} }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin:
0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7
.mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7
.mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/*******************************************/
/*******************************************/
/*******************************************/
#user-card{
position: absolute; display: none; margin: 0 auto; border-radius:5px;
background: #fff; border: 1px solid #BFBFBF; max-width: 350px; width: 100%;
float: right; color:#000; position: absolute; z-index: 200;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); -moz-box-shadow: 0 3px
8px rgba(0, 0, 0, .25); box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}
#user-card .prelod{ text-align:center; padding:10px;
}
/*******************************************/
#backhome{ height:
100%; position: absolute; width: 100%; z-index: 1; background-color:#000;
}
#backhome .theimg{position: absolute;
top: 0px;
width: 100%;
height:
100%;
background-attachment:fixed;
background-size:
cover;
background-repeat: no-repeat;
background-position:
center;}
#sectionLogin{ position: absolute; width: 100%; top: 50%;
margin-top: -220px; z-index:10; text-align:center; }
#sectionLogin
#boxHome{ position: absolute; width: 100%; left:0; }
#sectionLogin
#boxHome #topmsg{ font-family: 'Raleway', sans-serif; color:#FFF;
text-shadow: 2px 3px 2px #000; }
#sectionLogin #boxHome #topmsg #line01{
text-align:center; font-size:35px; }
#sectionLogin #boxHome #areabotton{
padding:20px 35% 0 35%; }
#sectionLogin #boxHome .btlog{ width: 100%;
border-radius: 5px; padding: 10px; color: white; font-size:17px;
cursor:pointer; }
#sectionLogin #boxHome .bfb{ background-color: #3b5998;
}
#sectionLogin #boxHome .beml{ background-color: white; color: #666666;
font-size: 17px; }
#sectionLogin #boxHome .btlink{ color:#FFF;
font-size:14px; }
#sectionLogin #tryLogin{ display:none; padding:20px
35% 0 35%; }
#sectionLogin #tryLogin #arealogin{}
#sectionLogin #tryLogin
#arealogin .titlelogin{ font-family: 'Raleway', sans-serif; font-size:22px;
color:#FFF; text-shadow: 0px 0px 5px #000; }
#sectionLogin #tryLogin
#arearecovery .titlerecv{ font-family: 'Raleway', sans-serif;
font-size:22px; color:#FFF; text-shadow: 0px 0px 5px #000;
}
#sectionLogin #tryRegister{ display:none; padding:20px 35% 0 35%;
}
#sectionLogin #tryRegister #areasignup .titlesignup{ font-family:
'Raleway', sans-serif; font-size:22px; color:#FFF; text-shadow: 0px 0px 5px
#000;
}
/*************************************/
/*************************************/
/*************************************/
#generalspace
#dashboard2 .boxstatus .oabody{ padding:10px 10px 0px 10px !important;
}
#generalspace #dashboard2 .boxstatus .oabody .emoticons-space{
padding:5px 5px 0px 5px; border-top:1px solid #EEEEEE; display:none;
}
#generalspace #dashboard2 .boxstatus .oabody .emoticons-space .onesmile{
padding:3px; }
#generalspace #column2 #profile2 .oneactivity .oabody
.space05{ text-align:left !important; }
#generalspace #dashboard2
.oneactivity .oabody .space05{ text-align:left !important;
}
#generalspace #column2 #profile2 .boxchat .entertxt{ padding:10px
10px 0px 10px !important; }
#generalspace #column2 #profile2 .boxchat
.entertxt .emoticons-space{ padding:10px 5px 5px 5px; border-top:1px solid
#EEEEEE; display:none; }
#generalspace #column2 #profile2 .boxchat
.entertxt .emoticons-space .onesmile{ padding:3px;
}
/*************************************/
/*************************************/
.inputimage{
width: 25px !important; height: 20px !important; }
.bimage{ width: 25px
!important; height: 20px !important; }
.icobselected{ border-bottom:2px
solid #AEB3BC; }
#generalspace #column1-info{ margin-top:20px;
}
#generalspace #column2-info{ margin-top:20px; }
#generalspace
#column1-admin{ margin-top:20px; }
#generalspace #column2-admin{
margin-top:20px; }
#generalspace #column2 #profile2 .oneactivity
.listcomments .onecomment .info .whend{ color:#999; }
#generalspace
#dashboard2 .oneactivity .listcomments .onecomment .info .whend{
color:#999; }
#generalspace #dashboard2 #listcomments .onecomment .info
.message{ color:#999; }
#generalspace #column2 #profile2 .oneactivity
.oaheader .info .idate{ color:#999; }
#generalspace #dashboard2
.oneactivity .oaheader .info .idate{ color:#999; }
.previewCoverdash{
max-width:350px; width: expression(this.width > 350 ? 350: true);
padding:5px; border:1px solid #BDC7D8; }
#headerProfile{ border: 1px
solid #d3d6db; -webkit-border-radius: 0 0 3px 3px; border-top:0px;
background-color:#FFF; }
#headerProfile #coverProfile{ position:relative;
font-size:0px; height: 290px; font-size:0px; background-color: #fff;
margin: 0px -1px 0; }
#headerProfile #coverProfile .coverBorder{
background: url(../imgs/background-no-cover.png) bottom left repeat-x;
border-bottom-color: rgba(0,0,0,.4); border: 1px solid #000; border-color:
rgba(0, 0, 0, .25); border-top-color: rgba(0, 0, 0, .1); bottom: 0; left:
0; position: absolute; right: 0; top: 0;}
#headerProfile
#withoutCover{ height: 160px; background:
url(../imgs/background-no-cover.png) bottom left repeat-x; font-size:0px;
background-color: #d5d6d9; border: 1px solid rgba(0, 0, 0, .1); margin: 0px
-1px 0; border-bottom:0px; border-top:0px; position:relative;
}
#headerProfile .nameProfile .hefollows{ background-color:#FC0; color:
#333; font-size:10px; text-transform:uppercase; padding:0px 5px;
text-shadow:none; }
#headerProfile .nameProfile {bottom: 12px; left:
201px; position: absolute; color:#fff; font-size:22px !important;
text-shadow: 0 0 3px rgba(0,0,0,.8); font-weight:bold; line-height:32px;
}
#headerProfile .nameProfile #txtnameprofile{ max-width:300px;
float:left; color:#FFF; }
#headerProfile
#avatarProfile{}
#headerProfile #infoProfile{ position:relative;
}
#headerProfile #avatarProfile .imgPhoto{ background-color:
#fff;
border: 4px solid #fff;
-webkit-border-radius: 2px;
height:
160px;
width: 160px; margin: 0;
display: block; }
#headerProfile
#avatarProfile .thumbPhoto{
-webkit-box-shadow: none;
left:
15px;
margin-top: 0;
top: -143px;
background: rgba(0, 0, 0,
.3);
-webkit-border-radius: 3px;
display: block;
padding:
1px;
position: absolute;
}
.imgWithoutCover{ width:160px !important;
height:160px !important; }
.thumbWithoutCover{ top: -143px !important;
}
.nameWithoutCover{ left: 201px !important; }
#headerProfile
#infoProfile .infoBar{ clear: right; padding-left: 201px; }
#headerProfile
#infoProfile .infoBar .opcsBar{ border-left: 1px solid #e9eaed;
}
#headerProfile #infoProfile .infoBar .opcsBar .opcOne{border-right:
1px solid #e9eaed; float: left; font-size: 14px; height: 40px; line-height:
20px; padding: 5px 17px; position: relative; vertical-align: middle;
white-space: nowrap; border-width: 0 1px; color: #37404e;
}
#headerProfile #infoProfile .infoBar .opcsBar .opcOne .basic-number{
font-size:16px; font-weight:bold; }
#headerProfile #infoProfile .infoBar
.opcsBar .opcOne .basic-text{ text-transform:uppercase; font-size:10px;
}
#headerProfile #infoProfile .infoBar .opcsBar .icominitop{
display:none; }
.only-redbox{ padding:10px 5px; }
#areafollow
.botonf, .botonfs, .botonfns{ margin-top:-5px !important;
}
/********************************************************/
#userCard{
-webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px;
border-top:0px; background-color:#FFF; }
#userCard .ucover{
background-position: center; height:111px; -webkit-border-radius:3px 3px 0
0; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; }
#userCard
.uavatar{ float:left; font-size:0px; margin-left:10px; margin-top:-40px;
padding:1px; background: rgba(0, 0, 0, .3);-webkit-border-radius:3px;
}
#userCard .uavatar img{ border: 3px solid #fff; -webkit-border-radius:
2px; background-color:#FFF; width:80px; }
#userCard .uname{ padding:0 0 0
105px; font-size:13px; padding-top:10px; font-size:14px; font-weight:bold;
color:#000; }
#userCard #ubottom{ margin-top:10px; padding: 10px 0px;
text-align: center; background-color: #F4F4F4; border-top: 1px solid
#EAEAEA; -webkit-border-radius: 0 0 3px 3px; border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px; color:#000; }
#userCard #ubottom .actions{
text-transform:uppercase; font-size:9px; }
#userCardNoCover{
-webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px;
border-top:0px; background-color:#FFF; }
#userCardNoCover .ucover{
height:60px; background: url(../imgs/background-no-cover.png) bottom left
repeat-x; font-size:0px; background-color: #d5d6d9; border: 1px solid
rgba(0, 0, 0, .1); margin: 0px -1px 0; border-bottom:0px; border-top:0px;
}
#userCardNoCover .uavatar{ float:left; font-size:0px; margin-left:10px;
margin-top:-40px; padding:1px; background: rgba(0, 0, 0,
.3);-webkit-border-radius:3px; }
#userCardNoCover .uavatar img{ border:
3px solid #fff; -webkit-border-radius: 2px; background-color:#FFF;
width:80px; }
#userCardNoCover .uname{ padding:0 0 0 105px;
font-size:13px; padding-top:10px; font-size:14px; font-weight:bold;
color:#000; }
#userCardNoCover #ubottom{ margin-top:10px; padding: 10px
0px; text-align: center; background-color: #F4F4F4; border-top: 1px solid
#EAEAEA; -webkit-border-radius: 0 0 3px 3px; border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px; color:#000; }
#userCardNoCover #ubottom
.actions{ text-transform:uppercase; font-size:9px;
}
/********************************************************/
#spacefoll{
bottom:0; position:fixed; right:10px; z-index:299; min-width:201px;
}
#spacefoll #spacefoll01{ background: #ebeef4; border: 1px solid rgba(29,
49, 91, .3); border-bottom: 0; -webkit-box-shadow: inset 0 1px rgba(255,
255, 255, .5); color: #333; display: block; font-weight: bold; outline:
none; margin: 0 15px 0 0; border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0;
padding:5px 10px 4px 10px; height: 16px; }
#spacefoll #spacefoll01:hover{
background-color: #f5f6f8; }
#spacefoll #spacefoll01 .txtfollbot{
line-height:10px; margin-right:4px; overflow:hidden;
text-overflow:ellipsis; white-space: nowrap; }
#spacefoll #spacefoll01
.imgfollbot{ }
#spacefoll #spacefoll02{ bottom: -3px; min-height:
280px; width: 201px; left: auto; right: 0; -webkit-box-shadow: 0 1px 1px
rgba(0, 0, 0, .3); box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3); position: absolute;
border-bottom: 0; display:none; margin-right: -3px;
background-color:#FFF;}
#spacefoll #spacefoll02 #barfollow{ background:
#4b67a8; border: 1px solid #2e4588; position: relative;
-webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;
cursor:pointer; border-top-right-radius: 3px; cursor:pointer;
-moz-border-top-right-radius: 3px; cursor:pointer; }
#spacefoll
#spacefoll02 #barfollow #titlebar{ margin: 3px 3px 3px 5px; color: #fff;
font-weight: bold; line-height: 18px; }
#spacefoll #spacefoll02
#contentf{ border: 1px solid rgba(29, 49, 91, .3); border-width: 0 1px;
background-color: #fff; padding: 5px 0; height:215px;overflow-x: hidden;
overflow-y: auto; position: relative; color:#000; }
#spacefoll
#spacefoll02 #searchf{ border-top: 1px solid #dadfea; border-width: 0 1px;
border: 1px solid rgba(29, 49, 91, .3);
border-width: 0 1px;}
#spacefoll
#spacefoll02 #searchf #contentinput{ overflow: hidden; border-top: 1px
solid #dadfea; }
#spacefoll #spacefoll02 #searchf #contentinput
input{background-image: url(../imgs/icolupa.png); background-repeat:
no-repeat; background-size: auto; background-position:5px 6px;
-webkit-box-sizing: border-box; height: 24px; padding-left: 22px;
padding-right: 25px; background-color: transparent; border: 0; outline: 0;
width: 100%; }
#spacefoll #spacefoll02 .oneUserFChat{ padding:3px 5px
3px 5px; color:#333; }
#spacefoll #spacefoll02 .oneUserFChat:hover{
background-color:#E0E4EE; color:#000;
}
/********************************************************/
/********************************************************/
/********************************************************/
/*
Styles for Wide Screens - WIDE DESKTOP
LAYOUT
----------------------------------------------- */
@media only
screen and (min-width: 1176px)
{
#container{ width:1176px;
}
/***************************************************/
.area-notification
{ max-width: 1176px; }
.content-notification { max-width: 350px;
}
/*******************************************/
.area-notification-msg{
max-width: 1176px; }
.content-notification-msg{ max-width: 350px;
}
/***************************************************/
#generalspace
#search #listresults .spacephoto{ margin-right:18px; margin-left:18px;
}
#generalspace #search #listresults .oneminiphoto{ width:150px;
height:150px;
}
/***************************************************/
#generalspace
#column2-info{ position:relative; float:left; width:976px;
}
/***************************************************/
#generalspace
#column2-admin{ position:relative; float:left; width:976px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:45%; }
#generalspace #column2-admin #dashboard-admin2
#listcensor .onephoto{ position:relative; float:left; width:150px; padding:
5px; border: 1px solid #EEE; margin-right:33px;
}
/***************************************************/
#generalspace
#column1{ position:relative; float:left; width:180px; margin-right:30px;
}
#generalspace #column2{ position:relative; float:left; width:736px;
}
#generalspace #column2 #infobasic #titleuser{ font-size:30px;
}
#generalspace #column2 #infobasic .space-data-border{ padding:0px 20px
0px 10px; }
#generalspace #column2 #profile2 #myphotos .onealbum
.spacephoto{ margin-right:9px; margin-left:0px; }
#generalspace
#column2 #profile2 #myalbum .onephoto{ margin-right:21px;
}
#generalspace #column2 #profile2 .boxchat .chatheader .info{
width:656px; }
#generalspace #column2 #profile2 #mylikes .onelike{
margin-right:21px;
}
/***************************************************/
#generalspace
#dashboard2 .editarea .withbox{ width:45%;
}
/***************************************************/
#generalspace
#dashboard2 #mylikes .onelike{ margin-right:21px;
}
/***************************************************/
#generalspace
#column3{ position:relative; float:right; width:200px;
}
/***************************************************/
#generalspace
#directory .one-user-directory{ width: 265px; margin-right:15px;
}
/***************************************************/
#search-container
#contentSearch{ margin:0px auto; width:1176px;
}
/***************************************************/
.blackvideo{
max-width: 65%;
}
/*******************************************/
#headerProfile
#coverProfile{ height: 300px; }
#headerProfile .nameProfile { left:
221px; }
#headerProfile .nameProfile #txtnameprofile{ max-width:550px;
float:left; }
#headerProfile #avatarProfile .imgPhoto{ height: 180px;
width: 180px; }
#headerProfile #avatarProfile .thumbPhoto{ top:
-163px; }
#headerProfile #infoProfile .infoBar{ clear: right;
padding-left: 221px;
}
/***************************************************/
} /* END
WIDE LAYOUT */
/* Styles for Tablets - TABLET
LAYOUT
----------------------------------------------- */
@media only
screen
and (min-width: 768px)
and (max-width: 991px)
{
#container{
width:768px;
}
/***************************************************/
.area-notification
{ max-width: 768px; }
.content-notification { max-width: 350px;
}
/***************************************************/
.area-notification-msg{
max-width: 768px; }
.content-notification-msg{ max-width: 350px;
}
/***************************************************/
#top-inside
#top-inside-block #topbar-inside #area2 #infouser{ }
#top-inside
#top-inside-block #topbar-inside #area2 #infouser #txthometop{
margin-left:15px; }
#top-inside #top-inside-block #topbar-inside #area2
#icodashtop .icotop{ margin-left:15px;
}
/***************************************************/
#generalspace
#search #listresults .spacephoto{ margin-left:45px; margin-right:45px;
}
#generalspace #search #listresults .oneminiphoto{ width:150px;
height:150px;
}
/***************************************************/
#generalspace
#column2-info{ position:relative; float:left; width:568px;
}
/***************************************************/
#generalspace
#column2-admin{ position:relative; float:left; width:568px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:60%;
}
/***************************************************/
#generalspace
#column1{ position:relative; float:left; width:60px; margin-right:15px;
}
#generalspace #column1 #avatarmedium{ display:block; }
#generalspace
#column1 #avatargeneral{ display:none; }
#generalspace #column1
#avatarmini{ display:none; }
#generalspace #column1 .menuglobal{
margin-left:0px; }
#generalspace #column1 .menuoption{ padding:5px 0px;
text-align:center; }
#generalspace #column1 .menuoption .icopc{
float:none; }
#generalspace #column1 .menuoption .txtopc{ display:none;
}
#generalspace #column1 .act{ background-color:#CDCED1;
}
#generalspace #column1 .act:hover{ background-color:#CDCED1;
}
#menuprofile .menuglobalp{ margin-left:0px; margin-right:0px;
}
#menuprofile .menuoptionp{ padding:5px 0px; text-align:center;
}
#menuprofile .menuoptionp .icopcp{ float:none; }
#menuprofile
.menuoptionp .txtopcp{ display:none; }
#menuprofile .inactp:hover{
background-color:#DDDEE0; }
#menuprofile .actp{ background-color:#CDCED1;
}
#menuprofile .actp:hover{ background-color:#CDCED1; }
#boxmenu
#miniinfouser .mavatar{ margin-left:10px; }
#boxmenu #miniinfouser
.minfo{ display:none; }
#generalspace .titleblock{
text-align:center; height:20px; line-height:19px; padding:5px;
}
#generalspace .titleblock #icot{ display:block; }
#generalspace
.titleblock #txtt{ display:none; }
#generalspace #column2{
position:relative; float:left; width:478px;
}
/***************************************************/
#generalspace
#column2 #profile2 .boxchat .chatheader .info{ width:368px;
}
#generalspace #column2 #profile2 .boxchat .chatbody{ height:350px;
}
/***************************************************/
#generalspace
#column2 #profile2 #mylikes .onelike{ margin-right:10px; }
#generalspace
#column2 #profile2 #mylikes .onelike .thephoto{ width:125px; height:125px;
}
/***************************************************/
#generalspace
#dashboard2 .editarea .withbox{ width:60%;
}
/***************************************************/
#generalspace
#dashboard2 #mylikes .onelike{ margin-right:10px; }
#generalspace
#dashboard2 #mylikes .onelike .thephoto{ width:125px; height:125px;
}
/***************************************************/
#generalspace
#column3{ position:relative; float:right; width:200px;
}
/***************************************************/
#generalspace
#directory .one-user-directory{ width: 330px; margin-right:30px;
}
/***************************************************/
#search-container
#contentSearch{ margin:0px auto; width:768px;
}
/***************************************************/
#headerProfile
#coverProfile{ height: 240px; }
#headerProfile .nameProfile
#txtnameprofile{ max-width:300px; float:left; }
#headerProfile
#infoProfile .infoBar{ clear: right; padding-left: 201px;
}
#headerProfile #infoProfile .infoBar .opcsBar .opcOne{ padding: 5px
9px; }
/*******************************************/
} /* END
TABLET LAYOUT */
/* Styles for Mobiles - MOBILE LAYOUT
(PORTRAIT/320PX) - Smartphone
Vertical
----------------------------------------------- */
@media only
screen
and (max-width: 767px)
{
#container{ width: 300px; padding:0
10px;
}
/***************************************************/
#home-top
#topbar #area1 #logo{ display:none; float:none;
}
/***************************************************/
.area-notification
{ max-width: 300px; }
.content-notification { max-width: 250px;
}
.content-notification .content-info .itemalertnot .info{ width:199px;
}
/***************************************************/
.area-notification-msg{
max-width: 300px; }
.content-notification-msg{ max-width: 250px;
}
.content-notification-msg .content-info-msg .itemalertnot .info{
width:199px;
}
/***************************************************/
#top-inside
#top-inside-block #topbar-inside #area1{ }
#top-inside #top-inside-block
#topbar-inside #area1 #isotipo{ margin-right:5px; }
#top-inside
#top-inside-block #topbar-inside #area1 #logo{ display:none; float:none;
}
#top-inside #top-inside-block #topbar-inside #area1 #topsearch{
width:80%; margin-right:-30px; }
#top-inside #top-inside-block
#topbar-inside #area1 #boxsearch{ /*margin-right:-30px;*/ }
#top-inside
#top-inside-block #topbar-inside #area2 #infouser{ margin-right:0px;
}
#top-inside #top-inside-block #topbar-inside #area2 #infouser
#txtusername{ display:none; margin-left:0px; }
#top-inside
#top-inside-block #topbar-inside #area2 #txthometop{ display:none;
}
#top-inside #top-inside-block #topbar-inside #area2 #icodashtop
.icotop{ margin-left:6px; }
#top-inside #top-inside-block
#topbar-inside #area2 #icodashtop #icohometop{ display:block;
}
/***************************************************/
#generalspace
#search #listresults .spacephoto{ margin-left:0px; margin-right:10px;
}
#generalspace #search #listresults .oneminiphoto{ width:130px;
height:130px;
}
/***************************************************/
#generalspace
#column1-info{ width:100px; margin-right:10px; }
#generalspace
#column1-info .menuoption{ font-size:12px; }
#generalspace
#column2-info{ position:relative; float:left; width:190px;
}
/***************************************************/
#generalspace
#column1-admin{ width:100px; margin-right:10px; }
#generalspace
#column1-admin .menuoption{ font-size:12px; }
#generalspace
#column2-admin{ position:relative; float:left; width:190px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:90%;
}
/***************************************************/
#generalspace
#column1{ position:relative; float:left; width:50px; margin-right:10px;
}
#generalspace #column1 #avatargeneral{ display:none; }
#generalspace
#column1 #avatarmini{ display:block; }
#generalspace #column1
#avatarmedium{ display:none; }
#generalspace #column1 .menuglobal{
margin-left:0px; }
#generalspace #column1 .menuoption{ padding:5px 10px;
text-align:center; }
#generalspace #column1 .menuoption .icopc{
float:none; }
#generalspace #column1 .menuoption .txtopc{ display:none;
}
#generalspace #column1 .act{ background-color:#CDCED1;
}
#generalspace #column1 .act:hover{ background-color:#CDCED1;
}
#menuprofile .menuglobalp{ margin-left:0px; margin-right:0px;
}
#menuprofile .menuoptionp{ padding:5px 0px; text-align:center;
}
#menuprofile .menuoptionp .icopcp{ float:none; }
#menuprofile
.menuoptionp .txtopcp{ display:none; }
#menuprofile .inactp:hover{
background-color:#DDDEE0; }
#menuprofile .actp{ background-color:#CDCED1;
}
#menuprofile .actp:hover{ background-color:#CDCED1; }
#boxmenu
#miniinfouser .mavatar{ margin-left:5px; }
#boxmenu #miniinfouser .minfo{
display:none; }
#generalspace .titleblock{ text-align:center;
height:20px; line-height:19px; padding:5px; }
#generalspace .titleblock
#icot{ display:block; }
#generalspace .titleblock #txtt{ display:none;
}
#generalspace #column2{ position:relative; float:left; width:240px;
}
#generalspace #column2 #infobasic #titleuser{ font-size:17px;
}
#generalspace #column2 #profile2 .onefollower .avatar{ width:40px;
}
#generalspace #column2 #profile2 .onefollower .info{ padding:0 0 0
45px; }
#generalspace #column2 #profile2 .onefollower .info .name{
font-size:13px; }
#generalspace #column2 #profile2 .onefollower .info
.name img{ width:20px; }
#generalspace #column2 #profile2 .onefollower
.info .moreinfo{ font-size:11px;
}
/***************************************************/
#generalspace
#column2 #profile2 .boxchat .chatheader .info{ width:165px;
}
#generalspace #column2 #profile2 .boxchat .chatbody{ height:250px;
}
/***************************************************/
#generalspace
#column2 #profile2 #mylikes .onelike{ margin-left:40px; margin-right:20px;
}
/***************************************************/
#generalspace
#column3{ margin-top:20px;
}
/***************************************************/
#generalspace
#column3 #linkdirectoryphotos{
margin-top:40px;}
/***************************************************/
#generalspace
#dashboard2 .editarea .withbox{ width:90%; }
#generalspace #dashboard2
.onefollower .avatar{ width:40px; }
#generalspace #dashboard2
.onefollower .info{ padding:0 0 0 45px; }
#generalspace #dashboard2
.onefollower .info .name{ font-size:12px; }
#generalspace #dashboard2
.onefollower .info .name img{ width:20px; }
#generalspace #dashboard2
.onefollower .info .moreinfo{ font-size:11px; }
#generalspace
#dashboard2 .oneuserchat .avatar{ width:40px; }
#generalspace #dashboard2
.oneuserchat .info{ padding:0 0 0 45px; }
#generalspace #dashboard2
.oneuserchat .info .name{ font-size:14px; }
#generalspace #dashboard2
.oneuserchat .info .name img{ width:20px; }
#generalspace #dashboard2
.oneuserchat .info .moreinfo{ font-size:12px; }
#generalspace
#dashboard2 .itemonenot .avatar{ width:40px; }
#generalspace #dashboard2
.itemonenot .info{ padding:0 0 0 45px; }
#generalspace #dashboard2
.itemonenot .info .name img{ width:20px; }
#generalspace #dashboard2
.itemonenot .info .txtaction{ font-size:13px; }
#generalspace #dashboard2
.itemonenot .info .txtwhen{ font-size:11px;
}
/***************************************************/
#generalspace
#dashboard2 #mylikes .onelike{ margin-left:40px; margin-right:20px;
}
/***************************************************/
#generalspace
#divseparator{ display:block; }
#generalspace #column3{ float:none;
width:100%;
}
/***************************************************/
#generalspace
#directory .one-user-directory{ width: 100%; margin-bottom:15px;
}
/***************************************************/
#search-container
#contentSearch{ margin:0px auto; width:300px; }
#search-container
#contentSearch #resultsSearch{ width:260px;
}
/***************************************************/
.titleSearchT{
font-size:14px;
}
/***************************************************/
#sectionLogin{
margin-top: -200px; }
#sectionLogin img{ width:120px;}
#sectionLogin
#boxHome #topmsg #line01{ font-size:30px; }
#sectionLogin #boxHome
#areabotton{ padding:20px 15% 0 15%; }
#sectionLogin #boxHome
#areabotton .btlog{ min-width:200px; }
#sectionLogin #tryLogin{
padding:20px 15% 0 15%; }
#sectionLogin #tryRegister{ padding:10px 15%
0 15%;
}
/*******************************************/
.previewCoverdash{
max-width:200px; width: expression(this.width > 200 ? 200: true);
}
#headerProfile #withoutCover{ height: 100px; }
#headerProfile
#coverProfile{ height: 150px; }
#headerProfile .nameProfile { left:
121px; font-size:18px !important; line-height:20px; }
#headerProfile
.nameProfile #txtnameprofile{ max-width:130px; float:left;
}
#headerProfile #avatarProfile .imgPhoto{ height: 80px; width: 80px;
}
#headerProfile #avatarProfile .thumbPhoto{ top: -73px;
}
.imgWithoutCover{ width:80px !important; height:80px !important;
}
.thumbWithoutCover{ top: -73px !important; }
.nameWithoutCover{ left:
121px !important; }
#headerProfile #infoProfile .infoBar{ clear: right;
padding-left: 121px; }
#headerProfile #infoProfile .infoBar .opcsBar
.opcOne{ border-bottom:1px solid #e9eaed; }
#headerProfile
#infoProfile .infoBar .opcsBar .txtminitop{ display:none;
}
#headerProfile #infoProfile .infoBar .opcsBar .icominitop{
display:block; }
#user-card{ max-width: 250px;
}
/*******************************************/
} /* END MOBILE
LAYOUT */
/* Styles for Mobiles - WIDE MOBILE LAYOUT (LANDSCAPE/480PX)
- Smartphone Horizontal
-----------------------------------------------
*/
@media only screen
and (min-width: 480px)
and (max-width:
767px)
{
#container{ width: 480px; padding:0px;
}
/***************************************************/
#home-top
#topbar #area1 #logo{ display:block; float:left;
}
/***************************************************/
.area-notification
{ max-width: 480px; }
.content-notification { max-width: 350px;
}
.content-notification .content-info .itemalertnot .info{ width:299px;
}
/***************************************************/
.area-notification-msg{
max-width: 480px; }
.content-notification-msg{ max-width: 350px;
}
.content-notification-msg .content-info-msg .itemalertnot .info{
width:299px;
}
/***************************************************/
#top-inside
#top-inside-block #topbar-inside #area1 #isotipo{ }
#top-inside
#top-inside-block #topbar-inside #area1 #logo{ display:block; float:left;
}
#top-inside #top-inside-block #topbar-inside #area2 #infouser
#txtusername{ display:none; }
#top-inside #top-inside-block
#topbar-inside #area2 #icodashtop .icotop{ margin-left:10px;
}
#top-inside #top-inside-block #topbar-inside #area2 #icodashtop
#icohometop{ display:block; }
#top-inside #top-inside-block
#topbar-inside #area2 #txthometop{ display:none;
}
/***************************************************/
#generalspace
#column1-admin{ width:150px; margin-right:10px; }
#generalspace
#column2-admin{ position:relative; float:left; width:320px;
}
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{
width:75%;
}
/***************************************************/
#sectionLogin
#boxHome #areabotton{ padding:20px 15% 0 15%;
}
/***************************************************/
#generalspace
#search #listresults .spacephoto{ margin-left:0px; margin-right:15px;
}
#generalspace #search #listresults .oneminiphoto{ width:135px;
height:135px;
}
/***************************************************/
#generalspace
#column1{ position:relative; float:left; width:50px; margin-right:20px;
}
#generalspace #column1 #avatargeneral{ display:none; }
#generalspace
#column1 #avatarmini{ display:block; }
#generalspace #column1
#avatarmedium{ display:none; }
#generalspace #column1 .menuglobal{
margin-left:0px; }
#generalspace #column1 .menuoption{ padding:5px 0px;
text-align:center; }
#generalspace #column1 .menuoption .icopc{
float:none; }
#generalspace #column1 .menuoption .txtopc{ display:none;
}
#generalspace #column1 .act{ background-color:#CDCED1;
}
#generalspace #column1 .act:hover{ background-color:#CDCED1;
}
#menuprofile .menuglobalp{ margin-left:0px; margin-right:0px;
}
#menuprofile .menuoptionp{ padding:5px 0px; text-align:center;
}
#menuprofile .menuoptionp .icopcp{ float:none; }
#menuprofile
.menuoptionp .txtopcp{ display:none; }
#menuprofile .inactp:hover{
background-color:#DDDEE0; }
#menuprofile .actp{ background-color:#CDCED1;
}
#menuprofile .actp:hover{ background-color:#CDCED1;
}
#generalspace .titleblock{ text-align:center; height:20px;
line-height:19px; padding:5px; }
#generalspace .titleblock #icot{
display:block; }
#generalspace .titleblock #txtt{ display:none;
}
#generalspace #column2{ position:relative; float:left; width:410px;
}
#generalspace #column2 #infobasic #titleuser{ font-size:20px;
}
#generalspace #column2 #profile2 .onefollower .info .name{
font-size:14px;
}
/***************************************************/
#generalspace
#column2 #profile2 .boxchat .chatheader .info{ width:335px;
}
/***************************************************/
#generalspace
#column2 #profile2 #mylikes .onelike{ margin-left:20px; margin-right:20px;
}
/***************************************************/
#generalspace
#dashboard2 .editarea .withbox{ width:75%; }
#generalspace #dashboard2
.onefollower .info .name{ font-size:14px; }
#generalspace #dashboard2
.oneuserchat .info .name{ font-size:14px; }
#generalspace #dashboard2
.oneuserchat .info .moreinfo{ font-size:12px;
}
/*****************************************************/
#generalspace
#dashboard2 #mylikes .onelike{ margin-left:20px; margin-right:20px;
}
/*****************************************************/
#top-inside
#top-inside-block #topbar-inside #area1 #topsearch{ width:85%;
}
#generalspace #divseparator{ display:block; }
#generalspace
#column3{ float:none; width:100%;
}
/***************************************************/
#generalspace
#column2-admin #dashboard-admin2 #listcensor .onephoto{ position:relative;
float:left; width:135px; margin-right:10px; margin-bottom:10px;
}
#search-container #contentSearch{ margin:0px auto; width:480px;
}
#search-container #contentSearch #resultsSearch{ width:300px;
}
/***************************************************/
.previewCoverdash{
max-width:350px; width: expression(this.width > 350 ? 350: true);
}
#headerProfile #coverProfile{ height: 200px; }
#headerProfile
.nameProfile { left: 161px; line-height:30px; }
#headerProfile
.nameProfile #txtnameprofile{ max-width:220px; float:left;
}
#headerProfile #avatarProfile .imgPhoto{ height: 120px; width:
120px; }
#headerProfile #avatarProfile .thumbPhoto{ top: -113px;
}
.imgWithoutCover{ width:110px !important; height:110px !important;
}
.thumbWithoutCover{ top: -93px !important; }
.nameWithoutCover{ left:
151px !important; }
#headerProfile #infoProfile .infoBar{ clear: right;
padding-left: 162px; }
#headerProfile #infoProfile .infoBar .opcsBar
.opcOne{ padding: 5px 13px; }
#user-card{ max-width: 300px;
}
/*******************************************/
} /* END WIDE
MOBILE LAYOUT */
/* For the devices Retina - RETINA
OVERRIDES
----------------------------------------------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and
(min-device-pixel-ratio:
2)
{
}
/*************************************/
/*
========================================================== */
/*
Preloader */
/*
========================================================== */
#preloader
{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#E9EAED; /* change if the mask should have
another color then white */
z-index:298; /* makes sure it stays on top
*/
}
#status {
width:200px;
height:200px;
color:#fff;
position:absolute;
left:50%; /* centers the loading
animation horizontally one the screen */
top:50%; /* centers the
loading animation vertically one the screen */
background-image:url(../imgs/preload.gif); /* path to your loading
animation */
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; /* is width and
height divided by two */
}
#status
p{text-align:center;}
/**************************/
/* Version 1.2
*/
.nobold{ font-weight:normal !important; }
#generalspace #column2
#profile2 .boxchat{ border:none; background-color:#FFF;
-webkit-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius:
3px; }
#generalspace #column2 #profile2 .boxchat .chatheader{
background-color:#4B67A8; color:#FFF; border:1px solid #2E4588;
}
#generalspace #column2 #profile2 .boxchat .chatbody{ border-left:1px
solid #D3D6DB; border-right:1px solid #D3D6DB; }
#generalspace #column2
#profile2 .boxchat .entertxt{ border:1px solid #D3D6DB; margin-right:0px;
}
#generalspace #column2 #profile2 .boxchat .entertxt input{ width: 98%;
}
/* end version 1.2 */
/**************************/