/* --- 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; } .nobold{ font-weight:normal !important; } .justified{ text-align:justify; } .italica{ font-style:italic !important; } .tleft{ text-align:left; } .tright{ text-align:right; } .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; } .mrg5B{ margin-bottom:5px; } .mrg10B{ margin-bottom:10px; } .mrg15B{ margin-bottom:15px; } .mrg20B{ margin-bottom:20px; } .mrg30B{ margin-bottom:30px; } .mrg50B{ margin-bottom:50px; } .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;} .pdn10T{ padding-top: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; } .grey3{ color:#CCC; } .white{ color:#FFF; } .red{ color:#F00; } .orange{ color:#F90; } .black{ color:#000 !important; } .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; } .warningbox{ padding:5px; color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .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; } .width40c{ width:40% !important; } .width50c{ width:50% !important; } .txtshadow{ text-shadow: 0 1px 1px rgba(0,0,0,.5); } /*******************************************/ /* Styles for standar Screens - STANDAR DESKTOP LAYOUT ----------------------------------------------- */ #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{ background-color:#2C5BCD; color:#FFF; border-bottom:1px solid #2C5BCD; 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 #area1 #topsearch{ width:290px !important; } #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; 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{ line-height:25px; } #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 #profile2 #titleupdate{ font-size:16px; font-weight:bold; } #generalspace #profile2 .divpointbox{ height:9px; font-size:0px; } #generalspace #profile2 .divpointbox .pointbox{ position:relative; top:1px; margin-left:20px; } #generalspace #profile2 .boxstatus{ border:1px solid #D3D6DB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#FFF; } #generalspace #profile2 .boxstatus .oaheader{ padding:10px; border-bottom:1px solid #BFBFBF; } #generalspace #profile2 .boxstatus .oabody{ padding:10px 10px 0px 10px; border-bottom:1px solid #EEEEEE; } #generalspace #profile2 .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; font-size:14px; } #generalspace #profile2 .boxstatus .oabody .emoticons-space{ padding:5px 5px 0px 5px; border-top:1px solid #EEEEEE; display:none; } #generalspace #profile2 .boxstatus .oabody .emoticons-space .onesmile{ padding:3px; } #generalspace #profile2 .boxstatus .accesories{ padding:10px; } #generalspace #profile2 .boxstatus .accesories .icoattach{ font-size:0px; } #generalspace #profile2 .boxstatus .bpost{ background-color: #4e69a2; border-color: #435a8b #3c5488 #334c83; padding:4px 10px 4px 10px; color:#FFFFFF !important; font-size:13px; } /*******************************************/ .msgactionpost{ background-color:#E3E5E8; margin-top:15px; border:1px solid #d6d7da; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /*******************************************/ #generalspace #column2 #profile2 .oneactivity{ background-color:#FFF; margin-bottom: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; background-color:#FFF; -webkit-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #generalspace #column2 #profile2 .boxchat .chatheader{ padding:10px; 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; background-color:#4B67A8; color:#FFF; border:1px solid #2E4588; } #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; border-left:1px solid #D3D6DB; border-right:1px solid #D3D6DB; } #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; 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; border:1px solid #D3D6DB; } #generalspace #column2 #profile2 .boxchat .entertxt input{ border:1px solid #d3d7dc; outline: 0; resize: none; height: 25px; min-height: 25px; max-width: 100%; overflow: hidden; padding:2px 5px; width: 98%; } #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 10px 0px 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 .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 #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; width: 23px; height: 18px; } .bimageupload{ padding:25px 0px; background-image: url('../imgs/ico-upload.png'); background-position:center; background-repeat: no-repeat; overflow: hidden; } .buploadimage{ opacity: 0.0; width: 80px; height:58px; font-size:0; cursor:pointer; } /*******************************************/ #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:13px; color:#000 !important; margin-top:5px; } #generalspace #dashboard2 #listcomments .onecomment .info .message span a{ font-size:12px !important; } #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{ margin:0 auto; margin-top:20px; } #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; } /*******************************************/ #item-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); } #item-card .prelod{ text-align:center; padding:10px; } /*******************************************/ .backhome{ background-color:#5B7711; background-attachment:fixed; background-size:cover; background-repeat:no-repeat; background-position:center; } #msgTopHome{ margin-top:100px; margin-left:25px; } #msgTopHome #topmsg{ font-family: 'Raleway', sans-serif; color:#FFF; text-shadow: 0 1px 1px rgba(0,0,0,.2); margin-top:10px; } #msgTopHome #topmsg #line01{ text-align:center; font-size:35px; } #sectionLogin{ width: 100%; text-align:center; margin-top:10px; min-height:180px; } #sectionLogin #boxHome{ width: 100%; } #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 .btw{ background-color: #55ACEE; } #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: 0 1px 1px rgba(0,0,0,.2); } #sectionLogin #tryLogin #arearecovery .titlerecv{ font-family: 'Raleway', sans-serif; font-size:22px; color:#FFF; text-shadow: 0 1px 1px rgba(0,0,0,.2); } #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: 0 1px 1px rgba(0,0,0,.2); } /*************************************/ #usersAleatHome{ margin-top:30px; margin-bottom:20px; padding:0 0 0 120px; } #usersAleatHome .spacephoto{ position:relative; float:left; margin-left:15px; margin-right:15px; margin-bottom:10px; border:4px solid #FFF; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#FFF; } #usersAleatHome .spacephoto .oneminiphoto{ width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } #usersAleatHome .spacephoto .oneminiphoto img{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } /*************************************/ /*************************************/ #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 .nameProfilePage {bottom: 10px; 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:25px; } #headerProfile .nameProfilePage #txtnameprofile{ max-width:300px; float:left; color:#FFF; } #headerProfile .nameProfileGroup {bottom: 12px; left: 20px; 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 .nameProfileGroup #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; } #headerProfile #infoProfile .infoBarGroup{ clear: right; padding-left: 0px !important; } /********************************************************/ #ItemCard{ -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; border-top:0px; background-color:#FFF; } #ItemCard .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; } #ItemCard .uavatar{ float:left; font-size:0px; margin-left:10px; margin-top:-40px; padding:1px; background: rgba(0, 0, 0, .3);-webkit-border-radius:3px; } #ItemCard .uavatar img{ border: 3px solid #fff; -webkit-border-radius: 2px; background-color:#FFF; width:80px; } #ItemCard .uname{ padding:0 0 0 105px; padding-top:10px; font-size:14px; font-weight:bold; color:#000; } #ItemCard .unamelarge{ padding-left:5px; padding-top:10px; font-size:14px; font-weight:bold; color:#000; } #ItemCard .ucategory{ padding-left:5px; font-size:11px; color:#000; } #ItemCard #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; } #ItemCard #ubottom .actions{ text-transform:uppercase; font-size:9px; } #ItemCardNoCover{ -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; border-top:0px; background-color:#FFF; } #ItemCardNoCover .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; } #ItemCardNoCover .uavatar{ float:left; font-size:0px; margin-left:10px; margin-top:-40px; padding:1px; background: rgba(0, 0, 0, .3);-webkit-border-radius:3px; } #ItemCardNoCover .uavatar img{ border: 3px solid #fff; -webkit-border-radius: 2px; background-color:#FFF; width:80px; } #ItemCardNoCover .uname{ padding:0 0 0 105px; padding-top:10px; font-size:14px; font-weight:bold; color:#000; } #ItemCardNoCover .unamelarge{ padding-left:5px; padding-top:10px; font-size:14px; font-weight:bold; color:#000; } #ItemCardNoCover .ucategory{ padding-left:5px; font-size:11px; color:#000; } #ItemCardNoCover #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; } #ItemCardNoCover #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; } /********************************************************/ #headerProfile #infoProfile .infoBar .opcsBar .opcOneb{ float: left; font-size: 14px; height: 40px; line-height: 20px; padding: 5px 10px; position: relative; vertical-align: middle; white-space: nowrap; border-width: 0 1px; color: #37404e; } #headerProfile #infoProfile .infoBar .opcsBar .opcOnec{ position: relative; float: left; font-size: 14px; height: 40px; line-height: 20px; padding: 5px 0px; vertical-align: middle; white-space: nowrap; border-width: 0 1px; color: #37404e; } #areabfriend{ margin-top:8px; } #areabfollow{ margin-top:8px; } #areabjoing{ margin-top:8px; } .bfriendly{ background-color:#F3F4F6; border:1px solid #333; white-space:nowrap; font-size:12px; height:23px; color:#333; padding:0px 8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-color: rgba(0, 0, 0, .35); font-weight:bold; overflow-x: hidden; text-overflow: ellipsis; text-align:center; } .bfriendly2{ background-color:#F3F4F6; border:1px solid #333; white-space:nowrap; font-size:12px; height:23px; color:#333; padding:0px 8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-color: rgba(0, 0, 0, .35); font-weight:bold; overflow-x: hidden; text-overflow: ellipsis; text-align:center; } .blike{ background-color:#F3F4F6; border:1px solid #333; white-space:nowrap; font-size:12px; height:23px; color:#333; padding:0px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-color: rgba(0, 0, 0, .35); font-weight:bold; overflow-x: hidden; text-overflow: ellipsis; text-align:center; } .boxsubmenu{ position: absolute; border: 1px solid rgba(0, 0, 0, .45); border-bottom: 1px solid #666; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3); background-color:#FFF; font-size:12px; z-index:20; padding:5px 0; } .boxsubmenu .opcsm{ padding:1px 20px; border:1px solid #FFF; border-right:none; border-left:none; color:#333; } .boxsubmenu .opcsm:hover{ background-color:#6D84B4; border:1px solid #3B5998; border-right:none; border-left:none; color:#FFF; cursor:pointer; } /********************************************************/ .submenuitem{ border: 1px solid rgba(0, 0, 0, .15); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3); background-color:#FFF; font-size:12px; padding:5px 0; -webkit-border-radius: 3px; z-index:110; } .submenuitem .opcsm{ padding:1px 20px; border:1px solid #FFF; border-right:none; border-left:none; color:#333; line-height:22px; } .submenuitem .opcsm:hover{ background-color:#42599e; border:1px solid #30497a; border-right:none; border-left:none; color:#FFF; cursor:pointer; } /********************************************************/ .title-bloque-subcat{ font-size:16px; font-weight:bold; color:#000; } /********************************************************/ .one-page-cat{ margin-top:10px; border:1px solid #ddd; padding:5px 10px 5px; } .one-page-cat .titlecat{ font-size:14px; font-weight:bold; color:#006692; word-wrap:break-word; } .one-page-cat .titlecat a{ text-decoration:none; color:#006692; } .one-page-cat .titlesubcat{ font-size:13px; color:#333; font-weight:bold; word-wrap:break-word; } /********************************************************/ /****** Menu TAB *******/ .ftabmenu{ border-bottom:1px solid #eee; } .ftabmenu .taboption{ position:relative; float:left; border-bottom:none; padding:6px 10px 4px; margin-left:5px; } .ftabmenu .taboption .tabico{} .ftabmenu .taboption .tabtxt{ line-height:21px; padding-left:4px; } .ftabmenu .taboption-normal{ border:1px solid #eee; color:#666; border-bottom:none; } .ftabmenu .taboption-active{ border:1px solid #D3D6DB; background-color:#F6F7F8; color:#000; border-bottom:none;} /****** End Menu TAB *******/ /****** Dashboard Page *******/ #generalspace #dashboard2 .onepage{ margin-bottom:25px; } #generalspace #dashboard2 .onepage .avatar{ float:left; width:50px; } #generalspace #dashboard2 .onepage .info{ padding:0 0 0 60px; } #generalspace #dashboard2 .onepage .info .name{ font-size:15px; font-weight:bold; } #generalspace #dashboard2 .onepage .info .namecategory{ font-size:12px; padding-top:3px; } #generalspace #dashboard2 .onepage .info .moreinfo{ font-size:11px; padding-top:3px; } #dashboard2 #listpages{} /****** END Dashboard Page *******/ /****** Dashboard Group *******/ #generalspace #dashboard2 .onegroup{ margin-bottom:25px; } #generalspace #dashboard2 .onegroup .avatar{ float:left; width:20px; } #generalspace #dashboard2 .onegroup .info{ padding:0 0 0 30px; } #generalspace #dashboard2 .onegroup .info .name{ font-size:15px; font-weight:bold; } #generalspace #dashboard2 .onegroup .info .moreinfo{ font-size:11px; padding-top:3px; } #dashboard2 #listpages{} /****** END Dashboard Page *******/ /****** Dashboard Ads *******/ #generalspace #dashboard2 .onead{ margin-bottom:25px; } #generalspace #dashboard2 .onead .imgad{ float:left; width:100px; } #generalspace #dashboard2 .onead .info{ padding:0 0 0 110px; } #generalspace #dashboard2 .onead .info .name{ font-size:15px; font-weight:bold; word-wrap:break-word; } #generalspace #dashboard2 .onead .info .moreinfo{ font-size:11px; padding-top:3px; } #dashboard2 #listads{} #dashboard2 #listads .preview-ad{ width:200px; border:1px solid #d3d6db; background-color:#FFF; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:10px; word-wrap:break-word; } #dashboard2 #listads .preview-ad .imagead{ margin-bottom:3px; } #dashboard2 #listads .preview-ad .headline{ font-size:12px; font-weight:bold; color:#3b5998; } #dashboard2 #listads .preview-ad .urlvisible{ margin-top:3px; color:#0e8f0e; } #dashboard2 #listads .preview-ad .descriptiveline{ margin-top:3px; color:#9197a3; } /****** END Dashboard Ads *******/ /****** Admin Ads *******/ #dashboard-admin2 .onead{ margin-bottom:25px; } #dashboard-admin2 .onead .imgad{ float:left; width:100px; } #dashboard-admin2 .onead .info{ padding:0 0 0 110px; } #dashboard-admin2 .onead .info .name{ font-size:15px; font-weight:bold; word-wrap:break-word; } #dashboard-admin2 .onead .info .moreinfo{ font-size:11px; padding-top:3px; } #dashboard-admin2 #prevad{} #dashboard-admin2 #prevad .preview-ad{ width:200px; border:1px solid #d3d6db; background-color:#FFF; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:10px; word-wrap:break-word; } #dashboard-admin2 #prevad .preview-ad .imagead{ margin-bottom:3px; } #dashboard-admin2 #prevad .preview-ad .headline{ font-size:12px; font-weight:bold; color:#3b5998; } #dashboard-admin2 #prevad .preview-ad .urlvisible{ margin-top:3px; color:#0e8f0e; } #dashboard-admin2 #prevad .preview-ad .descriptiveline{ margin-top:3px; color:#9197a3; } /****** END Admin Ads *******/ /****** Admin Plans *******/ #dashboard-admin2 .one-plan{ margin-bottom:20px; } #dashboard-admin2 .one-plan .imgplan{ float:left; width:15px; padding-top:3px; } #dashboard-admin2 .one-plan .info{ padding:0 0 0 22px; } #dashboard-admin2 .one-plan .info .name{ font-size:14px; font-weight:bold; word-wrap:break-word; } #dashboard-admin2 .one-plan .info .moreinfo{ font-size:11px; } /****** END Admin Plans *******/ /****** Admin Reports *******/ #dashboard-admin2 .one-report{ margin-bottom:10px; border-bottom:1px solid #EEE; } #dashboard-admin2 .one-report .info{ padding:0 0 0 22px; } #dashboard-admin2 .one-report .info .name{ font-size:14px; font-weight:bold; word-wrap:break-word; } #dashboard-admin2 .one-report .info .moreinfo{ font-size:11px; } /****** END Admin Reports *******/ /****** Dashboard/Profile Albums *******/ .onealbum{ position:relative; float:left; border:1px solid #CCC; width:45%; margin:0 2.2% 20px 2.2%; } .onealbum .photo{ height:200px; overflow:hidden; border-bottom:1px solid #EEE; } .onealbum .info{ padding:5px 10px } .onealbum .info .namealbum{ font-size:12px; font-weight:bold; } .onealbum .info .numphotos{ font-size:12px; margin-top:5px; } .onealbum .info .linksactions{ font-size:11px; margin-top:5px; } .onephotoalbum{ position:relative; float:left; border:1px solid #EEE; width:28.5%; margin:0 2% 15px 2%; } .onephotoalbum .photo{ height:130px; overflow:hidden; border-bottom:1px solid #EEE; } .onephotoalbum .info{ padding:5px 10px } .onephotoalbum .info .linksactions{ font-size:11px; } /****** END Dashboard/Profile Albums *******/ /****** Ads *******/ .oneAds .imagead{ margin-bottom:3px; } .oneAds .headline{ font-size:12px; font-weight:bold; color:#3b5998; } .oneAds .urlvisible{ margin-top:3px; color:#0e8f0e; } .oneAds .descriptiveline{ margin-top:3px; color:#9197a3; white-space:nowrap; } /****** END Ads *******/ /****** Admin Pages *******/ .adminOnePage{ position:relative; float:left; border:1px solid #CCC; width:27%; margin:0 3% 20px; } .adminOnePage .avatarPage{ padding:5px; } .adminOnePage .namePage{ padding:5px; border-top:1px solid #CCC; text-align:center; } .adminOnePage .namePageStopped{ padding:5px; border-top:1px solid #CCC; text-align:center; background-color:#FEE7EA; } /****** END Admin Pages *******/ /****** Admin Groups *******/ .adminOneGroup{ border:1px solid #CCC; margin-bottom:15px; padding:10px; } .adminOneGroup.stopped{ background-color:#EFEFEF; } .adminOneGroup .nameGroup{ font-size:19px; } /****** END Admin Groups *******/ /*****************************/ /* Styles for Wide Screens - WIDE DESKTOP LAYOUT ----------------------------------------------- */ @media only screen and (min-width: 1176px) { #container{ width:1176px; } /***************************************************/ #usersAleatHome{ padding:0 0 0 205px; } #usersAleatHome .spacephoto{ margin-left:20px; margin-right:20px; } /***************************************************/ .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 #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 .nameProfilePage #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; } /***************************************************/ /****** Dashboard/Profile Albums *******/ .onealbum{ position:relative; float:left; border:1px solid #CCC; width:29%; margin:0 2% 30px 2%; } .onealbum .photo{ height:200px; overflow:hidden; border-bottom:1px solid #EEE; } .onealbum .info{ padding:5px 10px } .onealbum .info .namealbum{ font-size:12px; } .onealbum .info .numphotos{ font-size:12px; } .onephotoalbum{ position:relative; float:left; border:1px solid #EEE; width:20.5%; margin:0 2% 15px 2%; } .onephotoalbum .photo{ height:140px; overflow:hidden; border-bottom:1px solid #EEE; } .onephotoalbum .info{ padding:5px 10px } /****** END Dashboard/Profile Albums *******/ /****** Admin Pages *******/ .adminOnePage{ width:19.2%; margin:0 2.5% 20px; } /****** END Admin Pages *******/ } /* END WIDE LAYOUT */ /* Styles for Tablets - TABLET LAYOUT ----------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 991px) { #container{ width:768px; } /***************************************************/ #usersAleatHome{ padding:0 0 0 40px; } #usersAleatHome .spacephoto{ margin-left:15px; margin-right:15px; } /***************************************************/ .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 #area1 #topsearch{ width:250px !important; } #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 .nameProfilePage #txtnameprofile{ max-width:300px; float:left; } #headerProfile #infoProfile .infoBar{ clear: right; padding-left: 201px; } #headerProfile #infoProfile .infoBar .opcsBar .opcOne{ padding: 5px 9px; } /*******************************************/ .bfriendly{ width:190px; } /*******************************************/ /****** Admin Pages *******/ .adminOnePage{ width:28%; margin:0 2.2% 20px; } /****** END Admin Pages *******/ } /* 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{ width:166px; } #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:110px !important; margin-right:-30px; } #top-inside #top-inside-block #topbar-inside #area2{ position:relative; float:right; } #top-inside #top-inside-block #topbar-inside #area2 #infouser{ margin-right:0px !important; } #top-inside #top-inside-block #topbar-inside #area2 #infouser #txtusername{ display:none; margin-left:0px !important; } #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; } /***************************************************/ #msgTopHome{ margin-top:80px; } #msgTopHome #topmsg #line01{ text-align:center; font-size:28px; } #usersAleatHome{ padding:0 0 0 35px; } #usersAleatHome .spacephoto{ margin-left:2px; margin-right:2px; } /***************************************************/ #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{ } #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 .nameProfilePage { left: 121px; font-size:18px !important; line-height:20px; } #headerProfile .nameProfilePage #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; } #item-card{ max-width: 250px; } /*******************************************/ .bfriendly{ width:140px; } #headerProfile #infoProfile .infoBar .opcsBar .opcOneb{ padding: 5px 5px; } /*******************************************/ /****** Menu TAB *******/ .ftabmenu .taboption .tabtxt{ display:none; } /****** End Menu TAB *******/ /****** Dashboard Ads *******/ #generalspace #dashboard2 .onead .imgad{ float:left; width:60px; } #generalspace #dashboard2 .onead .info{ padding:0 0 0 65px; } #generalspace #dashboard2 .onead .info .name{ font-size:13px; font-weight:bold; } #dashboard2 #listads{} /****** END Dashboard Ads *******/ /****** Admin Ads *******/ #dashboard-admin2 .onead .imgad{ float:left; width:50px; } #dashboard-admin2 .onead .info{ padding:0 0 0 55px; } #dashboard-admin2 .onead .info .name{ font-size:13px; font-weight:bold; } #dashboard-admin2 #listads{} /****** END Admin Ads *******/ /****** Dashboard/Profile Albums *******/ .onealbum{ position:relative; float:left; border:1px solid #CCC; width:95%; margin:0 2% 20px 2%; } .onealbum .photo{ height:200px; overflow:hidden; border-bottom:1px solid #EEE; } .onealbum .info{ padding:5px 5px } .onealbum .info .namealbum{ font-size:11px; } .onealbum .info .numphotos{ font-size:11px; } .onephotoalbum{ position:relative; float:left; border:1px solid #EEE; width:46%; margin:0 1.5% 10px 1.5%; } .onephotoalbum .photo{ height:100px; overflow:hidden; border-bottom:1px solid #EEE; } .onephotoalbum .info{ padding:5px 5px } /****** END Dashboard/Profile Albums *******/ /****** Admin Pages *******/ .adminOnePage{ width:90%; margin:0 3% 20px; } /****** END Admin Pages *******/ /*******************************************/ } /* 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{ width:320px; } #top-inside #top-inside-block #topbar-inside #area1 #topsearch{ width:160px !important; } #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{ } #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%; } /***************************************************/ #usersAleatHome{ padding:0 70px 0 100px; } #usersAleatHome .spacephoto{ margin-left:8px; margin-right:8px; } /***************************************************/ #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 .nameProfilePage { left: 161px; line-height:25px; } #headerProfile .nameProfilePage #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; } #item-card{ max-width: 300px; } /*******************************************/ .bfriendly{ width:180px; } #headerProfile #infoProfile .infoBar .opcsBar .opcOneb{ padding: 5px 10px; } /*******************************************/ /****** Dashboard/Profile Albums *******/ .onealbum{ position:relative; float:left; border:1px solid #CCC; width:45%; margin:0 2.2% 20px 2.2%; } .onealbum .photo{ height:170px; overflow:hidden; border-bottom:1px solid #EEE; } .onealbum .info{ padding:5px 5px } .onealbum .info .namealbum{ font-size:11px; } .onealbum .info .numphotos{ font-size:11px; } .onephotoalbum{ position:relative; float:left; border:1px solid #EEE; width:28.5%; margin:0 2% 15px 2%; } .onephotoalbum .photo{ height:100px; overflow:hidden; border-bottom:1px solid #EEE; } .onephotoalbum .info{ padding:5px 5px } /****** END Dashboard/Profile Albums *******/ /****** Admin Pages *******/ .adminOnePage{ width:43%; margin:0 3% 20px; } /****** END Admin Pages *******/ } /* 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 */ .onlyblue2{ color: #3B5998 !important; } .onlyblue2:hover{ text-decoration:underline; } /* end version 1.2 */ /**************************/ /* Version 1.3 */ #sectionLogin #boxHome .benter{ background-color: #FFDF3A; color:#000; } /* Version 1.3 */