@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; } .wpsocial-social-buttons-settings-panel{ margin-top: 30px; } .wpsocial-custom-message-help{ margin-top: 3px; } #wpsocial-omt{ font-size: 18px; } #wpsocial-paragraph-seperator{ width: 91%; border-bottom: 1px solid black; margin: 0 auto; font-size: 18px; } #wpsocial-custom-size-span{ font-weight: bold; } #wpsocial-custom-default-message{ height: 28px; padding-top: 2px; } #wpsocial-custom-icon-size{ height: 27px; margin: 0 6px 0 20px; } #wpsocial-location-seperator{ border-left: 1px solid #CCCCCC; display: inline-block; position: absolute; height: 157px; margin-top: 36px; } .social1 a:active { opacity: 0.8; } .social1 a{ float: left; margin: 5px; } #wpsocial-positioning-div{ float: left; text-align: center; } #wpsocial-alignment-div{ float: left; text-align: center; } .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; margin: 0 0 0 0 !important; } #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: inline-block; height: 95px; background-size: 100%; float: left; outline: none; } .wpsocial-banner-widget{ background: url("../images/BannerPluginWidget.png") no-repeat; width: 26%; display: inline-block; height: 95px; background-size: 100%; outline: none; margin-left: 50px; border: 2px red dashed; } .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; margin: 0 0 0 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; margin-top: 30px; } #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; } /*==========================Media==========================================*/ @media only screen and (max-width: 480px) { [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: 46px; font-family: 'FontAwesome', sans-serif; font-size: 2em; 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: 53px; } .social--facebook:after { content: "facebook"; color: #3b5998; width: 53px; font-size: 12px; } .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: 53px; } .social--google:after { content: "google"; color: #dd4b39; width: 53px; font-size: 12px; } .social--google:hover:before { background: transparent; color: #dd4b39; transform: rotateY(-180deg); } .social--pinterest { background: #cb2027; } .social--pinterest:before { content: ""; width: 53px; } .social--pinterest:after { content: "pinterest"; color: #cb2027; width: 53px; font-size: 12px; } .social--pinterest:hover:before { background: transparent; color: #cb2027; transform: rotateY(-180deg); } .social--twitter { background: #00aced; } .social--twitter:before { content: ""; width: 53px; } .social--twitter:after { content: "twitter"; color: #00aced; width: 53px; font-size: 12px; } .social--twitter:hover:before { background: transparent; color: #00aced; transform: rotateY(-180deg); } .social--linkedin { background: #007bb6; } .social--linkedin:before { content: ""; width: 53px; } .social--linkedin:after { content: "linkedin"; color: #007bb6; width: 53px; font-size: 12px; } .social--linkedin:hover:before { background: transparent; color: #007bb6; transform: rotateY(-180deg); } }