|
|
Line 5: |
Line 5: |
| <title>Venture</title> | | <title>Venture</title> |
| <!-- Stylesheet --> | | <!-- Stylesheet --> |
| + | <link rel="stylesheet" type="text/css" media="all" href="http://uwigemwiki.websharx.ca/css/style.css" /> |
| <link rel="stylesheet" type="text/css" media="all" href="http://uwigemwiki.websharx.ca/css/responsive.css" /> | | <link rel="stylesheet" type="text/css" media="all" href="http://uwigemwiki.websharx.ca/css/responsive.css" /> |
| <!-- Google Font --> | | <!-- Google Font --> |
Line 18: |
Line 19: |
| <style type="text/css"> | | <style type="text/css"> |
| <!-- | | <!-- |
- |
| |
- | /* =Template Colors
| |
- | -------------------------------------------------------------- */
| |
- | /* H1 Image Replacement Logo */
| |
- | #logo h1 {
| |
- | background: url("http://themes.swishthemes.com/venture/files/2012/06/logo-venture.png") no-repeat;
| |
- | height: 38px;
| |
- | text-indent: -4000px;
| |
- | width: 212px;
| |
- | padding:0;
| |
- | margin:0;}
| |
- | #logo h1 a {display: block;height: 38px;}
| |
- | /* Links */
| |
- | a, a:visited {color:#3294a6;text-decoration:none;}
| |
- | a:hover, .widget ul a:hover {color:#3294a6;text-decoration:underline;}
| |
- | /* Theme Color */
| |
- | #commentform #submit, input[type="submit"], .flex-direction-nav li a:hover, .overlay .caption span, #portfolio-sort a.active, #header-top .left, .entry-meta-tags, .circle, .page-navigation a, #sidebar .widget h4 span, .flex-caption p {background: #3294a6;}
| |
- | #header .container {border-color: #3294a6;}
| |
- | .circle:after, .page-navigation .nav-next a:before {border-left-color: #3294a6;}
| |
- | .page-navigation .nav-previous a:before {border-right-color: #3294a6;}
| |
- | .post-format {background-color: #3294a6;}
| |
- | #footer-widgets .widget h4 span {color:#3294a6;}
| |
- |
| |
- |
| |
- | /* =Normalize and Reset
| |
- | -------------------------------------------------------------- */
| |
- | article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
| |
- | audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
| |
- | audio:not([controls]){display:none;height:0}
| |
- | [hidden]{display:none}
| |
- | html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
| |
- | html,button,input,select,textarea{font-family:sans-serif}
| |
- | body{margin:0}
| |
- | a:focus{outline:thin dotted}
| |
- | a:hover,a:active{outline:0}
| |
- | h1{font-size:2em;margin:.67em 0}
| |
- | h2{font-size:1.5em;margin:.83em 0}
| |
- | h3{font-size:1.17em;margin:1em 0}
| |
- | h4{font-size:1em;margin:1.33em 0}
| |
- | h5{font-size:.83em;margin:1.67em 0}
| |
- | h6{font-size:.75em;margin:2.33em 0}
| |
- | abbr[title]{border-bottom:1px dotted}
| |
- | b,strong{font-weight:bold}
| |
- | blockquote{margin:1em 40px}
| |
- | dfn{font-style:italic}
| |
- | mark{background:#ff0;color:#000}
| |
- | p,pre{margin:1em 0}
| |
- | pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
| |
- | pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
| |
- | q{quotes:none}
| |
- | q:before,q:after{content:'';content:none}
| |
- | small{font-size:75%}
| |
- | sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
| |
- | sup{top:-0.5em}
| |
- | sub{bottom:-0.25em}
| |
- | dl,menu,ol,ul{margin:1em 0}
| |
- | dd{margin:0 0 0 40px}
| |
- | menu,ol,ul{padding:0 0 0 40px}
| |
- | nav ul,nav ol{list-style:none;list-style-image:none}
| |
- | img{border:0;-ms-interpolation-mode:bicubic}
| |
- | svg:not(:root){overflow:hidden}
| |
- | figure{margin:0}
| |
- | form{margin:0}
| |
- | fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
| |
- | legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
| |
- | button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
| |
- | button,input{line-height:normal}
| |
- | button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
| |
- | button[disabled],input[disabled]{cursor:default}
| |
- | input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
| |
- | 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-decoration,input[type="search"]::-webkit-search-cancel-button{-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}
| |
- | /* Clearfix */
| |
- | .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{clear:both;}
| |
- | /* Responsive Images */
| |
- | img, object, embed {max-width: 100%;height: auto;}
| |
- | img {-ms-interpolation-mode: bicubic;}
| |
- | #map_canvas img, .map_canvas img {max-width: none!important;}
| |
- | /* Responsive Video Container */
| |
- | .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
| |
- | .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
| |
- |
| |
- |
| |
- | /* =Responsive Grid
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | .row, .row-fixed, .row-adaptive, .row-delaybreak { width: 100%; max-width: 980px; margin: 0 auto;zoom: 1; }
| |
- | .row:before, .row:after, .row-fixed:before, .row-fixed:after, .row-adaptive:before, .row-adaptive:after, .row-delaybreak:before, .row-delaybreak:after { content:""; display:table; }
| |
- | .row:after, .row-fixed:after, .row-adaptive:after, .row-delaybreak:after { clear: both; }
| |
- | .column { margin-left: 4.4%; float: left; min-height: 1px; position: relative; margin-bottom:1.5em;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
| |
- | .column:first-child { margin-left: 0;}
| |
- | .row .col-half, .row-fixed .col-half, .row-adaptive .col-half {width: 47.78%;}
| |
- | .row.half-gutter .col-half:nth-child(3n+4), .row-fixed.half-gutter .col-half:nth-child(3n+4), .row-adaptive.half-gutter .col-half:nth-child(3n+4), .row-delaybreak.half-gutter .col-half:nth-child(3n+4) {margin-left:0;clear: left;}
| |
- | .row .col-third, .row-fixed .col-third, .row-adaptive .col-third {width: 30.4%;}
| |
- | .row.half-gutter .col-third:nth-child(3n+4), .row-fixed.half-gutter .col-third:nth-child(3n+4), .row-adaptive.half-gutter .col-third:nth-child(3n+4), .row-delaybreak.half-gutter .col-third:nth-child(3n+4) {margin-left:0;clear: left;}
| |
- | .row .col-fourth, .row-fixed .col-fourth, .row-adaptive .col-fourth {width: 21.7%;}
| |
- | .row.half-gutter .col-fourth:nth-child(4n+5), .row-fixed.half-gutter .col-fourth:nth-child(4n+5), .row-adaptive.half-gutter .col-fourth:nth-child(4n+5), .row-delaybreak.half-gutter .col-fourth:nth-child(4n+5) {margin-left:0;clear: left;}
| |
- | .row .col-fifth, .row-fixed .col-fifth, .row-adaptive .col-fifth {width: 16.48%;}
| |
- | .row .col-sixth, .row-fixed .col-sixth, .row-adaptive .col-sixth {width: 12.98%;}
| |
- |
| |
- |
| |
- | .row.half-gutter .column, .row-fixed.half-gutter .column, .row-adaptive.half-gutter .column, .row-delaybreak.half-gutter .column {margin-left:2.2%;}
| |
- | .row.half-gutter .column:first-child, .row-fixed.half-gutter .column:first-child, .row-adaptive.half-gutter .column:first-child, .row-delaybreak.half-gutter .column:first-child {margin-left:0;}
| |
- | .row.half-gutter .col-half, .row-fixed.half-gutter .col-half, .row-adaptive.half-gutter .col-half, .row-delaybreak .col-half {width: 48.9%;}
| |
- | .row.half-gutter .col-third, .row-fixed.half-gutter .col-third, .row-adaptive.half-gutter .col-third, .row-delaybreak .col-third {width: 31.86%;}
| |
- | .row.half-gutter .col-fourth, .row-fixed.half-gutter .col-fourth, .row-adaptive.half-gutter .col-fourth, .row-delaybreak .col-fourth {width: 23.35%;}
| |
- | .row.half-gutter .col-fifth, .row-fixed.half-gutter .col-fifth, .row-adaptive.half-gutter .col-fifth, .row-delaybreak .col-fifth {width: 18.24%;}
| |
- | .row.half-gutter .col-sixth, .row-fixed.half-gutter .col-sixth, .row-adaptive.half-gutter .col-sixth, .row-delaybreak .col-sixth {width: 14.83%;}
| |
- |
| |
- | .row.no-gutter .column, .row-fixed.no-gutter .column, .row-adaptive.no-gutter .column {margin-left:0;}
| |
- | .row.no-gutter .col-half, .row-fixed.no-gutter .col-half, .row-adaptive.no-gutter .col-half {width: 50%;}
| |
- | .row.no-gutter .col-third, .row-fixed.no-gutter .col-third, .row-adaptive.no-gutter .col-third {width: 33.333%;}
| |
- | .row.no-gutter .col-fourth, .row-fixed.no-gutter .col-fourth, .row-adaptive.no-gutter .col-fourth {width: 24.99%;}
| |
- | .row.no-gutter .col-fifth, .row-fixed.no-gutter .col-fifth, .row-adaptive.no-gutter .col-fifth {width: 20%;}
| |
- | .row.no-gutter .col-sixth, .row-fixed.no-gutter .col-sixth, .row-adaptive.no-gutter .col-sixth {width: 16.66%;}
| |
- |
| |
- | @media only screen and (max-width: 768px) {
| |
- | .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
| |
- | .row .row .column { padding: 0; }
| |
- | .row .column { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
| |
- | .row .column:last-child { margin-right: 0; float: none;}
| |
- | .row .column:before, .column:after { content:""; display:table; }
| |
- | .row .column:after { clear: both; }
| |
- |
| |
- | .row-adaptive .col-fourth {width: 47.8%;}
| |
- | .row-adaptive .col-fourth:nth-child(3) {margin-left: 0;}
| |
- |
| |
- | .row-adaptive.half-gutter .col-fourth {width: 48.9%;}
| |
- |
| |
- | .row-adaptive .col-sixth {width: 30.4%;}
| |
- | .row-adaptive .col-sixth:nth-child(4n+4) {margin-left: 0;}
| |
- |
| |
- |
| |
- | .row.half-gutter .col-sixth, .row-fixed.half-gutter .col-sixth, .row-adaptive.half-gutter .col-sixth {width: 31.86%;}
| |
- | .row.no-gutter .column, .row-fixed.no-gutter .column, .row-adaptive.no-gutter .column {margin-left:0;}
| |
- | .row.half-gutter .column {margin-left:0;}
| |
- |
| |
- | .row-adaptive.hff .col-half, .row-adaptive.ffh .col-half {width:auto !important; float: none; margin-left: 0; margin-right: 0;clear:both;}
| |
- | .row-adaptive.hff .col-fourth:nth-child(2) {margin-left:0;clear:left;}
| |
- | .row-adaptive.hff .col-fourth:nth-child(3) {margin-left:4.4%;}
| |
- | .row-adaptive.hff .col-fourth:nth-child(3) {clear:inherit;}
| |
- | }
| |
- | @media only screen and (max-width: 480px) {
| |
- | .row-delaybreak { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
| |
- | .row-delaybreak .row .column { padding: 0; }
| |
- | .row-delaybreak .column { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
| |
- | .row-delaybreak .column:last-child { margin-right: 0; float: none; }
| |
- | .row-delaybreak .column:before, .column:after { content:""; display:table; }
| |
- | .row-delaybreak .column:after { clear: both; }
| |
- |
| |
- |
| |
- | .row-adaptive .col-sixth, .row-adaptive .col-fourth {width: 47.78%;}
| |
- | .row-adaptive .col-sixth:nth-child(4n+4) {margin-left:4.4%;}
| |
- | .row-adaptive .col-sixth:nth-child(2n+3) {margin-left: 0;}
| |
- | .row-adaptive .col-fourth:nth-child(3) {margin-left: 0;clear:left;}
| |
- |
| |
- | .row-adaptive .col-fourth, .row-adaptive.half-gutter .col-fourth {width:100%;margin-left:0;}
| |
- | .row-adaptive.hff .col-fourth:nth-child(3) {margin-left:0;}
| |
- |
| |
- | .row.half-gutter .col-sixth, .row-fixed.half-gutter .col-sixth, .row-adaptive.half-gutter .col-sixth {width: 48.9%;}
| |
- | .row-adaptive.half-gutter .col-sixth:nth-child(4n+4) {
| |
- | margin-left: 2.2%;
| |
- | }
| |
- | }
| |
- |
| |
- |
| |
- | /* =WordPress Core
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | .alignnone {margin: 0 22px 0 0;}
| |
- | .aligncenter, div.aligncenter {display:block;margin: 0 auto;}
| |
- | .alignright {float:right;margin: 5px 0 22px 22px;}
| |
- | .alignleft {float:left;margin: 5px 22px 22px 0;}
| |
- | .aligncenter {display: block;margin: 0 auto;}
| |
- | a img.alignright {float:right;margin: 5px 0 22px 22px;}
| |
- | a img.alignnone {margin: 0 22px 22px 0;}
| |
- | a img.alignleft {float:left;margin: 0 22px 22px 0;}
| |
- | a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
| |
- | .wp-caption {position:relative;max-width: 100%;height: auto;}
| |
- | .wp-caption a {display:block;line-height: 0;}
| |
- | .wp-caption.alignnone {margin: 0 0 22px;width: auto !important;}
| |
- | .wp-caption.alignleft {margin: 0 22px 22px 0;}
| |
- | .wp-caption.alignright {margin: 0 0 22px 22px;}
| |
- | .wp-caption img {
| |
- | border: 0 none;
| |
- | height: auto;
| |
- | margin:0;
| |
- | max-width: 100%;
| |
- | padding:0;
| |
- | border-radius: 2px;
| |
- | -moz=border-radius: 2px;
| |
- | -webkit-border-radius: 2px;}
| |
- | .wp-caption p.wp-caption-text {
| |
- | background:#1a1a1a;
| |
- | background: rgba(0, 0, 0, 0.8);
| |
- | bottom: 12px;
| |
- | color: #FAFAFA;
| |
- | display: table;
| |
- | font-size: 11px;
| |
- | left: 12px;
| |
- | line-height: 17px;
| |
- | margin: 0 auto;
| |
- | padding: 10px 15px;
| |
- | position: absolute;
| |
- | right: 12px;
| |
- | text-align: center;
| |
- | border-radius: 3px;
| |
- | -moz=border-radius: 3px;
| |
- | -webkit-border-radius: 3px;}
| |
- | .sticky {}
| |
- | .gallery-caption {}
| |
- | .bypostauthor {}
| |
- |
| |
- |
| |
- | /* =Document Setup
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | html {background: #e6e6e6 url("../images/bg.gif") repeat;}
| |
- | body {font: 14px/24px 'Open Sans',Helvetica, Arial, sans-serif; color: #666;overflow-x: hidden;}
| |
- | a {
| |
- | text-decoration:none;
| |
- | outline:0;
| |
- | -webkit-transition-property:background color;
| |
- | -webkit-transition-duration:.12s;
| |
- | -webkit-transition-timing-function:ease-out;
| |
- | -moz-transition-property:background color;
| |
- | -moz-transition-duration:.12s;
| |
- | -moz-transition-timing-function:ease-out;
| |
- | -o-transition-property:background color;
| |
- | -o-transition-duration:.12s;
| |
- | -o-transition-timing-function:ease-out;
| |
- | transition-property:background color;
| |
- | transition-duration:.12s;
| |
- | transition-timing-function:ease-out;}
| |
- | a:hover {color:#222;cursor:pointer;}
| |
- |
| |
- | /* Headings */
| |
- | h1, h2, h3, h4, h5, h6 {font-weight:bold; margin: 0 0 10px; color:#222026;}
| |
- |
| |
- | /* Page Structure */
| |
- | #site-container {
| |
- | margin: 0 auto;
| |
- | background:#fff;
| |
- | width: 960px;
| |
- | padding:0 25px;
| |
- | box-shadow:0 0 10px rgba(0,0,0,0.1);}
| |
- | .container {margin: 0 auto; width: 960px;}
| |
- | #content {float:left;width: 729px;margin:0 36px 0 0;}
| |
- | #content.fullwidth {width:100%;float:none;margin:0;}
| |
- | #content.sidebar-left {float:right;width: 729px;margin:0 0 0 36px;}
| |
- | .home #content.fullwidth {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
| |
- |
| |
- | #sidebar {float:left;width:195px;font-size:12px;margin:10px 0 0;}
| |
- | #primary {}
| |
- |
| |
- | /* Header */
| |
- | #header {background:#363a40;margin: 0 0 0;padding:0;box-shadow: 0 -50px 50px rgba(0, 0, 0, 0.1) inset;position: relative;z-index: 8000;}
| |
- | #header .container {border-bottom-width:4px;border-bottom-style:solid;}
| |
- | #header #logo {float:left; margin:0 0 40px 24px; float:left;}
| |
- | #header #logo h1 {margin:0;font-size: 32px;}
| |
- | #header #logo, #header #logo a {
| |
- | font-size: 32px;
| |
- | color:#1a1a1a;
| |
- | text-decoration:none;
| |
- | text-transform:uppercase;
| |
- | font-weight: bold;
| |
- | letter-spacing: -1px;}
| |
- | #header #logo img {display:block;}
| |
- | #header-top {margin:0 0 40px;}
| |
- | #header-top .left {
| |
- | float:left;
| |
- | color: #fff;
| |
- | padding: 8px 16px;
| |
- | font-size: 12px
| |
- | ;border-radius:0 0 2px 2px;
| |
- | -moz-border-radius:0 0 2px 2px;
| |
- | -webkit-border-radius:0 0 2px 2px;}
| |
- | #header-top .left a, #header-top .left a:hover {
| |
- | color:#fff;
| |
- | }
| |
- | #header-top #social {
| |
- | list-style:none;
| |
- | background:#1a1a1a;
| |
- | margin:0;
| |
- | padding:0;
| |
- | float:right;
| |
- | border-radius:0 0 2px 2px;
| |
- | -moz-border-radius:0 0 2px 2px;
| |
- | -webkit-border-radius:0 0 2px 2px;}
| |
- | #header-top #social li {float:left;}
| |
- | #header-top #social a {
| |
- | background-image:url("../images/social-sprite.png");
| |
- | background-repeat:no-repeat;
| |
- | display:block;
| |
- | text-indent:-9999px;
| |
- | position:relative;
| |
- | height:42px;
| |
- | width:42px;}
| |
- | #header-top #social .twitter a {background-position:center -78px;}
| |
- | #header-top #social .twitter a:hover {background-color:#019ad2;}
| |
- | #header-top #social .facebook a {background-position:center -38px;}
| |
- | #header-top #social .facebook a:hover {background-color:#3b5998;}
| |
- | #header-top #social .google a {background-position:center -156px;}
| |
- | #header-top #social .google a:hover {background-color:#bb3216;}
| |
- | #header-top #social .dribbble a {background-position:center -398px;}
| |
- | #header-top #social .dribbble a:hover {background-color:#c5376d;}
| |
- | #header-top #social .youtube a {background-position:center -198px;}
| |
- | #header-top #social .youtube a:hover {background-color:#990e09;}
| |
- | #header-top #social .vimeo a {background-position:center -119px;}
| |
- | #header-top #social .vimeo a:hover {background-color:#0dadd6;}
| |
- | #header-top #social .skype a {background-position:center -439px;}
| |
- | #header-top #social .skype a:hover {background-color:#00aef0;}
| |
- | #header-top #social .linkedin a {background-position:center -358px;}
| |
- | #header-top #social .linkedin a:hover {background-color:#0080b2;}
| |
- | #header-top #social .rss a {background-position:center 0;}
| |
- | #header-top #social .rss a:hover {background-color:#e3702d;}
| |
- | #header-top #social .flickr a {background-position:center -238px;}
| |
- | #header-top #social .flickr a:hover {background-color:#0063dc;}
| |
- | #header-top #social .behance a {background-position:center -279px;}
| |
- | #header-top #social .behance a:hover {background-color:#216ded;}
| |
- | #header-top #social .forrst a {background-position:center -318px;}
| |
- | #header-top #social .forrst a:hover {background-color:#467739;}
| |
- |
| |
- | /* Page Header */
| |
- | #page-header {
| |
- | background:#fff;
| |
- | border:1px solid #ccc;
| |
- | border-top:0;
| |
- | margin-bottom:34px;
| |
- | padding:26px 0;
| |
- | position:relative;
| |
- | border-radius:0 0 2px 2px;
| |
- | -moz-border-radius:0 0 2px 2px;
| |
- | -webkit-border-radius:0 0 2px 2px;
| |
- | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
| |
- | #page-header h1, #page-header strong {font-size: 28px;margin:0 24px 4px;letter-spacing:-1px;color:#45454C;}
| |
- | #page-header p {margin:0 24px;color: #666;font-size: 13px;}
| |
- | #page-header .navigation {float:right;}
| |
- | #page-header:before {
| |
- | border-color: #ccc transparent transparent;
| |
- | border-style: solid;
| |
- | border-width: 15px;
| |
- | content: "";
| |
- | height: 0;
| |
- | position: absolute;
| |
- | bottom: -31px;
| |
- | left: 40px;
| |
- | width: 0;}
| |
- | #page-header:after {
| |
- | border-color: #fff transparent transparent;
| |
- | border-style: solid;
| |
- | border-width: 15px;
| |
- | content: "";
| |
- | height: 0;
| |
- | position: absolute;
| |
- | bottom: -30px;
| |
- | left: 40px;
| |
- | width: 0;}
| |
- |
| |
- | /* Footer */
| |
- | #footer {
| |
- | background: #494e56;
| |
- | box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2) inset, 0 0 10px rgba(0, 0, 0, 0.);
| |
- | padding:30px 0;
| |
- | margin:15px 0 0;
| |
- | color:#fafafa;
| |
- | font-size:13px;}
| |
- | #footer a {color:#c9cacd;border-bottom:1px dotted #ccc}
| |
- | #footer a:hover {border-bottom:none;}
| |
- | #footer-widgets .widget {margin-bottom:0;}
| |
- | #footer-widgets .widget h4 {background:none;color:#fff;font-size:18px;letter-spacing: -0.5px;border-bottom:none;padding:0;margin: 0 0 18px;text-transform:none;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
| |
- | #footer-widgets .widget h4 span {font-size:28px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);margin: 0 0 0 2px;}
| |
- | #footer-bottom {
| |
- | background:#212326;
| |
- | padding:20px 25px 12px;
| |
- | margin:0;
| |
- | line-height: 10px;
| |
- | color:#fafafa;
| |
- | font-size:11px;}
| |
- | #footer-bottom #footer-nav {float:left;}
| |
- | #footer-nav ul {margin:2px 0 0;padding:0;list-style:none;}
| |
- | #footer-nav li {
| |
- | display:inline-block;
| |
- | margin:0 10px 10px 0;
| |
- | padding:0 10px 0 0;
| |
- | border-right: 1px dotted #8c8e91;
| |
- | line-height: 10px;}
| |
- | #footer-nav li:last-child {border-right:none;}
| |
- | #footer-nav li a {border-bottom:none;color:#fff;}
| |
- | #footer-bottom a {color:#fff;font-size:12px;border-bottom:1px dotted #fafafa;}
| |
- | #footer-bottom a:hover {border-bottom:1px solid #fff;text-decoration:none;}
| |
- | #footer-bottom #copyright {float:right;font-size:11px;}
| |
- |
| |
- |
| |
- | /* =Navigation & Menus
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | #primary-nav {float:right;margin:3px 24px 0 0;padding:0;}
| |
- | #primary-nav ul {list-style: none outside none;margin: 0;padding: 0;}
| |
- | #primary-nav ul a {
| |
- | display: block;
| |
- | position: relative;
| |
- | border-left:1px solid #27292e;
| |
- | padding:0 20px;
| |
- | color: #fff;
| |
- | position: relative;
| |
- | line-height: 18px;
| |
- | text-decoration:none;}
| |
- | #primary-nav ul li:first-child a {border:none;}
| |
- | #primary-nav ul li:last-child a {padding-right:0;}
| |
- | #primary-nav ul li a strong, #primary-nav ul li a span {display:block;}
| |
- | #primary-nav ul li a strong {text-transform:uppercase;font-size:15px;}
| |
- | #primary-nav ul li a span {
| |
- | text-transform:lowercase;
| |
- | color:#afb0b3;
| |
- | font-size:13px;
| |
- | font-weight:normal;
| |
- | font-style:italic;}
| |
- | #primary-nav ul a.sf-with-ul {margin-right: 35px;padding-right: 0;}
| |
- | #primary-nav ul li {
| |
- | float: left;
| |
- | z-index: 40;
| |
- | height:50px;
| |
- | position: relative;}
| |
- | #primary-nav ul li:hover {visibility: inherit;}
| |
- | #primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul {left: -1px;top: 40px;z-index: 99;}
| |
- | #primary-nav ul li:hover li ul, #primary-nav ul li.sfHover li ul, #primary-nav ul li li:hover li ul, #primary-nav ul li li.sfHover li ul, #primary-nav ul li li li:hover li ul, #primary-nav ul li li li.sfHover li ul {top: -9999em;}
| |
- | #primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul, #primary-nav ul li li li li:hover ul, #primary-nav ul li li li li.sfHover ul {left: 220px;top: -12px;}
| |
- | #primary-nav ul li a:hover, #primary-nav ul li:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current_page_item a, #primary-nav ul li.current-menu-item a {text-decoration: none;}
| |
- | #primary-nav ul ul {
| |
- | background: #fff;
| |
- | border: 1px solid #ccc;
| |
- | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
| |
- | margin: 10px 0 0;
| |
- | padding: 4px 0;
| |
- | position: absolute;
| |
- | top: -9999em;
| |
- | width: 220px;
| |
- | border-radius: 1px;
| |
- | -moz-border-radius: 1px;
| |
- | -webkit-border-radius: 1px;}
| |
- | #primary-nav ul ul:before {
| |
- | border-color: transparent transparent #FFFFFF;
| |
- | border-style: solid;
| |
- | border-width: 8px;
| |
- | content: "";
| |
- | height: 0;
| |
- | left: 51px;
| |
- | position: absolute;
| |
- | top: -16px;
| |
- | width: 0;}
| |
- | #primary-nav ul ul ul:before {display:none}
| |
- | #primary-nav ul ul li {background: none;float: none;width: 100%;margin:0;padding:0;border:none;height:auto;text-align:left;}
| |
- | #primary-nav ul ul li a {
| |
- | font-size: 12px;
| |
- | font-weight: normal;
| |
- | color:#808080;
| |
- | display: block;
| |
- | padding: 8px 4px;
| |
- | margin: 0 10px;
| |
- | border-left:0;
| |
- | border-bottom: 1px dotted #ccc;}
| |
- | #primary-nav ul ul li:first-child a {border-bottom: 1px dotted #ccc;}
| |
- | #primary-nav ul ul li:last-child a {border-bottom:0;}
| |
- | #primary-nav ul ul li a:hover {color:#4d4d4d;}
| |
- | #primary-nav .sf-sub-indicator {
| |
- | display:inline;
| |
- | padding:0;
| |
- | margin:0;
| |
- | border:none;
| |
- | position:absolute;
| |
- | right: -18px;
| |
- | top: 8px;}
| |
- | #primary-nav ul ul .sf-sub-indicator {right: 10px;top: 9px;color:#666;}
| |
- | #primary-nav ul ul a.sf-with-ul {margin: 0 10px;padding: 8px 22px 8px 4px;}
| |
- | #primary-nav ul li.sfHover ul a {color: #444 !important;}
| |
- | #primary-nav ul li.sfHover ul a:hover {color: #444 !important;}
| |
- | #primary-nav select {display:none;}
| |
- | #primary-nav ul li.current-cat a, #primary-nav ul li.current_page_item a, #primary-nav ul li.current-menu-item a {font-weight:bold;}
| |
- | #primary-nav ul li a:hover, #primary-nav ul li:hover, #primary-nav ul li.sfHover a {color:#fff;}
| |
- |
| |
- | /* =Homepage
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | #hpslider {
| |
- | background: #fff url("../images/loading.gif") no-repeat center center;
| |
- | min-height: 350px;
| |
- | margin:0 -80px -60px;
| |
- | padding:0;
| |
- | position:relative;
| |
- | border-radius:0;
| |
- | -moz-border-radius:0;
| |
- | -webkit-border-radius:0;}
| |
- | #hpslider .flex-direction-nav a {bottom: 70px;padding: 0.5% 1.2%;}
| |
- | #hpslider .flex-direction-nav .flex-prev {right:140px;}
| |
- | #hpslider .flex-direction-nav .flex-next {right:100px;}
| |
- | #hpslider:before {
| |
- | background: -moz-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(230,230,230,0) 100%);
| |
- | background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(230,230,230,0)));
| |
- | background: -webkit-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%);
| |
- | background: -o-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%);
| |
- | background: -ms-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%);
| |
- | background: linear-gradient(left, rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%);
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#00e6e6e6',GradientType=1 );
| |
- | content:"";
| |
- | width:80px;
| |
- | position:absolute;
| |
- | left:0;
| |
- | top:0;
| |
- | bottom:0;
| |
- | z-index: 1; }
| |
- | #hpslider:after {
| |
- | background: -moz-linear-gradient(left, rgba(230,230,230,0) 0%, rgba(230,230,230,1) 100%);
| |
- | background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,0)), color-stop(100%,rgba(230,230,230,1)));
| |
- | background: -webkit-linear-gradient(left, rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%);
| |
- | background: -o-linear-gradient(left, rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%);
| |
- | background: -ms-linear-gradient(left, rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%);
| |
- | background: linear-gradient(left, rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%);
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e6e6e6', endColorstr='#e6e6e6',GradientType=1 );
| |
- | content:"";
| |
- | width:80px;
| |
- | position:absolute;
| |
- | right:0;
| |
- | top:0;
| |
- | bottom:0;
| |
- | z-index: 1; }
| |
- | #hpslider .slides li a {display:block;z-index:9999;}
| |
- | #slider:after {
| |
- | background: -moz-linear-gradient(top, rgba(230,230,230,0) 0%, rgba(230,230,230,1) 100%);
| |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,0)), color-stop(100%,rgba(230,230,230,1)));
| |
- | background: -webkit-linear-gradient(top, rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%);
| |
- | background: -o-linear-gradient(top, rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%);
| |
- | background: -ms-linear-gradient(top, rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%);
| |
- | background: linear-gradient(top, rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%);
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e6e6e6', endColorstr='#e6e6e6',GradientType=0 );
| |
- | content:"";
| |
- | height:60px;
| |
- | position:absolute;
| |
- | left:0;
| |
- | right:0;
| |
- | bottom:0;
| |
- | z-index: 0; }
| |
- | #slider {
| |
- | background:transparent;
| |
- | padding:0;
| |
- | border:none;
| |
- | box-shadow:0;
| |
- | margin:0;
| |
- | border-radius:0;
| |
- | -moz-border-radius:0;
| |
- | -webkit-border-radius:0; }
| |
- | #slider .slides img {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
| |
- | #callout {
| |
- | background:#f1f1f1;
| |
- | border-bottom:1px solid #D9D9D9;
| |
- | padding:26px 48px 40px;
| |
- | margin:-26px -24px 40px;
| |
- | text-align:center;}
| |
- | #callout h2 {font-size:32px;font-weight:bold;line-height:38px;margin:0 0 10px;letter-spacing:-1px;color:#222026;}
| |
- | #callout h3 {
| |
- | font-size:14px;
| |
- | font-weight:normal;
| |
- | color:#666666;
| |
- | padding: 0 8%;
| |
- | margin:0;}
| |
- |
| |
- | #home-blocks {border-bottom:1px solid #D9D9D9;padding:0 24px 5px;margin:0 -24px;}
| |
- | #home-blocks ul {list-style:none;padding:0;margin:0 -35px 0 0;}
| |
- | #home-blocks li {float:left;margin:0 35px 30px 0;width:280px;}
| |
- | #home-blocks li.newrow {clear:left;}
| |
- | #home-blocks h3 {font-size:18px;margin:0 0 10px;}
| |
- | #home-blocks p {margin:0;font-size:13px; }
| |
- | #home-blocks .block-wrap {margin:0 0 0 90px;}
| |
- |
| |
- |
| |
- |
| |
- | #home-portfolio h2, #home-blog h2 {font-size:16px;}
| |
- | #home-portfolio .column:first-child , #home-blog .column:first-child {
| |
- | font-size:13px;
| |
- | line-height: 22px;}
| |
- | #home-portfolio {
| |
- | background:#F1F1F1;
| |
- | border-bottom:1px solid #D9D9D9;
| |
- | margin: 0 -24px 45px;
| |
- | padding: 45px 24px 0;}
| |
- | #home-portfolio .st_portfolio {
| |
- | background:#fff;
| |
- | border:1px solid #D9D9D9;
| |
- | padding: 0 12px 12px;
| |
- | text-align:center;
| |
- | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
| |
- | #home-portfolio .entry-title, #home-portfolio .entry-title a {font-weight:bold;color: #3A3A40;font-size: 14px;line-height: 20px;margin:0;}
| |
- | #home-portfolio .entry-meta {margin:0;font-size:12px;}
| |
- | #home-blog .entry-title { margin: 0 0 10px;}
| |
- | #home-blog .entry-thumb-placeholder {height: 137px;margin: 0 0 15px;width: 100%;}
| |
- | #home-blog .entry-thumb .overlay span, #home-blog .entry-thumb-placeholder .overlay span {margin:23% auto 0;}
| |
- | #home-blog .entry-title, #home-blog .entry-title a {font-weight:bold;color: #3A3A40;font-size: 14px;line-height: 20px;margin:0;}
| |
- | #home-blog .entry-thumb {
| |
- | margin: 0 0 12px;
| |
- | }
| |
- |
| |
- |
| |
- | /* =Post Content Styles
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | .post, #content .page, .st_portfolio {
| |
- | background: #fff;
| |
- | border: 1px solid #ccc;
| |
- | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
| |
- | position:relative;
| |
- | margin-bottom:30px;
| |
- | padding:26px 24px 30px;}
| |
- | .blog-single .post {margin:0;padding:26px 24px 0;border-bottom:0;}
| |
- | .entry-wrap {margin: 0 0 0 90px;}
| |
- | .single .entry-wrap {margin: 0 0 22px 90px;}
| |
- | .home .entry-wrap {margin: 0 0 0 80px;border:none;}
| |
- | .entry-title {margin:0 0 12px;}
| |
- | .entry-title, .entry-title a {
| |
- | font-size: 24px;
| |
- | color:#45454C;
| |
- | text-decoration:none;
| |
- | line-height: 32px;
| |
- | letter-spacing: -0.5px;}
| |
- | .entry-thumb {margin:0 -12px 12px;}
| |
- | .post .entry-thumb {margin:-26px -24px 16px;}
| |
- | .post .flexslider {margin:-26px -24px 24px;}
| |
- | .entry-audio {margin:-26px -24px 24px;}
| |
- | .entry-video {margin:-26px -24px 24px;}
| |
- | .entry-thumb a {display:block;line-height:0;}
| |
- | .entry-thumb img {}
| |
- | .entry-meta {color:#6b6773;font-size:11px;margin: 0 0 10px 0;}
| |
- | .entry-meta a, .entry-meta a:hover {color:#666; text-decoration:none;}
| |
- | .entry-meta a:hover {border-bottom:1px dotted #666;}
| |
- | .entry-meta strong {color:#4c4c4c;}
| |
- | .entry-meta ul {list-style:none;margin:0 0 24px;padding:0;}
| |
- | .entry-meta li {
| |
- | display:inline;
| |
- | margin:0 10px 0 0;
| |
- | padding:0 10px 0 0;
| |
- | border-right:1px solid #ccc;}
| |
- | .entry-meta li:last-child {border-right:none;}
| |
- | .entry-meta-tags {
| |
- | padding:5px 10px;
| |
- | font-size:12px;
| |
- | color:#fff;
| |
- | margin:0 -24px 36px 0;
| |
- | border-radius:2px 0 0 2px;
| |
- | -moz-border-radius:2px 0 0 2px;
| |
- | -webkit-border-radius:2px 0 0 2px;}
| |
- | .entry-meta-tags a, .entry-meta-tags a:hover {color:#fff;}
| |
- | .circle {
| |
- | text-align:center;
| |
- | margin:0 0 10px;
| |
- | float:left;
| |
- | padding: 10px;
| |
- | height: 36px;
| |
- | width: 36px;
| |
- | position:relative;
| |
- | border-radius: 50%;
| |
- | -moz-border-radius: 50%;
| |
- | -webkit-border-radius: 50%;}
| |
- | .circle:after {
| |
- | width: 0;
| |
- | height: 0;
| |
- | border-top: 20px solid transparent;
| |
- | border-bottom: 20px solid transparent;
| |
- | border-left-width:20px;
| |
- | border-left-style:solid;
| |
- | content: "";
| |
- | position: absolute;
| |
- | right: -11px;
| |
- | top: 8px;}
| |
- | .circle .icon {
| |
- | background-position: center center;
| |
- | background-repeat: no-repeat;
| |
- | display: block;
| |
- | height: 100%;
| |
- | width: 100%;}
| |
- | #comments .circle .icon {background-image:url("../images/icon-comments.png");}
| |
- | #respond .circle .icon {background-image:url("../images/icon-respond.png");}
| |
- | .post-format .icon {background-image:url("../images/postformat-sprite.png");}
| |
- | .format-standard .post-format .icon {background-image:url("../images/pf-standard.png");background-position:center center;}
| |
- | .format-aside .post-format .icon {background-image:url("../images/pf-aside.png");background-position:center center;}
| |
- | .format-gallery .post-format .icon {background-image:url("../images/pf-gallery.png");background-position:center center;}
| |
- | .format-link .post-format .icon {background-image:url("../images/pf-link.png");background-position:center center;}
| |
- | .format-image .post-format .icon {background-image:url("../images/pf-image.png");background-position:center center;}
| |
- | .format-quote .post-format .icon {background-image:url("../images/pf-quote.png");background-position:center center;}
| |
- | .format-status .post-forma .icont {background-image:url("../images/pf-status.png");background-position:center center;}
| |
- | .format-video .post-format .icon {background-image:url("../images/pf-video.png");background-position:center center;}
| |
- | .format-audio .post-format .icon {background-image:url("../images/pf-audio.png");background-position:center center;}
| |
- | .entry-meta .avatar {float: right;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
| |
- | .readmore {font-style: italic;text-decoration:none;}
| |
- | .home .entry-content {font-size:12px;line-height:22px;}
| |
- | .page-navigation {
| |
- | background: #494E56;
| |
- | color:#fff;
| |
- | padding:26px 24px 25px 24px;
| |
- | margin:0 0 60px;
| |
- | box-shadow:0 10px 10px rgba(0, 0, 0, 0.2) inset;}
| |
- | .blog .page-navigation {margin:-30px 0 60px;}
| |
- | .page-navigation a {
| |
- | color:#fff;
| |
- | font-size:13px;
| |
- | position:relative;
| |
- | border-radius:3px;
| |
- | -moz-border-radius:3px;
| |
- | -webkit-border-radius:3px;}
| |
- | .page-navigation .nav-next {float:right;margin:0 15px 0 0;}
| |
- | .page-navigation .nav-next a {padding:7px 8px 7px 12px;}
| |
- | .page-navigation .nav-next a:before {
| |
- | border-bottom: 16px solid transparent;
| |
- | border-left-width:16px;
| |
- | border-left-style:solid;
| |
- | border-top: 16px solid transparent;
| |
- | content: "";
| |
- | height: 0;
| |
- | right: -15px;
| |
- | position: absolute;
| |
- | top: 0;
| |
- | width: 0;}
| |
- | .page-navigation .nav-previous {float:left;margin:0 0 0 15px;}
| |
- | .page-navigation .nav-previous a {padding:7px 12px 7px 8px;}
| |
- | .page-navigation .nav-previous a:before {
| |
- | border-bottom: 16px solid transparent;
| |
- | border-right-width:16px;
| |
- | border-right-style:solid;
| |
- | border-top: 16px solid transparent;
| |
- | content: "";
| |
- | height: 0;
| |
- | left: -15px;
| |
- | position: absolute;
| |
- | top: 0;
| |
- | width: 0;}
| |
- | .page-navigation .nav-next a:hover, .page-navigation .nav-previous a:hover {text-decoration:none;}
| |
- |
| |
- | /* =Entry Content Styleing
| |
- | -------------------------------------------------------------- */
| |
- | .entry-content p, .entry-content ul, .entry-content ol {margin:0 0 22px;}
| |
- | .entry-content blockquote {
| |
- | background:url("../images/blockquote.gif") no-repeat top left;
| |
- | font-style:italic;
| |
- | margin: 0 0 0 36px;
| |
- | padding:0;}
| |
- | .entry-content blockquote p {padding:0 0 0 38px;}
| |
- | .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {margin: 0 0 22px;}
| |
- | .entry-content h1 {font-size: 28px;line-height: 28px;}
| |
- | .entry-content h2 {font-size: 22px;line-height: 26px;}
| |
- | .entry-content h3 {font-size: 18px;line-height: 26px;}
| |
- | .entry-content h4 {font-size: 16px;line-height: 24px;}
| |
- | .entry-content h5 {font-size: 14px;line-height: 22px;}
| |
- | .entry-content h6 {font-size: 13px;line-height: 20px;}
| |
- | code, pre {
| |
- | display: block;
| |
- | margin:0 0 22px;
| |
- | font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
| |
- | font-size: 13px;
| |
- | line-height: 22px;
| |
- | color: #333333;
| |
- | word-break: break-all;
| |
- | word-wrap: break-word;
| |
- | white-space: pre;
| |
- | white-space: pre-wrap;}
| |
- | pre {
| |
- | background:#f5f5f5;
| |
- | border: 1px solid #ccc;
| |
- | padding: 20px;
| |
- | -webkit-border-radius: 3px;
| |
- | -moz-border-radius: 3px;
| |
- | border-radius: 3px;}
| |
- |
| |
- | /* Entry Author */
| |
- | #entry-author {
| |
- | background:#f1f1f1;
| |
- | border-top:1px solid #d9d9d9;
| |
- | border-bottom:1px solid #d9d9d9;
| |
- | padding: 26px 24px 24px;
| |
- | margin:22px -24px 24px;}
| |
- | #entry-author h3 {font-size:16px;margin:0 0 23px 90px;}
| |
- | #entry-author .gravatar {float: left;margin:0 20px 0 90px;}
| |
- | #entry-author .avatar {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
| |
- | #entry-author h4, #entry-author .entry-author-desc {margin: 0 0 0 182px;}
| |
- | #entry-author h4 a {color: #3A3A40;font-size: 14px;}
| |
- |
| |
- | /* Related Posts */
| |
- | #related-posts {margin:0 0 0 90px;}
| |
- | #related-posts h3 {font-size:16px;margin: 0 0 22px;}
| |
- | #related-posts .entry-thumb { margin: 0 0 12px;}
| |
- | #related-posts .entry-thumb img {border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
| |
- | #related-posts .entry-thumb-placeholder {width:100%;height:160px;margin: 0 0 12px;}
| |
- | #related-posts .entry-title, #related-posts .entry-title a {
| |
- | color: #3A3A40;
| |
- | font-size: 13px;
| |
- | letter-spacing: 0;
| |
- | line-height: 18px;}
| |
- |
| |
- | #entry-related .st_portfolio {padding:0 12px 12px 12px;}
| |
- |
| |
- |
| |
- | /* =Post Formats
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | .format-link .entry-header, .format-quote .entry-header, .format-status .entry-header {
| |
- | background: #494E56;
| |
- | color:#fff;
| |
- | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 0px 10px rgba(0, 0, 0, 0.4) inset;
| |
- | margin:-26px -24px 24px;
| |
- | padding: 26px 24px;}
| |
- | .format-link .entry-header {padding:26px 24px 25px 145px;}
| |
- | .format-link .entry-header a, .format-quote .entry-header a, .format-status .entry-header a {color:#fff;font-size:18px;}
| |
- | .format-quote .entry-header blockquote {margin:0 0 12px;padding:0;font-size: 22px;font-style: italic;text-align:center;}
| |
- | .format-quote .entry-header blockquote p {margin:0;}
| |
- | .format-quote .entry-header cite {display:block;text-align:center;font-weight:bold;font-style:normal;}
| |
- | .format-chat .entry-content {background:#fafafa url("../images/post-format-chat.png") repeat;border:1px solid #d9d9d9;padding:23px 25px;}
| |
- | .format-chat .entry-content p {line-height: 20px;margin-bottom: 20px;}
| |
- | .format-link .entry-header {background: url("../images/pf-link.png") no-repeat 115px 50% #494E56;}
| |
- | .format-status {padding-bottom:0;}
| |
- | .format-status .entry-header {margin:-26px -24px 0;}
| |
- | .format-status .entry-header h2, .format-status .entry-header .entry-meta {color:#fff}
| |
- | .format-status .avatar {
| |
- | background: #363A40;
| |
- | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 1px rgba(255, 255, 255, 0.05);
| |
- | float:left;
| |
- | padding: 4px;
| |
- | position: relative;
| |
- | border-radius: 4px;
| |
- | -moz-border-radius: 4px;
| |
- | -webkit-border-radius: 4px;}
| |
- | .entry-thumb-placeholder {
| |
- | width:60px;
| |
- | height:60px;
| |
- | background:#E1E4E5;
| |
- | box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
| |
- | background:#E1E4E5 url("../images/icon-post.png") no-repeat center center;}
| |
- | .entry-thumb-placeholder a {display:block;height: 100%;width:100%;}
| |
- | .entry-thumb-placeholder.video {background:#E1E4E5 url("../images/icon-video.png") no-repeat center center;}
| |
- | .entry-thumb-placeholder.audio {background:#E1E4E5 url("../images/icon-audio.png") no-repeat center center;}
| |
- | .entry-thumb-placeholder.quote {background:#E1E4E5 url("../images/icon-quote.png") no-repeat center center;}
| |
- | .entry-thumb-placeholder.chat {background:#E1E4E5 url("../images/icon-chat.png") no-repeat center center;}
| |
- | .entry-thumb-placeholder.link {background:#E1E4E5 url("../images/icon-link.png") no-repeat center center;}
| |
- |
| |
- | /* =Comment Styling
| |
- | -------------------------------------------------------------- */
| |
- | #comments {
| |
- | background: #494E56;
| |
- | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0,0,0,0.2) inset, 0 -10px 10px rgba(0,0,0,0.2) inset;
| |
- | margin:0;
| |
- | padding:30px 24px 30px; }
| |
- | #comments-title {
| |
- | font-size: 24px;
| |
- | line-height: 28px;
| |
- | margin: 12px 0 33px;
| |
- | color:#fff;
| |
- | letter-spacing: -0.5px;
| |
- | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
| |
- | #comments ol.commentlist {padding:0;list-style:none;margin: 0;}
| |
- | .commentlist ul {list-style:none;margin: 0 0 0 24px; padding: 0;}
| |
- | ..commentlist ul.children {}
| |
- | #comments .avatar-wrap {position:relative;float:left;margin:0 20px 0 0;}
| |
- | #comments .avatar {
| |
- | background:#363a40;
| |
- | border-radius:4px;
| |
- | -moz-border-radius:4px;
| |
- | -webkit-border-radius:4px;
| |
- | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 1px rgba(255, 255, 255, 0.05);
| |
- | padding:4px;
| |
- | position:relative;}
| |
- | #comments ul.children li:first-child .avatar-wrap:before {
| |
- | border-color: transparent transparent #26292D;
| |
- | border-style: solid;
| |
- | border-width: 6px;
| |
- | content: "";
| |
- | height: 0;
| |
- | left: 24px;
| |
- | position: absolute;
| |
- | top: -12px;
| |
- | width: 0;}
| |
- | #comments .comment-wrap:before {
| |
- | border-bottom: 20px solid transparent;
| |
- | border-right: 20px solid #707F90;
| |
- | border-top: 20px solid transparent;
| |
- | content: "";
| |
- | height: 0;
| |
- | position: absolute;
| |
- | left: -10px;
| |
- | top: 6px;
| |
- | width: 0;}
| |
- | #comments .comment-wrap {
| |
- | background: #707F90;
| |
- | box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset, 1px 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2) inset;
| |
- | margin: 0 0 20px 80px;
| |
- | padding: 14px 12px 5px 18px;
| |
- | color: #fafafa;
| |
- | position:relative;
| |
- | border-radius: 4px;
| |
- | -moz-border-radius: 4px;
| |
- | -webkit-border-radius: 4px;}
| |
- | #comments .comment-action {float:right;font-size:11px;}
| |
- | #comments .comment-action a {
| |
- | background: #ffffff;
| |
- | background: -moz-linear-gradient(top, #ffffff 0%, #bbc4cd 100%);
| |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bbc4cd));
| |
- | background: -webkit-linear-gradient(top, #ffffff 0%,#bbc4cd 100%);
| |
- | background: -o-linear-gradient(top, #ffffff 0%,#bbc4cd 100%);
| |
- | background: -ms-linear-gradient(top, #ffffff 0%,#bbc4cd 100%);
| |
- | background: linear-gradient(top, #ffffff 0%,#bbc4cd 100%);
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbc4cd',GradientType=0 );
| |
- | border:1px solid #5b657a;
| |
- | color:#576173 !important;
| |
- | margin:0 0 0 4px;
| |
- | padding:4px 10px;
| |
- | border-radius:4px;
| |
- | -moz-border-radius:4px;
| |
- | -webkit-border-radius:4px;}
| |
- | #comments .comment-action a, #comments .comment-action a:hover {color:#576173;}
| |
- | #comments .comment-author {margin:0 0 -10px;}
| |
- | #comments .comment-author cite {
| |
- | float: left;
| |
- | font-size: 18px;
| |
- | font-style: normal;
| |
- | font-weight: bold;
| |
- | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
| |
- | margin: 0 15px 0 0;}
| |
- | #comments .comment-meta {float:left;}
| |
- | #comments .comment-meta a {
| |
- | background: #5D687E;
| |
- | border: 1px solid #4F5766;
| |
- | border-radius: 3px 3px 3px 3px;
| |
- | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset, 1px 1px 0 rgba(255, 255, 255, 0.1);
| |
- | color: #C2C4C9 !important;
| |
- | font-size: 10px;
| |
- | padding: 2px 8px;}
| |
- | #comments .comment-author a {color:#fff;}
| |
- | #comments .depth-3 .comment-meta a {}
| |
- | .comment-body p {margin: 0 0 14px;font-size: 13px;line-height: 20px;}
| |
- | .comment-moderation {font-size:12px;color:#ffa800;margin:-11px 0 11px;display:block;}
| |
- |
| |
- | /* =Respond Styling
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | #respond {
| |
- | background: #fff;
| |
- | border: 1px solid #ccc;
| |
- | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
| |
- | margin:0 0 30px;
| |
- | padding:26px 24px 30px;}
| |
- | #respond-title {
| |
- | font-size: 24px;
| |
- | line-height: 28px;
| |
- | margin: 12px 0 33px;
| |
- | color:#222026;
| |
- | letter-spacing: -0.5px;
| |
- | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
| |
- | #respond .respond-intro {margin:0 0 22px;}
| |
- | #commentform .field-row {display:block;margin:0 0 15px;}
| |
- | #commentform input, #commentform textarea {margin:0 10px 0 0;}
| |
- | #commentform #author, #commentform #email, #commentform #url {width:200px;}
| |
- | #commentform #comment {width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
| |
- | #commentform .npub {color:#999;font-size:12px;}
| |
- | #commentform #submit, input[type="submit"] {
| |
- | color: #fff;
| |
- | font-size: 13px;
| |
- | font-weight: bold;
| |
- | padding: 10px 18px;
| |
- | border:none;
| |
- | text-shadow:none;
| |
- | border-radius:3px;
| |
- | -moz-border-radius:3px;
| |
- | -webkit-border-radius:3px;}
| |
- | .allowed-tags {line-height:18px;}
| |
- | input, textarea {
| |
- | background:#e1e4e5;
| |
- | border: 1px solid #D4D8D9;
| |
- | color:#7d7f80;
| |
- | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
| |
- | padding: 8px 10px;
| |
- | box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
| |
- | border-radius:1px;
| |
- | -moz-border-radius:1px;
| |
- | -webkit-border-radius:1px;}
| |
- | textarea {padding:15px;line-height: 20px;}
| |
- |
| |
- |
| |
- | /* =Portfolio
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | #portfolio-wrapper {margin:0 -15px 20px 0;}
| |
- | #portfolio-sort {list-style:none;margin:6px 24px -5px;padding:0;color: #666;font-size: 13px;}
| |
- | #portfolio-sort li {display:inline;padding:0 0 0 6px;}
| |
- | #portfolio-sort li.all {background:none;padding:0;}
| |
- | #portfolio-sort li.all a {margin:0 0 0 5px;}
| |
- | #portfolio-sort li a {color: #666;}
| |
- | #portfolio-sort li a:hover {text-decoration:none;}
| |
- | #portfolio-sort a.active {color:#fff !important;padding:0 10px 1px;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;}
| |
- | #portfolio-wrapper .hentry {
| |
- | float: left;
| |
- | padding: 0;
| |
- | text-align:center;
| |
- | margin:0 15px 15px 0;
| |
- | width: 226px;
| |
- | }
| |
- |
| |
- | #portfolio-wrapper .entry-title, #portfolio-wrapper .entry-title a {font-size: 14px;font-weight: bold;line-height: 20px;}
| |
- | #portfolio-wrapper .entry-content {font-size: 12px;line-height: 22px;}
| |
- | #portfolio-wrapper .entry-content p {margin:0;}
| |
- | #portfolio-wrapper .entry-thumb {margin:0 0 15px;}
| |
- | #portfolio-wrapper .entry-title {margin:0;}
| |
- | #portfolio-wrapper #content {margin: 0 -15px 0 0;}
| |
- | /* Portfolio Single */
| |
- | .portfolio-single .pi-left .entry-thumb, .single-st_portfolio .pi-left .entry-video {margin:0 25px 20px 0;float:left;width:480px}
| |
- | .portfolio-single .pi-right .entry-thumb, .single-st_portfolio .pi-right .entry-video {margin:0 0 20px 25px;float:right;width:480px}
| |
- | .portfolio-single .pi-center .entry-thumb, .single-st_portfolio .pi-center .entry-center {margin:-26px -24px 20px;width:960px}
| |
- | .portfolio-single .pi-left .entry-wrap {margin:0 0 0 505px;}
| |
- | .portfolio-single .pi-right .entry-wrap {margin:0 505px 0 0;}
| |
- | .portfolio-single .pi-center .entry-wrap {margin:0;}
| |
- | #portfolio-slider {background: #fff url("../images/loading.gif") no-repeat center center;min-height: 300px;}
| |
- | .single-st_portfolio .entry-wrap {}
| |
- | /* Related Entries */
| |
- | #entry-related .entry-title {margin:0 0 5px;}
| |
- | #entry-related .entry-title, #entry-related .entry-title a {font-size:14px;text-align:center;line-height: 18px;}
| |
- | #entry-related .entry-meta {margin:0;text-align:center;}
| |
- |
| |
- | /* Overlay */
| |
- | .overlay {
| |
- | overflow: hidden;
| |
- | position: relative;
| |
- | display:block;
| |
- | z-index:1;}
| |
- | .overlay .caption {
| |
- | background: #1a1a1a;
| |
- | box-shadow: 0 0 10px rgba(255, 255, 255, 0.1) inset;
| |
- | display: none;
| |
- | height: 100%;
| |
- | top:0;
| |
- | bottom:0;
| |
- | left: 0;
| |
- | right:0;
| |
- | opacity: 0.9;
| |
- | position: absolute;
| |
- | width: 100%;
| |
- | text-align:center;
| |
- | color: #fafafa;}
| |
- | .overlay .caption span {
| |
- | color: #FFFFFF;
| |
- | display: table;
| |
- | font-size: 13px;
| |
- | font-weight: bold;
| |
- | line-height: 15px;
| |
- | margin: 40% auto 0;
| |
- | padding: 10px 15px 12px;
| |
- | text-align: center;
| |
- | text-decoration: none;
| |
- | border-radius:4px;
| |
- | -moz-border-radius:4px;
| |
- | -webkit-border-radius:4px;}
| |
- | .overlay img {}
| |
- |
| |
- |
| |
- | /* =Widgets
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | .widget {font-size:13px;margin-bottom:40px;}
| |
- | .widget h4 {
| |
- | font-size: 13px;
| |
- | text-transform:uppercase;
| |
- | color:#525a61;
| |
- | margin:0 0 10px;
| |
- | padding:0 0 6px;
| |
- | border-bottom:1px solid #ccc;
| |
- | position:relative;}
| |
- | #sidebar .widget h4 span {
| |
- | height:1px;
| |
- | width:48px;
| |
- | position:absolute;
| |
- | bottom:-1px;
| |
- | left:0;}
| |
- | .widget ul {padding:0;margin:0;list-style:none; }
| |
- | .widget ul a {color:#808080;text-decoration:none;}
| |
- | .widget ul li {border-bottom:1px solid #d9d9d9;padding:0 0 4px;margin:0 0 4px;}
| |
- | .widget ul li:last-child {border-bottom:none;}
| |
- | .widget ul ul {margin:10px 0 0 10px;}
| |
- |
| |
- | /* List Widget Stylgin */
| |
- | .widget_recent_entries li, .widget_recent_comments li, .widget_archive li, .widget_categories li, .widget_meta li, .widget_nav_menu li, .widget_pages li {padding-left:15px !important;background:url("../images/widget-arrow.gif") no-repeat 0 10px;}
| |
- |
| |
- | /* Blog Widget */
| |
- | .st_blog_widget li {margin: 0 0 10px !important;padding: 0 0 5px !important;}
| |
- | .st_blog_widget .entry-thumb, .st_blog_widget .entry-thumb-placeholder {float:left;margin:0 15px 0 0;width:60px;}
| |
- | .st_blog_widget .entry-title, .st_blog_widget .entry-title a {font-size: 13px;line-height: 16px;margin: 0;font-weight:normal;}
| |
- | .st_blog_widget .entry-meta {float:none;width:auto;margin:0;}
| |
- |
| |
- | /* Search Widget */
| |
- | .widget_search #s {width:100%;padding:8px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
| |
- |
| |
- | /* Twitter Widget */
| |
- | .st_tweet_widget #twitter_update_list {margin:0;}
| |
- | .st_tweet_widget #twitter_update_list li {
| |
- | background:url("../images/icon-tweet.png") no-repeat 0px 5px;
| |
- | padding:0 0 10px 40px !important;
| |
- | margin:0 0 10px !important;
| |
- | font-size:12px;
| |
- | line-height:18px;}
| |
- | #footer .st_tweet_widget #twitter_update_list li {background:url("../images/icon-tweet-f.png") no-repeat 0px 5px;}
| |
- | .st_tweet_widget #twitter_update_list span {display: block; margin: 0 0 5px;}
| |
- | .st_tweet_widget #twitter_update_list span a {text-transform:none;}
| |
- | .st_tweet_widget #twitter_update_list a {font-size:11px;text-transform:uppercase;}
| |
- |
| |
- | /* Flickr Widget */
| |
- | .st_flickr_widget #flickr_badge_wrapper {margin:15px 0 0 0;}
| |
- | .st_flickr_widget .flickr_badge_image {
| |
- | background: #363A40;
| |
- | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 1px rgba(255, 255, 255, 0.05);
| |
- | padding: 4px;
| |
- | float: left;
| |
- | margin: 0 10px 10px 0;
| |
- | width: 75px;
| |
- | border-radius: 4px;
| |
- | -moz-border-radius: 4px;
| |
- | -webkit-border-radius: 4px;}
| |
- | .st_flickr_widget .flickr_badge_image a { display:block; line-height: 0;border:none !important; }
| |
- | .st_flickr_widget .flickr_badge_image img {border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
| |
- |
| |
- | /* Calendar Widget */
| |
- | .widget_calendar {float: left;}
| |
- | #wp-calendar {width: 100%;}
| |
- | #wp-calendar caption {color: #525A61; font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; text-align: center; text-transform: uppercase;}
| |
- | #wp-calendar thead {font-size: 10px;}
| |
- | #wp-calendar thead th {padding-bottom: 10px;}
| |
- | #wp-calendar tbody {color: #aaa;background:#fafafa;}
| |
- | #wp-calendar tbody td {background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
| |
- | #wp-calendar tbody td:hover {background: #fff;}
| |
- | #wp-calendar tbody .pad {background: none;}
| |
- | #wp-calendar tfoot #next {font-size: 10px; text-transform: uppercase; text-align: right;}
| |
- | #wp-calendar tfoot #prev {font-size: 10px; text-transform: uppercase; padding-top: 10px;}
| |
- |
| |
- | /* Footer Widget Styles */
| |
- | #footer .widget ul li {border-bottom:1px dotted rgba(255, 255, 255, 0.5)}
| |
- | #footer .widget ul li:last-child {border-bottom:none;}
| |
- | #footer .widget_recent_entries li, #footer .widget_recent_comments li, #footer .widget_archive li, #footer .widget_categories li, #footer .widget_meta li, #footer .widget_nav_menu li, #footer .widget_pages li {background: url("images/widget-arrow-f.gif") no-repeat 0 10px;}
| |
- |
| |
- | /* Sidebar Widget Styles */
| |
- | #sidebar .widget_search #s {background:#fff;}
| |
- |
| |
- | /* =Flexslider
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: medium none;}
| |
- | .slides, .flex-control-nav, .flex-direction-nav {list-style: none outside none;margin: 0;padding: 0;}
| |
- | .flexslider {margin: 0;padding: 0;}
| |
- | .flexslider .slides > li {display: none;position:relative;}
| |
- | .flexslider .slides img {display: block;width: 100%;}
| |
- | .flex-pauseplay span {text-transform: capitalize;}
| |
- | .slides:after {
| |
- | clear: both;
| |
- | content: ".";
| |
- | display: block;
| |
- | height: 0;
| |
- | line-height: 0;
| |
- | visibility: hidden;}
| |
- | html[xmlns] .slides {display: block;}
| |
- | * html .slides {height: 1%;}
| |
- | .no-js .slides > li:first-child {display: block;}
| |
- | .flexslider {position: relative;}
| |
- | .flex-viewport {-moz-transition: all 1s ease 0s;max-height: 2000px;}
| |
- | .loading .flex-viewport {max-height: 300px;}
| |
- | .flexslider .slides {}
| |
- | .carousel li {margin-right: 5px;}
| |
- | .flex-control-nav {bottom: -30px;position: absolute;text-align: center;width: 100%;}
| |
- | .flex-control-nav li {display: inline-block;margin: 0 0 0 5px;}
| |
- | .flex-control-nav li:first-child {margin: 0;}
| |
- | .flex-control-paging li a {
| |
- | background: none repeat scroll 0 0 #DEDEDE;
| |
- | border-radius: 20px 20px 20px 20px;
| |
- | cursor: pointer;
| |
- | display: block;
| |
- | height: 11px;
| |
- | text-indent: -9999px;
| |
- | width: 11px;}
| |
- | .flex-control-paging li a:hover {background: #A4A4A4;}
| |
- | .flex-control-paging li a.active {background: #FF5454;cursor: default;}
| |
- | .flex-control-thumbs {margin: 5px 0 0;overflow: hidden;position: static;}
| |
- | .flex-control-thumbs li {float: left;margin: 0;width: 25%;}
| |
- | .flex-control-thumbs img {
| |
- | cursor: pointer;
| |
- | display: block;
| |
- | opacity: 0.7;
| |
- | width: 100%;}
| |
- | .flex-control-thumbs img:hover {opacity: 1;}
| |
- | .flex-control-thumbs .active {cursor: default;opacity: 1;}
| |
- | .flex-caption {
| |
- | position:absolute;
| |
- | bottom:120px;
| |
- | color:#fff;
| |
- | max-width: 600px;
| |
- | z-index:9999;
| |
- | border-radius:2px;
| |
- | -moz-border-radius:2px;
| |
- | -webkit-border-radius:2px;}
| |
- | .flex-caption.left {left:100px;}
| |
- | .flex-caption.right {right:100px;text-align:right;}
| |
- | .flex-caption.center {
| |
- | text-align:center;
| |
- | left:0;
| |
- | right:0;
| |
- | margin:0 auto; }
| |
- | .flex-caption.center h2, .flex-caption.center p {margin:0 auto;display:table;}
| |
- | .flex-caption h2 {
| |
- | display:inline-block;
| |
- | background:#363A40;
| |
- | font-size:26px;
| |
- | line-height: 28px;
| |
- | letter-spacing: -0.5px;
| |
- | margin:0 0 12px;
| |
- | color:#fff;
| |
- | padding:2.5% 3%;
| |
- | margin:0;}
| |
- | .flex-caption p {
| |
- | display:inline-block;
| |
- | font-size: 14px;
| |
- | line-height: 20px;
| |
- | padding:2% 3%;
| |
- | margin:0;}
| |
- | .flexslider:hover .flex-prev {opacity: 1 !important;}
| |
- | .flexslider:hover .flex-next {opacity: 1 !important;}
| |
- | .flex-direction-nav a {
| |
- | background: #363A40;
| |
- | cursor: pointer;
| |
- | display: block;
| |
- | margin: 0;
| |
- | opacity: 0;
| |
- | position: absolute;
| |
- | bottom: 15px;
| |
- | padding: 4px 12px;
| |
- | text-decoration: none;
| |
- | color:#fff;
| |
- | z-index:999;
| |
- | line-height:inherit;}
| |
- | .flex-direction-nav .flex-prev {right:54px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
| |
- | .flex-direction-nav .flex-next {
| |
- | background-position: 0 -39px;
| |
- | right:15px;
| |
- | border-radius:2px;
| |
- | -moz-border-radius:2px;
| |
- | -webkit-border-radius:2px;}
| |
- | .flex-direction-nav .disabled {cursor: default;opacity: 0.3 !important;}
| |
- |
| |
- | /* =jPlayer
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | div.jp-jplayer { background-color: #1a1a1a;}
| |
- | div.jp-jplayer, div.jp-jplayer video {display:block;height: auto !important;width: 100% !important;}
| |
- | div.jp-jplayer-video {
| |
- | position: relative;
| |
- | height: 20px !important;
| |
- | overflow: hidden;
| |
- | padding-bottom: 56.25%;
| |
- | padding-top: 30px;}
| |
- | div.jp-jplayer-audio {position: relative;height: 1px !important;overflow: hidden;}
| |
- | div.jp-jplayer object {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | left: 0;
| |
- | width: 100% !important;
| |
- | height: 100% !important;}
| |
- | .jp-jplayer-audio {display:none;}
| |
- | div.jp-audio, div.jp-video { }
| |
- | .jp-jplayer {position:relative;}
| |
- | .jp-jplayer img {position: absolute; width: 100%; z-index:99;}
| |
- | div.jp-interface {
| |
- | position: relative;
| |
- | top:-1px;
| |
- | width: 100%;
| |
- | border-top:1px solid #0d0d0d;
| |
- | background-old: #282828;
| |
- | box-shadow:0 1px 0 rgba(255,255,255,0.2) inset;
| |
- | z-index: 100;
| |
- | height: 35px;
| |
- | background: #4e4e4e;
| |
- | background: -moz-linear-gradient(top, #4e4e4e 0%, #292929 100%);
| |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#292929));
| |
- | background: -webkit-linear-gradient(top, #4e4e4e 0%,#292929 100%);
| |
- | background: -o-linear-gradient(top, #4e4e4e 0%,#292929 100%);
| |
- | background: -ms-linear-gradient(top, #4e4e4e 0%,#292929 100%);
| |
- | background: linear-gradient(top, #4e4e4e 0%,#292929 100%);
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#292929',GradientType=0 );
| |
- | background-color:#4e4e4e; /* Required for the full screen */
| |
- | }
| |
- | div.jp-interface ul.jp-controls {list-style-type: none;padding: 0;margin: 0;}
| |
- | div.jp-interface ul.jp-controls li {display: inline;}
| |
- | div.jp-interface ul.jp-controls a {position: absolute;overflow: hidden;text-indent: -9999px;}
| |
- | .jp-controls a {-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
| |
- | a.jp-play, a.jp-pause {
| |
- | width: 33px;
| |
- | height: 35px;
| |
- | z-index: 1;
| |
- | outline: none;
| |
- | top: 0;
| |
- | left: 0;}
| |
- | a.jp-play { background: url("../images/jplayer/jplayer-sprite.png") 0 0 no-repeat; border-right: 1px solid #363636; }
| |
- | a.jp-play:hover { background: url("../images/jplayer/jplayer-sprite.png") 0 -36px no-repeat; }
| |
- | a.jp-pause {background: url("../images/jplayer/jplayer-sprite.png") -35px 0 no-repeat;display: none; border-right: 1px solid #363636;}
| |
- | a.jp-pause:hover { background: url("../images/jplayer/jplayer-sprite.png") -35px -35px no-repeat; }
| |
- | a.jp-mute, a.jp-unmute {width: 33px;height: 34px;z-index: 1;outline: none;top: 0;right: 52px;border-left: 1px solid #505050;}
| |
- | a.jp-mute { background: url("../images/jplayer/jplayer-sprite.png") -100px -2px no-repeat; }
| |
- | a.jp-mute:hover { background: url("../images/jplayer/jplayer-sprite.png") -99px -38px no-repeat; }
| |
- | a.jp-unmute {background: url("../images/jplayer/jplayer-sprite.png") -68px -2px no-repeat;display: none;}
| |
- | a.jp-unmute:hover { background: url("../images/jplayer/jplayer-sprite.png") -67px -38px no-repeat; }
| |
- | a.jp-full-screen {width: 33px;height: 34px;z-index: 1;outline: none;top: 0;right: 52px;border-left: 1px solid #505050;background: url("../images/jplayer/jplayer-sprite.png") -67px -38px no-repeat;}
| |
- | div.jp-progress-container {
| |
- | height: 23px;
| |
- | left: 34px;
| |
- | padding: 12px 15px 0;
| |
- | position: absolute;
| |
- | right: 185px;
| |
- | border-left: 1px solid #505050;}
| |
- | div.jp-progress {position: absolute;overflow:hidden;}
| |
- | div.jp-type-single div.jp-progress {
| |
- | width: 100%;
| |
- | height: 8px;
| |
- | border: 1px solid #262626;
| |
- | box-shadow:1px 1px 0 rgba(255,255,255,0.2);
| |
- | background: #2a2a2a;
| |
- | background: -moz-linear-gradient(top, #2a2a2a 0%, #242424 100%);
| |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(100%,#242424));
| |
- | background: -webkit-linear-gradient(top, #2a2a2a 0%,#242424 100%);
| |
- | background: -o-linear-gradient(top, #2a2a2a 0%,#242424 100%);
| |
- | background: -ms-linear-gradient(top, #2a2a2a 0%,#242424 100%);
| |
- | background: linear-gradient(top, #2a2a2a 0%,#242424 100%);
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#242424',GradientType=0 );
| |
- | border-radius:2px;
| |
- | -moz-border-radius:2px;
| |
- | -webkit-border-radius:2px;}
| |
- | div.jp-seek-bar {
| |
- | width: 0px;
| |
- | height: 8px;
| |
- | cursor: pointer;
| |
- | background: #3a3a3a;
| |
- | -webkit-border-radius: 1px;
| |
- | -moz-border-radius: 1px;
| |
- | border-radius: 1px;}
| |
- | div.jp-play-bar {
| |
- | width: 0px;
| |
- | height: 8px;
| |
- | background: #9de3fc;
| |
- | background: -moz-linear-gradient(top, #9de3fc 0%, #7dd8f5 50%, #38c1ed 50%, #0ab0e4 100%);
| |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9de3fc), color-stop(50%,#7dd8f5), color-stop(50%,#38c1ed), color-stop(100%,#0ab0e4));
| |
- | background: -webkit-linear-gradient(top, #9de3fc 0%,#7dd8f5 50%,#38c1ed 50%,#0ab0e4 100%);
| |
- | background: -o-linear-gradient(top, #9de3fc 0%,#7dd8f5 50%,#38c1ed 50%,#0ab0e4 100%);
| |
- | background: -ms-linear-gradient(top, #9de3fc 0%,#7dd8f5 50%,#38c1ed 50%,#0ab0e4 100%);
| |
- | background: linear-gradient(top, #9de3fc 0%,#7dd8f5 50%,#38c1ed 50%,#0ab0e4 100%);
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9de3fc', endColorstr='#0ab0e4',GradientType=0 );
| |
- | -webkit-border-radius: 1px;
| |
- | -moz-border-radius: 1px;
| |
- | border-radius: 1px;}
| |
- | div.jp-volume-bar-container {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | right: 0;
| |
- | width: 40px;
| |
- | height: 6px;
| |
- | padding: 12px 10px 0 5px;}
| |
- | div.jp-volume-bar {
| |
- | position: relative;
| |
- | overflow: hidden;
| |
- | background: #262929;
| |
- | width: 40px;
| |
- | height: 10px;
| |
- | cursor: pointer;
| |
- | -webkit-border-radius: 1px;
| |
- | -moz-border-radius: 1px;
| |
- | border-radius: 1px;}
| |
- | div.jp-volume-bar-value {
| |
- | width: 0px;
| |
- | height: 8px;
| |
- | margin: 1px;
| |
- | background: #9de3fc;
| |
- | background: -moz-linear-gradient(top, #9de3fc 0%, #7dd8f5 50%, #38c1ed 50%, #0ab0e4 100%);
| |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9de3fc), color-stop(50%,#7dd8f5), color-stop(50%,#38c1ed), color-stop(100%,#0ab0e4));
| |
- | background: -webkit-linear-gradient(top, #9de3fc 0%,#7dd8f5 50%,#38c1ed 50%,#0ab0e4 100%);
| |
- | background: -o-linear-gradient(top, #9de3fc 0%,#7dd8f5 50%,#38c1ed 50%,#0ab0e4 100%);
| |
- | background: -ms-linear-gradient(top, #9de3fc 0%,#7dd8f5 50%,#38c1ed 50%,#0ab0e4 100%);
| |
- | background: linear-gradient(top, #9de3fc 0%,#7dd8f5 50%,#38c1ed 50%,#0ab0e4 100%);
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9de3fc', endColorstr='#0ab0e4',GradientType=0 );
| |
- | -webkit-border-radius: 1px;
| |
- | -moz-border-radius: 1px;
| |
- | border-radius: 1px;}
| |
- | .jp-time {
| |
- | color:#fff;
| |
- | font-size:10px;
| |
- | position:absolute;
| |
- | top: 0;
| |
- | right:86px;
| |
- | text-shadow:0 1px 1px rgba(0,0,0,0.8);
| |
- | border-right: 1px solid #363636;
| |
- | height: 30px;
| |
- | padding: 5px 10px 0 0;}
| |
- | .jp-time div {display:inline;}
| |
- | .jp-no-solution {
| |
- | position:absolute;
| |
- | width:390px;
| |
- | margin-left:-202px;
| |
- | left:50%;
| |
- | top: 10px;
| |
- | padding:5px;
| |
- | background-color:#3a2a45;
| |
- | border-top:2px solid #554461;
| |
- | border-left:2px solid #554461;
| |
- | border-right:2px solid #180a1f;
| |
- | border-bottom:2px solid #180a1f;
| |
- | color:#FFF;
| |
- | display:none;}
| |
- | .jp-no-solution a {color:#FFF;}
| |
- | .jp-no-solution span {
| |
- | font-size:1em;
| |
- | display:block;
| |
- | text-align:center;
| |
- | font-weight:bold;}
| |
- | .jp-audio .jp-no-solution {width:190px; margin-left:-102px;}
| |
- |
| |
- |
| |
- | /* = WordPress Gallery Shortcode
| |
- | -------------------------------------------------------------- */
| |
- | .gallery {margin:0 -22px 22px 0;}
| |
- | .gallery .gallery-item { margin:0 22px 22px 0;float: left;}
| |
- | .gallery .gallery-item a { display:block; line-height:0;}
| |
- | .gallery.gallery-columns-1 .gallery-item {width:589px;}
| |
- | .gallery.gallery-columns-2 .gallery-item {width:283px;}
| |
- | .gallery.gallery-columns-3 .gallery-item {width:181px;}
| |
- | .gallery.gallery-columns-4 .gallery-item {width:130px;}
| |
- | .gallery.gallery-columns-5 .gallery-item {width:100px;}
| |
- | .gallery.gallery-columns-6 .gallery-item {width:79px;}
| |
- | .gallery.gallery-columns-7 .gallery-item {width:65px;}
| |
- | .gallery.gallery-columns-8 .gallery-item {width:54px;}
| |
- | .gallery.gallery-columns-9 .gallery-item {width:45px;}
| |
- | .gallery img {border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px; }
| |
- |
| |
- | /* = Fancy Box
| |
- | -------------------------------------------------------------- */
| |
- |
| |
- | .fancybox-tmp iframe, .fancybox-tmp object {vertical-align: top;padding: 0; margin: 0;}
| |
- | .fancybox-wrap {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | left: 0;
| |
- | z-index: 8020;}
| |
- | .fancybox-skin {
| |
- | position: relative;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | background: #f9f9f9;
| |
- | color: #444;
| |
- | text-shadow: none;
| |
- | -webkit-border-radius: 4px;
| |
- | -moz-border-radius: 4px;
| |
- | border-radius: 4px;}
| |
- | .fancybox-opened {z-index: 8030;}
| |
- | .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
| |
- | .fancybox-outer, .fancybox-inner {
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | position: relative;
| |
- | outline: none;}
| |
- | .fancybox-inner {overflow: hidden;}
| |
- | .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
| |
- | .fancybox-error {
| |
- | color: #444;
| |
- | font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
| |
- | margin: 0;
| |
- | padding: 10px;}
| |
- | .fancybox-image, .fancybox-iframe {
| |
- | display: block;
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | border: 0;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | vertical-align: top;}
| |
- | .fancybox-image {max-width: 100%;max-height: 100%;}
| |
- | #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/fancybox/fancybox_sprite.png');}
| |
- | #fancybox-loading {
| |
- | position: fixed;
| |
- | top: 50%;
| |
- | left: 50%;
| |
- | margin-top: -22px;
| |
- | margin-left: -22px;
| |
- | background-position: 0 -108px;
| |
- | opacity: 0.8;
| |
- | cursor: pointer;
| |
- | z-index: 8020;}
| |
- | #fancybox-loading div {
| |
- | width: 44px;
| |
- | height: 44px;
| |
- | background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;}
| |
- | .fancybox-close {
| |
- | position: absolute;
| |
- | top: -18px;
| |
- | right: -18px;
| |
- | width: 36px;
| |
- | height: 36px;
| |
- | cursor: pointer;
| |
- | z-index: 8040;}
| |
- | .fancybox-nav {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | width: 40%;
| |
- | height: 100%;
| |
- | cursor: pointer;
| |
- | background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
| |
- | -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;
| |
- | }
| |
- | .fancybox-prev {left: 0;}
| |
- | .fancybox-next {right: 0;}
| |
- | .fancybox-nav span {
| |
- | position: absolute;
| |
- | top: 50%;
| |
- | width: 36px;
| |
- | height: 34px;
| |
- | margin-top: -18px;
| |
- | cursor: pointer;
| |
- | z-index: 8040;
| |
- | visibility: hidden;}
| |
- | .fancybox-prev span {left: 20px;background-position: 0 -36px;}
| |
- | .fancybox-next span {right: 20px;background-position: 0 -72px;}
| |
- | .fancybox-nav:hover span {visibility: visible;}
| |
- | .fancybox-tmp {
| |
- | position: absolute;
| |
- | top: -9999px;
| |
- | left: -9999px;
| |
- | padding: 0;
| |
- | overflow: visible;
| |
- | visibility: hidden;}
| |
- | #fancybox-overlay {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | left: 0;
| |
- | overflow: hidden;
| |
- | display: none;
| |
- | z-index: 8010;
| |
- | background: #000;}
| |
- | #fancybox-overlay.overlay-fixed {position: fixed;bottom: 0;right: 0;}
| |
- | .fancybox-title {
| |
- | visibility: hidden;
| |
- | font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
| |
- | position: relative;
| |
- | text-shadow: none;
| |
- | z-index: 8050;}
| |
- | .fancybox-opened .fancybox-title {visibility: visible;}
| |
- | .fancybox-title-float-wrap {
| |
- | position: absolute;
| |
- | bottom: 0;
| |
- | right: 50%;
| |
- | margin-bottom: -35px;
| |
- | z-index: 8030;
| |
- | text-align: center;}
| |
- | .fancybox-title-float-wrap .child {
| |
- | display: inline-block;
| |
- | margin-right: -100%;
| |
- | padding: 2px 20px;
| |
- | background: transparent; /* Fallback for web browsers that doesn't support RGBa */
| |
- | background: rgba(0, 0, 0, 0.8);
| |
- | -webkit-border-radius: 15px;
| |
- | -moz-border-radius: 15px;
| |
- | border-radius: 15px;
| |
- | text-shadow: 0 1px 2px #222;
| |
- | color: #FFF;
| |
- | font-weight: bold;
| |
- | line-height: 24px;
| |
- | white-space: nowrap;}
| |
- | .fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
| |
- | .fancybox-title-inside-wrap {margin-top: 10px;}
| |
- | .fancybox-title-over-wrap {
| |
- | position: absolute;
| |
- | bottom: 0;
| |
- | left: 0;
| |
- | color: #fff;
| |
- | padding: 10px;
| |
- | background: #000;
| |
- | background: rgba(0, 0, 0, .8);}
| |
- |
| |
- | /* =Contact Form
| |
- | -------------------------------------------------------------- */
| |
- | .contact-form label {
| |
- | display: block;
| |
- | float: none;
| |
- | font-weight: bold;
| |
- | margin-bottom: 3px;
| |
- | }
| |
- | .contact-form label span {
| |
- | color: #AAAAAA;
| |
- | font-weight: normal;
| |
- | margin-left: 4px;
| |
- | }
| |
- | .contact-form input[type="text"] {
| |
- | margin-bottom: 13px;
| |
- | width: 300px;
| |
- | }
| |
- | .contact-form textarea {
| |
- | float: none;
| |
- | height: 200px;
| |
- | margin: 0 0 13px !important;
| |
- | width: 80%;
| |
- | background: #E1E4E5 !important;
| |
- | border: 1px solid #D4D8D9 !important;
| |
- | box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset !important;
| |
- | color: #7D7F80;
| |
- | padding: 8px 10px !important;
| |
- | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
| |
- | }
| |
- | .contact-form .form-submit {
| |
- | width:100px;
| |
- | }
| |
| | | |
| #top-section { display:none; } | | #top-section { display:none; } |