/* Theme Name: AlaskA Description: Used to style the TinyMCE editor. */ /*--------------------------------------------------------------------------*/ /* 0. Normalize | normalize.css v2.1.0 | MIT License | git.io/normalize */ /*--------------------------------------------------------------------------*/ 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; -webkit-text-size-adjust: 100%; -ms-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; } .display-hidden { display: block; height: 0; text-indent: -9999px; } /*--------------------------------------------------------------------------*/ /* 1. Setup */ /*--------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { width: 100%; font-size: 16px; line-height: 24px; font-family: sans-serif, Verdana, Geneva; color: #666666; background-color: #f6f6f6; } body:before, body:after { content: ""; display: table; } body:after { clear: both; } 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; } 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; } /* 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 { border-radius: 3px; 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. Posts */ /*--------------------------------------------------------------------------*/ article .more-link { font-size: 14px; } 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 { text-decoration: underline; } 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; } /*--------------------------------------------------------------------------*/ /* 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; width: 97.91666666666666%; margin: 0 1.0416666666666665%; margin-bottom: 48px; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .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-text-feature .front-button { display: inline-block; background-color: #0e4a73; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#1d6597), to(#0e4a73)); /* Konqueror */ background-image: -moz-linear-gradient(#1d6597, #0e4a73); /* FF 3.6+ */ background-image: -ms-linear-gradient(#1d6597, #0e4a73); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d6597), color-stop(100%, #0e4a73)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#1d6597, #0e4a73); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#1d6597, #0e4a73); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d6597', endColorstr='#0e4a73', GradientType=0); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d6597', endColorstr='#0e4a73', GradientType=0)"; /* IE8+ */ background-image: linear-gradient(#1d6597, #0e4a73); /* the standard */ padding: 9px 15px 10px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #ffffff; font-size: 20px; line-height: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: '' inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25) 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25) 1px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: '' inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25) 1px 2px rgba(0, 0, 0, 0.2); box-shadow: '' inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25) 1px 2px rgba(0, 0, 0, 0.2); font-weight: normal; } #front-text-feature .front-button:hover { background-position: 0 -15px; color: #ffffff; text-decoration: none; } #front-boxes { display: inline; float: left; width: 97.91666666666666%; margin: 0 1.0416666666666665%; margin-bottom: 48px; } #front-boxes:before, #front-boxes:after { content: ""; display: table; } #front-boxes:after { clear: both; } #front-boxes .front-call-to-action, #front-text-feature .front-call-to-action { margin-top: 24px; } #front-boxes .front-call-to-action a, #front-text-feature .front-call-to-action a { text-decoration: none; } .front-box { padding: 24px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; display: inline; float: left; width: 31.25%; margin: 0 1.0416666666666665%; } .front-box p, .front-box table { margin-bottom: 0; } .front-box table { width: 90%; text-align: center; margin: 0 auto; } .front-box ul, .front-box ul li, .front-box ul ul { list-style: none; margin: 0; padding: 0; } #front-posts { display: inline; float: left; width: 97.91666666666666%; margin: 0 1.0416666666666665%; margin-bottom: 24px; } #front-posts:before, #front-posts:after { content: ""; display: table; } #front-posts:after { clear: both; } .front-posts-sidebar { display: inline; float: left; width: 72.91666666666666%; margin: 0 1.0416666666666665%; } .front-posts-full { display: inline; float: left; width: 97.91666666666666%; margin: 0 1.0416666666666665%; } .sidebar-front { display: inline; float: left; width: 22.916666666666664%; margin: 0 1.0416666666666665%; } /* * 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) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * 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 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; 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: '\f002'; } .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: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; 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: 90%; 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; } .slides a:hover { text-decoration: none; } /* 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 #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 .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; }