/* Options Framework Admin Styles */ @font-face { font-family:'themeidol-icons'; font-weight:normal; font-style:normal; src:url('../font/social.eot'); src:url('../font/social.eot#iefix') format('embedded-opentype'), url('../font/social.woff') format('woff'), url('../font/social.ttf') format('truetype'), url('../font/social.svg#social') format('svg'); } [class^="themeidol-icon-"]:before, [class*=" themeidol-icon-"]:before { font-family:"themeidol-icons"; font-style:normal; font-weight:normal; speak:none; display:inline-block; text-decoration:inherit; width:1em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; margin-left:.2em; } #panelheader { width:100%; height: 110px; overflow: hidden; } .has-right-sidebar #post-body-content { background: white; background: -moz-linear-gradient(top, #f4f2f2, white 20%, #f4f2f2 80%, white); background: -webkit-gradient(linear, left top, left bottom, from(#f4f2f2), color-stop(.2, white), color-stop(.8, #f4f2f2), to(white)); border-top: 1px solid white; -moz-border-radius: 0.5em 0.5em 0.5em 0.5em; padding: 1.5em; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 0.5em; /* Firefox 1-3.6 */ -moz-border-radius: 0.5em; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 0.5em; } #panelheader .header-info{ padding: 0 3em 0 3em; background: white; background: -moz-linear-gradient(top, #f4f2f2, white 20%, #f4f2f2 80%, white); background: -webkit-gradient(linear, left top, left bottom, from(#f4f2f2), color-stop(.2, white), color-stop(.8, #f4f2f2), to(white)); border-top: 1px solid white; -moz-border-radius: 0.5em 0.5em 0.5em 0.5em; padding: 1.5em; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 0.5em; /* Firefox 1-3.6 */ -moz-border-radius: 0.5em; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 0.5em; width:auto; margin: 10px 0px; color: #858585; font: 23px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; text-shadow: 0 1px 0 #fff; padding:30px 0 30px 40px; } #branding { margin: 14px 15px 0 15px; width: auto; float:left; } #settings-metabox { width:auto; overflow:hidden; border:1px solid #ddd; border-top:0; padding:0px 0 1px; } .themeidol-plugin-settings.metabox-holder h3 { cursor:default !important; -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; box-shadow:none; text-shadow:none; } .postbox {background:#fff !important} .themeidol_option_box { width:100%; padding-bottom:1px; float:left; border: 1px solid rgba(0, 0, 0, 0.45); margin: 0 0 15px; border-radius: 5px; background: rgba(50, 50, 50, 0.12); } .themeidol_option_box_inner { padding:0 10px; } .themeidol_option_box.deactive {opacity:0.5} .themeidol_option_box.deactive:hover{opacity:0.9} .clearfix {clear:both;height:1px;display:block;width:100%} .themeidol-col-left {float:left;width:49%} .themeidol-col-right {float:right;width:49%} .postbox.th-rightbox h3 { text-align: center; font-weight: bold; text-transform: uppercase; background: white; background: -moz-linear-gradient(top, #f4f2f2, white 20%, #f4f2f2 80%, white); background: -webkit-gradient(linear, left top, left bottom, from(#f4f2f2), color-stop(.2, white), color-stop(.8, #f4f2f2), to(white)); } .themeidol_option_box h3 { float:right; background:none; border:none; padding:0; margin:8px 0 10px; } .themeidol_option_box p { clear:both; margin:0 0 10px; background: white; background: -moz-linear-gradient(top, #f4f2f2, white 20%, #f4f2f2 80%, white); background: -webkit-gradient(linear, left top, left bottom, from(#f4f2f2), color-stop(.2, white), color-stop(.8, #f4f2f2), to(white)); border-top: 1px solid white; -moz-border-radius: 0.5em 0.5em 0.5em 0.5em; padding: 1.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; display: none; } .themeidol_option_box .widefat {margin-bottom:5px;color:#333} .widget_trigger { border: 1px solid #a2a2a2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; display: block; height: 23px; margin:8px 0; overflow: hidden; position: relative; width: 80px; float:left; } .widget_trigger input {display: none;} .widget_trigger input:checked + .themeidol_switcher {left: 0px;} .themeidol_switcher { left: -40px; position: absolute; top: 0px; -moz-transition: left .25s ease-out; -webkit-transition: left .25s ease-out; -o-transition: left .25s ease-out; transition: left .25s ease-out; } .themeidol_switcheron, .themeidol_switcherblock, .themeidol_switcheroff { display: block; font:bold 11px/23px verdana, arial, verdana, sans-serif; height: 23px; position: absolute; text-align: center; top: 0px; } .themeidol_switcheron { background: #3269aa; background: -moz-linear-gradient(top, #3269aa 0%, #82b3f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3269aa), color-stop(100%,#82b3f4)); background: -webkit-linear-gradient(top, #3269aa 0%,#82b3f4 100%); background: -o-linear-gradient(top, #3269aa 0%,#82b3f4 100%); background: -ms-linear-gradient(top, #3269aa 0%,#82b3f4 100%); background: linear-gradient(top, #3269aa 0%,#82b3f4 100%); color: white; left: 0px; width: 40px; } .themeidol_switcheroff { background: #f2f3f2; background: -moz-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b8c8b), color-stop(50%,#f2f3f2)); background: -webkit-linear-gradient(top, #8b8c8b 0%,#f2f3f2 50%); background: -o-linear-gradient(top, #8b8c8b 0%,#f2f3f2 50%); background: -ms-linear-gradient(top, #8b8c8b 0%,#f2f3f2 50%); background: linear-gradient(top, #8b8c8b 0%,#f2f3f2 50%); color: #8b8b8b; left: 80px; width: 40px; } .themeidol_switcherblock { background: #d9d9d8; background: -moz-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d8), color-stop(100%,#fcfcfc)); background: -webkit-linear-gradient(top, #d9d9d8 0%,#fcfcfc 100%); background: -o-linear-gradient(top, #d9d9d8 0%,#fcfcfc 100%); background: -ms-linear-gradient(top, #d9d9d8 0%,#fcfcfc 100%); background: linear-gradient(top, #d9d9d8 0%,#fcfcfc 100%); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 23px; left: 40px; width: 40px; } .widget_pro span.pro { font-size: 1.3em; font-weight: 600; opacity: 1; margin-top: 5px; display: block; padding-top: 9px; } .themeidol_options_submit { padding: 7px 12px 6px; border-bottom: 1px solid #ddd; overflow:hidden; background-color: #F1F1F1; background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC); } .themeidol_options_submit.submit-bottom { border-top: 1px solid #ddd; border-bottom:none; } .themeidol_options_submit .button-primary { float:right; width:auto; } .themeidol_options_submit.marginbottom { margin-bottom:15px } .activate_widgets_notice { float:left; width:auto; margin:6px 0 0 0; font-size:13px; } .themeidol-social { overflow:hidden; } .themeidol-social-link { text-decoration:none;display:block; float:left; margin:0 8px 8px 0; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; } .themeidol-social .themeidol-social-icon { font-family:'themeidol-icons'; display:block; width:40px; height:40px; line-height:40px; color:#fff; background:#ddd; font-size:18px; border-radius:3px; text-align:center; } .themeidol-social-link:hover { opacity:0.8;text-decoration:none; } .themeidol-social .themeidol-social-icon:hover { text-decoration:none; } /* Icon Colors */ .themeidol-social-rss .themeidol-social-icon { background:#fe9900; } .themeidol-social-facebook .themeidol-social-icon { background:#4862a3; } .themeidol-social-twitter .themeidol-social-icon { background:#00acee; } .themeidol-social-gplus .themeidol-social-icon { background:#dd4b39; } .themeidol-social-tumblr .themeidol-social-icon { background:#2c4762; } .themeidol-social-youtube .themeidol-social-icon { background:#dc2725; } .themeidol-social-pinterest .themeidol-social-icon { background:#ce2125; } .themeidol-social-instagram .themeidol-social-icon { background:#517FA4; } .themeidol-social-dribbble .themeidol-social-icon { background:#ed6297; } .themeidol-social-linkedin .themeidol-social-icon { background:#1a85bc; } .themeidol-social-skype .themeidol-social-icon { background:#00aff0; } /* Social Icons */ .themeidol-social-rss .themeidol-social-icon:before { content:'\e809'; } .themeidol-social-facebook .themeidol-social-icon:before { content:'\e800'; } .themeidol-social-twitter .themeidol-social-icon:before { content:'\e802'; } .themeidol-social-gplus .themeidol-social-icon:before { content:'\e801'; } .themeidol-social-tumblr .themeidol-social-icon:before { content:'\e808'; } .themeidol-social-youtube .themeidol-social-icon:before { content:'\e806'; } .themeidol-social-pinterest .themeidol-social-icon:before { content:'\e803'; } .themeidol-social-instagram .themeidol-social-icon:before { content:'\e804'; } .themeidol-social-dribbble .themeidol-social-icon:before { content:'\e80a'; } .themeidol-social-linkedin .themeidol-social-icon:before { content:'\e805'; } .themeidol-social-skype .themeidol-social-icon:before { content:'\e807'; } .arrow-down { float: right; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #23282d; margin-top: 6px; margin-left: 11px; cursor: pointer; } .arrow-down.arrow-up { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top:none; border-bottom: 8px solid #23282d; float: right; margin-top: 6px; margin-left: 11px; cursor: pointer; }