|
|
| Line 19: |
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; } |
"
