/* Theme Name: AlaskA ( Free ) Theme URI: http://antarcticathemes.com/alaska-theme/ Author: AntarcticaThemes Author URI: http://antarcticathemes.com/ Version: 1.0.0 Text Domain: alaska Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, custom-header, full-width-template License: GNU General Public License v2 or later License URI: license.txt Description: AlaskA is a fullwidt resposive. It comes with 15 widgetized areas, 3 different page layouts, 2 Custom single Page for Easy Digital Downloads and blog, image slider in Front Page, the widgets do not require setting templates, Insert content, the widget is activated and the template is automatically adjusted. Free support in English, Italian and Spanish: http://antarcticathemes.com/forum/alaska-theme/ */ a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } /* 1. Setup */ /*------------------------------*/ /* 1.1 Defaults */ body { font-size: 16px; line-height: 24px; color: #666666; background-color: #f6f6f6; } .center-block { float: none; } img { vertical-align: bottom; -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; } hr { background-color: #f6f6f6; border: 0; height: 1px; } /* 1.2 Hyperlinks */ a { color: #006699; text-decoration: none; } .slides a:hover, article .article-meta a, article .logged-in-as a, article .edit-link a { text-decoration: none; } article .article-meta a:hover, article .logged-in-as a:hover, article .edit-link a:hover, a:hover { text-decoration: underline; } /* 1.3 Typography */ h1 { font-size: 32px; line-height: 48px; } h2 { font-size: 24px; line-height: 24px; } h3, h4, h5, h6 { font-size: 16px; line-height: 24px; } h1, h2, h3, h4, h5, h6 { word-wrap: break-word; font-family: Georgia, Times, Serif; font-weight: 200; color: #333333; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: Georgia, Times, Serif; text-decoration: none; color: #333333; font-weight: 200; } ul, ol, p, hr, dl, pre, form, table, address, blockquote, ol, ul { margin-top: 0; margin-bottom: 24px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 12px 0; } ul, ol { padding-left: 18px; } li > ul, li > ol { margin-bottom: 24px; } ul { list-style-type: disc; } ul ul { list-style-type: square; } ul ul ul { list-style-type: circle; } ol { list-style-position: outside; list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol, ul ol { margin-left: 24px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin-left: 24px; margin-right: 24px; } dl dt { font-weight: bold; } dl dd { margin-bottom: 24px; } blockquote { font-style: italic; quotes: "\201C" "\201D"; position: relative; color: #888888; margin-left: 24px; line-height: 36px; font-size: 24px; } blockquote:before { content: "\201C"; font-family: sans-serif; font-size: 64px; position: absolute; left: -36px; top: 12px; color: #888888; } blockquote cite { font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } i, em, dfn, cite { font-style: italic; } tt, var, pre, kbd, samp, code { font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-style: normal; } pre { background: #f4f4f4; border: 1px solid #aaa; border-bottom-color: #666666; height: auto; outline: none; padding: 6px 10px; vertical-align: middle; width: auto; } del { color: #555; text-decoration: line-through; } ins { background: #FFF9C0; text-decoration: none; } dfn { border-bottom: 1px solid #666666; } abbr, acronym { font-size: 85%; letter-spacing: .1em; text-transform: uppercase; } a abbr, a acronym { border: none; } dfn[title], abbr[title], acronym[title] { border-bottom: 1px solid #666666; cursor: help; } /* 1.4 Tables */ table { width: 100%; font-size: 14px; border-bottom: 1px solid #cccccc; } table th, table td { border-bottom: 1px solid #cccccc; vertical-align: top; text-align: left; } table th { text-transform: uppercase; } /* 1.5 WordPress Core CSS */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 1.5em; margin: 0; padding: 0 4px 5px; } img.wp-smiley { vertical-align: middle; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; } .gallery img { border: 1px solid #ddd; } .gallery .gallery-caption { font-size: 12px; line-height: 16px; } .gallery dl { margin: 0; } .gallery br + br { display: none; } .attachment-gallery img { background: #fff; border: 1px solid #f0f0f0; display: block; height: auto; margin: 15px auto; max-width: 96%; padding: 5px; width: auto; } .gallery-meta .iso, .gallery-meta .camera, .gallery-meta .shutter, .gallery-meta .aperture, .gallery-meta .full-size, .gallery-meta .focal-length { display: block; } img.wp-post-image, img.attachment-full, img.attachment-large, img.attachment-medium, img.attachment-thumbnail { display: block; margin: 15px auto; width: auto; } .home img.wp-post-image { width: 48%; padding: 7px; float: left; margin: 0 15px ; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 16px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* 2. Site Structure */ /*----------------------------------------------*/ /* 2.1 Containers & Columns */ #content .sticky { clear: both; } #content-full { display: inline; float: left; } /* 2.2 Navigation */ #main-navigation { display: inline; float: left; width: 64.58333333333334%; margin: 0 1.0416666666666665%; } #main-navigation nav { margin-top: 0; } .menu-link { display: none; } .header-menu-nav { line-height: normal; float: right; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .header-menu-nav ul { font-size: 1%; *word-spacing: -1%; } .header-menu-nav li { font-size: 10000%; word-spacing: normal; } .header-menu-nav a { outline: 0; } .header-menu-nav ul { padding: 0px; margin: 0px; list-style: none; position: relative; background-color: #f6f6f6; } .header-menu-nav > li > ul.sub-menu { min-width: 10em; background-color: #f6f6f6; border: 1px solid #cccccc; } .header-menu-nav ul::first-child li { display: block; } .header-menu-nav > ul > li { padding: 0px; display: inline-block; } .header-menu-nav > ul > li { border: 1px solid #cccccc; border-color: #ffffff #cccccc #cccccc #ffffff; } .header-menu-nav ul li { z-index: 597; } .header-menu-nav ul li a { display: block; text-decoration: none; background: #f6f6f6; color: #333333; font-size: .9em; } .header-menu-nav ul li > a { padding: 10px 12px; } .header-menu-nav ul ul { display: none; position: absolute; top: 100%; min-width: 200px; background-color: #f6f6f6; border: 1px solid #cccccc; border-bottom: none; } .header-menu-nav ul li:hover > ul { display: block; } .header-menu-nav ul ul > li { position: relative; } .header-menu-nav ul ul > li a { height: auto; background: #f6f6f6; border-bottom: 1px solid #cccccc; color: #333333; } .header-menu-nav ul ul > li a:hover { background-color: #eeeeee; color: #333333; } .header-menu-nav ul ul ul { position: absolute; left: 100%; top: 0; } .header-menu-nav ul > li a:hover { background-color: #eeeeee; color: #333333; } .header-menu-nav li.menu-item-has-children > a { padding-right: 50px; } .header-menu-nav li.menu-item-has-children > a:after { -webkit-font-smoothing: antialiased; content: "\f140"; font: normal 24px/1 dashicons; line-height: 0.5em; position: absolute; padding-left: 0.7em; } .header-menu-nav li li.menu-item-has-children > a:after { content: "\f139"; font: normal 24px/1 dashicons; position: absolute; top: 0; right: 0; padding: 0.3em 0.5em; } .sub-menu-expand { display: none; } @media screen and (max-width: 860px) { .header-menu-nav { clear: both; min-width: inherit; float: none; } .header-menu-nav, .header-menu-nav > ul ul { overflow: hidden; max-height: 0; background: #f6f6f6; color: #333333; } .header-menu-nav > li > ul.sub-menu { padding: 0px; border: none; } .header-menu-nav.active, .header-menu-nav > ul ul.active { max-height: 100%; } .header-menu-nav ul { display: inline; } .header-menu-nav > ul { border-top: 1px solid #cccccc; } .header-menu-nav li, .header-menu-nav > ul > li { display: block; } .header-menu-nav ul ul > li a { padding: 19px 12px; } .header-menu-nav ul li > a { padding: 19px 12px; } .header-menu-nav li a { color: #333333; display: block; padding: 0.8em; border-bottom: 1px solid #cccccc; position: relative; } .header-menu-nav li.menu-item-has-children > a:after, .header-menu-nav li li.menu-item-has-children > a:after { content: ""; } .header-menu-nav li.menu-item-has-children > a.active:after { content: ""; } .header-menu-nav ul ul > li a { background: #f6f6f6; color: #333333; padding: 19px 18px 19px 30px; } .header-menu-nav ul ul, .header-menu-nav ul ul ul { display: inherit; position: relative; left: auto; top: auto; border: none; } .header-menu-nav ul ul ul > li a { background: #f6f6f6; color: #333333; padding: 19px 18px 19px 60px; } .header-menu-nav .sub-menu-expand { vertical-align: text-bottom; -webkit-font-smoothing: antialiased; position: absolute; padding: 0; margin: 0; text-transform: lowercase; /* Stop screen readers to read the text as capital letters */ top: 10px; right: 4%; width: 34px; height: 34px; display: inline-block; background-color: #dddddd; } .header-menu-nav .sub-menu-expand:hover { background-color: #f6f6f6; } .header-menu-nav .sub-menu-expand:after { -webkit-font-smoothing: antialiased; content: "\f140"; font: normal 33px/1 dashicons; padding: 0; position: relative; top: 0; right: 1px; } .header-menu-nav .sub-menu-expand.active:after { content: "\f142"; } .menu-link { padding-top: 8px; display: block; text-align: center; width: 100%; } .menu-link a { text-decoration: none; padding: 15px 10px; color: #333333; background-color: #eeeeee; display: block; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; } .menu-link a:before { -webkit-font-smoothing: antialiased; content: "\f333"; display: inline-block; font: normal 26px/1 dashicons; vertical-align: middle; width: 36px; height: 26px; } .menu-link.active a:before { content: "\f335"; } } /* 2.2.2 Footer menu */ .footer-box ul, .footer-box ul li, .footer-box ul ul { list-style: none; margin: 0 0 0 5px; padding: 0; } .footer-box ul li, .footer-box ul ul { border-bottom: 1px dotted #f6f6f6; } .footer-box ul li:last-child, .footer-box ul ul:last-child { border: none; } /* 2.3 Header */ #top-header { margin-top: 9px; padding-top: 9px; border-top: 6px solid #1d6497; margin-bottom: 24px; } #top-header:before, #top-header:after { content: ""; display: table; } #top-header:after { clear: both; } #top-header:before, #top-header:after { content: ""; display: table; } #top-header:after { clear: both; } .top-header-without-breadcrumb { border-bottom: 4px solid #1d6497; padding-bottom: 9px; } #logo { display: inline; float: left; width: 31.25%; margin: 0 1.0416666666666665%; } .site-name { word-wrap: break-word; font-family: Georgia, Times, Serif; font-size: 32px; line-height: 48px; font-weight: 200; color: #333333; padding-top: 32px; } .site-name a { font-family: Georgia, Times, Serif; text-decoration: none; color: #333333; font-weight: 200; } /* 2.4 Sidebar */ aside h2 { font-size: 16px; text-transform: uppercase; margin-bottom: 12px; font-weight: 600; } aside .aside-box { padding: 15px 12px 15px 12px; border: 1px solid #cccccc; margin-bottom: 24px; } aside .aside-box #searchform { margin-bottom: 0; } aside .aside-box #searchform:before, aside .aside-box #searchform:after { content: ""; display: table; } aside .aside-box #searchform:after { clear: both; } aside .aside-box #searchform:before, aside .aside-box #searchform:after { content: ""; display: table; } aside .aside-box #searchform:after { clear: both; } aside .aside-box ul, aside .aside-box ol { margin: 0; padding: 0; } aside .aside-box ul li, aside .aside-box ol li { list-style-type: none; } /* 2.5 Footer */ #main-footer { border: 1px solid #21539b; background-color: #1d6497; background-repeat: no-repeat; color: #f6f6f6; font-size: 14px; } #main-footer:before, #main-footer:after { content: ""; display: table; } #main-footer:after { clear: both; } #main-footer:before, #main-footer:after { content: ""; display: table; } #main-footer:after { clear: both; } #main-footer p { margin-bottom: 0; font-size: 14px; } #main-footer a { color: #f6f6f6; font-size: 14px; font-weight: normal; } #main-footer h2, #main-footer h3, #main-footer h4 { margin-bottom: 12px; color: #f6f6f6; border-bottom: 1px solid #f6f6f6; width: 100%; font-size: 16px; line-height: 24px; font-weight: 600; } .footer-boxes:before, .footer-boxes:after { content: ""; display: table; } .footer-boxes:after { clear: both; } .footer-boxes:before, .footer-boxes:after { content: ""; display: table; } .footer-boxes:after { clear: both; } .footer-box { padding: 12px 0; display: inline; float: left; width: 31.25%; margin: 0 1.0416666666666665%; } .footer-box p, .footer-box table { margin-bottom: 0; } .footer-box table { width: 90%; text-align: center; margin: 0 auto; } .footer-box ul, .footer-box ul li, .footer-box ul ul { list-style: none; margin: 0; padding: 0; } .footer-extra { margin-top: 12px; border-top: 1px solid #f6f6f6; padding: 12px 10px 12px 10px; } .footer-extra:before, .footer-extra:after { content: ""; display: table; } .footer-extra:after { clear: both; } .footer-extra:before, .footer-extra:after { content: ""; display: table; } .footer-extra:after { clear: both; } .footer-copy, .footer-credit { display: inline; float: left; } .footer-credit { text-align: right; } .footer-credit a { font-weight: bold; } /* 2.6 Breadcrumbs */ .breadcrumb { display: inline; padding: 8px 0px; float: left; width: 100%; margin-bottom: 24px; } .breadcrumb p { background-color: #1d6497; color: #f6f6f6; padding-left: 24px; font-weight: bold; margin-bottom: 0; font-family: Georgia, Times, Serif; font-size: 16px; line-height: 24px; border: 1px solid #21539b; } .breadcrumb p a { color: #f6f6f6; } /* 3. Posts */ /*------------------------------*/ article .more-link { font-size: 14px; } article .edit-link a { font-family: sans-serif, Verdana, Geneva; font-size: 14px; background-color: #1d6497; color: #f6f6f6; padding-left: 10px; padding-right: 10px; } article.type-post { margin-bottom: 24px; } .article-meta { border-bottom: 1px solid #cccccc; color: #999999; font-size: 14px; } .article-meta a { color: #999999; font-size: 14px; } .logged-in-as a { color: #999999; font-size: 14px; } .page-links, .article-footer, .navigation { clear: both; display: block; } .page-links { color: #999999; font-size: 14px; } .page-links a { color: #999999; font-size: 14px; } .navigation { border-top: 1px solid #cccccc; padding-top: 5px; margin: 48px 0 24px 0; } .navigation .current { background-color: #1d6497; color: #f6f6f6; font-weight: bold; padding-left: 10px; padding-right: 10px; } .navigation .next-post { float: right; } .navigation .next-page { padding-left: 10px; } .navigation .previous-page { padding-right: 10px; } .content-entry h1, .content-entry h3, .content-entry h4, .content-entry h5, .content-entry h6 { margin-bottom: 0; } .content-entry h2 { margin-bottom: 12px; } /* 4. Widgets */ /*------------------------------*/ input#s { width: 90%; } /* 5. Comments */ /*------------------------------*/ /* 5.1 Comments */ .header-comment:before, .header-comment:after { content: ""; display: table; } .header-comment:after { clear: both; } .header-comment:before, .header-comment:after { content: ""; display: table; } .header-comment:after { clear: both; } .header-comment p { margin-bottom: 0; } .header-comment .comment-avatar { float: left; width: 52px; } .header-comment .comment-text { margin-left: 52px; border-bottom: 1px solid #cccccc; } .title-comments { border-bottom: 1px solid #cccccc; margin-bottom: 24px; } .title-comments h2 { margin-bottom: 0; } .comment-link-meta { float: right; } #comments p { font-size: 14px; } #comments h2 { font-size: 16px; text-transform: uppercase; } #comments time { color: #666666; } #comments article { margin-bottom: 24px; } #comments h3 { margin-bottom: 0; } #comments ol { list-style-type: none; padding: 0; } #comments ul { list-style-type: none; } #comments .bypostauthor { margin-bottom: 0; } #reply-title { border-bottom: 1px solid #cccccc; text-transform: uppercase; } /* 5.1 Comments form*/ #commentform #author, #commentform #email { font-size: 14px; line-height: 18px; display: block; } #commentform textarea { font-size: 14px; line-height: 24px; display: block; width: 100%; height: 138px; } #commentform label { display: block; font-size: 14px; line-height: 24px; font-weight: bold; } #commentform .required { font-weight: bold; color: red; } /* 6. Page Templates */ /*----------------------------------------------*/ /* 6.1 Index */ .content-index h1, .content-index h3, .content-index h4, .content-index h5, .content-index h6 { margin-bottom: 0; } .content-index h2 { margin-bottom: 12px; } /* 6.2 Front Page */ .front-features { display: inline; float: left; margin-bottom: 48px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .front-features:before, .front-features:after { content: ""; display: table; } .front-features:after { clear: both; } .front-features:before, .front-features:after { content: ""; display: table; } .front-features:after { clear: both; } #front-text-feature { display: inline; float: left; width: 47.91666666666667%; margin: 0 1.0416666666666665%; text-align: center; padding: 24px 0; } #front-text-feature h2 { margin-bottom: 24px; } #front-slide { display: inline; float: left; width: 47.91666666666667%; margin: 0 1.0416666666666665%; text-align: center; padding: 24px 0 0 0; } .front-boxes { margin-bottom: 30px; float: inherit; padding-right: 0px; padding-left: 0px; } .widget-front-boxs { padding: 12px 12px; border: 1px solid #cccccc; border-bottom: 1px solid #cccccc; display: inline; float: left; margin-bottom: 10px; } .widget-front-box p, .widget-front-box table { margin-bottom: 0; } .widget-front-box table { width: 90%; text-align: center; margin: 0 auto; } .widget-front-box ul, .widget-front-box ul li, .widget-front-box ul ul { list-style: none; margin: 0; padding: 0; } .front-posts-sidebar { display: inline; float: left; } /* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* =============== * RESETS * ===============*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* =============== * BASE STYLES * ==============*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ================ * DEFAULT THEME * ================*/ .flexslider { margin: 0 0 24px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "dashicons"; font-size: 40px; display: inline-block; content: '\f341'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f345'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "dashicons"; font-size: 20px; display: inline-block; content: '\f523'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f522'; } .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ===================== * RESPONSIVE * ====================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } .flexslider .flex-prev, .flexslider .flex-next { line-height: normal; } .flexslider p { margin-bottom: 0; } .flex-caption { width: 100%; padding: 5%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); color: white; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); font-weight: bold; font-size: 18px; line-height: 24px; } /* 6.3 Search Page */ .search-page, .error-404 { width: 50%; margin-bottom: 24px; } .search-page:before, .error-404:before, .search-page:after, .error-404:after { content: ""; display: table; } .search-page:after, .error-404:after { clear: both; } .search-page:before, .error-404:before, .search-page:after, .error-404:after { content: ""; display: table; } .search-page:after, .error-404:after { clear: both; } .search-page #searchform, .error-404 #searchform { margin-bottom: 24px; } .resultsearch { font-size: 24px; } .resultsearch span { color: #333; } /* 6.4 Archive Page */ .author-info { margin-bottom: 24px; } .author-info:before, .author-info:after { content: ""; display: table; } .author-info:after { clear: both; } .author-info:before, .author-info:after { content: ""; display: table; } .author-info:after { clear: both; } .author-info .author-description { display: inline; float: left; width: 47.91666666666667%; margin: 0 1.0416666666666665%; } .author-info .author-avatar { display: inline; float: left; width: 14.583333333333334%; margin: 0 1.0416666666666665%; } .author-info .author-avatar img { border: 1px solid #cccccc; } /* 7. Misc */ /*--------------------------------------*/ /* 7.1 Forms */ label { display: inline-block; padding: 5px 0; } legend { padding: 2px 5px; } fieldset { border: 1px solid #ccc; margin: 0 0 1.5em; padding: 1em 2em; } select, input[type="text"], input[type="password"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #f4f4f4; box-sizing: border-box; border: 1px solid #aaa; border-bottom-color: #ccc; margin: 0; outline: none; padding: 6px 8px; vertical-align: middle; width: 100%; } select { height: auto; } area, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f4f4f4; border: 1px solid #aaa; border-bottom-color: #ccc; height: auto; overflow: auto; margin: 0; outline: none; padding: 8px 10px; width: 100%; } input, select { cursor: pointer; } area:focus, input:focus, textarea:focus { background: #fff; } input[type='text'], input[type='password'] { cursor: text; } input[type='reset'], input[type='button'], input[type='submit'] { background-color: #cdc9c9; /* Snow 3 */ border: 1px solid #aca6a6; color: #444; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 700; margin: 0; padding: 6px 10px; text-decoration: none; text-shadow: 0 1px 0 #fff; vertical-align: middle; white-space: nowrap; } input[type='reset']:hover, input[type='button']:hover, input[type='submit']:hover { background-color: #fff; } p.form-submit { float: right; } #searchform input[type='text'] { width: 86%; max-width: calc(98% - 50px); margin-right: 1%; float: left; } input#searchsubmit { width: 10%; min-width: 50px; } #searchform input[type='submit'] { float: left; } p.comment-notes, p.comment-form-author, p.comment-form-email, p.comment-form-url, p.comment-form-comment { width: 100%; } /* 7.2 Icons */ .social-icons { margin-bottom: 10px; } .social-icons ul { height: 28px; list-style: none; line-height: normal; padding: 0; margin: 0; text-align: right; } .social-icons li { display: inline-block; margin: 1px; padding-left: 6px; } .social-icons-all { display: block; background-repeat: no-repeat; background-image: url(images/social-icons.png); position: relative; } .social-icons-googleplus { width: 24px; height: 24px; background-position: 0 0; } .social-icons-facebook { width: 24px; height: 24px; background-position: -24px 0; } .social-icons-twitter { width: 24px; height: 24px; background-position: -48px 0; } .social-icons-rss { width: 24px; height: 24px; background-position: -72px 0; } .social-icons-youtube { width: 24px; height: 24px; background-position: -96px 0; } .social-icons-vimeo { width: 24px; height: 24px; background-position: -120px 0; } .social-icons-linkedin { width: 24px; height: 24px; background-position: -144px 0; } .social-icons-instagram { width: 24px; height: 24px; background-position: -168px 0; } .social-icons-flickr { width: 24px; height: 24px; background-position: -192px 0; } .social-icons-pinterest { width: 24px; height: 24px; background-position: -216px 0; } /* 8. Responsive */ /*----------------------------------------------*/ /* 8.1 Responsive Video */ .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 8.2 Responsive Structure */ @media screen and (min-width: 767px) { .widget-front-boxs { width: 32.33%; margin: 0.5%; } } @media screen and (max-width: 767px) { .search-page { width: 100%; } #logo, #main-navigation, #front-slide, #content, aside, .footer-box, .footer-copy, .footer-credit, #front-text-feature { display: inline; float: left; width:98% } #logo { text-align: center; } .footer-box { width: 90%; margin: 0 5%; } #front-slide, .widget-front-box { display: inline; float: left; margin-bottom: 16px; } #front-text-feature, #front-slide { padding: 12px 0; } .social-icons ul { margin: 12px 0 12px 0; text-align: center; height: auto; } .front-posts-sidebar { display: inline; float: left; } .footer-copy, .footer-credit { text-align: center; } } @media screen and (max-width: 400px) { #logo img { height: auto; width: 50%; } } /* 8.3 Responsive embebed video */ .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }