/***************************/ /*** Solvetic Custom CSS ***/ /*** @author : Guasam ***/ /*** Year : 2014-2015 ***/ /***************************/ /* ================= */ /* GLOBAL COMPONENTS */ /* ================= */ i.icon { font-family: "FontAwesome" !important; } .nopad{padding:0px !important;;} .nomargin{margin:0px !important;;} .mt5{ margin-top: 5px !important;} .mb5{ margin-bottom: 10px !important;} .mt5{ margin-top: 5px !important;} .mt10 { margin-top: 15px !important; } .mt15 { margin-top: 15px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .relative{position:relative;} .zoomer-container{overflow:hidden;display:block;} .zoomer-container-inline{overflow:hidden;display:inline-block;} .zoomer{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .zoomer:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);} .coverImage {object-fit: cover;} ul.ulToLeft > li{float:left;} ul.ulToRight > li{float:right;} ul.ulToLeft.withMargin10 > li:first-child, ul.ulToRight.withMargin10 > li:first-child {margin:0;} ul.ulToLeft.withMargin10 > li{margin-left:10px;} ul.ulToRight.withMargin10 > li{margin-right:10px;} body.hasFixedTopBar .temp_header_bar {height: 47px;visibility: hidden;} .solMainWidth{margin: 0 auto;max-width: 1120px;} .solFixedPos{position:fixed;} .solFixedPos.top{top:0;left:0;right:0;} .solFixedPos.bottom{bottom:0;left:0;right:0;} .topic_list .preview_col {margin-left: 0;border-left: 2px dashed #e6e6e6;padding-left: 20px;} .ipsList_withminiphoto.onlyphotos > li{float:left;margin-bottom:0} .ipsList_withminiphoto.onlyphotos > li .link{display:inline-block;position:relative} .ipsList_withminiphoto.onlyphotos > li .photo{width:50px;height:50px;border-radius:50%;border:2px solid #FFF;box-shadow:0 0 4px 1px rgba(0,0,0,0.2)} .ipsList_withminiphoto.onlyphotos > li .ipsHasNotifications{left:auto;right:-2px;top:0;font-size:10px;background:#2F9457;border-radius:50%;} .ipsList_withminiphoto.onlyphotos > li .count{display:inline-block;padding:1px 5px;background:#fff;border:1px solid #E2E2E2;border-radius:4px;font-size:11px;color:#6F6F6F} .ipsList_withminiphoto.onlyphotos > li .count:hover{box-shadow:0 0 0 1px rgba(0,0,0,0.05);background:#FCFCFC} .ipsList_withminiphoto.onlyphotos > li .cup{display:none;position: absolute;top: 0;color: #929292;font-size: 18px;left: -2px;text-shadow: 0px 2px 0px #ffffff;} .ipsList_withminiphoto.onlyphotos > li:nth-child(1) .cup{display:inline-block;color: #dab91c;} .ipsList_withminiphoto.onlyphotos > li:nth-child(2) .cup{display:inline-block;color: #bbbbbb;} .ipsList_withminiphoto.onlyphotos > li:nth-child(3) .cup{display:inline-block;color: #a9761d;} #logo{top: 15px;left:15px;position: relative;} #logo img{width:185px;} #stickySocialMedia{display:none;margin-left: -10px;position: fixed;top: 45px;left: auto;z-index: 100;width: 800px;} #stickySocialMedia.sticking{display:block;} #stickySocialMedia.fluid{width: auto;left: 0;right: 0;margin-left: 0px;} #stickySocialMedia .container{background: #fff;padding: 10px;box-shadow: 0px 5px 10px 0px rgba(210, 210, 210, 0.3);} #stickySocialMedia ul#solvetic_share{display: inline-block;position: relative;top: 2px;} #stickySocialMedia ul#solvetic_share > li.sharetotal{display:none;} #stickySocialMedia ul#solvetic_share > li {margin-right: 15px;} #stickySocialMedia ul#solvetic_share > li a{width: 35px;height: 35px;line-height: 35px;} /* Form Buttons & Stuff */ .input_submit {background: #3c3c3c;color: #fff;line-height:1;font-family: 'Lato','Helvetica Neue',Arial,Helvetica,sans-serif;margin: 0 .25em 0 0;padding: .78571em 1.5em;border-radius: 4px;border:none;font-weight: 700;user-select: none;transition: background .1s ease;display: inline-block;box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15)inset;} .input_submit:hover {background: #616161;border-color: #616161;opacity:1;} .input_submit.alt{background: #e0e0e0;color: rgba(0,0,0,.8);box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15)inset;} .input_submit.alt:hover{background-color: #BDBDBD;} .calendar_date_select .cds_header select.year {width: 50px;margin-left: 5px;} .calendar_date_select .cds_header select, .calendar_date_select .cds_buttons select {color: #000;} body#ipboard_body fieldset.submit, body#ipboard_body p.submit {background-color: #f5f5f5;} /* END: Form Buttons & Stuff */ /* BBCodes */ .bbc_tutsection{position: relative;top:-100px;} /* Fix Post Bullets list & HQ Badge */ .post_body .post ul > li {list-style-type: disc;margin-left: 20px;} .post_body .post ul {margin: 12px 0 12px 20px;} .post_body .HQbadges {top: -3px;right: -15px;z-index: 1;float: none;position: absolute;} /* END - Fix Post Bullets list & HQ Badge */ #main_search_form #search2{margin-top: 25px !important;margin-left: 125px !important;} #secondary_navigation{background:#fafafa;border:1px solid #E8E8E8;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.1);margin-bottom:8px;} #secondary_navigation .nav_sep{display:none} #secondary_navigation .item{display:block;color:#45525c;padding:8px 16px;border-right:1px solid #e8e8e8;} #secondary_navigation .item:hover{color:#202020;background:#f0f0f0;} .ipsPostForm .ipsLayout_right, .ipsPostForm .ipsLayout_content{z-index:inherit;} /* a.viewmore {padding: 10px;display: block;background: #efefef;text-align: center;font-size: 14px;color: #b1b1b1;text-transform: uppercase;font-family: 'Roboto Condensed';text-shadow: 0px 1px 0px #fff;} a.viewmore:hover {background: #E4E4E4;color: #777676;text-shadow: 0px 1px 0px #F1F1F1;} */ a.viewmore {display:block;text-align:center;text-transform: uppercase;font-family: 'Calibri', sans-serif;text-shadow: 0px 1px 0px #fff;padding: 8px 10px;background: #ffffff;border: 2px solid #a8bae5;font-weight: bold;border-radius: 2px;color: #495e91;font-size: 14px;transition: background 0.1s ease-in-out;} a.viewmore:hover {background: #f0f4fb;color: #3c4f7e;text-shadow: 0px 1px 0px #d6e1fe;} #cookie_accept {background: #fff0cf;color: #6b4c07;box-shadow: 0 1px 2px 0 #f9d78b;border-radius: 2px;margin-bottom: 1rem; border-radius: 2px; font-size: 13px;} #cookie_accept > .title {color: #6b4c07;} #cookie_accept .close {cursor:pointer;float:right;opacity: 0.5;transition:opacity 0.2 linear;} #cookie_accept .close:hover{opacity: 1;} #cookie_accept a { color: #60849f; border-bottom: 1px dotted rgba(96, 132, 159, 0.42); cursor: help; } #backTotop {right: 30px;position: fixed;z-index: 1000;bottom: 50px; display: none; opacity: 0.8; cursor: pointer; } #backTotop:hover { opacity: 1; } /* #community_app_menu > li.right a.icon { padding: 8px 9px 6px;} #community_app_menu > li.right a.icon.active { background: transparent;} */ #community_app_menu > li.right a.icon:hover .fa {top: 3px;transition: all 0.1s cubic-bezier(0.46, 0.03, 0.52, 0.96);} #community_app_menu > li.right a.icon:hover {background: none;} #community_app_menu > li.right .fa {font-size: 15px;color: #fff;transition: all 0.2s linear;top: 0px;position: relative;} #community_app_menu > li.right .fa:hover { opacity: 0.7;} .general_box .headingWithIcon{padding:10px;font-size:14px;text-transform:uppercase;font-family:'calibri', sans-serif;text-shadow:0 1px 0 #FFF;border:1px solid #FFF;color:#4F4F4F;box-shadow:0 0 0 1px #ddd;margin-bottom:0} .general_box .headingWithIcon > .fa{padding:12px 0;margin:-15px 15px -15px -15px;background:rgba(0,0,0,0.02);width:35px;text-align:center} .general_box .ipsList_withBigPhoto > li {margin-bottom: 15px;} .general_box .ipsList_withBigPhoto > li:last-child {margin-bottom: 0px;} .general_box .ipsList_withBigPhoto .ipsUserPhoto{border-radius:0px;width:90px;height:45px;margin-right: 7px;background:#FFF;border:1px solid #EAEAEA;box-shadow:none;} .general_box .ipsList_withBigPhoto .list_content {margin-left: 65px;} .headingBarTitle { border-top: 1px solid #669ACA;margin-bottom: 10px; } .headingBarTitle .title {padding: 6px 5px 8px 10px;font-size: 14px;background: #669aca;border-top: 1px solid #669aca;color: #fff;display: inline-block;font-weight: normal;font-family: 'Roboto Condensed';float: left;} .headingBarTitle .corner {border-color: #669aca rgba(0,0,0,0) rgba(0,0,0,0) #669aca;display: inline-block;border-width: 12px 12px 20px 20px;border-style: solid;float: left;} .headingBarTitle.gray { border-top: 1px solid #A0A0A0;} .headingBarTitle.gray .title { background: #A0A0A0;border-top: 1px solid #A0A0A0; } .headingBarTitle.gray .corner { border-color: #A0A0A0 rgba(0,0,0,0) rgba(0,0,0,0) #A0A0A0; } .headingBarTitle.blue { border-top: 1px solid #669ACA;} .headingBarTitle.blue .title { background: #669ACA;border-top: 1px solid #669ACA; } .headingBarTitle.blue .corner { border-color: #669ACA rgba(0,0,0,0) rgba(0,0,0,0) #669ACA; } .solBlueTitleBadge{font-family: "Roboto Condensed", helvetica;display: inline-block;border: 1px solid #FFF;padding: 6px 9px;font-size: 16px;font-weight:bold;box-shadow: 1px 0px 3px #C5B7B7;text-shadow: 0px 1px 2px #424242;position: relative;color: #fff;background: #4d96d7;background: linear-gradient(to right, #4d96d7 0%,#0258ae 100%);} #user_navigation #register_link{text-transform:uppercase;} .hoverEffect { opacity: 1; } .hoverEffect:hover { opacity: 0.9 !important; } #profile_panes_wrap .post_title{background:#EFF3FA;border-bottom:1px solid #CDD9F4;margin:-5px -5px 0;box-shadow:0 1px 4px #F0F0F0;position:relative;z-index:1} #profile_panes_wrap .post_title a{text-shadow:none;font-family:'helvetica';font-weight:700;font-size:12px} #profile_panes_wrap .post_id a{font-size:11px;color:#516EA1} #profile_panes_wrap .general_box{background:#FAFAFA;box-shadow:0 0 1px rgba(0,0,0,0.31)} #ipboard_body .ipsSideBlock .maintitle {border-radius: 0px;background: #FFF;border: 1px solid #f1f0f0;background: linear-gradient(to bottom,#FCFCFC 0%,#FCFCFC 47%,#F5F5F5 100%);} #ipboard_body .ipsSideBlock .maintitle a {color: #345577;text-shadow: 0px 1px 0px #FFF;} .col_c_forum h4 a{font-size: 12px;} .halftitle{border-top:1px solid #032C8E;overflow: hidden;} .halftitle .headtitle{background:#032C8E;color:#fff;display:inline-block;padding:8px 5px 8px 10px;font-family: 'Roboto Condensed';font-size:14px;font-weight:normal;border-top:1px solid #032C8E;float:left;} .halftitle .headcorner{display:inline-block;border-width:12px 12px 20px 20px;border-style:solid;border-color:#032C8E rgba(0,0,0,0) rgba(0,0,0,0) #032C8E;float:left;} .halftitle.light{border-top:1px solid #669aca;} .halftitle.light .headtitle{background:#669aca;border-top:1px solid #669aca;} .halftitle.light .headcorner{border-color:#669aca rgba(0,0,0,0) rgba(0,0,0,0) #669aca;} #ipboard_body .introjs-tooltip{border: 3px solid #676767;min-width: 220px;max-width:350px;} #ipboard_body .introjs-helperNumberLayer {background: #3C40A8;} #ipboard_body .introjs-arrow{display:none !important;} #ipboard_body .introjs-tooltiptext{padding: 8px 5px;font-size:12px;line-height:18px;} #ipboard_body .introjs-tooltipbuttons .introjs-skipbutton{float:left;} #ipboard_body .introjs-tooltipbuttons {background: #F7F7F7;margin-top: 10px;padding: 5px;border: 1px solid #F5F5F5;border-radius: 2px;} #ipboard_body .introjs-tooltipbuttons > a {margin-top: 0px;} #ipboard_body .introjs-helperLayer > a { background-color: #FAFAFA;} #cornerTrigger{position:absolute;top:100px;right:-54px;} #cornerTrigger .plane{width:50px;height:50px;background:#4B96D0;display:inline-block;text-align:center;line-height:55px;box-shadow: 7px 0px 15px rgba(0, 0, 0, 0.22);border:5px solid #FFF;font-size:30px;color:#326084;text-shadow:0px -1px 0px #142D41;border-radius:0px 4px 4px 0px;cursor:pointer;} #cornerTrigger .plane:hover{background:#408ECA;} .tourButton.big{display:block;padding:15px;font-size:16px;font-weight:bold;background:#54A654;color:#FFF;text-transform:uppercase;margin-bottom:20px;border:1px solid #3C8B3C;border-radius:4px;position:relative;cursor:pointer;padding-left:65px;box-shadow: 1px 3px 8px #C7C7C7;text-shadow: 0px -1px 0px #318131;} .tourButton.big:hover{color:#FFF;opacity:0.95;} .tourButton.big .icon{position:absolute;background:rgba(0,0,0,0.15);top:0px;left:0px;width:50px;height:100%;border-radius:3px 0 0 3px;line-height:65px;font-size:25px;} .tourButton.big .text{font-size:11px;text-transform:none;margin-top:5px;} .tourButton.big .icon:before{transform: rotate(45deg);display: inline-block;transition: margin 0.2s linear;} .tourButton.big:hover .icon:before {margin-left: 10px;transition: margin 0.2s linear;} .tourButton.small{background:#54A654;border:1px solid #5A9E5A;border-radius:4px;position:relative;cursor:pointer;box-shadow:0px 2px 4px #D0D0D0;font-size:12px;padding:4px 10px;color:#fff;font-weight:bold;margin-left:10px;display:inline-block;} .tourButton.small:hover{opacity:0.9;} .waynotification{position:fixed;right:0;top:120px;z-index:100;display:none;} .waynotification >div{padding:10px;background:rgba(124,140,170,0.7);border-radius:2px 0px 0px 2px;color:#FFF;border-width:1px 0 1px 1px;border-style:solid;border-color:rgba(124,140,170,0.5);max-width:250px;line-height:20px;box-shadow:0px 3px 25px rgba(0,0,0,0.18);} .waynotification .fullbutton{display:block;padding:8px 10px;background:rgba(78,89,111,1);color:#FFF;font-weight:bold;text-transform:uppercase;text-align:center;margin-top:10px;font-size:13px;font-family: "roboto condensed";} .waynotification .fullbutton:hover{background:rgba(78,89,111,0.8);} #main_search_form .tip{font-size:12px;padding:4px 8px;border-radius:3px;position:relative;margin-top:10px;font-family: 'Helvetica';text-shadow:0px -1px 0px #DDD8D8;border:1px solid #5988AE;background-color:#E1EBF5;color:#0057A1;display:inline-block;} #main_search_form .tip:after{content: " ";display:inline-block;border-width:8px;border-style:solid;border-color:rgba(255,0,0,0) rgba(0,128,0,0) #E1EBF5 rgba(255,255,0,0);position:absolute;left:15px;top:-13px;} #main_search_form .tip .close{float:right;top:1px;position:relative;cursor:pointer;opacity:0.6;margin-left:15px;} #main_search_form .tip .close:hover{opacity:1;} .download_pane .scroll_left, .download_pane .scroll_right{background-image: url(https://www.solvetic.com/public/style_images/solvetic/downloads/panel_scroll_sprite.png);background-repeat: no-repeat;} .online_marker{position:relative;background-color:#e0dddd;line-height:16px;border-radius:100%;border-width:0 !important;width:10px;height:10px;display:inline-block;-moz-transition:ease-out 0.1s;-o-transition:ease-out 0.1s;-webkit-transition:ease-out 0.1s;transition:ease-out 0.1s} .online_marker.active{background-color:#99c96e;} .online_marker.active:after{content: "";border:10px solid rgb(127,185,0);background:transparent;border-radius:40px;height:40px;width:40px;-webkit-animation:onlinepulse 3s ease-out infinite;-moz-animation:onlinepulse 3s ease-out infinite;animation:onlinepulse 3s ease-out infinite;position:absolute;top:-25px;left:-25px;z-index:1;opacity:0} @-moz-keyframes onlinepulse{ 0%{-moz-transform:scale(0);opacity:0.0} 25%{-moz-transform:scale(0);opacity:0.1} 35%{-moz-transform:scale(0.1);opacity:0.2;} 50%{-moz-transform:scale(0.3);opacity:0.3} 75%{-moz-transform:scale(0.5);opacity:0.5} 100%{-moz-transform:scale(1);opacity:0.0}} @-webkit-keyframes onlinepulse{ 0%{-webkit-transform:scale(0);opacity:0.0} 25%{-webkit-transform:scale(0);opacity:0.1} 35%{-webkit-transform:scale(0.1);opacity:0.2;} 50%{-webkit-transform:scale(0.3);opacity:0.3} 75%{-webkit-transform:scale(0.5);opacity:0.5} 100%{-webkit-transform:scale(1);opacity:0.0}} h3.headingWithIcon a.right{font-size:10px;opacity:.8;margin-top:2px} #statusHook .statusbox {background: #FAFAFA;padding: 10px;border-radius: 4px;margin-bottom: 15px;position: relative;box-shadow: -1px 0px 2px #D2D2D2;margin-left: 5px;} #statusHook .statusbox .tutstatus > p:nth-child(2) {line-height: 20px;} #statusHook .statusbox .index_status_update, #statusHook .statusbox .tutstatus {line-height: 20px;margin-top: 8px;margin-bottom: 8px;} #statusHook .statusbox:after {content: "";border-width: 8px;border-style: solid;border-color: rgba(255, 0, 0, 0) #ECEBEB rgba(0, 0, 255, 0) rgba(255, 165, 0, 0);display: inline-block;position: absolute;left: -16px;top: 9px;} #statusHook .statusbox a.name {font-weight: bold;font-size: 12px;} #statusHook h3{color: #565656;text-shadow: 0px 1px 0px #fff;margin: -10px -10px 20px -10px;} #fast_reply .field_title{font-weight: bold;font-size: 16px;margin-bottom: 15px;} #fast_reply .field_content {padding: 10px;background: #F7F7F7;} #fast_reply .ipsComment_reply_user_photo a{padding: 10px;background: #FAFAFA;border-radius: 6px 0 0 6px;} #fast_reply .ipsComment_comment{margin-left:70px;} #fast_reply .rating > a{margin-right:4px;} .ipsComment_comment .comment_content{font-size:14px;} .ipsComment_comment .comment_content #ytplayer{width:100%;} .indice_tutoriales{padding: 8px;margin-right: -22px;background-color: #428bca;color: #fff;font-size: 13px;position: relative;left: -22px;padding-left: 22px;box-shadow: 0px 1px 6px #BDBDBD;border-radius: 0;border: 1px solid #FFF;} .indice_tutoriales:hover {background: #3771a2;} .tutsections > .section {display:flex;margin-top:10px;} .tutsections > .section:hover {background:#f0f4ff;border-radius:6px;} .tutsections > .section .nos {min-width:20px;text-align:center;font-size:12px;color:#b6c0d4;align-items:center;display:flex;justify-content:center;} .tutsections > .section .title_text {padding:4px 8px;line-height:18px;} .fontRatingStars .on {color: #ECC049;} .fontRatingStars .off {color: #EAEAEA;} blockquote.ipsBlockquote{max-height:100px;} blockquote.ipsBlockquote:not([data-author]){max-height:none;} .sol-fart .ipsBox_container {background: #FAFAFA;border: none;} .sol-fart .teaser-desc{margin-top: 10px;height:90px;} .sol-fart .mini-desc{line-height:35px;} .sol-fart .fart-title{background: rgba(0, 0, 0, 0.32);transition: all 0.2s ease;background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(6, 6, 6, 0.25) 50%,rgba(0, 0, 0, 0.45) 100%);} .sol-fart .fart-title .text {display: block;padding: 10px;font-size: 25px;font-family: "Calibri", sans-serif;font-weight:bold;text-transform: none;text-shadow: 1px 1px 3px #2d2d2d;line-height: 29px;padding-top: 15px;letter-spacing: -0.3px;} .sol-fart .fart-img {position: relative;overflow: hidden;border: 1px solid #f0f0f0;} .sol-fart .fart-img ._crop{background-size: auto 175px;transition: all 0.2s ease;} .sol-fart .fart-img:hover ._crop{/*background-size: auto 195px;*/transform: scale(1.1);} .sol-fart .fart-img:hover .fart-title{background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(6, 6, 6, 0.45) 50%,rgba(0, 0, 0, 0.65) 100%);} .topic_list .no-reply{background:none;} .topic_list .no-reply .topic_title {color: #CA7F0E;} .ipb_table .col_f_views_custom .viewed .fa-question {color: #6DC099;font-size: 25px;vertical-align: top;} .solAjaxLoader{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;background: rgba(0, 0, 0, 0.18);} .solAjaxLoader > div{margin: 0 auto;width: 100px;margin-top: 60px;font-size: 22px;color: #000;font-family: 'Roboto Condensed';text-transform: uppercase;background: #fff;padding: 10px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.39);border-radius: 4px;text-align: center;} #articleHeader .ipsUserPhoto {width:22px;height:22px;margin-right:8px;position:relative;top:-4px;} #articleBody h2{display:block;font-size: inherit;font-weight: inherit;} textarea.my_notes{background-image: url(http://solvetic.com/other_addons/solvetic/notebook_texture.jpg);border-color: #3f2d55;border-top: none;font-size: 18px;color: #000;line-height: 40px;font-style: italic;padding: 10px !important;width: 98% !important;max-height: 490px;} .main_tut_controls{max-width:420px;} .main_tut_controls ul > li:nth-child(3) a, .main_tut_controls ul > li:nth-child(4) a{margin-top: 5px !important;} .main_tut_controls ul > li a{min-width: 180px; font-size: 13px !important;} .articleNavigation{display:none;position: fixed;font-size: 50px;top: 50%;} .articleNavigation .trigger {background: #7c8caa;padding:10px;color: #fff;transition: all 0.1s linear;} .articleNavigation.prev{left:0;} .articleNavigation.next{right:0;} .articleNavigation.prev .trigger {padding-right:20px;} .articleNavigation.next .trigger {padding-left:20px;} .articleNavigation.prev .trigger:hover {padding-left: 15px;background: #717f98;} .articleNavigation.next .trigger:hover {padding-right: 15px;background: #717f98;} /* ============ */ /* UI OVERRIDER */ /* ============ */ i.icon {display: inline-block;opacity: 1;margin: 0 .25rem 0 0;font-size: 1em;width: 1.23em;height: .9em;font-style: normal;line-height: 1;font-weight: 400;text-decoration: inherit;text-align: center;speak: none;font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-backface-visibility: hidden;backface-visibility: hidden;} i.white.icon {color: #fff!important} i.black.icon {color: #1b1c1d!important} i.blue.icon {color: #3b83c0!important} i.green.icon {color: #5bbd72!important} i.orange.icon {color: #e07b53!important} i.pink.icon {color: #d9499a!important} i.purple.icon {color: #564f8a!important} i.red.icon {color: #d95c5c!important} i.teal.icon {color: #00b5ad!important} i.yellow.icon {color: #f2c61f!important} .ui, .ui *{ box-sizing: border-box; } .ui:after, .ui:before{box-sizing:inherit} .ui.tiny.modal { width: 33.3%; margin: 0 0 0 -16.65%; } .ui.message .header { background: none; color: inherit; } .ui.message { border: 0px; } .ui.darkgray.button { background: #5bbd72; color: #fff; } .ui.darkgray.button:hover { background: #5bbd72;opacity: 0.9; } .ui.left { float: none; } .ui.right { float: none; } .ui.dropdown .menu>.item {font-size: 12px;} .ui.modal>.header, .ui.modal>.content{padding: 1rem;} .ui.form textarea, .ui.textarea{height: 4.2rem;min-height: inherit;} .ui.dropdown.attached .menu{border:0px;border-radius:0px;} [data-tooltip]:after,[data-tooltip]:before{display:none;} #ipboard_body .ui.toggle.checkbox input:checked~.box:before,.ui.toggle.checkbox input:checked~label:before{background-color:#5BBD72;background-image:url(https://www.solvetic.com/other_addons/solvetic/checkbox_tick.png);background-repeat:no-repeat;background-position:10px 5px;background-size:12px 10px} #ipboard_body .ui.labeled.icon.button,#ipboard_body .ui.labeled.icon.buttons .button{padding-left:3.5em!important} #ipboard_body .ui.popup{box-shadow:0 2px 12px rgba(0,0,0,0.10);max-width:300px;min-width:initial;text-align:center} .barButton,a.barButton{background:#777;border:1px solid #86888D;box-shadow:0 1px 0 rgba(255,255,255,0.2) inset,0 1px 4px rgba(0,0,0,0.4);padding:3px 8px;color:#FFF!important;opacity:.95} .barButton:hover,a.barButton:hover{background:#6F6F6F} .ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{background-color:rgba(0,0,0,0.07)} .ui.button:hover{background-color: #BDBDBD;} .ui.blue.button:hover, .ui.blue.buttons .button:hover {background-color: #266AA5;} .ui.button.gold { background: #D0A75F; color: #fff; } .ui.button.gold:hover { opacity: 0.90; } .ui.button.gold:active { background: #C39B55; } .ui.button.yellow{background:#df9216;} .ui.button.yellow:hover{background:#eaab46;} .ui.modal{font-size:1rem} .ui.small.modal > .header{font-size:1.3em} @media only screen and (max-width: 767px) { .ui.small.modal{width:95%;margin:0 0 0 -47.5%} } @media only screen and (min-width: 768px) { .ui.small.modal{width:52.8%;margin:0 0 0 -26.4%} } @media only screen and (min-width: 992px) { .ui.small.modal{width:44.4%;margin:0 0 0 -22.2%} } @media only screen and (min-width: 1400px) { .ui.small.modal{width:33.6%;margin:0 0 0 -16.8%} } @media only screen and (min-width: 1920px) { .ui.small.modal{width:25.2%;margin:0 0 0 -12.6%} } .ui.large.modal > .header{font-size:1.6em} @media only screen and (max-width: 767px) { .ui.large.modal{width:95%;margin:0 0 0 -47.5%} } @media only screen and (min-width: 768px) { .ui.large.modal{width:88%;margin:0 0 0 -44%} } @media only screen and (min-width: 992px) { .ui.large.modal{width:88.8%;margin:0 0 0 -44.4%} } @media only screen and (min-width: 1400px) { .ui.large.modal{width:67.2%;margin:0 0 0 -33.6%} } @media only screen and (min-width: 1920px) { .ui.large.modal{width:50.4%;margin:0 0 0 -25.2%} } /****************/ /** SOL BUTTON **/ /****************/ .sol-btn.red{background: #e44343;color:#fff;} /***********************/ /** ANIMATE OVERRIDER **/ /***********************/ @-webkit-keyframes _shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}} @keyframes _shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}} #ipboard_body .shake{-webkit-animation-name:_shake;animation-name:_shake} /******************/ /* Profile Popup */ /******************/ #ipboard_body .popupWrapper{background-color:initial;padding:5px;box-shadow:none;-webkit-box-shaodw:none;-moz-box-shadow:none;border-radius:0} #ipboard_body .popupWrapper .stem{background-image:none;border:20px solid;width:0;height:0;border-color:transparent transparent #fff;z-index:initial!important} #ipboard_body .popupWrapper .stem:after{content:"";display:inline-block;border:20px solid;z-index:-1;position:absolute} #ipboard_body .popupWrapper .stem.bottomleft{top:-30px!important;left:15px!important} #ipboard_body .popupWrapper .stem.bottomleft:after{border-color:transparent transparent #ddd;left:-20px;top:-21px} #ipboard_body .popupWrapper .stem.bottomright{top:-30px!important;right:15px!important} #ipboard_body .popupWrapper .stem.bottomright:after{border-color:transparent transparent #ddd;left:-20px;top:-21px} #ipboard_body .popupWrapper .stem.topleft{bottom:-30px!important;left:15px!important;border-color:#fff transparent transparent} #ipboard_body .popupWrapper .stem.topleft:after{border-color:#ddd transparent transparent;bottom:-21px;left:-20px} #ipboard_body .popupWrapper .stem.topright{bottom:-30px!important;right:15px!important;border-color:#fff transparent transparent} #ipboard_body .popupWrapper .stem.topright:after{border-color:#ddd transparent transparent;bottom:-21px;right:-20px} #ipboard_body .popupInner{width:480px!important;padding:7px;border-radius:4px;box-shadow:0 8px 50px rgba(0,0,0,0.1);border:1px solid #ddd} #ipboard_body .popupInner .head{border-radius:4px 4px 0 0;padding:15px;color:#fff;position:relative;background-color:#d5dae4;background-image:url(/other_addons/solvetic/texture_tp.png);height:60px;} #ipboard_body .popupInner .head.hasBanner{background-repeat:no-repeat;background-size:cover;} #ipboard_body .popupInner .head .leftPos{position:absolute;left:120px} #ipboard_body .popupInner .head .s{display:inline-block;border-radius:4px;font-family:"Roboto Condensed"} #ipboard_body .popupInner .head .ugroup{top:70px} #ipboard_body .popupInner .head .ugroup .s{background:rgba(255,255,255,0.44);padding:5px 10px;color:#fff;line-height:1;font-size:13px} #ipboard_body .popupInner .head .ipsUserPhoto{position:relative;top:20px;left:5px;box-shadow:0 0 3px rgba(128,128,128,0.2)} #ipboard_body .popupInner .head .uname{top:28px;font-size:24px;width:350px;line-height:36px} #ipboard_body .popupInner .head .uname .s{background:rgba(255,255,255,0.8);padding:0 10px;color:#525252;font-family:inherit;text-overflow: ellipsis;overflow: hidden;max-width: 350px;white-space: nowrap;} #ipboard_body .popupInner .data{background:#fbfbfb;padding-bottom:10px;border-radius:0 0 4px 4px} #ipboard_body .popupInner .data .kon{float:left} #ipboard_body .popupInner .reputation{margin-top:40px;line-height:1;padding:5px 10px;font-size:14px;width:50%;display:inline-block} #ipboard_body .popupInner .reputation.positive{background:#74ab74} #ipboard_body .popupInner .reputation.negative{background:#d46161} #ipboard_body .popupInner .infolist{margin-top:15px;margin-left:10px} #ipboard_body .popupInner .infolist ul > li{padding:6px 0;border-bottom:1px solid rgba(128,128,128,0.08)} #ipboard_body .popupInner .infolist ul > li:last-child{border:0} #ipboard_body .popupInner .infolist .name{display:inline-block;width:125px;font-size:13px;font-weight:700;color:#6b6b6b} #ipboard_body .popupInner .infolist .value{display:inline-block;font-size:13px;color:#6b6b6b} #ipboard_body .popupInner .controls{background:#f5f5f5;padding:5px 0;border-radius:0 0 4px 4px;} #ipboard_body .popupInner .controls ul > li{float:left} #ipboard_body .popupInner .controls .cntrl{display:inline-block;line-height:1;margin:10px;font-size:13px;color:#313131;opacity:.8;text-shadow:0 1px 0 #fff} #ipboard_body .popupInner .controls .cntrl:hover{opacity:1;color:#435a91} #ipboard_body .popupInner .controls .cntrl .icon{margin-right:5px} #ipboard_body .popupInner .user_controls{margin:0;position:relative;top:2px;right:2px;float:right} #ipboard_body .popupInner .user_controls > li{margin-right:5px} /* ========== */ /* PAGINATION */ /* ========== */ .solPagination{background:#fff;padding:10px;} .solPagination > .pages > div{float:left;width:33.33%;text-align:center} .solPagination .button{display:block;padding:10px;background:#E2E2E2;border-radius:4px;box-shadow: 0px 15px 0px rgba(255, 255, 255, 0.2) inset;color:#4C4C4C;font-weight:700;font-size:14px;text-shadow:0 1px 0 #ECECEC} .solPagination .button:hover{background:#D2D2D2} .solPagination > .pages > div.disabled .button{opacity:.4;cursor:default;} .solPagination > .pages.no_count.no_goto > div{width:50%} .solPagination > .pages > div {width: 45%;} .solPagination > .pages:not(.with_count) > div{width:37.5%} .solPagination > .pages.with_count.no_goto > div{width:37.5%} .solPagination > .pages.with_count > div {width: 32.5%;} .solPagination > .pages.with_count > div.count{width:25%} .solPagination > .pages .next .button{margin-left:5px} .solPagination > .pages .previous .button{margin-right:5px} .solPagination > .pages.with_count .count{display:block;} .solPagination > .pages.no_count > div.count{display:none} .solPagination > .pages > div.goto {width: 5% !important;} .solPagination > .pages.no_goto .goto{display:none;} .solPagination .count{display:none;} .solPagination .count .button{font-size: 14px;margin:0 5px;background:#F3F3F3;color:#8E8E8E;text-shadow: 0px 1px 0px #F9F9F9;} .solPagination .goto.first .button {margin-right: 10px;} .solPagination .goto.last .button {margin-left: 10px;} .solPagination .pagejump{padding:0 !important;} /* ========= */ /* BOX STATS */ /* ========= */ .solBoxStats >li{margin-right:15px;float:left;} .solBoxStats >li:last-child{margin-right:0px;} .solBoxStats >li .box{background:#F7F7F7;padding:8px 12px;border:1px solid #E0E0E0;box-shadow:0px 0px 0px 1px #FFF inset;font-family: 'Calibri', sans-serif;font-weight:bold;} .solBoxStats >li .count{text-align:center;font-size:30px;margin-bottom:8px;color:#666;letter-spacing:-1px;} .solBoxStats >li .title{color:#7d7d7d;font-size:14px;text-align:center;} /* ================ */ /* HEADER BAR (TOP) */ /* ================ */ #header_bar_temp{height:45px;} #header_bar{height:45px;position: fixed;top: 0;left: 0;right: 0;z-index: 999;text-align:left;box-shadow: 0px 1px 0px rgba(128, 128, 128, 0.48);background-color: rgba(216, 221, 232, 0.98);border:0px;min-width:auto;} /*#header_bar.fixedTopBar{position:fixed;z-index:999;top:0;left:0;right:0;}*/ #header_bar > .topbar{margin:0 auto;height: 100%;} #header_bar ul.leftPane{display:inline-block;padding-left: 10px;} #header_bar ul.leftPane > li {float: left;} #header_bar ul.leftPane .navbutton {width: 45px;height: 45px;color: #3A3A3A;font-size: 16px;display: inline-block;cursor: pointer;line-height: 45px;text-align: center;} #header_bar ul.leftPane .navbutton:hover{color: #3b83c0;} #header_bar ul.leftPane .navbutton.apptab{width: auto;font-size: 11px;font-weight: bold;padding: 0 12px;font-family: "Roboto Condensed";text-transform: uppercase;} #header_bar ul.leftPane .navbutton.apptab:hover{background: #e6eaf3;color: #13599c;} #header_bar .userLeftMenu.active .navbutton,#header_bar ul.leftPane .navbutton.active{background: rgb(255, 255, 255);color: #3b83c0;box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);} #header_bar ul.leftPane .navbutton .icon{margin:0;} #header_bar ul.leftPane .navbutton .icon.close{display:none;} #header_bar ul.leftPane .navbutton.active .icon.close{display:inline-block;} #header_bar ul.leftPane .navbutton.active .icon.search{display:none;} #header_bar ul.leftPane .item {font-size: 12px; color:#656565;padding:10px !important;} #header_bar #search-box-large .icon{margin-left:5px;} #header_bar .largeSearchToggle{display:none;text-align: left;background: rgba(255, 255, 255, 0.98);padding: 18px 10px;font-size: 22px;position: relative;top: 0px;z-index: 0;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.08);box-shadow: 0px 20px 30px 10px rgba(0, 0, 0, 0.2);} #header_bar .largeSearchToggle .textinput{margin-left: 10px;border: none;background: none;width: 80%;font-size: 20px;outline: none;opacity: 0.8;} #header_bar .largeSearchToggle .textinput:hover, #header_bar .largeSearchToggle .textinput:focus {opacity: 1;} #header_bar .largeShareToggle{display: none;padding: 10px;background: rgba(255, 255, 255, 0.98);position: relative;top: 4px;box-shadow: 0px 3px 10px rgba(128, 128, 128, 0.28);} #header_bar .largeShareToggle #solvetic_share{float:left;} #header_bar .largeShareToggle .title {position: relative;top: 3px;display: inline-block;font-size: 18px;font-family: "Roboto condensed";line-height: 36px;padding-left: 15px;border-left: 1px solid #f7f7f7;margin-left: 5px;max-width: 560px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #header_bar:not(.fixedTopBar) .largeShareToggle {display: none !important;} #header_bar #miniLogo{background: #fff;display: inline-block;height: 35px;width: 35px;border-radius: 50%;position: relative;border: 4px solid #e6eaf3;} #header_bar #miniLogo > svg{position: relative;top: 2px;} #header_bar .largenav .navbutton {margin-right: 5px;} /* Pregunta Button */ #header_bar .userLeftMenu .navbutton.buttonShape{width:auto;} #header_bar .userLeftMenu .navbutton.buttonShape span{background: #7086b2;padding: 4px 11px;border-radius: 4px;line-height: 20px;font-size: 12px;font-weight: bold;text-shadow: 0px 1px 0px #7086b2;position: relative;top: -2px;margin: 0 10px;color: #fff;display: inline-block;} #header_bar .userLeftMenu .navbutton.buttonShape:hover span{background: #4c69a4} #header_bar .userLeftMenu.active .navbutton.buttonShape span{background: #f3f3f3;color: #616161;text-shadow: none;} #header_bar .userLeftMenu .navbutton.buttonShape.grey span {background:#8f95a0;text-shadow: 0 1px 0 #6e6e6e;} #header_bar .userLeftMenu .navbutton.buttonShape.grey:hover span{background:#70747d;} #header_bar .userLeftMenu .navbutton.buttonShape.white span {background:#f2f6ff;color:#534f4f;text-shadow: 0 1px 0 #e3e3e3;} #header_bar .userLeftMenu .navbutton.buttonShape.white:hover span{background:#f2f2f2;} #header_bar .userLeftMenu .navbutton.buttonShape.orange span {background:#f6a00f;text-shadow:0px 1px 2px #8e6c48;} #header_bar .userLeftMenu .navbutton.buttonShape.orange:hover span{background:#dc9318;} #header_bar .userLeftMenu .navbutton .icon {width:15px;} /* End: Pregunta Button */ #user_navigation{position: relative;top: 10px;} #user_navigation .headerBarPhoto {width: 47px;height: 47px;position: absolute;top:-12px;left:0px;border: 4px solid #D7DCE7;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);z-index: 1;} #user_navigation .roundbutton{background:#717070;width:28px;height:28px;display:inline-block;text-align:center;border-radius:50%;vertical-align:middle;line-height:28px;font-size:14px;color:#FFF;outline-style:none;position:relative;margin-right:12px} #user_navigation .roundbutton:hover{background:#3a73ad !important} #user_navigation .roundbutton .ipsHasNotifications{top:-5px;left:18px;border-radius:8px;} #user_navigation .roundbutton:active .fa{margin-top:6px} #user_navigation .roundbutton.addnew { background: #669ACA; width: auto;height: auto;padding: 4px 11px;border-radius: 4px;line-height: 20px;font-size: 11px;font-weight: bold;text-shadow: 0px 1px 0px #46739d;} /* ================ */ /* GLOBAL GRADIENTS */ /* ================ */ .grdnt_white_gray{background:linear-gradient(to bottom,#FFF 0%,#F9F9F9 47%,#EDEDED 100%) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#EDEDED',GradientType=0) !important;} /* ======================== */ /* BOARD INDEX : 3 ARTICLES */ /* ======================== */ .articlesRound{background:#FAFAFA;} .articlesRound .head-bar{border-top:1px solid #032C8E;} .articlesRound .head-bar .title{background:#032C8E;color:#fff;display:inline-block;padding:8px 5px 8px 10px;font-family: 'Calibri', sans-serif;font-weight:bold;font-size:15px;border-top:1px solid #032C8E;float:left;} .articlesRound .head-bar .corner{display:inline-block;border-width:12px 12px 20px 20px;border-style:solid;border-color:#032C8E rgba(0,0,0,0) rgba(0,0,0,0) #032C8E;float:left;} .articlesRound ul.rows-list{margin-top:10px;background:#fafafa;} .articlesRound ul.rows-list >li{padding:10px;border-bottom:4px solid #FFF;min-height:120px;} .articlesRound .record-image{float:left;} .articlesRound .record-image ._crop{border-radius:none;display:inline-block;border:1px solid lightgray;box-shadow:0px 0px 0px 2px #FFF inset;position:relative;} .articlesRound .record-image .comments{position: absolute;background: #6493BE;border-radius: 50%;width: 25px;height: 25px;text-align: center;font-size: 14px;line-height: 24px;color: #fff;top: -4px;left: -6px;z-index: 1;font-weight: bold;box-shadow: 0px 0px 0px 3px #fafafa;} .articlesRound .record-image ._crop .img{width:180px;height:110px;opacity:0;} .articlesRound .box-content{margin-left:200px;} .articlesRound .box-content h3{text-transform:none;font-size:14px;line-height:22px;margin-top:-5px;font-weight:bold;} .articlesRound .box-content .small-desc{font-size:11px;color:#9B9B9B;padding:5px 0px;} .articlesRound .small-rate{margin-left:5px;} .articlesRound .small-rate .fa-star{margin-right:2px;font-size:9px;} .articlesRound .small-rate .fa-star.off{color:lightgray;} .articlesRound .small-rate .fa-star.on{color:orange;} .articlesRound .box-content .big-desc{color:#777;font-size:13px;line-height:20px;overflow:hidden;max-height:40px;margin-top:5px;} .articlesRound .bigrank{float:right;vertical-align:top;background:#FFF;padding:8px;font-size:23px;border:1px solid #D3D3D3;border-radius:4px;min-width:53px;text-align:center;font-family: 'roboto condensed';color: #868686;} /* LIGHT */ .articlesRound .head-bar.light{border-top: 2px solid #f0f0f0;} .articlesRound .head-bar.light .title{background-color: #ffffff;background: linear-gradient(to bottom , white, #fafafa);position: relative;padding: 10px 15px;font-size: 12px;border-top: 0;top: -2px;left: 15px;box-shadow: 0px 4px 8px rgba(51, 50, 50, 0.07);border-width: 0 1px 1px 1px;border-style: solid;border-color: #e7e4e4;color: #7D7D7D;} .articlesRound .head-bar.light .corner{display:none;border-color:#669aca rgba(0,0,0,0) rgba(0,0,0,0) #669aca;} /* SMALL */ .articlesRound.small .record-image .comments{top:-7px;left:-7px;} .articlesRound.small .record-image ._crop{border-radius:3%;} .articlesRound.small .record-image ._crop .img{width:60px;height:60px;} .articlesRound.small .box-content{margin-left:80px;} .articlesRound.small .box-content h3{font-size:16px;line-height:23px;margin-top:-4px;} /* Smaller Boxes Articles */ .articlesRound.articles .bigGrid .items > li {width: 33.33%;} .articlesRound.articles .bigGrid .item {min-height: 280px;margin-bottom: 25px;} .articlesRound.articles .bigGrid .item > .desc {display: none;} /* =========== */ /* LOGIN MODAL */ /* =========== */ .loginModal .ui.form .field > label { font-size: 15px; margin-bottom: 1rem; color: #515151; } .loginModal .ui.form .field.error > label { color: #D95C5C; } .loginModal.ui.modal > .content { background: #fafafa; } .loginModal .ui.submit { margin:0 !important; } .loginModal .actions {margin-top: 25px;} /* ============ */ /* NOTIFY MODAL */ /* ============ */ .notifyListModal .header .options { float: right; } .notifyListModal .header .options a.button { text-transform: uppercase; } .notifyListModal .content .ipsList_withminiphoto > li { padding: 10px 0 10px 0; margin-bottom: 0px; border-bottom: 1px solid #F2F2F2; } .notifyListModal .content .ipsList_withminiphoto > li:first-child { padding-top: 0px; } .notifyListModal .content .ipsList_withminiphoto > li:last-child { border-bottom: 0px; padding-bottom: 0px; } /* ============ */ /* INBOX MODAL */ /* ============ */ .inboxListModal .header .options { float: right; } .inboxListModal .header .options a.button { text-transform: uppercase; } .inboxListModal .content .ipsList_withminiphoto > li { padding: 10px 0 10px 0; margin-bottom: 0px; border-bottom: 1px solid #F2F2F2; } .inboxListModal .content .ipsList_withminiphoto > li:first-child { padding-top: 0px; } .inboxListModal .content .ipsList_withminiphoto > li:last-child { border-bottom: 0px; padding-bottom: 0px; } /* ============= */ /* FRIENDS MODAL */ /* ============= */ .friendsListModal .header .options { float: right; } .friendsListModal .header .options a.button { text-transform: uppercase; } .friendsListModal .content .ipsList_withminiphoto > li { font-size: 14px; padding: 10px 0 10px 0; margin-bottom: 0px; border-bottom: 1px solid #F2F2F2; } .friendsListModal .content .ipsList_withminiphoto > li:first-child { padding-top: 0px; } .friendsListModal .content .ipsList_withminiphoto > li:last-child { border-bottom: 0px; padding-bottom: 0px; } /* =========================== */ /* HEADER ROUND - SOCIAL ICONS */ /* =========================== */ .round-social > li{display:inline-block;margin-right:5px} .round-social > li .circle{background:#FFF;width:32px;height:32px;text-align:center;font-size:15px;line-height:33px;border-radius:50%;box-shadow:0 0 10px 2px #022773;border:1px solid #002777;color:#032C8E;position:relative} .round-social > li .circle a{color:#032C8E} .round-social > li .circle a:hover{color:#fff} .round-social > li .circle .icon{position:absolute;width:32px;height:32px;text-align:center;top:0;border-radius:50%} .round-social > li .circle .count{color:#FFF;font-size:10px;position:absolute;width:32px;height:32px;border-radius:50%;top:0;left:0;transition:all .3s ease;z-index:-1} .round-social > li .circle.facebook .count{background:#4063A9} .round-social > li .circle.facebook:hover{background:#4063A9;color:#fff;transition:all .1s ease} .round-social > li .circle.twitter .count{background:#4597BB} .round-social > li .circle.twitter:hover{background:#4597BB;color:#fff;transition:all .1s ease} .round-social > li .circle.gplus .count{background:#D3492C} .round-social > li .circle.gplus:hover{background:#D3492C;color:#fff;transition:all .1s ease} .round-social > li .circle:hover .count{top:40px;z-index:1;transition:all .3s ease} /* ===================================== */ /* ARTICLES : SIDEBAR (VERTICAL STACKED) */ /* ===================================== */ .articles_sidebar { padding: 10px; } .articles_sidebar .picbox { position: relative; box-shadow: 0px 0px 0px 1px #EAEAEA; } .articles_sidebar .picbox:hover { opacity: 0.9; } .articles_sidebar .picbox ._crop img { opacity: 0; height: 170px; width: 100%; } .articles_sidebar .picbox .titlebox{position:absolute;bottom:0;left:0;width:100%;background:rgba(143,156,182,0.75);text-transform:uppercase;background: linear-gradient(to right,rgba(174, 182, 195, 0.4) 0%,rgba(120, 136, 168, 0.6) 50%,rgba(181, 188, 201, 0.4) 100%);} .articles_sidebar .picbox .titlebox .title{color:#FFF;font-family:'roboto condensed';font-size:17px;display:block;padding:5px 10px;line-height:25px;font-weight:700;text-shadow:1px 1px 1px #627591} .articles_sidebar .picbox .titlebox.black{box-shadow:none;padding-top: 15px;background: rgba(0, 0, 0, 0.4);background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.41) 50%,rgba(60, 64, 81, 0.76) 100%);} .articles_sidebar .picbox .titlebox.black .title{color:#FFF;text-shadow:1px 1px 1px #000} .articles_sidebar .picbox .commentbox { position: absolute; top: 0; right: 0; } .articles_sidebar .picbox .commentbox span { padding: 3px 8px;background: #4a6ba1;margin: 5px;display: inline-block;color: #FFF;font-family: 'roboto condensed';font-size: 13px;} .articles_sidebar .picbox .commentbox span:after {content: "";position: absolute;bottom: 1px;right: 1px;border-width: 4px;border-style: solid;border-color: rgba(255, 0, 0, 0) rgba(0, 128, 0, 0) #254184 rgba(0, 255, 255, 0);transform: rotate(45deg);} .articles_sidebar .picbox .commentbox2 { position: absolute; top: 0; left: 0; } .articles_sidebar .picbox .commentbox2 span { padding: 3px 8px;background: transparent;margin: 5px;display: inline-block;color: #FFF;font-family: 'roboto condensed';font-size: 20px;} .tabs .articles_sidebar {padding: 10px 0px 10px 0px;} /* ============= */ /* FOOTER LATEST */ /* ============= */ /* Advanced */ .solvetic_footer a {color: #86ADFF;} .solvetic_footer a:hover {color:#fff;} .solvetic_footer{background:#002777;color:#FFF;font-size:12px} .solvetic_footer ul.stats{line-height:25px;color:#87A2DF} .solvetic_footer ul.stats > li{float:left;margin-left:15px} .solvetic_footer ul.stats b,.solvetic_footer ul.stats a{color:#4162A6;font-size:12px} .solvetic_footer .mini-stats {box-shadow: 0px 0px 3px rgba(115, 115, 115, 0.2)} .solvetic_footer .mini-stats .icon{padding:6px 8px;background: #3559A1;color:#FFF} .solvetic_footer .mini-stats .icon .fa { min-width: 15px;text-align:center;} .solvetic_footer .mini-stats .title{padding:5px 8px;background:#fff;color:#4162A6;border: 1px solid #FFF;font-weight: bold;} .solvetic_footer .toolbar{background: #fafafa;padding:15px 20px;color:#FFF;font-size:12px} .solvetic_footer .toolbar .social{display:inline-block;width:25px;height:25px;text-align:center;line-height:25px;cursor:pointer;color:#fff;border-radius: 50%;font-size: 10px;margin-right: 5px;} .solvetic_footer .toolbar .social:hover{opacity:.8} .solvetic_footer .toolbar .social.facebook{background:#4063A9} .solvetic_footer .toolbar .social.twitter{background:#4597BB} .solvetic_footer .toolbar .social.gplus{background:#D3492C} .solvetic_footer .toolbar .social.rss{background:#EF8F3E} .solvetic_footer .Button{background:#1c4393;color:rgba(255, 255, 255, 0.85);padding:4px 8px;border-radius:4px;display:inline-block;margin-right:20px;min-width:75px;text-align:center} .solvetic_footer .Button:hover {opacity:0.85;} .solvetic_footer .mainbar{padding:30px 25px 25px;font-size:12px;color:#b9d2ff;display:flex;flex-direction:row;line-height:20px;border-bottom:1px solid #053189} .solvetic_footer .siteinfo{width:340px;margin-right:40px;box-sizing:border-box;display:block;flex-shrink:0} .solvetic_footer .siteinfo .logo{margin-left:-2px;} .solvetic_footer .siteinfo .logo img{height:55px;} .solvetic_footer .siteinfo .text {color: #698bd3;margin-top: 20px;} .solvetic_footer .siteinfo .controls {margin-top: 15px;margin-right: -40px;} .solvetic_footer .sitelinks {padding: 20px 0 0 40px;border-left: 1px solid #113889;} .solvetic_footer .sitelinks .section {margin:0;display: flex;flex-direction: row;} .solvetic_footer .sitelinks .multi {margin-left:30px;} .solvetic_footer .sitelinks .multi ul {display: flex;flex-direction: row;flex-wrap: wrap;} .solvetic_footer .sitelinks .heading{color:#ced9f0;padding:0;margin-bottom:12px;font-family:Helvetica,Arial;font-size:14px} .solvetic_footer .sitelinks ul{display:flex;flex-direction:column} .solvetic_footer .sitelinks ul > li{padding:0;margin:7px 0;width:110px} .solvetic_footer .search_input {background: #fff;margin: 7px 0;border-radius: 4px;color: #333;padding: 10px;border: 0;min-width: 190px;} .solvetic_footer .copybar{display:flex;flex-direction:row;justify-content:space-between;padding:20px 25px;color:rgba(175,201,255,0.4)} .solvetic_footer .copybar a{display: flex;align-items: center;color:rgba(175,201,255,0.4);} .solvetic_footer .copybar #copyright{display: flex;align-items: center;padding:0;background:none;color:inherit} .solvetic_footer .copybar .links{display:flex;flex-direction:row} .solvetic_footer .copybar .links > div{display:flex;align-items:center;margin-right:25px} .solvetic_footer .copybar .links > div:last-child{margin:0} .solvetic_footer .copybar #enisa{background:#fff;height:16px;position:relative;transform:scale(2.5)} /* ================= */ /* FOLLOW US SIDEBAR */ /* ================= */ .followus-sidebar h3 { background: #2ca1dd; margin-bottom: 0px; display: none; } .followus-sidebar ._sbcollapsable{border: 1px solid #f7f7f7;background: #fdfdfd;} .followus-sidebar .bulb { float: left; margin-top: 15px; } .followus-sidebar ul.widgets { margin-left: 70px;border-left: 1px dashed #BAD5ED;padding-left: 20px;} .followus-sidebar ul.widgets > li { margin-bottom: 10px; } .followus-sidebar ul.widgets > li:last-child { margin-bottom: 0; } /* ================= */ /* 1x4 GRID HOMEPAGE */ /* ================= */ #grid_box_home_four {display:inline-block;background:#273147;} #grid_box_home_four a{text-decoration:none !important;} #grid_box_home_four .writer{color:#91D0FF;font-weight:bold;font-size:11px;line-height:24px;} #grid_box_home_four span{font-weight: bold;color: #FFF;position: absolute;top: 10px;font-size: 12px;right: 10px;background: #556B84;padding: 2px 7px;border: 1px solid #505D6D;text-shadow: 0px -1px 0px #2C3D51;font-family: arial;border-radius: 3px;} #grid_box_home_four span:after{content: " ";position:absolute;border:0px solid #3C4F65;bottom:-7px;right:1px;border-left-width:7px;border-bottom:6px solid transparent;} #grid_box_home_four .crop{background-position:center center;background-repeat:no-repeat;background-size:cover;} #grid_box_home_four #big_container{width:549px;height:300px;position:relative;float:left;border-right:3px solid #fff;} #grid_box_home_four #small_container1{overflow:hidden;width:267px;height:150px;position:relative;float:left;} #grid_box_home_four #small_container2{overflow:hidden;width:270px;height:150px;position:relative;float:left;border-left:5px solid #F7F7F7;border-right:5px solid #F7F7F7;} #grid_box_home_four #small_container3{overflow:hidden;width:270px;height:150px;position:relative;float:left;border-right: 5px solid #F7F7F7;} #grid_box_home_four #small_container4{overflow:hidden;width:267px;height:150px;position:relative;float:left;} #grid_box_home_four .big_image{width:549px;height:300px;opacity:0.9;-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-moz-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-o-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;} #grid_box_home_four .big_image_switch:hover .big_image{opacity:0.2 !important;-moz-transition:opacity 0.9s;-webkit-transition:opacity 0.9s;transition:opacity 0.9s;} #grid_box_home_four #small_container1 .small_image{width:267px;height:150px;opacity:0.9;-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;/*box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-moz-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-o-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;*/} #grid_box_home_four #small_container2 .small_image{width:270px;height:150px;opacity:0.9;-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;/*box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-moz-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-o-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;*/} #grid_box_home_four #small_container3 .small_image{width:270px;height:150px;opacity:0.9;-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;/*box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-moz-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-o-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;*/} #grid_box_home_four #small_container4 .small_image{width:267px;height:150px;opacity:0.9;-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;/*box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-moz-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;-o-box-shadow:0px 3px 18px -3px rgba(0,0,0,0.5) inset;*/} #grid_box_home_four .small_image_switch:hover .small_image{opacity:0.5 !important;-moz-transition:opacity 0.9s;-webkit-transition:opacity 0.9s;transition:opacity 0.9s;} #grid_box_home_four .grid_content{position:absolute;bottom:0;left:0;padding:10px;background: rgba(0, 0, 0, 0.1);right: 0;background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.07) 50%,rgba(60, 64, 81, 0.31) 100%);} #grid_box_home_four #big_container h3{font-family:Roboto Condensed;font-size:40px;text-transform:uppercase;color:#fff;text-shadow:1px 1px 3px #000;margin-bottom:2px;line-height:120%;} #grid_box_home_four #small_container1 h3,#small_container2 h3,#small_container3 h3, #small_container4 h3{font-family:Roboto Condensed;font-size:28px;text-transform:none;color:#fff;text-shadow:1px 1px 2px #000;line-height:135%;letter-spacing: -0.8px;} #grid_box_home_four .grid_desc{color:#fff;font-family:arial;height:0px;font-size:13px;overflow:hidden;-moz-transition:height 0.2s ease;-webkit-transition:height 0.2s ease;transition:height 0.2s ease;text-shadow:1px 1px 3px #000;} #grid_box_home_four #big_container:hover .grid_desc{height:50px;} #grid_box_home_four #small_container1:hover .grid_desc,#small_container2:hover .grid_desc,#small_container3:hover .grid_desc, #small_container4:hover .grid_desc{height:50px;} #grid_box_home_four .sm_box .crop {transition: all .2s ease !important;background-size: auto 150px;} #grid_box_home_four .sm_box:hover .crop {transform: scale(1.1);/*background-size: auto 170px;*/} #grid_box_home_four .blueBadge {color: #FFF;font-weight: bold;font-size: 11px;line-height: 1;background: #59AFFF;display: inline-block;padding: 4px 6px;border-radius: 2px;text-shadow: 1px 1px 1px #4A799C;position: absolute;top: -90px;} #grid_box_home_four .editbox {position: absolute;top: -60px;right: 0;transition: top 0.2s linear;z-index:1;} #grid_box_home_four .sm_box:hover .editbox {top: 0;} #grid_box_home_four .editbox .button {width: 25px;height: 25px;border-radius: 50%;line-height: 25px;font-size: 14px;background: #ffa433;text-align: center;padding: 5px;color: #fff;margin: 10px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);} #grid_box_home_four .editbox .button:hover {box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);background: #ff9716;} /* ==================== */ /* Article Author Panel */ /* ==================== */ .articleAuthorInfo{padding:15px;margin:10px 0;border:1px solid #EAEAEA;background:#f9f9f9;background:-moz-linear-gradient(top,#fff 0%,#fff 47%,#f9f9f9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(47%,#fff),color- stop(100%,#f9f9f9));background:-webkit-linear-gradient(top,#fff 0%,#fff 47%,#f9f9f9 100%);background:-o-linear-gradient(top,#fff 0%,#fff 47%,#f9f9f9 100%);background:-ms-linear-gradient(top,#fff 0%,#fff 47%,#f9f9f9 100%);background:linear-gradient(to bottom,#fff 0%,#fff 47%,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f9f9f9',GradientType=0)} .articleAuthorInfo .photo{border-radius:50%;width:75px;height:75px;border:2px solid #FFF;box-shadow:0 0 5px 1px #EAEAEA;margin-left:3px} .articleAuthorInfo .photo:hover{box-shadow:0 0 5px 1px #BBB} .articleAuthorInfo .leftpanel{display:inline-block;float:left} .articleAuthorInfo .displayName{font-size:18px;font-family:'Roboto Condensed';margin-bottom:3px;font-weight:400;color:#4A4A4A} .articleAuthorInfo .ranktext{font-size:12px;color:#B3B3B3;font-style:italic} .articleAuthorInfo .edit_button{position:absolute;top:0;right:0;background:#FAFAFA;color:#747373;line-height:30px;width:30px;height:30px;text-align:center;margin:-25px -15px;border-left:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;display:inline-block} .articleAuthorInfo .edit_button:hover{background:#fff;color:#000} .articleAuthorInfo .rightpanel{margin-left:110px;margin-top:10px;font-size:14px;line-height:25px;text-shadow:0 0 0 #FFF;position:relative} .articleAuthorInfo .contacts{margin-top:10px;text-align:center} .articleAuthorInfo .contacts > li{display:inline-block;margin-right:-3px} .articleAuthorInfo .contacts > li a{width:20px;color:#fff;height:20px;display:inline-block;text-align:center;line-height:20px;font-size:11px;opacity:.8;margin-right:2px} .articleAuthorInfo .contacts > li a:hover{opacity:1} .articleAuthorInfo .facebook{background:#4063A9} .articleAuthorInfo .twitter{background:#4597BB} .articleAuthorInfo .linkedin{background:#069} .articleAuthorInfo .pm{background:#1745B5} /* =================== */ /* ROUND SHARE BUTTONS */ /* =================== */ .round_share{display:inline-block} .round_share > li{display:inline-block;float:left;margin-right:10px;font-size:12px} .round_share > li a{width:35px;height:35px;display:inline-block;background:gray;color:#FFF;border-radius:50%;text-align:center;line-height:35px;font-size:15px;opacity:.8} .round_share > li a:hover{opacity:1} .round_share > li a.fb{background:#344E85} .round_share > li a.tweet{background:#1385C4} .round_share > li a.gplus{background:#F13536} .round_share > li a.linkedin{background:#2276A7} .round_share > li a.print{background:#FF7928; cursor: pointer;} .round_share > li a.comment{border-radius:2px;width:28px;height:22px;line-height:22px;position:relative;z-index:3;font-size:12px;margin-top:3px} .round_share > li a.comment:after{content:" ";display:inline-block;position:absolute;border-width:5px 0 0 7px;border-color:gray rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;top:21px;right:0} .round_share > li a.total{background:#F5F5F5;color: #5c5c5c;border-radius:3px;width:auto;height:auto;line-height:1;margin-top:3px;border:1px solid #DDD;text-shadow:0 1px 0 #FFF;font-size:15px;opacity: 1;font-family:'roboto condensed';font-weight:700;text-transform:uppercase;margin-right:5px;background:#fcfff4;background:-moz-linear-gradient(top,rgba(252,255,244,1) 0%,rgba(238,239,236,1) 40%,rgba(224,224,224,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(252,255,244,1)),color-stop(40%,rgba(238,239,236,1)),color-stop(100%,rgba(224,224,224,1)));background:-webkit-linear-gradient(top,rgba(252,255,244,1) 0%,rgba(238,239,236,1) 40%,rgba(224,224,224,1) 100%)} .round_share > li .lefter {display: inline-block;padding: 5px 10px;font-size: 20px;text-transform:lowercase;} .round_share > li .righter {font-size: 11px;display: inline-block;background: rgba(0, 0, 0, 0.06);padding: 10px 10px;vertical-align: top;} .round_share.tiny {vertical-align: top;position: relative;top: -5px;} .round_share.tiny > li {margin-left: 8px;margin-right: 0;} .round_share.tiny > li a {width: 22px;height: 22px;font-size: 10px;line-height: 22px;} .round_share.tiny .sharetotal {display: none;} /* ============ */ /* PROFILE PAGE */ /* ============ */ .profileHead{height:300px;background-size:cover;margin:-10px 0 10px;position:relative} .profileHead .settings{z-index:1;position:absolute;right:10px;top:10px} .profileHead .settings > li{float:right;display:inline-block;margin-left:10px} .profileHead .settings > li > a{padding:5px 10px;font-size:15px;background:rgba(0,0,0,0.5);border:1px solid rgba(236,236,236,0.12);color:#FFF;border-radius:4px;box-shadow:0 0 9px 1px rgba(0,0,0,0.06);opacity:.7;display:inline-block} .profileHead .settings > li > a:hover{opacity:1;background:rgba(0,0,0,0.5)} .profileHead .settings > li > a.negative:hover{background:rgba(221,28,28,0.4)} .profileHead .memberinfo{margin-left:150px} .profileHead .memberinfo h3.name{margin-top:50px;font-size:25px;color:#fff;font-family:'Calibri', sans-serif;text-shadow:0 1px 0 #000} .profileHead .memberinfo ul{background:rgba(0,0,0,0.25);margin-left:-150px;padding-left:130px;margin-top:10px;border-top:1px solid rgba(0,0,0,0.2)} .profileHead .memberinfo ul > li{float:left;padding:10px 20px;font-size:13px;border-right:1px solid rgba(0,0,0,0.2);font-family:helvetica;color:#fff} .profileHead .memberinfo ul > li:last-child{border-right:0} .profileHead .memberinfo ul > li .title{color:rgba(252,252,252,0.7);font-size:14px;text-transform:uppercase;margin-bottom:3px;font-family:'Calibri', sans-serif;} .profileHead .container{position:absolute;bottom:0;width:100%;line-height:20px;font-family:'roboto condensed';color:rgba(255,255,255,0.75);background:rgba(0,0,0,0.08);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.58)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%)} .profileHead .profilePhoto{position:absolute;bottom:5px;left:10px} .profileHead .profilePhoto .radar{position: absolute;z-index: 1;bottom: 19px;left: 30px;} .profileHead .profilePhoto .change{position:absolute;top:15px;right:15px;width:25px;height:25px;background:#13799E;border-radius:50%;text-align:center;z-index:1;font-size:12px;line-height:25px;color:#fff} .profileHead .profilePhoto .warning{position:absolute;bottom:15px;left:15px;width:25px;height:25px;background:#2D53B5;border-radius:50%;text-align:center;z-index:1;font-size:12px;line-height:25px;color:#fff;display:inline-block} .profileHead .profilePhoto .photo{position:relative;display:inline-block;margin:15px;border-radius:50%;box-shadow:0 0 6px 1px rgba(0,0,0,0.45);border:2px solid rgba(255,255,255,0.71)} .profileHead .profilePhoto.online .photo{border: 2px solid #62CA06;} .profileHead .profilePhoto .photo #profile_photo{height:100px;width:100px;border-radius:inherit} /* PROFILE SOCIAL SPHERES */ .profile_social{padding:10px;background:#F7F7F7;padding-bottom:0} .profile_social > li{display:inline-block;float:left;margin-bottom:10px} .profile_social .row_title{padding:5px 10px;width:60px} .profile_social .row_data{margin:0!important;display:inline-block!important;padding:5px} .profile_social .sphere{background:#5E9CB0;margin-right:5px;color:#FFF;display:inline-block;opacity:.82;text-shadow:0 -1px 0 rgba(0,0,0,0.4);border:2px solid #FFF;box-shadow:0 0 0 1px rgba(0,0,0,0.1);width:50px;height:50px;border-radius:50%} .profile_social .sphere:hover{opacity:1;color:#FFF} .profile_social .sphere .title{display:inline-block;padding:10px 15px;font-size:15px;font-weight:700;text-overflow:ellipsis;width:200px;white-space:nowrap;overflow:hidden;vertical-align:top;line-height:22px} .profile_social .sphere .title a{color:inherit} .profile_social .sphere .icon{display:inline-block;width:20px;font-size:22px;padding:10px 15px;vertical-align:top;text-align:center;line-height:30px} /* COLORS */ .profile_social .sphere.goog { background: #D3492C; } .profile_social .sphere.tw { background: #00BAEF; } .profile_social .sphere.fb { background: #4B6EA8; } .profile_social .sphere.skype { background: #1BAACF; } .profile_social .sphere.linked { background: #0089C2; } .profile_social .sphere.website { background: #63A65F; } /* ========================= */ /* PREGUNTA RESPONDE RANKING */ /* ========================= */ .prr{padding:10px;background:#fafafa} .prr > ul{height:120px} .prr > ul > li{width:33.3%;float:left} .prr > ul > li > .box{padding-right:10px} .prr > ul > li:last-child > .box{padding-right:0} .prr .whiteBox{background:#fff;border:1px solid #E7E7E7;padding:10px;position:relative;height:68px;margin-left:33px;padding-left:45px;border-radius:3px} .prr .big_icon{display:inline-block;font-size:35px;border:3px solid #fff;border-radius:50%;box-shadow:-1px 0 5px 1px #DADADA;width:60px;height:60px;text-align:center;background:#669ACA;color:#fff;line-height:60px;position:absolute;left:-33px} .prr .button{position:absolute;bottom:-32px;left:0;width:100%} .prr .button > a{display:block;background:#F0F0F0;border:1px solid #ddd;padding:8px;margin-left:-1px;margin-right:-1px;text-align:center;color:#6d6d6d;font-size:11px;text-transform:uppercase;border-radius:0 0 3px 3px;text-shadow:0 -1px 0 #F7F7F7;} .prr .button > a:hover{background: #e8e8e8;color: #0c0c0c;} .prr h3{font-family:'Calibri', sans-serif;text-transform:uppercase;font-size:22px;color:#5D709D;font-weight:bold;margin: 4px 0 6px;} .prr .text{line-height:18px;margin-top:3px;color:#909090;font-size:12px} /* ================= */ /* TOP BAR USER MENU */ /* ================= */ #sol_usermenu {color: #2D2D2D;position: relative;margin-left: 70px;} #sol_usermenu:hover {background: #E2E6EF;border-radius: 25% 0 0 25%;} #sol_usermenu input#statusUpdateGlobal {width: 200px;} #sol_usermenu .username{padding: 15px 10px;} #sol_usermenu .username .arrow{display: inline;} #sol_usermenu.active .username {background: #fff;color: #002777;} #sol_usermenu_dropdown {left:auto;right:0;} #sol_usermenu_dropdown > *{font-size:12px;line-height:28px} #sol_usermenu_dropdown > .item{font-family:helvetica;font-size:12px;padding:2px 15px!important} #sol_usermenu_dropdown > .header{font-size:11px;background:#F2F2F2;margin-bottom:5px} #addnew_menu_dropdown > .item{line-height: 24px;padding: 5px 10px !important;} /* ====================== */ /* SOLVETIC MESSAGE BOXES */ /* ====================== */ .solmsgbox { margin-bottom: 10px; background: #FAFAFA; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; } .solmsgbox .heading { padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; font-family: 'Helvetica'; text-transform: uppercase; position: relative; background: rgba(0, 0, 0, 0.03); letter-spacing: 0.3px;} .solmsgbox .heading.with.icon { padding-left: 45px; } .solmsgbox .heading.with.icon .icon { background: rgba(0, 0, 0, 0.07); width: 35px; height: 100%; position: absolute; top: 0px; left: 0px; text-align: center; line-height: 38px;} .solmsgbox .content { padding: 10px; position: relative; } .solmsgbox .content.inset { margin: 10px; border: 1px solid rgba(0, 0, 0, 0.06); background: #FDFDFD; } .solmsgbox .content.closed { max-height: 150px; overflow: hidden;} .solmsgbox .content .blurrer { display: none; } .solmsgbox .content.closed .blurrer { display: block; z-index: 1;height:50px;position:absolute;width:100%;left:0;bottom:0;background:-moz-linear-gradient(top,rgba(255,255,255,0.5) 30%,rgba(255,255,255,1) 70%);background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,rgba(255,255,255,0.5)),color-stop(70%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 30%,rgba(255,255,255,1) 70%);background:-o-linear-gradient(top,rgba(255,255,255,0.5) 30%,rgba(255,255,255,1) 70%);background:-ms-linear-gradient(top,rgba(255,255,255,0.5) 30%,rgba(255,255,255,1) 70%);background:linear-gradient(to bottom,rgba(255,255,255,0.5) 30%,rgba(255,255,255,1) 70%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#ffffff',GradientType=0)} .solmsgbox .content.closed .blurrer-content { position: absolute; bottom: -10px; text-align: center; width: 100%; } .solmsgbox.green { border: 1px solid #AEDAAE; background: #F6FFF6; } .solmsgbox.green .heading { background: #D7F5D7; color: #3B5C3B; } .solmsgbox.red { border: 1px solid #DAAEAE; background: #FFF6F6; } .solmsgbox.red .heading { background: #F5D7D7; color: #943F3F;} .solmsgbox.gold { border: 1px solid #E5D07E; background: #FFFBEC; } .solmsgbox.gold .heading { background: #FEF0B8; color: #766627;} /* ================================ */ /* SOLVETIC GUEST REPLY MESSAGE BOX */ /* ================================ */ .solGRMsg{background:#f2f2f2;border: 1px solid #E2E2E2;border-radius:0} .solGRMsg .inner{padding:20px;text-align:center;font-family:helvetica} .solGRMsg .inner > h3{font-size:23px;font-family:'Roboto Condensed';margin-bottom:10px} .solGRMsg .inner > div.textinner{font-size:23px;font-family:'Calibri', sans-serif;margin-bottom:15px} .solGRMsg .inner > .desc{font-size:14px; font-family: helvetica;} .solGRMsg .boxes > li .box{background:#fff;padding:20px;margin:10px 20px 30px;text-align:center;box-shadow:0 0 1px #bdbdbd} .solGRMsg .boxes > li{float:left;width:50%} .solGRMsg .boxes .but:hover{background:#ec9706} .solGRMsg .boxes .but{display:inline-block;background:#F89E06;color:#fff;padding:10px 15px;min-width:150px;border-radius:4px;margin-top:20px;font-family:helvetica;font-size:14px} .solGRMsg .boxes .but2:hover{background:#7e8084} .solGRMsg .boxes .but2{display:inline-block;background:#86888D;color:#fff;padding:10px 15px;min-width:150px;border-radius:4px;margin-top:20px;font-family:helvetica;font-size:14px} .solGRMsg .boxes > li > .box h3{font-size:25px;font-family:'Roboto Condensed';margin-bottom:8px} .solGRMsg .boxes > li > .box div.textboxes{font-size:25px;font-family:'Calibri', sans-serif;margin-bottom:15px} .solGRMsg .boxes > li > .box .desc{font-size:12px;font-family:helvetica;color:#797979} /* ============================== */ /* REP ME UP - REPUTATION MSG BOX */ /* ============================== */ .repmeup{position: relative;min-height: 110px;background: #f7f7f7;margin: 5px -5px -5px -5px;padding-right: 5px;} .repmeup_msg_outer{position:absolute;background:#A2A2A2;border:1px solid #AEAEAE;right:75px;border-radius:2px;box-shadow:0 0 6px 0 rgba(161,161,161,0);top:15px;min-width:88%} .repmeup .repmeup_msg{background:#FAFAFA;box-shadow:0 0 0 1px #EDEDED inset;padding:15px;position:relative;font-size:14px;line-height:22px;color:#6E6E6E} .repmeup .repmeup_msg.blue{color:#626F8C;background:#EFF4FF} .repmeup_msg.blue:before{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #EFF4FF} .repmeup_msg:before{content:" ";position:absolute;display:inline-block;border-width:10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #FAFAFA;border-style:solid;right:-19px;border-radius:0;top:5px;z-index:1} .repmeup_msg:after{content:" ";position:absolute;display:inline-block;border-width:11px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #BFBFBF;border-style:solid;right:-22px;border-radius:0;top:4px;z-index:0} .repmeup_msg .contentpanel div{font-size:14px;font-weight:700;margin-bottom:4px} .repmeup_msg .iconpanel{float:left;font-size:35px;padding-top:5px} .repmeup_msg .contentpanel{margin-left:55px} /********/ /* TABS */ /********/ .solTabs .tabs-menu{} .solTabs .tabs-menu li{float:left;width:25%} .solTabs .tabs-menu li.current{position:relative;z-index:1} .solTabs .tabs-menu li a{outline:0;padding:10px;text-decoration:none;display:block;color:#868686;background:#FFF;border:1px solid #f1f1f1;text-align:center;height:15px;line-height:15px;font-family:'Calibri', sans-serif;text-transform:uppercase;margin:0 -1px;font-size:13px} .solTabs .tabs-menu .current a {cursor: default;color: #669aca;border-bottom-color: #669aca;} .solTabs .tabs{background-color:#fcfcfc;margin-bottom:10px;border-bottom:1px solid #EAEAEA;box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);} .solTabs .tabs > div:first-child{ display: block;} .solTabs .tab-content{padding:10px;display:none} .solTabs .tabs-menu li .arrowicon{display:none;} .solTabs .tabs-menu li.current .arrowicon{display: none;position:absolute;width:100%;text-align:center;bottom:-6px;color:#FCFCFC;font-size:18px} .solTabs .tabs-menu li:not(.current) a:hover{background:#FCFCFC} /************************/ /* SOLVETIC INDEX ITEMS */ /************************/ .solIndex.bigContent{background:#FAFAFA;margin-bottom:20px;} .solIndex.bigContent >.cont{border-bottom:5px solid #FFF;} .solIndex.bigContent >.cont:last-child{border-bottom:0px;} .solIndex.bigContent .heading{background:#669ACA;color:#FFF;padding:10px;font-size:14px;font-weight:100;font-family: 'Roboto Condensed';text-transform:uppercase;text-shadow:0px 1px 0px #4A739B;position:relative;margin-bottom:5px;} .solIndex.bigContent .heading.with_icon{padding-left:60px;} .solIndex.bigContent .heading.with_icon .icon{position:absolute;left:0px;width:45px;background:rgba(0,0,0,0.09);top:0;height:100%;line-height:38px;text-align:center;text-shadow:none;} .solIndex.bigContent .heading .button, .solIndex.bigContent .halftitle .button {text-shadow:none;font-size:9px;line-height:18px;font-weight:normal;font-family: 'helvetica';margin-top:-2px;padding:2px 8px;color:#646464;border-radius:2px;border:1px solid #618EB8;box-shadow:0px 0px 8px rgba(0,0,0,0.21);background:linear-gradient(to bottom,#FCFCFC 0%,#FCFCFC 47%,#EAEAEA 100%);} .solIndex.bigContent .heading .button:hover, .solIndex.bigContent .halftitle .button:hover{background:#FFF;} .solIndex.bigContent .leftContent{float:left;width:200px;} .solIndex.bigContent .rightContent{margin-left:200px;padding:10px;} .solIndex.bigContent .imagebox{padding:10px;padding-bottom:0px;} .solIndex.bigContent .image{position:relative;display:block;overflow:hidden;/*padding:3px;border:1px solid rgba(0,0,0,0.12);background:#FFF;*/} .solIndex.bigContent .image:hover{opacity:0.9} .solIndex.bigContent .imagebox .imagebox_title {position: absolute;color: #fff;bottom: 0;left: 0;right: 0;z-index:1;} .solIndex.bigContent .imagebox .imagebox_title span{display: block;transition: all 0.2s ease;background: rgba(0, 0, 0, 0.32);background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(6, 6, 6, 0.25) 50%,rgba(0, 0, 0, 0.45) 100%);padding: 10px;font-size: 27px;font-family: "Roboto Condensed";text-transform: none;text-shadow: 1px 1px 3px #2d2d2d;letter-spacing:-1px;line-height: 28px;padding-top: 15px;} .solIndex.bigContent .imagebox:hover .imagebox_title span{background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(6, 6, 6, 0.45) 50%,rgba(0, 0, 0, 0.65) 100%);} .solIndex.bigContent .imagebox .image ._crop{background-size: auto 150px;transition: all 0.2s ease;} .solIndex.bigContent .imagebox .image:hover ._crop{/*background-size: auto 170px;*/ transform: scale(1.1);} .solIndex.bigContent .title{font-family: 'Roboto Condensed';font-size:24px;text-transform:uppercase;line-height:27px;font-weight:bold;letter-spacing:-1px;} .solIndex.bigContent .info{font-size:12px;color:#8E8E8E;padding:7px 0px;} .solIndex.bigContent .badge{margin:5px;} .solIndex.bigContent .desc{line-height:22px;color:#737373;margin-top:3px} .solIndex.bigContent .bigrank{float:right;vertical-align:top;background:#FFF;padding:8px;font-size:25px;border:1px solid #D3D3D3;border-radius:4px;min-width:50px;text-align:center;font-family: 'roboto condensed';color:#868686;} .solIndex.bigContent.boxes >.cont{width:50%;float:left;overflow:hidden;} .solIndex.bigContent.boxes .leftContent{width:100%;float:none;} .solIndex.bigContent.boxes .rightContent{margin-left:0px;} .solIndex.bigContent.boxes .imagebox img{width:100% !important;height:150px !important;} .solIndex.bigContent.boxes .contbox{border-right:5px solid #FFF;height:310px;} .solIndex.bigContent.boxes >.cont:nth-child(2n+1) .contbox{border-right:0px;} .solIndex.bigContent.boxes .badge{margin:6px 5px 5px 5px;} .solIndex.bigContent.boxes .bigrank{margin:0 0 0 8px;} .solIndex.bigContent.boxes >.cont:last-child{border-bottom:5px solid #FFF;} /****************************/ /** SOLVETIC STATUS LAYOUT **/ /****************************/ .solStatusLayout .navbar{background:#F9F9F9;border:1px solid #E4E4E4;border-bottom:1px solid #9E9E9E;} .solStatusLayout .navbar ul >li{float:left;margin:0;} .solStatusLayout .navbar ul >li a{padding:12px 15px;font-size:15px;background:#F9F9F9;display:inline-block;color:#002777;font-weight:bold;} .solStatusLayout .navbar ul >li a:hover{background:#F5F5F5;} .solStatusLayout .navbar ul >li.active a{background:#F3F3F3;border-right:1px solid #E4E4E4;border-left:1px solid #E4E4E4;text-shadow:0px -1px 0px #fff;box-shadow:0px 0px 0px 1px #FFF inset;} .solStatusLayout .navbar ul >li.active a{background:#425A6F;font-weight:bold;border-right:0;border-left:1px solid #E4E4E4;text-shadow:0px -1px 0px #fff;box-shadow:none;border:1px solid #425A6F;margin-right:1px;color:#fff;text-shadow:0px -1px 0px #000;} .solStatusLayout #statusUpdate_page{padding:10px;border:1px solid #7892A9;} .solStatusLayout #statusSubmit_page{padding:0px 20px;font-weight:bold;background:#075EAB;color:#fff;box-shadow:0px 1px 0px 0px #5BA0DC inset;border:1px solid #075EAB;font-size:14px;height:35px;display:inline-block;margin-left:5px;} .solStatusLayout #statusSubmit_page:hover{background:#055092;} .solStatusLayout .tutstatus{margin-top:5px;} .solStatusLayout .tutstatus p{line-height:22px;} .solStatusLayout #status_wrapper .ipsBox_container{margin-bottom:5px;padding:10px;} .solStatusLayout #status_wrapper .status_content{line-height:25px;} .solStatusLayout #status_wrapper .arrow{margin:0px 5px;color:#4089D0;} .solStatusLayout #status_wrapper .status_feedback{margin:10px 0 0 0;} .solStatusLayout #status_wrapper ul.reply{background:#FBFBFB;} .solStatusLayout #status_wrapper .status_feedback .row2{background:#F9F9F9;padding:10px;position:relative;} .solStatusLayout #status_wrapper .status_feedback .row2:after{content: " ";display:inline-block;border-width:8px;border-style:solid;border-color:rgba(255,255,255,0.02) rgba(255,0,0,0) #FBFBFB rgba(29,57,255,0);top:-14px;position:absolute;} .solStatusLayout #status_wrapper .status_feedback .row2 .list_content{margin-left:40px;} .solStatusLayout #status_wrapper .status_content .status_status {font-size: 14px;word-wrap: break-word;line-height: 22px;margin-top: 4px;margin-bottom:10px;} .solStatusLayout .ipsBox_withphoto.status_content >div:first-child{background:#EFF4FF;padding:10px;position:relative;} .solStatusLayout .ipsBox_withphoto.status_content >div:first-child:after{content: " ";display:inline-block;border-width:10px;border-style:solid;border-color:rgba(255,0,0,0) #EFF4FF rgba(0,128,0,0) rgba(255,165,0,0);position:absolute;left:-18px;top:15px;} /******************/ /* LIKE IT SYSTEM */ /******************/ .likeit_globalButton{text-shadow:0 1px 0 #fff;display:inline-block;line-height:1;position:relative;font-size:12px;background-image:linear-gradient(to bottom,#F9F9F9 0%,#F5F5F5 100%);border-radius:2px;box-shadow:0 10px 0 rgba(255,255,255,0.7) inset} .likeit_globalButton .button{display:inline-block;padding:4px 6px;color:#6B6B6B;border:1px solid #CECECE} .likeit_globalButton .button:hover{background:#F5F5F5;border-color:rgba(160,160,160,0.70);box-shadow:0 0 1px rgba(0,0,0,0.01)} .likeit_globalButton .button.left{border-radius:2px 0 0 2px} .likeit_globalButton .button.right{border-left:0 solid transparent;border-radius:0 2px 2px 0;color:#6B6B6B} .likeit_globalButton .count{padding:2px 4px;background:#7FA0CA;color:#fff;line-height:1;font-size:10px;text-shadow:0 1px 0 #8BAAD0;border-radius:2px;box-shadow:0 0 1px #2D425D inset;position:relative;top:-1px;font-weight:700} .likeit_globalButton .fa-spinner{line-height:1px} .likeit_globalButton .button .state{color:#8C8C8C;margin-right:5px;line-height:1px} .likeit_globalButton .button .state.fa-times {color: #E25757;} /****************/ /* Content Grid */ /****************/ .solContentGrid{background:#F7f7f7;padding:5px;position:relative} .solContentGrid .grid{float:left} .solContentGrid .grid.item{float:none !important;width:auto !important;} .solContentGrid.x4 .grid{width:25%} .solContentGrid .gridContent{border-radius:4px;padding:10px;background:#fff;box-shadow:0 0 1px 2px #ECECEC;height:250px;position:relative;overflow:hidden;margin:5px} .solContentGrid .gridContent:hover {box-shadow: 0 0 1px 2px #B9D2F7;} .solContentGrid .gridContent .tag{position:absolute;z-index:1;top:10px;left:0;padding:3px 6px;background:#F7F7F7;border-radius:0 4px 4px 0;font-size:12px;font-weight:700;box-shadow:0 0 1px 1px #DEDEDE;text-shadow:0 1px 0 #fff;color:#324647; background: #F7F7F7;} .solContentGrid .gridContent .tag.green{box-shadow: 0 0 1px 1px #5AB96E;text-shadow: 0 1px 0 #F1FFF4;color: #195626;background: #ADEFBB;} .solContentGrid .gridContent .tag.blue{box-shadow: 0 0 1px 1px #314E94;text-shadow: 0 1px 0 #3C5CA9;color: #FFF;background: #3B83C0;} .solContentGrid .gridContent .contentImage{margin-bottom:10px;background-size: contain;} .solContentGrid .gridContent .contentImage:hover{opacity: 0.9;} .solContentGrid .gridContent .contentImage img{width:100%;border-radius:4px;opacity:0} .solContentGrid .gridContent .contentInfo .title{margin-bottom:5px;font-size:14px} .solContentGrid .gridContent .contentInfo .desc{font-size:12px;color:#777;line-height:18px;max-height:90px;overflow:hidden} .solContentGrid .gridContent .bottomBar{position:absolute;width:100%;bottom:0;left:0} .solContentGrid .gridContent .bottomBar .mask{background:#fff;background:linear-gradient(to bottom,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.92) 50%,#FFF 100%)} .solContentGrid .gridContent .bottomBar .box{color: #7D7D7D;font-size:12px;background:#F9F9F9;padding:5px 8px;border-radius:0 0 5px 5px} .solContentGrid .gridContent .contentStars .on{color:#EEC429;} .solContentGrid .gridContent .contentStars .off{color:#E4E4E4;} .solContentGrid .gridContent .bottomBar .divider:after {content: "|";color: rgba(0, 0, 0, 0.14);margin: 0 3px;} .solContentGrid.x2.horizontal .grid{width:50%} .solContentGrid.x2.horizontal .gridContent{height:140px} .solContentGrid.x2.horizontal .gridContent .contentImage{float:left} .solContentGrid:hover .slide_control{opacity:1;} .solContentGrid .slide_control{cursor: pointer;opacity:0.3;position:absolute;top:50%;text-align:center;padding:10px;font-size:40px;margin-top:-30px;background:#F7F7F7;box-shadow:0 0 1px rgba(0,0,0,0.35);left:0} .solContentGrid .slide_control.next{left:auto;right:0} .solContentGrid .slide_control:hover{box-shadow:0 0 2px #6D6D6D;background:#F9F9F9} .solContentGrid .slide_control:active{background:#EFEFEF} /*****************/ /* Content Stats */ /*****************/ .solContentStats{background:#F7F7F7;padding:10px;text-align:center} .solContentStats .statBox{display:inline-block;min-width:100px;padding:10px;background:#fff;box-shadow:0 0 1px 2px #ECECEC;text-align:center;border-radius:4px;margin-right:15px} .solContentStats.m60 .statBox{margin-right: 60px;} .solContentStats .statBox:last-child{margin-right: 0px;} .solContentStats .statBox .title{font-size:12px;color:gray} .solContentStats .statBox .count{display:block;font-size:18px;margin-bottom:5px} /*************************/ /* SOLVETIC CATS SIDEBAR */ /*************************/ .solvetic_cats .ui.dropdown .menu >.item{width:160px;float:left;display:inline-block} .solvetic_cats sup{color:red;margin:0 0 0 5px} .solvetic_cats .cat_stats{color:#CECECE;margin-right:10px;font-size:10px} .solvetic_cats .cat_stats.active{color:#4C7498} .solvetic_cats ul > li{margin-bottom:2px} .solvetic_cats ul > li:hover{background:#F5F5F5} .solvetic_cats .catlink{font-weight:700} .solvetic_cats .dropdown .menu{min-width:325px;box-shadow:0 0 10px 0 rgba(0,0,0,0.28)} /*******************/ /* LOGIN FORM AREA */ /*******************/ .loginarea {font-size:13px;} .loginarea .modaltitle{font-weight:bold;font-size:20px;padding:0px 15px 10px 15px;border-bottom:1px solid #EFEFEF;margin:0px -15px 15px -15px;} .loginarea .miniheading{font-size: 15px;font-weight: bold;color: #696969;text-shadow: 0px 2px 0px #fff;margin: 0px 0px 15px 0px;} .loginarea .social{margin:-15px -15px 10px -15px;background:#F7F7F7;padding:20px;} .loginarea .social .connectwith{margin-bottom:15px;} .loginarea .or{position:relative;text-align:center;height:0px} .loginarea .or span{font-size:14px;font-weight:bold;border-radius:50%;background:#FFF;width:40px;height:40px;display:inline-block;line-height:35px;top:-25px;position:relative;border:2px solid #F7F7F7;} .loginarea .form{padding:5px;margin-top:30px;} .loginarea .form .formField {margin-bottom: 15px;} .loginarea .form .formField .inputField{margin-bottom: 0px;} .loginarea .form .formField .selectField select{ margin-bottom: 5px;background-color: #FFFCDD;border-color: #D3D3D3;} .loginarea .form .formField .desc {margin-top: 5px;} .loginarea .form .formField div.msg.error{background: #F9DDDD;padding: 5px 8px;margin: 10px 0;border-radius: 2px;color: #6F2B2B;position:relative;} .loginarea .form .formField div.msg.error:after {content: "";position: absolute;border-width: 8px;border-style: solid;border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F9DDDD rgba(0, 0, 0, 0);top: -14px;left: 5px;} .loginarea .form .inputField{position:relative;margin-bottom:15px;} .loginarea .form .inputField .icon{position:absolute;top:0;left:0;padding:10px 15px;} .loginarea .form .inputField .input_text{border:1px solid #D3D3D3;display:block;padding:10px;border-radius:4px;padding-left:45px;width:100%;color:#4D4D4D;background: #FFFCDD;} .loginarea .form .inputField .input_text.error {background: #FFEBEB;} .loginarea .form .inputField .input_text.accept {background: #DCFFDC;} .loginarea .form .inputField.no_icon .input_text {padding-left: 10px;} .loginarea .form .remember{font-size:13px;font-weight:bold;} .loginarea .form .remember #inline_remember{vertical-align:top;} .loginarea .loginbutton{display:block;padding:15px;background:#67ba67;font-weight:bold;color:#FFF;border:1px solid #50B650;border-radius:4px;text-align:center;margin-top:20px;width:100%;font-size:15px;cursor:pointer;} .loginarea .loginbutton:hover{opacity:0.9;} /************************/ /* SOLVETIC PAGE HEADER */ /************************/ .solPageHeader{background:#F7F7F7;margin-bottom:15px;padding:5px} .solPageHeader .cont{background:#FAFAFA;padding:10px;position:relative} .solPageHeader .imagebox{background:#fff;display:inline-block;float:left;box-shadow: 0px 0px 2px rgba(128, 128, 128, 0.15);} .solPageHeader .imagebox img{width:65px;position:relative;top:3px} .solPageHeader .infobox{margin-left:80px} .solPageHeader .infobox h3.title{font-size:22px;font-family:"Calibri", sans-serif;font-weight:bold;letter-spacing:-0.3px;text-transform:uppercase} .solPageHeader .infobox .stats{margin-top:5px;color:#989898;font-size:12px} .solPageHeader .contributors{margin:10px -10px -10px;border-top:5px solid #F5F5F5;padding:10px;background:#F7F7F7} .solPageHeader .contributors h4{font-family:"Calibri", sans-serif;font-size:15px;text-transform:uppercase;color:#989898;text-shadow:0 1px 0 #FFF} .solPageHeader .contributors ul{margin-top:10px} .solPageHeader .contributors ul > li{display:inline-block;margin:5px} .solPageHeader .contributors ul > li a{display:inline-block;position:relative;border:1px solid #F7F7F7;border-radius:50%} .solPageHeader .contributors ul > li a:hover{opacity:.8} .solPageHeader .contributors .count{position:absolute;right:-2px;top:-5px;display:inline-block;padding:3px 5px;background:#FDFDFD;color:#2D2D2D;box-shadow:-1px 1px 0 1px rgba(0,0,0,0.07);border-radius:10px;font-size:10px;min-width:10px;min-height:10px;text-align:center} .solPageHeader .contributors ul > li a img{width:40px;height:40px;border-radius:50%} .solPageHeader .contributors .photo{border-radius:50%} .solPageHeader .expander{position:absolute;bottom:-15px;left:50%;margin-left:-15px} .solPageHeader .expander span{display:inline-block;padding:1px 10px;background:#F7F7F7;color:#000;cursor:pointer;box-shadow:0 2px 1px rgba(128,128,128,0.15)} .solPageHeader .expander span:hover{background:#E6E6E6} .solPageHeader .cont:not(.expanded) .contributors{max-height:70px;overflow:hidden} .solPageHeader .cont:not(.expanded) .expander .arrowup{display:none} .solPageHeader .cont.expanded .expander .arrowdown{display:none} /******************/ /* SPECIFICATIONS */ /******************/ .solMiniSpecs{background:linear-gradient(to right,rgba(174,182,195,0.9) 0%,rgba(120,136,168,0.9) 50%,rgba(181,188,201,0.9) 100%);margin:0 -10px;color:#fff;position:relative;font-family:"Roboto Condensed"} .solMiniSpecs .boxes > div{float:left;width:25%} .solMiniSpecs .boxes.three > div{width:33.33%} .solMiniSpecs .boxes.two > div{width:50%} .solMiniSpecs .boxes{background:rgba(93,112,150,0.4)} .solMiniSpecs .boxes .box{padding:10px;border-right:1px solid rgba(196,202,212,0.39);text-shadow:0 1px 0 #6B758A;min-height:65px;border-top:1px solid #A2AEC3;position:relative} .solMiniSpecs .boxes .box:hover{background:#798AA9} .solMiniSpecs .boxes .title{font-size:22px;font-family:"Roboto Condensed"} .solMiniSpecs .boxes .icon{text-shadow:0 0 1px #D6D6D6;color:rgba(28,44,74,0.83);float:right;font-size:20px} .solMiniSpecs .boxes .desc{color:#323B4A;font-size:13px;font-family:"Roboto Condensed";font-weight:700;text-shadow:0 1px 0 rgba(196,203,216,0.48);margin-top:8px;line-height:18px} .solMiniSpecs .upper{margin-bottom:5px} .solMiniSpecs ul{padding:10px} .solMiniSpecs ul > li{width:33.33%;float:left;} .solMiniSpecs ul > li .icon{width:20px;color:rgba(32,44,64,0.7);text-shadow:0 0 0 rgba(255,255,255,0.07);font-weight:700;text-align:left} .solMiniSpecs ul > li:hover{background:rgba(146,159,183,0.58)} .solMiniSpecs ul > li > div {font-size:14px;font-weight:700;text-shadow:0 1px 0 #687182;padding: 8px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /****************/ /* REP CONTROLS */ /****************/ ul.solRepControls > li{float:left} ul.solRepControls > li .control{display:inline-block;text-transform:uppercase;font-size:12px;font-family: calibri, helvetica;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);padding:8px 12px;background:#fff;box-shadow:0 0 1px #8a8a8a;border-radius:0;font-weight:400;position:relative} ul.solRepControls > li .control.icon_only {padding: 0;border-radius: 50%;width: 32px;height: 32px;line-height: 32px;text-align: center;font-size: 15px;box-shadow: none;margin-right: 15px;} ul.solRepControls > li .control:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75) inset;} ul.solRepControls > li .control:hover{background:#f5f5f5} ul.solRepControls > li .control.gold {background: #fff8dd;color: #a06a04;box-shadow: 0 0 1px #a77700;} ul.solRepControls > li .control.gold:hover{background:#F7eab6} ul.solRepControls > li .control.green{background:#f1fcee;color:#006d05;box-shadow:0 0 1px #058a1c} ul.solRepControls > li .control.green:hover{background:#D0e9c9} ul.solRepControls > li .control.red{background:#fff2f2;color:#b00;box-shadow:0 0 1px #d85d5d} ul.solRepControls > li .control.red:hover{background:#fde8e8} ul.solRepControls > li .control._reputation{margin: 0 5px 0 0;} ul.solRepControls > li .control._reputation.positive {background: #83B383;color: #fff;box-shadow: 0 0 0 0px #499055;text-shadow: none;} ul.solRepControls > li .control._reputation.positive:hover{background:#6ba56b} ul.solRepControls > li .control._reputation.positive:after {box-shadow: none;} ul.solRepControls .control_icon{margin-right:8px} ul.solRepControls.with_repbar{margin-bottom:25px} ul.solRepControls.with_repbar .rep_bar{margin:0} ul.solRepControls.with_repbar ._reputation.rep_show{font-size: 16px;} /*************/ /* QUOTE BAR */ /*************/ .solQuoteBar {background: #fafafa;font-family: "Roboto Condensed";position: relative;} .solQuoteBar.hidden {opacity: 0.6;} .solQuoteBar .badge {float: left;padding: 15px 18px;font-size: 13px;background: #ff5a00;text-transform: uppercase;color: #fff;} .solQuoteBar .content {float: left;color: #8e8e8e;position: relative;} .solQuoteBar .quote {padding: 15px;position: absolute;color: #b9b9b9;top: 0;} .solQuoteBar .content .quote-left {left: 0;} .solQuoteBar .content .quote-right {color: #b9b9b9;right: 0;} .solQuoteBar .content .quote-text {font-size: 17px;padding: 15px;padding-left: 40px;padding-right: 40px;color: #757575;font-family: 'Calibri', sans-serif;font-weight: bold;font-size: 20px;letter-spacing: -0.2px;} .solQuoteBar .quote-edit {position: absolute;right: 0;top: 15px;} .solQuoteBar .quote-edit .button {background:#dadada;color:#fff;cursor:pointer;border-radius:6px;display:inline-block;padding:8px 10px;position:relative;right:10px} .solQuoteBar .quote-edit .button:hover {background: #1865b5;} .solQuoteBar .bbc_emoticon{height:20px;width:20px;} /*************/ /* BBCODES */ /*************/ .bbc.alert.alert-enlace{box-shadow: 0px 0px 3px #AFAFAF;} .bbc.alert.alert-capitulo{box-shadow: 0px 1px 3px 1px #AFAFAF;} .bbc.boton{text-transform:uppercase;} .bbc.floatAtt{margin: 6px;} .bbc.keys.keystef{display: inline-block;padding: 3px 7px;white-space: nowrap;color: #000;font-weight: bold;font-family: arial,helvetica,sans-serif;background: #eee;border-width: 2px 4px 5px 4px;border-style: solid;border-color: #ccc #aaa #888 #bbb;box-shadow: 0px 2px 5px #ccc;border-radius: 4px;} .bbc.panel{margin-bottom: 0px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);} .bbc.panel > .panel-content{padding:15px;} .bbc.panel > .panel-heading{padding: 10px 15px;border-bottom: 1px solid transparent;border-radius:3px 3px 0 0;} .bbc.panel.default{border-color: #ddd;} .bbc.panel.default > .panel-heading{color: #333;background-color: #f5f5f5;border-color: #ddd;} .bbc.panel.danger{border-color: #eed3d7;} .bbc.panel.danger > .panel-heading{color: #b94a48;background-color: #f2dede;border-color: #eed3d7;} .bbc.panel.warning{border-color: #fbeed5;} .bbc.panel.warning > .panel-heading{color: #c09853; background-color: #fcf8e3; border-color: #fbeed5;} .bbc.panel.plain{border-color: #ddd;} .bbc.panel.plain > .panel-heading{color: #333; border-color: #ddd;} .bbc.panel.primary{border-color: #428bca;} .bbc.panel.primary > .panel-heading{color: #ffffff; background-color: #428bca; border-color: #428bca;} .bbc.panel.success{border-color: #d6e9c6;} .bbc.panel.success > .panel-heading{color: #468847; background-color: #dff0d8; border-color: #d6e9c6;} .bbc.titulo1{font-family:'Oswald',Helvetica,Arial;} .bbc.titulo2{font-family:'Open Sans Condensed',Helvetica,Arial;} .bbc.titulo3{font-family:'Open Sans',Helvetica,Arial;font-weight:lighter;} .bbc.tutsection{position: relative;top: -100px;} /******************/ /* Solvetic Ads */ /******************/ .solAds{display: flex;justify-content: center;text-align:center;} .solAds.sticking{margin-top:15px;} .solAds.s_52.a_34, .solAds.s_53.a_44, .solAds.s_55.a_47, .solAds.s_54.a_46, .solAds.s_60.a_53 {margin:15px 0;} .solAds.s_32.a_5{margin-bottom:20px;padding:10px;background: #fafafa;} .solAds.s_33.a_6, .solAds.s_58.a_51, .solAds.s_59.a_52 {margin-bottom:10px;padding: 10px;background: #fafafa;} .solAds.s_34.a_7, .solAds.s_35.a_8, .solAds.s_36.a_9 , .solAds.s_38.a_11, .solAds.s_41.a_14, .solAds.s_56.a_50 {padding: 10px;background: #fafafa;margin-bottom: 15px;} .solAds.s_37.a_10, .solAds.s_39.a_12, .solAds.s_40.a_13, .solAds.s_42.a_15, .solAds.s_43.a_16, .solAds.s_45.a_18, .solAds.s_29.a_2 {margin: 15px 0;background:#fafafa;} .solAds.s_61.a_54,.solAds.s_62.a_55,.solAds.s_63.a_56 {margin-bottom:15px;} .solAds.s_46.a_19{background:#fafafa;} .solAds.s_49.a_31{float: right;margin: 0 0 20px 15px;} .solAds.s_44.a_17 {float:left;margin: 0 15px 15px 0;} .solAds.s_50.a_32 {margin:15px 0;background:#fafafa;padding:10px;} .solAds.s_29{margin-bottom:15px;background: #f7f7f7;padding: 10px;} .solAds.s_30 {background: #f7f7f7;margin: 10px 0;padding: 10px;} .solAds.s_31 {float: right;margin: 0 0 15px 15px;} /**************************/ /* Similar Records Grid */ /**************************/ ul.similarRecordsGrid {margin: -3px;} ul.similarRecordsGrid > li {float: left;width: 25%;} ul.similarRecordsGrid > li > .box {display:block;background: #fff;margin: 3px;margin-bottom: 10px;height: 200px;border-bottom: 3px solid transparent;} ul.similarRecordsGrid > li > .box:hover {box-shadow: 0px 4px 5px 1px rgba(128, 128, 128, 0.12);border-color: #4089d0;} ul.similarRecordsGrid .box .title{color: #4a4a4a;font-size: 14px;font-weight: bold;line-height: 20px;padding: 10px;} /**************************/ /* [contentbox] BBCode */ /**************************/ .bbc_contentbox{background: #f0f4ff;border-left: 5px solid #a2bbff;padding: 15px;} .bbc_contentbox > .imagebox{float:left;width: 200px;} .bbc_contentbox > .imagebox img {width: 100%;min-height:90px;object-fit:cover;} .bbc_contentbox > .content{margin-left:215px;} .bbc_contentbox > .content a{color: #376a96;text-decoration: none;} .bbc_contentbox > .content .title {font-size: 15px;font-weight: bold;margin-bottom: 5px;line-height: 22px;} .bbc_contentbox > .content .text {font-size: 13px;line-height: 20px;color: #797979;margin-bottom: 8px;} .bbc_contentbox > .content .url{font-size: 11px;font-weight: bold;font-family: "Roboto condensed";} /**************************/ /* Sol Comments List */ /**************************/ .solCommentsList .ipsList_withminiphoto {padding: 0 10px 10px 10px;} .solCommentsList .ipsList_withminiphoto .ipsUserPhoto {margin: 5px 0 0 0;} .solCommentsList .ipsList_withminiphoto > li .list_content{padding: 10px;background: #f6f6f6;margin-left: 50px;border-radius: 4px;position: relative;} .solCommentsList .ipsList_withminiphoto > li .list_content:after {content: "";border: 10px solid;border-color: transparent #f6f6f6 transparent transparent;display: inline-block;position: absolute;left: -18px;top: 12px;} .solCommentsList .commentText {margin: 5px 0;line-height: 18px;} /****************/ /* EOM Trophies */ /****************/ #eotm_trophies .trophies{margin: 10px;padding: 10px;background: #fff;text-align: center;} #eotm_trophies .trophies .cup {width: 70px;height: 70px;display: inline-block;background: #fafafa;border-radius: 50%;font-size: 35px;line-height: 70px;position: relative;color: gray;margin-right: 40px;} #eotm_trophies .trophies .cup:last-child {margin: 0;} #eotm_trophies .trophies .cup > b {position: absolute;top: 0;right: 0;font-size: 15px;background: #669aca;color: #fff;width: 20px;height: 20px;border-radius: 50%;line-height: 20px;} #eotm_trophies .trophies .cup.zero > b{background: #b4b4b4;} #eotm_trophies .trophies .cup.gold{color: #dbbf25;} #eotm_trophies .trophies .cup.silver {color: #aeaeae} #eotm_trophies .trophies .cup.bronze {color: #d37f4d;} #eotm_trophies .trophies .cup .fa {position: relative;} #eotm_trophies .trophies .cup .fa:after {content: "";position: absolute;border-width: 0px 0px 10px 5px;border-radius: 26px;border-style: solid;border-color: rgba(255, 255, 255, 0.35);top: 5px;right: 10px;} #eotm_trophies .trophies.mini {margin: 0;padding: 10px 0;border-radius: 3px;box-shadow: 0px 0px 1px rgba(107, 107, 107, 0.2);} #eotm_trophies .trophies.mini .cup {width: 30px;height: 30px;margin: 0 6px;font-size: 20px;line-height: 30px;background: #f1f1f1;} #eotm_trophies .trophies.mini .cup > b{width: 15px;height: 15px;font-size: 10px;line-height: 15px;right: -5px;top: -5px;background: #f1f1f1;color: #868686;} #eotm_trophies .trophies.mini .cup .fa:after {border-width: 0px 0px 6px 3px;top: 3px;right: 6px;} /********************************/ /* Vertical Share (Single Post) */ /********************************/ .single-post-social-vertical{margin-left:65px;position:absolute;opacity:0;transition:opacity .2s linear;z-index:-1} .single-post-social-vertical.is_stuck{margin-left:-65px;opacity:1} .single-post-social-vertical .post-social-media{display:flex;flex-direction:column;background:#e8ecf5;border-radius:4px 0 0 4px;padding:10px 8px} .single-post-social-vertical .post-social-media .link{display:inline-block;width:26px;height:26px;background:#949494;border-radius:50%;margin-bottom:10px;color:#fff;text-align:center;line-height:27px;opacity:.8} .single-post-social-vertical .post-social-media > li:last-child .link{margin-bottom:0} .single-post-social-vertical .post-social-media .link:hover{opacity:1} .single-post-social-vertical .post-social-media .link.fb{background:#344E85} .single-post-social-vertical .post-social-media .link.tweet{background:#1385C4} .single-post-social-vertical .post-social-media .link.gplus{background:#F13536} .single-post-social-vertical .post-social-media .link.linkedin{background:#2276A7} .single-post-social-vertical .post-social-media .link.email{background:#FF7928}