@font-face { font-family: 'Slabo 27px'; src: url('../fonts/sl.ttf'); } @font-face { font-family: 'Great Vibes'; src: url('../fonts/gv.otf'); } .social1 a:link { opacity: 1; } .social1 a:hover { -webkit-box-shadow: inset 0 0 0 250px rgba(255,255,255,.1); -moz-box-shadow: inset 0 0 0 250px rgba(255,255,255,.1); box-shadow: inset 0 0 0 250px rgba(255,255,255,.1); color: white; text-decoration: none; } .social1 a:active { opacity: 0.8; } .social1 a{ float: left; margin: 5px; } .container{ width: 100%; } .col-md-12{ display: inline-block; } .wpsocial-alignleft{ text-align: left; } .wpsocial-alignright{ text-align: right; } .wpsocial-aligncenter{ text-align: center; } .container a:hover{ color: white; } h3 { margin-top: 0; } .badge { background-color: #777; } .top-brand{ height: 3px; background-color: #D2527F; padding: 0px; width: 99% } .top-brand-icon{ width: 209px; background-color: #B94970; height: 60px; } #main-container{ width: 99%; } .nav-tabs { float: left; border-bottom: 0; height: 600px; background-color: #27272F; } .nav-tabs li { float: none; margin: 0; } .nav-tabs li a { margin-right: 0; border: 0; background-color: #27272F; border-radius: 0px; padding: 20px; color: #898C9D; } .nav-tabs li a:hover { background-color: #373A43; } .nav-tabs .glyphicon { color: #898C9D; } .nav-tabs .active .glyphicon { color: #D8D8D8; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0; color: #FEFFFF; cursor: default; background-color: #1B1C21; } .nav-tabs li a:after { border-color: rgba(136, 183, 213, 0); border-left-color: #88b7d5; border-width: 30px; margin-top: -30px; } .nav-tabs li a:before { border-color: rgba(194, 225, 245, 0); border-left-color: #c2e1f5; border-width: 36px; margin-top: -36px; } .tab-content .tab-pane { display: none; background-color: #F8F8F8; padding: 1.6rem; overflow-y: auto; } .tab-content .active { display: block; height: 800px; } .list-group { width: 100%; } .list-group .list-group-item { height: 50px; } .list-group .list-group-item h4, .list-group .list-group-item span { line-height: 11px; } textarea{ width: 200%; height: 150px; } .heading-margin-top{ margin-top: -5px; } #wpsocial-social-position{ width: 100%; text-align: center; margin: 25px; } #wpsocial-social-position tr td img:hover{ cursor: pointer; } #wpsocial-social-align{ width: 60%; text-align: center; margin: 25px; } #wpsocial-social-align tr td img:hover{ cursor: pointer; } #social-selection tr td label{ cursor: pointer; margin: 10px 10px 0px 10px; } #social-selection tr td{ text-align: center; } #social-selection tr td label a:hover{ color: white; } #live-preview{ position: fixed; width: 85.6%; float: left; height: 180px; text-align: center; color: black; background-color: #F8F8F8; z-index: 999; box-shadow: 0px 2px 14px #232323; overflow: hidden; bottom: 0; } #wpsocial-live-preview-options{ font-size: 15px; text-align: center; width: 100%; padding: 0; } #wpsocial-live-preview-heading{ background-color: #D2527F; color: white; font: 18px; width: 100%; height: 33px; padding-top: 5px; } .extra-bottom-space{ height: 80px; } .preview-window a{ float: left; margin: 5px; } .preview-window a:hover{ color: white; text-decoration: none; } #default-skin-preview, #social-wide-preview, #bounce-up-preview, #grind-in-preview, #paper-fold-preview, #branded-preview, #radiused-preview, #octagon-preview, #hanging-preview, #tricon-preview, #hollow-preview, #sociallambs-preview, #whitestitchedborder-preview, #whiterounded-preview { margin-top: 10px; margin: 0 auto; } #bounce-up-preview .social1 a{ margin: 0; } .valign{ display: table-cell; vertical-align: middle; height: 158px; } #preview-parent{ vertical-align: top; margin: 0 auto; width: 88%; text-align: center; } #preview-parent li{ margin-right: 5px; } #wpsocial-options{ width: 100%%; margin: 0 auto; } .hide{ display: none; } .show{ display: inline-block; } #threedicons-preview{ margin: 0 auto; } #wpsocial-selection{ text-align: center; width: 50px; height: 70px; margin: 5px; float: left; } #wpsocial-selection label{ cursor: pointer; } #wpsocial-selection label a:hover{ color: white; } #wpsocial-positioning{ width: 145px; height: 170px; text-align: center; float: left; margin: 10px; padding: 10px; } #wpsocial-positioning:hover{ border: 2px dashed black; } #wpsocial-positioning label{ cursor: pointer; } #wpsocial-position-wrapper, #wpsocial-selection-wrapper{ min-height: 250px; width: 100%; display: inline-block; } #social-wide-preview a:visited{ color: white; } .social1 a:visited { color: white; text-decoration: none; } .wpsocial-theme5-facebook{ background: url("../images/facebooktheme5.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme5-twitter{ background: url("../images/twittertheme5.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme5-linkedin{ background: url("../images/linkedintheme5.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme5-gplus{ background: url("../images/gplustheme5.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme5-pinterest{ background: url("../images/pinteresttheme5.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } #wpsocial-theme5 nav ul, #wpsocial-theme6 nav ul, #wpsocial-theme7 nav ul, #wpsocial-theme8 nav ul, #wpsocial-theme9 nav ul, #wpsocial-theme10 nav ul, #wpsocial-theme10 nav ul, #wpsocial-theme11 nav ul, #wpsocial-theme11 nav ul, #wpsocial-theme12 nav ul, #wpsocial-theme13 nav ul, #wpsocial-theme14 nav ul, #wpsocial-theme15 nav ul, #wpsocial-theme16 nav ul{ list-style: none; padding: 0; } #wpsocial-theme5 nav ul li, #wpsocial-theme6 nav ul li, #wpsocial-theme7 nav ul li, #wpsocial-theme8 nav ul li, #wpsocial-theme9 nav ul li, #wpsocial-theme10 nav ul li, #wpsocial-theme11 nav ul li, #wpsocial-theme12 nav ul li, #wpsocial-theme13 nav ul li, #wpsocial-theme14 nav ul li, #wpsocial-theme15 nav ul li, #wpsocial-theme16 nav ul li{ float: left; } #wpsocial-custom-message{ width: 240px; } .wpsocial-theme6-facebook{ background: url("../images/facebooktheme6.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme6-twitter{ background: url("../images/twittertheme6.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme6-linkedin{ background: url("../images/linkedintheme6.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme6-gplus{ background: url("../images/gplustheme6.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme6-pinterest{ background: url("../images/pinteresttheme6.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme7-facebook{ background: url("../images/facebooktheme7.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme7-twitter{ background: url("../images/twittertheme7.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme7-linkedin{ background: url("../images/linkedintheme7.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme7-gplus{ background: url("../images/gplustheme7.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme7-pinterest{ background: url("../images/pinteresttheme7.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme8-facebook{ background: url("../images/facebooktheme8.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme8-twitter{ background: url("../images/twittertheme8.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme8-linkedin{ background: url("../images/linkedintheme8.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme8-gplus{ background: url("../images/gplustheme8.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme8-pinterest{ background: url("../images/pinteresttheme8.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme9-facebook{ background: url("../images/facebooktheme9.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme9-twitter{ background: url("../images/twittertheme9.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme9-linkedin{ background: url("../images/linkedintheme9.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme9-gplus{ background: url("../images/gplustheme9.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme9-pinterest{ background: url("../images/pinteresttheme9.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme10-facebook{ background: url("../images/facebooktheme10.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme10-twitter{ background: url("../images/twittertheme10.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme10-linkedin{ background: url("../images/linkedintheme10.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme10-gplus{ background: url("../images/gplustheme10.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme10-pinterest{ background: url("../images/pinteresttheme10.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme11-facebook{ background: url("../images/facebooktheme11.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme11-twitter{ background: url("../images/twittertheme11.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme11-linkedin{ background: url("../images/linkedintheme11.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme11-gplus{ background: url("../images/gplustheme11.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme11-pinterest{ background: url("../images/pinteresttheme11.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme12-facebook{ background: url("../images/facebooktheme12.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme12-twitter{ background: url("../images/twittertheme12.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme12-linkedin{ background: url("../images/linkedintheme12.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme12-gplus{ background: url("../images/gplustheme12.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme12-pinterest{ background: url("../images/pinteresttheme12.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme13-facebook{ background: url("../images/facebooktheme13.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme13-twitter{ background: url("../images/twittertheme13.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme13-linkedin{ background: url("../images/linkedintheme13.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme13-gplus{ background: url("../images/gplustheme13.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme13-pinterest{ background: url("../images/pinteresttheme13.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme14-facebook{ background: url("../images/facebooktheme14.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme14-twitter{ background: url("../images/twittertheme14.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme14-linkedin{ background: url("../images/linkedintheme14.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme14-gplus{ background: url("../images/gplustheme14.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme14-pinterest{ background: url("../images/pinteresttheme14.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme15-facebook{ background: url("../images/facebooktheme15.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme15-twitter{ background: url("../images/twittertheme15.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px } .wpsocial-banner{ background: url("../images/premiumbanner.png") no-repeat; width: 60%; display : block; height: 95px; background-size: 100%; margin: 0 auto; outline: none; } .wpsocial-theme15-linkedin{ background: url("../images/linkedintheme15.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme15-gplus{ background: url("../images/gplustheme15.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme15-pinterest{ background: url("../images/pinteresttheme15.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme16-facebook{ background: url("../images/facebooktheme16.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme16-twitter{ background: url("../images/twittertheme16.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme16-linkedin{ background: url("../images/linkedintheme16.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme16-gplus{ background: url("../images/gplustheme16.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme16-pinterest{ background: url("../images/pinteresttheme16.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme17-facebook{ background: url("../images/facebooktheme17.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme17-twitter{ background: url("../images/twittertheme17.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme17-linkedin{ background: url("../images/linkedintheme17.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme17-gplus{ background: url("../images/gplustheme17.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } .wpsocial-theme17-pinterest{ background: url("../images/pinteresttheme17.png"); width: 50px; height: 50px; display: inline-block; background-size: 50px 50px; } #wpsocial-theme6 nav ul, #wpsocial-theme7 nav ul, #wpsocial-theme8 nav ul, #wpsocial-theme9 nav ul, #wpsocial-theme10 nav ul, #wpsocial-theme11 nav ul, #wpsocial-theme12 nav ul, #wpsocial-theme13 nav ul, #wpsocial-theme14 nav ul, #wpsocial-theme15 nav ul, #wpsocial-theme16 nav ul, #wpsocial-theme17 nav ul{ list-style: none; padding: 0; } #wpsocial-theme6 nav ul li, #wpsocial-theme7 nav ul li, #wpsocial-theme8 nav ul li, #wpsocial-theme9 nav ul li, #wpsocial-theme10 nav ul li, #wpsocial-theme11 nav ul li, #wpsocial-theme12 nav ul li, #wpsocial-theme13 nav ul li, #wpsocial-theme14 nav ul li, #wpsocial-theme15 nav ul li, #wpsocial-theme16 nav ul li, #wpsocial-theme17 nav ul li{ float: left; } .rotatefacebook, .rotatetwitter, .rotategplus, .rotatelinkedin, .rotatepinterest { -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .rotatefacebook:hover, .rotatetwitter:hover, .rotategplus:hover, .rotatelinkedin:hover, .rotatepinterest:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); } .slideThree { width: 80px; height: 26px; background: #333; position: relative; border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); } .slideThree:after { content: 'OFF'; color: #000; position: absolute; right: 10px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); } .slideThree:before { content: 'ON'; color: #66BF17; position: absolute; left: 10px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; } .slideThree label { display: block; width: 34px; height: 20px; cursor: pointer; position: absolute; top: 3px; left: 3px; z-index: 1; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); } .slideThree input[type=checkbox] { visibility: hidden; } .slideThree input[type=checkbox]:checked + label { left: 43px; } #wpsocial-social-network-selection{ min-height: 200px; display: inline-block; } #includedskin1, #includedskin2, #includedskin3, #includedskin4, #includedskin5, #includedskin6, #includedskin7, #includedskin8, #includedskin9, #includedskin10, #includedskin11, #includedskin12, #includedskin13, #includedskin14, #includedskin15{ min-height: 165px; display: inline-block; width: 33%; float: left; min-width: 420px; border: solid 1px #E0E0E0; margin: 2px; background-color: white; padding: 13px; } #includedskin1 .col-md-12 li, #includedskin2 .col-md-12 li, #includedskin3 .col-md-12 li, #includedskin4 .col-md-12 li, #includedskin5 .col-md-12 li, #includedskin6 .col-md-12 li, #includedskin7 .col-md-12 li, #includedskin8 .col-md-12 li, #includedskin9 .col-md-12 li, #includedskin10 .col-md-12 li, #includedskin11 .col-md-12 li, #includedskin12 .col-md-12 li, #includedskin13 .col-md-12 li, #includedskin14 .col-md-12 li, #includedskin15 .col-md-12 li{ margin-right: 5px; } #includedskin3 .social1 a{ margin: 0; } #includedskin3 .social1 a div{ width: 85px; } #includedskin1:hover, #includedskin2:hover, #includedskin3:hover, #includedskin4:hover, #includedskin5:hover, #includedskin6:hover, #includedskin7:hover, #includedskin8:hover, #includedskin9:hover, #includedskin10:hover, #includedskin11:hover, #includedskin12:hover, #includedskin13:hover, #includedskin14:hover, #includedskin15:hover{ border: dashed 1px purple; } #includedskin2{ min-width: 875px; padding: 5px; } #wpsocial-label{ width: 35%; min-height: 1px; text-align: left; padding: 10px; margin: 5px; /* float: left; */ /* display: -webkit-inline-box; */ font-size: 20px; } #wpsocial-label label{ font-weight: normal; } #wpsocial-value{ width: 64%; min-height: 1px; text-align: left; padding: 10px; margin: 5px; float: right; margin-top: -54px; } #wpsocial-post-label, #wpsocial-page-label{ float: left; width: 200px; font-size: 20px; margin-top: 6px; } #wpsocial-post-checkbox{ margin-left: 100px; } #wpsocial-page-checkbox{ margin-left: 100px; margin-bottom: 10px; } #wpsocial-skins-label{ cursor: pointer; } .cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden; } .cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ============================================================ SWITCH 1 - ROUND ============================================================ */ input.cmn-toggle-round + label { padding: 2px; width: 75px; height: 40px; background-color: #dddddd; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } input.cmn-toggle-round + label:before { right: 1px; background-color: #f1f1f1; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.cmn-toggle-round + label:after { width: 39px; background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; } input.cmn-toggle-round:checked + label:before { background-color: #D2527F; } input.cmn-toggle-round:checked + label:after { margin-left: 34px; } #wpsocial-live-preview-options-settings{ float: left; padding: 0; margin: 0px 20px; } #includedskin1 input[type=radio], #includedskin2 input[type=radio], #includedskin3 input[type=radio], #includedskin4 input[type=radio], #includedskin5 input[type=radio], #includedskin6 input[type=radio], #includedskin7 input[type=radio], #includedskin8 input[type=radio], #includedskin9 input[type=radio], #includedskin10 input[type=radio], #includedskin11 input[type=radio], #includedskin12 input[type=radio], #includedskin13 input[type=radio], #includedskin14 input[type=radio], #includedskin15 input[type=radio]{ margin: 0px 4px 7px; } .tabs-menu { height: 60px; float: left; clear: both; width: 80%; margin-left: 210px; } .tabs-menu li { height: 30px; line-height: 30px; float: left; margin-right: 10px; background-color: #ccc; border-top: 1px solid #d4d4d1; border-right: 1px solid #d4d4d1; border-left: 1px solid #d4d4d1; list-style: none; } .tabs-menu li.current { position: relative; background-color: #fff; border-bottom: 1px solid #fff; z-index: 5; } .tabs-menu li a { padding: 10px; text-transform: uppercase; color: #fff; text-decoration: none; } .tabs-menu .current a { background-color: #BB2B5C; color: white; margin-top: 0px; height: 60px; z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.5); -ms-transition: all 50ms ease-in; -ms-transform: scale(1.5); -moz-transition: all 50ms ease-in; -moz-transform: scale(1.5); transition: all 50ms ease-in; transform: scale(1.05); } #wpbody-content{ margin-top: 15px; } .tab { background-color: #fff; float: left; margin-bottom: 20px; width: auto; margin-top: -10px; width: 100%; } .tab-contentContainer { display: none; } #tab-1 { display: block; } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tabs-menu nav a { position: relative; display: inline-block; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1.3em; height: 60px; margin-top: 0px; line-height: 60px; } #wpsocial-value label{ font-weight: normal; } #main-container, #tabs-container{ font-family: 'Slabo 27px', serif; } nav a:hover, nav a:focus { outline: none; } /* Effect 14: border switch */ .cl-effect-14{ height: 60px; float: left; } .cl-effect-14 a { padding: 0 20px; height: 45px; line-height: 33px; margin-top: 15px; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 50ms ease-in; -ms-transform: scale(1); -moz-transition: all 50ms ease-in; -moz-transform: scale(1); transition: all 50ms ease-in; transform: scale(1); } .cl-effect-14 a:hover::before, .cl-effect-14 a:hover::after, .cl-effect-14 a:focus::before, .cl-effect-14 a:focus::after { opacity: 1; } .cl-effect-14 a:hover::before, .cl-effect-14 a:focus::before { left: 50%; -webkit-transform: rotate(0deg) translateX(-50%); -moz-transform: rotate(0deg) translateX(-50%); transform: rotate(0deg) translateX(-50%); } .cl-effect-14 a:hover::after, .cl-effect-14 a:focus::after { right: 50%; -webkit-transform: rotate(0deg) translateX(50%); -moz-transform: rotate(0deg) translateX(50%); transform: rotate(0deg) translateX(50%); } .noSelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a { outline: none; } label{ font-weight: normal; } /* See the explanation of the animation here: http://codepen.io/timseverien/pen/yvJkm */ @-webkit-keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 10px; } 50% { height: 20px; width: 10px; } } @-moz-keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 10px; } 50% { height: 20px; width: 10px; } } @-ms-keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 10px; } 50% { height: 20px; width: 10px; } } @keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 10px; } 50% { height: 20px; width: 10px; } } .checkbox, .checkbox-alt { background-color: #fff; display: inline-block; height: 50px; margin: 0 0.25em; width: 50px; border: solid 2px #D2527F; border-radius: 8px; } .checkbox label, .checkbox-alt label { display: block; height: 50px; position: relative; width: 50px; } .checkbox label:after, .checkbox-alt label:after { /* This element has a border on the right, and top. By rotating it looks like a check symbol, but the wrong way. That's why I'm flipping it with scaleX(-1) */ -moz-transform: scaleX(-1) rotate(135deg); -ms-transform: scaleX(-1) rotate(135deg); -webkit-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); /* I want to position the symbol using the left top, because when increasing the width and height of an object, it expands from the top left corner as well. That is what makes it looks like it's being drawn. */ -moz-transform-origin: left top; -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-right: 4px solid #cee; border-top: 4px solid #cee; content: ''; display: block; height: 20px; left: 14px; position: absolute; top: 26px; width: 10px; } .checkbox label:hover:after, .checkbox-alt label:hover:after { border-color: #bdd; } .checkbox input, .checkbox-alt input { display: none; } .checkbox input:checked + label:after, .checkbox-alt input:checked + label:after { -webkit-animation: check 0.8s; -moz-animation: check 0.8s; -o-animation: check 0.8s; animation: check 0.8s; border-color: #6aa; } .checkbox.checkbox-alt label:hover:after, .checkbox-alt.checkbox-alt label:hover:after { -webkit-animation: check 0.8s ease infinite; -moz-animation: check 0.8s ease infinite; -o-animation: check 0.8s ease infinite; animation: check 0.8s ease infinite; } .checkbox.checkbox-alt input:checked + label:after, .checkbox-alt.checkbox-alt input:checked + label:after { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } #tab-2{ background-color: #F8F8F8; width: 99%; padding: 15px; } /* Social Icons */ #floating-icons1 { position: fixed; top: 70px; left: 0; padding: 0; list-style: none; z-index: 99999999; } #floating-icons1-preview li, #floating-icons1 li, #floating-icons2-preview li, #floating-icons2 li{ margin-bottom: 0; } #floating-icons1 li a {display: block;} #floating-icons1 li a img { display: block; max-width:55px; padding: 10px; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } #floating-icons1-preview { top: 70px; left: 0; padding: 0; list-style: none; z-index: 99999999; width: 55px; } #floating-icons1-preview li a {display: block;} #floating-icons1-preview li a img { display: block; max-width:55px; padding: 10px; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } #floating-icons1 li a:hover img {background: rgba(0, 0, 0, .2);} #wpsocial-float-1, #wpsocial-float-2{ width: 20%; min-height: 400px; display: inline-table; } #floating1, #floating2{ margin: -6px 0 0; } #floating-icons2 { position: fixed; left: 0; top: 50px; } #floating-icons2 li img { max-width: 64px; } #floating-icons2 li:hover { opacity: .8; } #floating-icons2-preview { left: 0; top: 50px; } #floating-icons2-preview li img { max-width: 64px; } #floating-icons2-preview li:hover { opacity: .8; } .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); } #wpsocial-submit-date{ position: fixed; left: 0; bottom: 0; z-index: 99999999999; margin-left: 182px; margin-bottom: 131px; margin-right: 15px; } [class*="social--"] { float: left; text-align: center; transition: transform 0.8s linear, background 0s linear 0.4s; } [class*="social--"]:hover { background: #fff; transform: rotateY(180deg); } [class*="social--"]:before { display: block; width: 1.5em; height: 64px; font-family: 'FontAwesome', sans-serif; font-size: 3em; line-height: 2em; color: #fff; transition: all 0s linear 0.4s; margin: 0 auto; } [class*="social--"]:after { display: block; line-height: 3em; text-transform: capitalize; transform: rotateY(-180deg); } .social--facebook { background: #3b5998; } .social--facebook:before { content: ""; width: 85px; } .social--facebook:after { content: "facebook"; color: #3b5998; width: 85px; } .social--facebook:hover:before { background: transparent; color: #3b5998; transform: rotateY(-180deg); } .social--github { background: #4183c4; } .social--github:before { content: ""; } .social--github:after { content: "github"; color: #4183c4; } .social--github:hover:before { background: transparent; color: #4183c4; transform: rotateY(-180deg); } .social--google { background: #dd4b39; } .social--google:before { content: ""; width: 85px; } .social--google:after { content: "google"; color: #dd4b39; width: 85px; } .social--google:hover:before { background: transparent; color: #dd4b39; transform: rotateY(-180deg); } .social--pinterest { background: #cb2027; } .social--pinterest:before { content: ""; width: 85px; } .social--pinterest:after { content: "pinterest"; color: #cb2027; width: 85px; } .social--pinterest:hover:before { background: transparent; color: #cb2027; transform: rotateY(-180deg); } .social--twitter { background: #00aced; } .social--twitter:before { content: ""; width: 85px; } .social--twitter:after { content: "twitter"; color: #00aced; width: 85px; } .social--twitter:hover:before { background: transparent; color: #00aced; transform: rotateY(-180deg); } .social--linkedin { background: #007bb6; } .social--linkedin:before { content: ""; width: 85px; } .social--linkedin:after { content: "linkedin"; color: #007bb6; width: 85px; } .social--linkedin:hover:before { background: transparent; color: #007bb6; transform: rotateY(-180deg); } .social_icons { min-height: 50px; padding: 0; width: auto; display: inherit; margin: 0 auto; } .social_icons >a { display: inline-block; width: 50px; height: 50px; margin: 0 5px; float: left; border-radius: 4px; background: #ddd; cursor: pointer; transition: all 0.3s ease; overflow: hidden; } .social_icons >a:hover { background: #ccc; } .social_icons >a:hover >i:first-child { margin-top: 0; color: #fff; } .social_icons >a >i { transition: all 0.3s ease; display: block; position: relative; margin-top: 0; height: 100%; line-height: 50px; width: 100%; text-align: center; font-size: 120%; } .social_icons >a >i:first-child { margin-top: -50px; } .btn_facebook:hover { background: #3b5997 !important; } .btn_twitter:hover { background: #00acee !important; } .btn_google-plus:hover { background: #dd4b39 !important; } .btn_linkedin:hover { background: #0e76a8 !important; } .btn_pinterest:hover { background: #cb2027 !important; } .btn_tumblr:hover { background: #36465d !important; } #includedskin2, #includedskin3{ width: 80%; } .entry-content .btn_facebook, .entry-content .btn_twitter, .entry-content .btn_google-plus, .entry-content .btn_linkedin, .entry-content .btn_pinterest{ text-decoration: none; color: #5A5A5A; } #wpsocial-label-value{ margin: 10px 0px; }