/*-------------------------------------------------------------------------------------------*/ /* Info Boxes */ /*-------------------------------------------------------------------------------------------*/ p.wpz-sc-box, div.wpz-sc-box {margin:1em 0 1.5em 0; padding:9px 10px 9px 50px; border-width:1px 0 1px 0; border-style:solid;color:#555;text-shadow:none;} .wpz-sc-box.none {border-width:0;} .wpz-sc-box.full {border-width:1px;} .wpz-sc-box.medium {padding:18px 20px 18px 50px; font-size:1.1em;} .wpz-sc-box.large {padding:25px 27px 25px 50px; font-size:1.2em; } .wpz-sc-box.rounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .wpz-sc-box.alert { border-color:#F8C0C0; background:#ffd9c8 url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-alert.png) no-repeat 20px 45%; } .wpz-sc-box.download { border-color:#d4ebaf; background:#edfcd5 url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-download.png) no-repeat 20px 45%; } .wpz-sc-box.tick { border-color:#d4ebaf; background:#edfcd5 url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-tick.png) no-repeat 20px 45%; } .wpz-sc-box.info { border-color:#C0E5F8; background:#eee url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-info.png) no-repeat 20px 45%; } .wpz-sc-box.note { border-color:#efe3ae; background:#fef6d2 url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-note.png) no-repeat 20px 45%; } .wpz-sc-box.normal { border-color:#ccc; background:#eee; padding:9px 15px;} /*-------------------------------------------------------------------------------------------*/ /* Buttons */ /*-------------------------------------------------------------------------------------------*/ a.wpz-sc-button { font-family: sans-serif; display: inline-block; line-height: 1em; padding: 6px 13px; margin:0 .6em 1.5em 0; border: 1px solid #4081af; border-bottom-color: #20559a; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none !important; /*Border radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*Background*/ background: #237fd7; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf) ); background: -moz-linear-gradient( center top, #52a8e8 20%, #2e76cf 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } a.wpz-sc-button.small { padding:2px 10px; font-size:0.9em;} a.wpz-sc-button.large { padding:7px 16px; font-size:1.4em;} a.wpz-sc-button.xl { padding:9px 20px; font-size:1.8em;} a.wpz-sc-button:hover, a.wpz-sc-button.hover, a.wpz-sc-button.active { text-decoration: none !important; /*Background*/ background: #0073d2; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca) ); background: -moz-linear-gradient( center top, #3e9ee5 20%, #1666ca 100% ); } a.wpz-sc-button:active, a.wpz-sc-button.active { border-color: #20559a; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } a.wpz-sc-button.dark span { color:#555; text-shadow:0 1px #fff;} a.wpz-sc-button.custom:hover { opacity:0.85; } a.wpz-sc-button span { line-height:1.2em; min-height: 16px; } a.wpz-sc-button span.wpz-info { background:url("http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-info.png") no-repeat 0 45%; padding-left:25px; display:block; } a.wpz-sc-button span.wpz-download { background:url("http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-download.png") no-repeat 0 45%; padding-left:25px; display:block; } a.wpz-sc-button span.wpz-tick { background:url("http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-tick.png") no-repeat 0 45%; padding-left:25px; display:block; } a.wpz-sc-button span.wpz-note { background:url("http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-note.png") no-repeat 0 45%; padding-left:25px; display:block; } a.wpz-sc-button span.wpz-alert { background:url("http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-alert.png") no-repeat 0 45%; padding-left:25px; display:block; } a.wpz-sc-button.red { border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e)); background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%); } a.wpz-sc-button.red:hover { background: #d20000; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616)); background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%); } a.wpz-sc-button.orange { border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e)); background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%); } a.wpz-sc-button.orange:hover { background: #d25e00; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116)); background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%); } a.wpz-sc-button.green { border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16)); background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%); } a.wpz-sc-button.green:hover { background: #87c000; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513)); background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%); } a.wpz-sc-button.aqua { border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab)); background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%); } a.wpz-sc-button.aqua:hover { background: #00d2a8; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e)); background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%); } a.wpz-sc-button.teal { border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf)); background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%); } a.wpz-sc-button.teal:hover { background: #009ed2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca)); background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%); } a.wpz-sc-button.purple { border-color: #234dd6; border-bottom-color: #20489a; background-color: #2356d7; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #526ee8),color-stop(1, #2e58cf)); background: -moz-linear-gradient(center top,#526ee8 20%,#2e58cf 100%); } a.wpz-sc-button.purple:hover { background: #0036d2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e5ae5),color-stop(1, #1638ca)); background: -moz-linear-gradient(center top,#3e5ae5 20%,#1638ca 100%); } a.wpz-sc-button.pink { border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf)); background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%); } a.wpz-sc-button.pink:hover { background: #bc00d2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca)); background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%); } a.wpz-sc-button.silver { color: #444 !important; text-shadow:0 1px #fff; border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc)); background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%); } a.wpz-sc-button.silver:hover { background: #ccc; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe)); background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%); } /*-------------------------------------------------------------------------------------------*/ /* Columns */ /*-------------------------------------------------------------------------------------------*/ .twocol-one{width:48%;} .threecol-one{width:30.66%;} .threecol-two{width:65.33%;} .fourcol-one{width:22%;} .fourcol-two{width:48%;} .fourcol-three{width:74%;} .fivecol-one{width:16.8%;} .fivecol-two{width:37.6%;} .fivecol-three{width:58.4%;} .fivecol-four{width:67.2%;} .sixcol-one{width:13.33%;} .sixcol-two{width:30.66%;} .sixcol-three{width:47.99%;} .sixcol-four{width:65.33%;} .sixcol-five{width:82.67%;} .twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{float:left;margin-right:4%;position:relative;} .last{clear:right;margin-right:0 !important;} /*-------------------------------------------------------------------------------------------*/ /* Twitter */ /*-------------------------------------------------------------------------------------------*/ .wpz-sc-twitter.left { margin:0 1.5em 1.5em 0; float:left; } .wpz-sc-twitter.none { margin:0 0 1.5em 0; } .wpz-sc-twitter.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* Digg */ /*-------------------------------------------------------------------------------------------*/ .wpz-digg.left { margin:0 1.5em 1.5em 0; float:left; } .wpz-digg.none { margin:0 0 1.5em 0; } .wpz-digg.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* Icon Links */ /*-------------------------------------------------------------------------------------------*/ .wpz-sc-ilink { padding:0 0.3em; } .wpz-sc-ilink a { padding-left:20px; text-decoration: underline; display: inline-block; } .wpz-sc-ilink a:hover { text-decoration: none; } .wpz-sc-ilink .download { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-download.png) no-repeat left 40%; } .wpz-sc-ilink .tick { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-tick.png) no-repeat left 40%; } .wpz-sc-ilink .info { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-info.png) no-repeat left 40%; } .wpz-sc-ilink .note { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-note.png) no-repeat left 40%; } .wpz-sc-ilink .alert { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/ico-alert.png) no-repeat left 40%; } /*-------------------------------------------------------------------------------------------*/ /* Facebook */ /*-------------------------------------------------------------------------------------------*/ .wpz-fblike.left { margin:0 1.5em 1.5em 0; float:left; } .wpz-fblike.none { margin:0 0 1.5em 0; } .wpz-fblike.right { margin:0 0 1.5em 1.5em; float:right; } /*-------------------------------------------------------------------------------------------*/ /* List Styles - Unordered List */ /*-------------------------------------------------------------------------------------------*/ .entry .shortcode-unorderedlist ul li, .shortcode-unorderedlist ul li, .entry .shortcode-unorderedlist ul li ul, .shortcode-unorderedlist ul li ul { list-style-type: none; padding-left:25px; background: url() no-repeat scroll left top; } .entry .shortcode-unorderedlist.tick ul li, .shortcode-unorderedlist.tick ul li { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/shortcode-tick.png) no-repeat left top; } .entry .shortcode-unorderedlist.red-x ul li, .shortcode-unorderedlist.red-x ul li { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/shortcode-red-x.png) no-repeat left top; } .entry .shortcode-unorderedlist.bullet ul li, .shortcode-unorderedlist.bullet ul li { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/shortcode-bullet.png) no-repeat left top; } .entry .shortcode-unorderedlist.green-dot ul li, .shortcode-unorderedlist.green-dot ul li { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/shortcode-green-dot.png) no-repeat left top; } .entry .shortcode-unorderedlist.arrow ul li, .shortcode-unorderedlist.arrow ul li { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/shortcode-arrow.png) no-repeat left top; } .entry .shortcode-unorderedlist.star ul li, .shortcode-unorderedlist.star ul li { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/shortcode-star.png) no-repeat left top; } /*-------------------------------------------------------------------------------------------*/ /* List Styles - Ordered List */ /*-------------------------------------------------------------------------------------------*/ .entry .shortcode-orderedlist ol li, .entry .shortcode-orderedlist ol li ol, .shortcode-orderedlist ol li { list-style-type: none; margin-left: 25px; background: url() no-repeat scroll left top; } .entry .shortcode-orderedlist.armenian ol li, .shortcode-orderedlist.armenian ol li { list-style-type: armenian; } .entry .shortcode-orderedlist.decimal ol li, .shortcode-orderedlist.decimal ol li { list-style-type: decimal; } .entry .shortcode-orderedlist.decimal-leading-zero ol li, .shortcode-orderedlist.decimal-leading-zero ol li { list-style-type: decimal-leading-zero; } .entry .shortcode-orderedlist.georgian ol li, .shortcode-orderedlist.georgian ol li { list-style-type: georgian; } .entry .shortcode-orderedlist.lower-alpha ol li, .shortcode-orderedlist.lower-alpha ol li { list-style-type: lower-alpha; } .entry .shortcode-orderedlist.lower-greek ol li, .shortcode-orderedlist.lower-greek ol li { list-style-type: lower-greek; } .entry .shortcode-orderedlist.lower-latin ol li, .shortcode-orderedlist.lower-latin ol li { list-style-type: lower-latin; } .entry .shortcode-orderedlist.lower-roman ol li, .shortcode-orderedlist.lower-roman ol li { list-style-type: lower-roman; } .entry .shortcode-orderedlist.upper-alpha ol li, .shortcode-orderedlist.upper-alpha ol li { list-style-type: upper-alpha; } .entry .shortcode-orderedlist.upper-latin ol li, .shortcode-orderedlist.upper-latin ol li { list-style-type: upper-latin; } .entry .shortcode-orderedlist.upper-roman ol li, .shortcode-orderedlist.upper-roman ol li { list-style-type: upper-roman; } /*-------------------------------------------------------------------------------------------*/ /* Social Icon */ /*-------------------------------------------------------------------------------------------*/ img.social-icon { border: none; } /* * Galleria Classic Theme * Copyright (c) 2010, Aino * Licensed under the MIT license. */ #galleria { margin:20px 0; clear:both; } #galleria img { margin:0; } .galleria-errors {display:none;} .galleria-container { position: relative; overflow: hidden; background: #000; margin-bottom:20px; } .galleria-container img { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; } .galleria-stage { position: absolute; top: 10px; bottom: 75px; left: 10px; right: 10px; overflow:hidden; } .galleria-thumbnails-container { height: 65px; bottom: 0; position: absolute; left: 10px; right: 10px; z-index: 2; } .galleria-carousel .galleria-thumbnails-list { margin-left: 30px; margin-right: 30px; } .galleria-thumbnails .galleria-image { height: 55px; width: 60px; background: #000; margin: 0 5px 0 0; border: 1px solid #000; float: left; cursor: pointer; } .galleria-counter { position: absolute; bottom: 10px; left: 10px; text-align: right; color: #fff; font: normal 11px/1 arial,sans-serif; z-index: 1; } .galleria-loader { background: #000; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; z-index: 2; display: none; background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/wzslider/classic-loader.gif) no-repeat 2px 2px; } .galleria-info { width: 50%; z-index: 2; position: absolute; bottom:80px; left:26%; } .galleria-info-text { background: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/wzslider/60.png) repeat; padding: 12px; /* IE7 */ zoom:1; } .galleria-info-title { font: bold 12px/1.1 arial,sans-serif; margin: 0; color: #fff; } .galleria-info-description { font: italic 12px/1.4 georgia,serif; margin: 5px 0 0; color: #bbb; } .galleria-info-close { width: 9px; height: 9px; position: absolute; top: 5px; right: 5px; background-position: -753px -11px; opacity: .5; filter: alpha(opacity=50); cursor: pointer; } .notouch .galleria-info-close:hover{ opacity:1; filter: alpha(opacity=100); } .touch .galleria-info-close:active{ opacity:1; filter: alpha(opacity=100); } .galleria-info-link { background-position: -669px -5px; opacity: .7; filter: alpha(opacity=70); position: absolute; width: 20px; height: 20px; cursor: pointer; background-color: #000; display:none; top:-44px; left:-49%; } .notouch .galleria-info-link:hover { opacity: 1; filter: alpha(opacity=100); } .touch .galleria-info-link:active { opacity: 1; filter: alpha(opacity=100); } .galleria-image-nav { position: absolute; top: 50%; margin-top: -62px; width: 100%; height: 62px; left: 0; } .galleria-image-nav-left, .galleria-image-nav-right { opacity: .3; filter: alpha(opacity=30); cursor: pointer; width: 62px; height: 124px; position: absolute; left: 10px; z-index: 2; background-position: 0 46px; } .galleria-image-nav-right { left: auto; right: 10px; background-position: -254px 46px; z-index: 2; } .notouch .galleria-image-nav-left:hover, .notouch .galleria-image-nav-right:hover { opacity: 1; filter: alpha(opacity=100); } .touch .galleria-image-nav-left:active, .touch .galleria-image-nav-right:active { opacity: 1; filter: alpha(opacity=100); } .galleria-thumb-nav-left, .galleria-thumb-nav-right { cursor: pointer; display: none; background-position: -495px 10px; position: absolute; left: 0; top: 0; height: 55px; width: 23px; z-index: 3; opacity: .8; filter: alpha(opacity=80); } .galleria-thumb-nav-right { background-position: -578px 10px; border-right: none; right: 0; left: auto; } .galleria-thumbnails-container .disabled { opacity: .2; filter: alpha(opacity=20); cursor: default; } .notouch .galleria-thumb-nav-left:hover, .notouch .galleria-thumb-nav-right:hover { opacity: 1; filter: alpha(opacity=100); background-color: #111; } .touch .galleria-thumb-nav-left:active, .touch .galleria-thumb-nav-right:active { opacity: 1; filter: alpha(opacity=100); background-color: #111; } .notouch .galleria-thumbnails-container .disabled:hover { opacity: .2; filter: alpha(opacity=20); background-color: transparent; } .galleria-carousel .galleria-thumb-nav-left, .galleria-carousel .galleria-thumb-nav-right { display: block; } .galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left, .galleria-image-nav-right { background-image: url(http://cdn.remelehane.co.za/wp-content/themes/vimes/functions/wpzoom/assets/images/wzslider/classic-map.png); background-repeat: no-repeat; } /********************************************************************************************* Theme Name: Vimes Theme URI: http://www.wpzoom.com/themes/vimes Version: 2.1.2 Author: WPZOOM Author URI: http://www.wpzoom.com License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html The PHP code portions of this WPZOOM theme are subject to the GNU General Public License, version 2. All images, cascading style sheets, and JavaScript elements are released under the WPZOOM Proprietary Use License below. ********************************************************************************************** WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. ********************************************************************************************** 0. CSS Reset ------------------------- All Theme Files 1. Toolbox CSS ----------------------- All Theme Files 2. Header ---------------------------- header.php 3. Navigation ------------------------ header.php 4. Featured Slider ------------------- wpzoom-slider.php 5. Welcome Message -------------------- index.php 6. Portfolio Gallery ------------------ template-portfolio.php 7. Portfolio Item --------------------- single-portfolio.php 8. Archive posts ---------------------- loop.php 9. Single posts ----------------------- single.php 10. Comments ------------------------- comments.php 11. Sidebar & Widgets ----------------- sidebar.php 12. Footer --------------------------- footer.php **********************************************************************************************/ /********************************************************************************************* 0. CSS Reset ------------------------- All Theme Files *********************************************************************************************/ html, body, div, h1, h2, h3, ul, ol, li, form, fieldset, input, textarea {margin: 0; padding: 0; font-size: 100%;} ul {list-style: none;} img, fieldset {border: 0;} em {font-style: italic;} strong {font-weight: bold;} h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 16px; font-family: "trajan-sans-pro",sans-serif} h5 { font-size: 14px; } h6 { font-size: 12px; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; } a {text-decoration:none; color: #01AEFF; outline:none; border:none;} a:hover {text-decoration:underline; color: #0099cc;} p {margin: 0 0 16px; } input { padding:5px; } /********************************************************************************************* 1. Toolbox CSS ------------------------- All Theme Files *********************************************************************************************/ h3.title { color: #454343; padding-bottom: 9px; border-bottom: 1px solid #e8e8e8; margin:0 0 12px; } h3.title span { border-bottom: 3px solid #454343; padding: 0 0 9px; text-transform: uppercase; font-weight:bold; font-size:20px; letter-spacing:2px; word-spacing:5px; line-height:1.5; } .clear, .cleaner { clear: both; height: 0; overflow: hidden; } ::-moz-selection { color: #fff; background: #08ceff; } ::selection { color: #fff; background: #08ceff; } /* Tooltip effect */ .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; } .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; } .tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; } .tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; } .tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; } .tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; } .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; } .tipsy-e .tipsy-arrow { right: 0; border-right: none; } .tipsy-w .tipsy-arrow { left: 0; border-left: none; } /* Navigation */ div.navigation { text-align:center;} div.navigation p, div.wp-pagenavi { margin: 0; font-size: 14px; font-weight: bold; text-align: center; } div.navigation a { font-size: 14px; font-weight: bold; padding: 7px; line-height: 50px; margin-right: 10px; border: none; } div.navigation span.current { font-weight:bold; border:none; padding: 7px; color: #333; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,0.2); margin-right: 10px; } div.navigation a:hover { color: #333; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,0.2); text-decoration: none; } div.navigation span.pages { margin-right: 10px; display: none; } div.navigation .extend { border: none; } div.navigation .alignleft, div.navigation .alignright { margin: 0; } .floatleft { float: left; } .floatright { float: right; } /********************************************************************************************* 2. Header & Page Structure ------------------------- header.php *********************************************************************************************/ body { background: #f7f7f7 url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/bg.jpg"); color: #454343; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size:12px; line-height:1.6; } #wrapper { background: #fff; border-left: 1px solid #efefef; border-right: 1px solid #efefef; margin: 0 auto; text-align: center; width: 961px; } #inner-wrap { text-align: left; width: 936px; margin-left:25px; } #header { border-bottom: 1px solid #e8e8e8; padding-top: 55px; padding-bottom: 12px; width:910px; margin-bottom:30px; } #logo { float:left; } #logo h1 a { color: #454343; margin: 10px 0; font-size: 26px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } #content, .home_widgets { width:910px; } /********************************************************************************************* 3. Navigation ------------------------- header.php *********************************************************************************************/ #menu { margin-top: 15px; float: right; position:relative; z-index:50; } .dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; } .dropdown { line-height: 1.0; } .dropdown ul { position: absolute; top: -999em; width: 170px; /* left offset of submenus need to match (see below) */ background: #454343; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left; margin: 0; padding: 10px 5px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } .dropdown ul li { width: 100%; } .dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .dropdown li { float: left; position: relative; } .dropdown ul li a { color: #fff; line-height: 1.5; text-transform: none; font-size: 12px; padding:5px 10px; } .dropdown ul li a:hover { color: #b2b2b2; } .dropdown a { display: block; position: relative; color: #757474; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: normal; padding:10px 10px; } .dropdown a:hover { text-shadow: none; color: #01aeff; } .dropdown li:hover ul, .dropdown li.sfHover ul { left: 0; top: 33px; /* match top ul list item height */ z-index: 99; } ul.dropdown li:hover li ul, ul.dropdown li.sfHover li ul { top: -999em; } ul.dropdown li li:hover ul, ul.dropdown li li.sfHover ul { left: 180px; /* match ul width */ top: 0; } ul.dropdown li li:hover li ul, ul.dropdown li li.sfHover li ul { top: -999em; } ul.dropdown li li li:hover ul, ul.dropdown li li li.sfHover ul { left: 180px; /* match ul width */ top: 0; } .dropdown li:hover, .dropdown li.sfHover, .dropdown a:focus, .dropdown a:hover, .dropdown a:active { outline: 0; } .sf-sub-indicator { display:none; } .dropdown li ul .sf-sub-indicator { display:inline; } li.current-menu-item a, li.current_page_item a, li.current-menu-ancestor a, li.current-menu-parent a, li.current_page_parent a { color: #01aeff; } /********************************************************************************************* 4. Featured Slider ------------------------- wpzoom-slider.php *********************************************************************************************/ #slider { margin:0 0 25px; position:relative; width:910px; height:350px; overflow:hidden; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 0 15px; position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ #slider .flex-direction-nav a {position: absolute; top: 40%; width: 72px; height: 72px; display: block; cursor: pointer; font-size: 1px; text-indent: -2000px; background: url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/arrows.png") no-repeat 0 0; opacity: 0.6; -webkit-transition: all .3s ease;} #slider .flex-direction-nav .flex-next {background-position: -81px -77px; right: 30px; } #slider .flex-direction-nav .flex-prev {left: 30px;} #slider .flexslider:hover .flex-next {opacity: 0.8; background-position: -81px 0;} #slider .flexslider:hover .flex-prev {opacity: 0.8; background-position: 0 0;} #slider .flex-next:hover, #slider .flex-prev:hover {opacity: 1;} #slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #slider .flex-viewport li .postcontent { height:100%; overflow:hidden;} /********************************************************************************************* 5. Welcome Message *********************************************************************************************/ #heading { margin-bottom: 28px; padding: 20px; font-family: Georgia; width:870px; } #heading .action { float:right; margin:50px; background: url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/button.png") no-repeat 0 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); color: #525c69; position: relative; overflow: visible; padding: 13px 0; font-family: Arial; font-size: 14px; font-weight: bold; line-height:1.1; } #heading .action:hover { text-decoration:none; color:#747F8F; } #heading .action:active { top:1px; } #heading .action span { position: relative; white-space: nowrap; left: 24px; padding: 13px 24px 13px 0; top: 1px; background: url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/button.png") no-repeat 100% 0; } #heading h2, #heading h1 { color: #fff; padding: 5px 0; text-transform: uppercase; font-weight:bold; font-size:28px; letter-spacing:1px; } #heading p { color: #ffffff; font-size: 20px; line-height: 27px; padding: 5px 0; } /********************************************************************************************* 6. Portfolio Gallery ----------------------------- template-portfolio.php *********************************************************************************************/ #portfolio h3.title { width:910px; } #portfolio h3.title a { float:right; font-size:12px; font-family:Georgia, serif; font-style:italic; font-weight:normal; padding:10px 0 0; width:116px; } #portfolio h3 a:hover { text-decoration:underline; } #portfolio ul { margin: 25px 0; } #portfolio li { display: block; float: left; margin: 0 27px 21px 0; position: relative; width: 285px; } #portfolio .ext { padding-top: 80px; /*background: url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/overlay.png") no-repeat 0 0;*/ display: none; position: absolute; top: 0; left:0; height: 110px; width: 285px; text-align: center; cursor:pointer; background:rgba(255,255,255,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=70); } #portfolio li a:hover { text-decoration: none !important; } #portfolio a:hover .ext { display: block; text-decoration: none; } #portfolio .ext span { display: block; font-size: 13px; font-weight: bold; color: #454343; text-transform: uppercase; } #portfolio .ext .p { color: #01AEFF; text-transform: uppercase; font-weight:bold; font-size:14px; letter-spacing:2px; word-spacing:5px; } #portfolio .meta { font-family: Georgia; color: #a1a1a1; font-size: 11px; font-style: italic; text-align: center; } #portfolio .meta h3 a { color: #2d2d2d; margin: 1px 0; font-size: 14px; font-weight: normal; font-family:Georgia, serif; font-style: normal; } #portfolio .meta a:hover { color: #01AEFF; } #portfolio-tags, #portfolio-fixed { margin:20px 0 0; } #portfolio-tags li, #portfolio-fixed li { float:left; margin:0 10px 0 0; display:inline; } #portfolio-tags ul.children, #portfolio-fixed ul.children { float:left; } #portfolio-tags a, #portfolio-fixed a { display: inline-block; padding: 3px 12px; font-size: 12px; font-weight: bold; line-height: 1.4; font-family: Arial, sans-serif; background: #E4E4E3; background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F6F6 3%, #E4E4E3 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#f5f6f6), color-stop(100%,#e4e4e3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* IE10+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e3',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* W3C */ border: 1px solid #ccc; color: #555; cursor: pointer; text-shadow: 1px 1px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px 0 #eee; -webkit-box-shadow: 0 1px 2px 0 #eee; box-shadow: 0 1px 2px 0 #eee; } #portfolio-tags li.active a, #portfolio-fixed li.active a, #portfolio-fixed li.current-cat a { display: inline-block; padding: 3px 12px; font-size: 12px; font-weight: bold; line-height: 1.4; background: #81bff0; background: -moz-linear-gradient(center top , #FFFFFF 0%, #b0d7f6 3%, #81bff0 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#b0d7f6), color-stop(100%,#81bff0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#b0d7f6 3%,#81bff0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#b0d7f6 3%,#81bff0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#b0d7f6 3%,#81bff0 100%); /* IE10+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#81bff0',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#b0d7f6 3%,#81bff0 100%); /* W3C */ border: 1px solid #85b3d8; color: #fff; cursor: pointer; text-shadow: 1px 1px #576e7d; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px 0 #eee; -webkit-box-shadow: 0 1px 2px 0 #eee; box-shadow: 0 1px 2px 0 #eee; } #portfolio-tags a:hover, #portfolio-fixed a:hover { text-decoration: none; background: #dcdcdb; background: -moz-linear-gradient(center top , #FFFFFF 0%, #eeeeee 3%, #dcdcdb 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#eeeeee), color-stop(100%,#dcdcdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* IE10+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdb',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* W3C */ } /********************************************************************************************* 7. Portfolio Item ------------------------- single-portfolio.php *********************************************************************************************/ #portfolio-slider { margin:0 0 20px; width: 630px; position:relative; overflow:hidden; } #portfolio-slider .flex-direction-nav { position:absolute; bottom:0; right:0; width:100px; height:30px;} #portfolio-slider .flex-direction-nav a { position: absolute; bottom:6px; right:0; width: 30px; height: 30px; display: block; cursor: pointer; font-size: 1px; text-indent: -2000px; background: url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/arrows-port.png") no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease;} #portfolio-slider .flex-direction-nav .flex-next {background-position: -41px 0; right: 0; } #portfolio-slider .flex-direction-nav .flex-prev {right: 36px;} #portfolio-slider .flexslider:hover .flex-next {opacity: 0.8; background-position: 31px -33px;} #portfolio-slider .flexslider:hover .flex-prev {opacity: 0.8; background-position: 0 -33px;} #portfolio-slider .flex-next:hover, #portfolio-slider .flex-prev:hover {opacity: 1;} #portfolio-slider .flex-viewport li .postcontent { height:100%; overflow:hidden;} .single-nav { float: right; } .single-nav a { background: url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/arrows-small.png"); display: block; float: left; height: 30px; width: 31px; position: relative; } .single-nav a:active { top: 1px; } .single-nav .next_project { background-position: 31px 0; margin-left: 5px; } .single-nav .prev_project:hover { background-position: 0 -32px; } .single-nav .next_project:hover { background-position: 31px -32px; } .slides_container .caption { position:absolute; background:url(http://cdn.remelehane.co.za/wp-content/themes/vimes/images/bg_caption.png) repeat; bottom:0; color:#fff; left:10px; padding:0 10px;} .aside { color: #666666; font-size: 12px; float: right; line-height: 21px; width: 260px; margin:0; } .aside h4 { color: #01AEFF; border-bottom: 1px solid #e8e8e8; padding: 6px 0 4px; text-transform: uppercase; font-size:13px; margin:8px 0; } .aside ul li { list-style-type:square; margin:0 0 0 20px; } /********************************************************************************************* 8. Archives/Blog posts ------------------------- index.php, archive.php, search.php *********************************************************************************************/ .posts { border-bottom:1px dotted #eee; padding:0 0 20px; margin:0 0 25px; font-size:13px; } .posts .meta, .post_content .meta { margin-bottom:7px; } .posts .post-thumb { float: left; margin: 0 15px 5px 0; } .posts .postcontent { overflow: hidden; } .posts .postmetadata { margin: 0 0 10px; } .post_content h1 a { margin-bottom:10px; } .posts h2 a { line-height: 1.2; margin: 0 0 4px; font-size:26px; color:#333; font-weight:normal; } .posts h2 a:hover { text-decoration:underline; } /********************************************************************************************* 9. Single Posts Styling --------------------------------- single.php, page.php *********************************************************************************************/ .post_content { float: left; display: inline; margin:0 20px 20px 0; width: 630px; font-size: 12px; position:relative; } .post_content h1 a { color:#333; font-size: 30px; font-weight: normal; text-decoration:none; line-height: 28px; margin-bottom: 8px; } .post_content h1 a:hover { text-decoration:underline; } .meta { margin:5px 0 0; font-weight:normal; font-size:11px; } .meta a { font-size:11px; text-decoration:none; font-weight:normal; } .meta span { color:#DDDBDB; padding:0 5px; } p.postmetadata { font-size: 11px; margin: 0; color: #999; } .entry { clear: left; font-size: 13px; overflow: hidden; line-height: 1.7; margin: 0 0 20px; width: 630px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-weight: bold; margin-bottom: 12px; line-height:1.3; color:#3D3D3D; } .entry p { margin-bottom: 14px; } .entry a:hover { text-decoration:none; } .entry img { margin-bottom:10px; } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright { margin-bottom: 10px; max-width:630px; width:auto; height:auto; } .entry .galleria-container img { border:0; padding:0; } .entry ul, .entry ol { margin: 0 0 14px 14px; } .entry li ul, .entry li ol { margin-bottom: 0; } .entry li { list-style-position: inside; } .entry ul li { list-style-type: square; } .entry ol li { list-style-type: decimal; } .entry blockquote { font-style: italic; font-family:Georgia, serif; font-size: 16px; border: solid 1px #ddd; border-left: solid 5px #ddd; padding: 15px; margin: 10px; } .side-left .post_content { float: right; display: inline; margin: 0 0 20px 20px; } .side-left #sidebar { float:left; } .full-width .post_content { margin-right: 0; width: 910px; } .full-width .entry { float: none; display: block; padding-right: 0; width:910px; } .full-width .entry img { max-width:893px; } /* [gallery] shortcode */ .entry .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; } .entry .gallery { margin: auto; text-align: center; clear: both; } /* Images align */ .entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; } .alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; } /* Caption for Images */ .entry .wp-caption { text-align:center; max-width: 100% !important; background:rgba(255,255,255,0.7); } .entry .wp-caption img { margin:0; background:none; max-width:100%; width:auto; height:auto; } .entry .wp-caption-text { margin:0; padding:4px 0 0; color:#A7A3A3; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } img.wp-smiley { padding: 0; border: none; } .entry .tags { font-weight: bold; text-transform: uppercase; font-size: 12px; margin-top: 25px; display: block; line-height: 2.5; clear: both; float: left; } .tags a { color: #fff; background: #5EA0EF; text-transform: uppercase; padding: 3px 7px; margin: 0 0 7px 5px; font-size: 10px; font-weight: bold; -moz-border-radius: 4px; border-radius: 4px; } .tags a:hover { background: #007CFF; text-decoration: none; } .thumbnails { background: #FFFDEA; border: 1px solid #EEE7AB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear: both; float: left; padding: 10px 10px 5px; margin: 10px 0 20px; font-size: 11px; line-height: 1.6em; } .thumbnails img { margin: 5px 15px 10px; width: 144px; height: 144px; } /********************************************************************************************* 10. Comments ------------------------- comments.php *********************************************************************************************/ #comments { margin: 20px 0 0; padding-top: 10px; } #comments h3 { font-size: 18px; padding: 10px 0 7px; margin: 0 0 20px; border-bottom: 1px solid #EFEFEF; } #comments #respond h3 { border-bottom:0; padding:10px 0 0; margin:5px 0 0;} #main ol.normalComments { clear: left; margin: 0; } #main ol.normalComments div.comment-body { position: relative; margin:15px 0 0; padding:0 0 15px; display:inline-block; width:100%; border-bottom:1px solid #EFEFEF;} #main ol.normalComments div.reply { position: absolute; top: 0; right: 0; } #main ol.normalComments li { clear: left; list-style-type: none; font-size: 11px; line-height: 1.7; } #main ol.normalComments li.comment li.comment { margin: 0 0 0 40px; clear: left;} #main ol.normalComments li.comment li.comment:last-child { border-bottom:none; } #main ol.normalComments li ul.children { padding: 1px 0 0; clear:both; } #main ol.normalComments li p { margin: 5px 0 0; } #main ol.normalComments img.avatar { float: left; display: inline; margin: 0 10px 10px 0; border: 2px solid #fff; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,0.2); background:#fff; } #main ol.normalComments cite { font-size: 14px; line-height: 18px; font-weight: bold; font-style: bold; float: left; display: inline; margin-right: 10px; } #main ol.normalComments .commentmetadata a { line-height: 18px; font-size: 11px; margin-bottom: 5px; color:#777777; } #main ol.normalComments .commentmetadata a:hover { color:#333; } #main ol.normalComments blockquote { font-size: 12px; line-height: 18px; } #main ol.normalComments span.says { display: none; } .reply a, .cancel-comment-reply a { padding: 2px 0; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; display:block;} .reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; } #formLabels { float: left; } #main #formLabels p { float: left; display: inline; margin: 0 0 10px; width: 100%; color: #8B8B8B; } #formLabels p label { width: 80px; float: left; color: #333; font-weight: bold; } #formLabels p.last { margin-right: 0; } #respond textarea { font-family: Arial; padding:5px; } #respond input, #respond textarea { margin-right: 5px; width: 69%; border-top: 2px solid #F0F2F4; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; background: #F9F9F9; border-bottom: none; -moz-border-radius: 3px; border-radius: 3px; } #respond #formContent { margin: 7px 0; float: right; } #respond .button { background: #377ad0; background: -moz-linear-gradient(top, #52a8e8 0%, #377ad0 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8e8), to(#377ad0)); border-top: 1px solid #4081af; border-right: 1px solid #2e69a3; border-bottom: 1px solid #20559a; border-left: 1px solid #2e69a3; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; -moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; color: #fff; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 1; padding: 7px 10px; margin: 10px 0 15px 80px; text-align: center; float: left; display: inline; width: auto; text-shadow: 0 -1px 1px #3275bc; -webkit-background-clip: padding-box; } #respond .button:hover { background: #206bcb; background: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e9ee5), to(#206bcb)); border-top: 1px solid #2a73a6; border-right: 1px solid #165899; border-bottom: 1px solid #07428f; border-left: 1px solid #165899; -moz-box-shadow: inset 0 1px 0 0 #62b1e9; -webkit-box-shadow: inset 0 1px 0 0 #62b1e9; cursor: pointer; text-shadow: 0 -1px 1px #1d62ab; -webkit-background-clip: padding-box; } #respond .button:active { background: #3282d3; border: 1px solid #154c8c; border-bottom: 1px solid #0e408e; -moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff; -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff; text-shadow: 0 -1px 1px #2361a4; -webkit-background-clip: padding-box; } #respond .button::-moz-focus-inner { border: 0; padding: 0; } .comment-list li #respond p { margin-left: 0; } #trackbacks { float: left; width: 100%; } #trackbacks ol { padding: 10px 0; } #trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; } /********************************************************************************************* 11. Sidebar & Footer Widgets ------------------------- sidebar.php, footer.php *********************************************************************************************/ #sidebar { float: right; display: inline; width: 260px; position:relative; margin:0; } #sidebar .widget { margin-bottom: 20px; font-size: 12px; position:relative; } #sidebar .widget h3 { font-size: 16px; font-weight: bold; margin:0 0 10px; } .widget a { font-weight:bold; } #sidebar .widget a:hover { text-decoration: none; } #sidebar h3.title { padding-bottom: 6px; } #sidebar h3.title span { font-size:16px; padding:0 0 5px; } .widget ul { clear: both; line-height: 1.7; } .widget ul li { list-style-type: none; } .widget ul ul { margin: 0; padding: 0; border-top: none; } .widget ul ul li { border: none; } .widget #cat, .widget select { width: 100%; border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left; } .widget_tag_cloud a { font-family:Georgia, serif; line-height:1.3em; font-weight:normal; } /* Recent Comments */ .recent-comments-list .avatar { margin-right: 12px; float: left; border: 2px solid #fff; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,0.2); background:#fff; } .recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #eee; line-height:1.4; } .recent-comments-list li a { font-size:12px; } /* Flickr widget */ .widget .flickr_badge_image {margin-right: 9px; margin-bottom: 9px; float: left; } .widget .flickr_badge_image img { width: 64px; height: 64px; border-radius: 4px; border:3px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,0.2); } .widget .flickr_badge_image img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} #footer .widget .flickr_badge_image img { width: 55px; height:55px; } /* Twitter widget */ .widget .twitter-list li { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 0 0 7px; margin: 0 0 7px; } .widget .twitter-list li a { font-weight: normal; } .widget .twitter-list .twitter-timestamp { display: block; color: #727272; font-family: Arial, sans-serif; font-size: 10px; font-style: normal; text-align: right; } .widget .follow-user { margin: 0; padding: 5px 0; } /* Social Widget */ .social li { display: inline; float:left; } .social a { background: url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/social.png") no-repeat 0 0; display: block; float: left; height: 42px; width: 42px; margin: 0 10px 10px 0; text-indent: -9000px; } .social a:hover { background-position: 0 -48px; } .social .email { background-position: -52px 0; } .social .email:hover { background-position: -52px -48px; } .social .facebook { background-position: -156px 0; } .social .facebook:hover { background-position: -156px -48px; } .social .flickr { background-position: -252px 0; } .social .flickr:hover { background-position: -252px -47px; } .social .dribbble { background-position: -104px 0; } .social .dribbble:hover { background-position: -105px -48px; } .social .youtube { background-position: -298px 0; } .social .youtube:hover { background-position: -298px -48px; } .social .vimeo { background-position: -204px 0; } .social .vimeo:hover { background-position: -204px -48px; } .social .linkedin { background-position: -344px 0; } .social .linkedin:hover { background-position: -344px -48px; } .social .behance { background-position: -390px 0; } .social .behance:hover { background-position: -390px -47px; } .social .google { background-position: -434px 0; } .social .google:hover { background-position: -434px -47px; } .social .pinterest { background-position: -480px 0; } .social .pinterest:hover { background-position: -480px -47px; } /* Recent News Widget */ .home_widgets .news_widget { margin-left: 215px; } .home_widgets .news_widget h3 span { width: 215px; padding-right: 130px; } .news_widget li { border-bottom: 1px solid #e8e8e8; padding: 6px 6px 10px; float: left; width: 98%; } .news_widget li:first-child { padding-top: 0; } .home_widgets .news_widget .date { float: left; font-family: Georgia; font-size: 12px; text-align: center; text-transform: uppercase; width: 40px; margin: 0 10px 0 0; line-height:1;} .home_widgets .news_widget .date .day { font-size: 20px; } .home_widgets .news_widget .date .month { display: block; } .home_widgets .news_widget .meta { display:none; } #sidebar .news_widget .date { display:none; } #sidebar .news_widget { margin-left:0; } #sidebar .news_widget li a { margin-left:0; float:none; line-height:1.5;} #sidebar .meta { display:block; margin:0; } #sidebar .news_widget li { padding: 10px 0; margin:0; } #footer .news_widget .date { display:none; } #footer .news_widget { margin-left:0; } #footer .news_widget li a { margin-left:0; float:none; line-height:1.5;} #footer .meta { display:block; margin:0; } #footer .news_widget li { padding: 10px 0; margin:0; } .news_widget br {display: none;} .news_widget img { margin: 4px 12px 5px 0; float: left; } .news_widget span.meta { font-size: 9px; color: #A9A9A9; margin: 2px 0 4px; display: block; } .news_widget .post-excerpt { display: block; } /* Category Widget */ .widget_categories ul li { color: #8B8A8A; text-align: right; font-weight: normal; padding: 2px 4px; clear: both; float:left; width:100%; display:block; border-bottom:1px solid #F5F5F5; } #footer .widget_categories ul li { border-bottom:none; } .widget_categories ul li a { text-align: left; float: left; font-weight: bold; } .widget_categories ul li a:hover { color: #fff; text-decoration: none; font-weight: bold; } .widget_categories ul li:hover { background: #3798FF; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #footer .widget_categories ul li:hover { background: #393B3D; } .widget_categories ul li:hover a { color: #fff; } #footWidgets {margin: 40px 0 20px; font-size: 12px; line-height: 18px; } #footWidgets div.column {float: left; display: inline; margin-right: 20px; width: 225px; } #footWidgets div.last {margin-right: 0;} #footWidgets a:hover {color: #55cc55;} /********************************************************************************************* 12. Footer ------------------------- footer.php *********************************************************************************************/ #footer { background: #f1efed; margin-top: 30px; text-align: left; } #footer .widgets { padding:15px 0 25px 25px; } #footer .widget { float: left; width: 210px; font-size: 12px; } #footer .widget h3 { color: #454343; margin: 10px 0; font-size: 18px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } #footer div.column {float: left; display: block; margin-right: 25px; width: 205px; } #footer div.last {margin-right: 0;} #footer a {color: #333; text-decoration:none;} #footer a:hover {color:#01AEFF;} #footer .copyright .left { float: left; } #footer .copyright .right { float: right; } #footer p.wpzoom { float: right; display: inline; line-height: 16px; width: 184px; } #footer p.wpzoom img { float: right; display: inline; padding: 2px 0 0 2px; } /********************************************************************************************* 9. Media Queries *********************************************************************************************/ /* Tablet Landscape */ @media screen and (max-width: 1020px) { #wrapper { width:96%; } #inner-wrap { width:98%; margin-left:2%;} #header {width:97%; } #slider { width:97%; height:auto; margin-bottom:1%;} #slider img { width:100%; max-width:100%; height:auto; } #heading { width:93%; padding:2%; } #portfolio h3.title { width:97%; } #portfolio li { width:31%; margin-right:2%; } #portfolio li img { width:100%; max-width:100%; height:auto; } #portfolio .ext { width:100%; height:100%; padding-top:30%;} #content, .home_widgets { width:97%; } .post_content { width:65%; margin-right:2%; } .full-width .post_content {width:100%; } .full-width .entry {width:100%; } .side-left .post_content { margin-left:2%; } #portfolio-slider { width:100%; } #portfolio-slider img { max-width:100%; width:100%; height:auto; } .entry { width:100%; } .aside {width:33%; } #sidebar {width:33%; } .home_widgets .news_widget { margin-left:0; } #footer div.column { width:23%; margin-right:2%; } #footer .widget {width:100%; } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright, .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width:auto; height:auto; } .full-width .entry img.alignnone, .full-width .entry img.aligncenter, .full-width .entry img.alignleft, .full-width .entry img.alignright, .full-width .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width:auto; height:auto; } } /* Tabled Portrait */ @media screen and (max-width: 768px) { #logo img { max-width:100%; width:100%; height:auto; } #footer div.column { width:47%; margin-right:2%; display:inline-block; float:none; vertical-align: top;} } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 640px) { #slider .flex-direction-nav { position:absolute; bottom:0; right:0; width:100px; height:59px;} #slider .flex-direction-nav a { position: absolute; bottom:0; right:0; width: 30px; height: 30px; display: block; cursor: pointer; font-size: 1px; text-indent: -2000px; background: url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/arrows-port.png") no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease;} #slider .flex-direction-nav .flex-next {background-position: -41px 0; right: 0; } #slider .flex-direction-nav .flex-prev {right: 36px;} #slider .flexslider:hover .flex-next {opacity: 0.8; background-position: 31px -33px;} #slider .flexslider:hover .flex-prev {opacity: 0.8; background-position: 0 -33px;} #slider .flex-next:hover, #portfolio-slider .flex-prev:hover {opacity: 1;} #portfolio-tags a, #portfolio-fixed a { margin-bottom:10px; } #content, .home_widgets { width:97%; } .post_content { width:100%; margin-right:0; } #sidebar {width:100%; float:left; } #heading .action { display:none; } h3.title span {font-size:14px; } #heading h2, #heading h1 {font-size:16px; } #heading p { font-size:12px; line-height:1.3;} #portfolio-slider { width:100%; } #portfolio li { width:46%; display:inline-block; vertical-align: top; float:none; } #portfolio-slider img { max-width:100%; width:100%; height:auto; } .entry { width:100%; } .aside { width:100%; } #footer div.column { width:100%; margin-right:0; float:left; display:block;} #footer .copyright .right {width:100%; float:left; margin:20px 0; display:none;} }div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; }/* * ColorBox Core Style: * The following CSS is consistent between example themes and should not be altered. * @version 2.6 * @$Id: colorbox.css 662394 2013-02-02 05:29:55Z dzappone $ * @$URL: http://plugins.svn.wordpress.org/lightbox-plus/tags/2.6/css/framed/colorbox.css $ */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://cdn.remelehane.co.za/wp-content/plugins/lightbox-plus/css/framed/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}.advanced-slider { position: relative; overflow: visible; outline: none; text-align: left; font-family: Arial, Helvetica, sans-serif; margin-left: auto; margin-right: auto; } .advanced-slider * { margin: 0; padding: 0; } .advanced-slider.fulscreen { max-width: 100% !important; max-height: 100% !important; } .advanced-slider a { position: static; transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; } .advanced-slider img { max-width: none; max-height: none; border: 0 none; padding: 0; margin: 0; transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; } .advanced-slider .slider-main { position: relative; width: 100%; height: 100%; z-index: 1; } .advanced-slider .slide-wrapper { position: relative; overflow: visible; width: 100%; height: 100%; z-index: 2; } .advanced-slider .slides { position: absolute; overflow: hidden; margin: 0 !important; padding: 0 !important; list-style: none; width: 100%; height: 100%; } .advanced-slider .slide { position: absolute; overflow: hidden; display: block; margin: 0 !important; padding: 0 !important; width: 100%; height: 100%; visibility: hidden; list-style: none; filter: alpha(opacity=100); opacity: 1; } .advanced-slider .slide .image, .advanced-slider .slide .thumbnail, .advanced-slider .slide .caption, .advanced-slider .slide .html { position: absolute; } .advanced-slider.webkit .slide .html { overflow: hidden; } .advanced-slider .video-hidden-image { display: none; } .advanced-slider iframe.video { background-color: #000; } .advanced-slider .video-play-button { display: block; background-image: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/video_play.png); background-position: center; position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; } .advanced-slider iframe { display: block; } .advanced-slider.webkit .slide .html iframe, .advanced-slider.webkit .slide .layer iframe { opacity: 0; } .advanced-slider.webkit .slide.transition .html iframe, .advanced-slider.webkit .slide.active .html iframe, .advanced-slider.webkit .slide.transition .layer.init iframe, .advanced-slider.webkit .slide.active .layer.init iframe { opacity: 1; } .advanced-slider .slice-container { position: absolute; width: 100%; height: 100%; } .advanced-slider .swipeable-container { position: absolute; width: 100%; height: 100%; overflow:hidden; } .advanced-slider .swipeable-container .slides { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .advanced-slider .swipeable-container .slides .selectable { -webkit-user-select: auto; -moz-user-select: auto; -o-user-select: auto; user-select: auto; cursor: auto; } .advanced-slider .swipeable-container .grab { cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default; } .advanced-slider .swipeable-container .grabbing { cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default; } .advanced-slider .thumbnail-scroller .swipe { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .advanced-slider .thumbnail-scroller .grab { cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default; } .advanced-slider .thumbnail-scroller .grabbing, .advanced-slider .thumbnail-scroller .grabbing a:hover, .advanced-slider .thumbnail-scroller .grabbing a:active, .advanced-slider .thumbnail-scroller .grabbing .lightbox-icon { cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default; } .advanced-slider .layer { position: absolute; visibility: hidden; padding: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .advanced-slider .layer.black { color: #FFF; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); } .advanced-slider .layer.white { color: #000; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.7); } .advanced-slider .layer.rounded { border-radius: 10px; } .advanced-slider .slice { display: block; position: absolute; } .advanced-slider .preloader { position: absolute; background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/preloader2.gif) no-repeat; width: 62px; height: 14px; z-index: 15; } .advanced-slider .slide-arrows { position: static; } .advanced-slider .slide-arrows a { position: absolute; cursor: pointer; } .advanced-slider .lightbox-icon { position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; cursor: pointer; } .advanced-slider .lightbox-icon.play { background-image: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/lightbox_play.png); } .advanced-slider .lightbox-icon.magnifying { background-image: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/lightbox_magnifying.png); } .advanced-slider .lightbox-icon.hyperlink { background-image: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/lightbox_hyperlink.png); } .advanced-slider .slideshow-controls { position: absolute; cursor: pointer; } .advanced-slider .shadow { position: absolute; height: 94px; margin-top: -50px; z-index: 1; } .advanced-slider .shadow .shadow-left, .advanced-slider .shadow .shadow-right, .advanced-slider .shadow .shadow-middle { float: left; } .advanced-slider .shadow .shadow-left { float: left; background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/shadow_left.png); width: 200px; height: 94px; } .advanced-slider .shadow .shadow-right { float: left; background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/shadow_right.png); width: 200px; height: 94px; } .advanced-slider .shadow .shadow-middle { float: left; background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/shadow_middle.png) repeat-x; height: 94px; } .advanced-slider .full-screen-controls { background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/fullscreen.png) no-repeat; position: absolute; width: 31px; height: 27px; top: 20px; left: 20px; cursor: pointer; } .advanced-slider .timer-animation { position: absolute; } .advanced-slider canvas { position: absolute; } .advanced-slider .timer-animation .timer-animation-controls { position: absolute; cursor: pointer; width: 20px; height: 20px; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; } .advanced-slider .timer-animation .timer-animation-controls { background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/playpause_small.png) no-repeat; } .advanced-slider .timer-animation.play .timer-animation-controls { background-position: -20px 0; } .advanced-slider .timer-animation.pause .timer-animation-controls { background-position: 0 0; } .advanced-slider .caption-container { overflow: hidden; position: absolute; } .advanced-slider .caption-container .wrapper { position: absolute; background-color: transparent; border: 0 none; margin: 0; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .advanced-slider .caption-container .background { position: absolute; width: 100%; height: 100%; } .advanced-slider .caption-container .caption { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .advanced-slider .thumbnail-wrapper { position: absolute; } .advanced-slider .thumbnail { background-image: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/preloader.gif); background-position: center; background-repeat: no-repeat; position: absolute; overflow: hidden; } .advanced-slider .thumbnail-content { background: none; } .advanced-slider .slide-buttons { position: absolute; z-index: 3; } .advanced-slider .slide-buttons .left, .advanced-slider .slide-buttons .right, .advanced-slider .slide-buttons .middle { float: left; } .advanced-slider .slide-buttons a { position: relative; cursor: pointer; float: left; text-decoration: none; text-align: center; } .advanced-slider .thumbnail-scroller { position: absolute; z-index: 2; } .advanced-slider .thumbnail-scroller .thumbnails-visible-container { position: relative; overflow: hidden; } .advanced-slider .thumbnail-scroller .thumbnails-container { position: absolute; overflow: visible; top: 0; left: 0; list-style: none; margin: 0; padding: 0; } .advanced-slider .thumbnail-scroller .thumbnail-wrapper { cursor: pointer; list-style: none; } .advanced-slider .thumbnail-scroller .lightbox-icon { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; cursor: pointer; } .advanced-slider .thumbnail-scroller .lightbox-icon.play { background-image: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/lightbox_play_small.png); } .advanced-slider .thumbnail-scroller .lightbox-icon.magnifying { background-image: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/lightbox_magnifying_small.png); } .advanced-slider .thumbnail-scroller .lightbox-icon.hyperlink { background-image: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/css/slider/images/lightbox_hyperlink_small.png); } .advanced-slider .thumbnail .caption { position: absolute; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .advanced-slider .thumbnail .caption .background { position: absolute; width: 100%; height: 100%; } .advanced-slider .thumbnail .caption .content { position: absolute; width: 100%; } .advanced-slider .thumbnail-scroller .arrows a { position: absolute; cursor: pointer; } .advanced-slider .thumbnail-scroller .buttons { position: absolute; width: auto; } .advanced-slider .thumbnail-scroller .buttons a { position: absolute; cursor: pointer; text-decoration: none; } .advanced-slider-tooltip { position: absolute; z-index: 9999; }/* Skin Name: Circle Class: circle Description: Circle skin for Slider PRO WordPress plugin Author: David */ /* MAIN SLIDE */ .circle .slide-wrapper { background-color: #FFF; border: 4px solid #FFF; -moz-box-shadow: 0 0 10px #CCC; -webkit-box-shadow: 0 0 10px #CCC; box-shadow: 0 0 10px #CCC; } .circle .slide { background-color: #FFF; } /* END OF MAIN SLIDE */ /* SLIDE ARROWS */ .circle .slide-arrows a { background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/skins/slider/circle/images/arrows.png) no-repeat; width: 40px; height: 40px; top: 50%; margin-top: -20px; } .circle .slide-arrows a.previous { left: 20px; } .circle .slide-arrows a.next { right: 20px; background-position: -40px 0; } /* SLIDE ARROWS */ /* SLIDESHOW CONTROLS */ .circle .slideshow-controls { background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/skins/slider/circle/images/playpause.png) no-repeat; width: 40px; height: 40px; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; } .circle .slideshow-controls.pause { background-position: 0 0; } .circle .slideshow-controls.play { background-position: -40px 0; } /* END OF SLIDESHOW CONTROLS */ /* TIMER ANIMATION */ .circle .timer-animation { top: 20px; right: 20px; } /* END OF TIMER ANIMATION */ /* SLIDE CAPTION */ .circle .caption-container .background { background-color: #000; width: 100%; height: 100%; } .circle .caption-container .caption { color: #FFF; margin: 0; padding: 8px; font-size: 16px; line-height: 1; } /* END OF SLIDE CAPTION */ /* SLIDE BUTTONS/BULLETS */ /* main container of the navigation buttons */ .circle .slide-buttons { margin-top: 40px; } /* left, right and middle of the main container for this skin, these elements are not styled by default feel free to add your own styling */ .circle .slide-buttons .left, .circle .slide-buttons .right { } .circle .slide-buttons .left { } .circle .slide-buttons .middle { } .circle .slide-buttons .right { } /* this contains the buttons */ .circle .slide-buttons .buttons-inner { } /* this is a button */ .circle .slide-buttons .buttons-inner a { background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/skins/slider/circle/images/buttons.png) no-repeat; background-position: 0 0; width: 16px; height: 16px; margin: 0 2px; } .circle .slide-buttons .buttons-inner a.over { background-position: -16px 0; } .circle .slide-buttons .buttons-inner a.select { background-position: -32px 0; } .circle .slide-buttons .buttons-inner a .number { margin-top: 2px; font-size: 10px; line-height: 12px; color: #666; } /* this is used to style the numbers from within the buttons, when they are used */ .circle .slide-buttons .buttons-inner a.over .number { font-size: 8px; color: #FFF; } .circle .slide-buttons .buttons-inner a.select .number { font-size: 8px; color: #FFF; } /* applied to the thumbnail when the thumbnail is used only as a tooltip sets the distance between the button and the thumbnail */ .circle .slide-buttons .buttons-inner .thumbnail-wrapper { margin-bottom: 10px; } /* END OF SLIDE BUTTONS/BULLETS */ /* THUMBNAIL IMAGE */ .circle .thumbnail { background-color: #FFF; border: solid 3px #FFF; -moz-box-shadow: 0 0 10px #AAA; -webkit-box-shadow: 0 0 10px #AAA; box-shadow: 0 0 10px #AAA; -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#AAAAAA')"; filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#AAAAAA'); } /* END OF THUMBNAIL IMAGE */ /* THUMBNAIL SCROLLER */ .circle .thumbnail-scroller.horizontal { bottom: 0; left: 0; padding: 0 50px; margin-top: 30px; } .circle .thumbnail-scroller.horizontal.overlay { bottom: 80px; margin-top: 0; } .circle .thumbnail-scroller.vertical { right: 0; top: 0; padding: 50px 0; margin-left: 30px; } .circle .thumbnail-scroller.vertical.overlay { right: 80px; margin-left: 0; } .circle .thumbnail-scroller .thumbnail-wrapper { margin: 5px; padding: 4px; } .circle .thumbnail-scroller .thumbnail.over { border: solid 3px #FFF; -moz-box-shadow: 0 0 10px #555; -webkit-box-shadow: 0 0 10px #555; box-shadow: 0 0 10px #555; -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555')"; filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555'); } .circle .thumbnail-scroller .thumbnail.select { border: solid 3px #FFF; -moz-box-shadow: 0 0 10px #555; -webkit-box-shadow: 0 0 10px #555; box-shadow: 0 0 10px #555; -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555')"; filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555'); } /* THUMBNAIL CAPTION */ .circle .thumbnail .caption .background { background-color: #000; filter: alpha(opacity=50); opacity: 0.5; } .circle .thumbnail .caption .content { color: #FFF; font-size: 12px; line-height: 14px; text-align: center; padding: 2px 0; margin: 0; } /* END OF THUMBNAIL CAPTION */ /* THUMBNAIL SCROLLER ARROWS */ .circle .thumbnail-scroller .arrows a { background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/skins/slider/circle/images/arrows.png) no-repeat; width: 40px; height: 40px; } .circle .thumbnail-scroller.vertical .arrows a { background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/skins/slider/circle/images/arrows_v.png) no-repeat; } .circle .thumbnail-scroller .arrows a.next { background-position: -40px 0; } .circle .thumbnail-scroller.horizontal .arrows a.previous { left: 0; } .circle .thumbnail-scroller.horizontal .arrows a.next { right: 0; } .circle .thumbnail-scroller.vertical .arrows a.previous { top: 0; } .circle .thumbnail-scroller.vertical .arrows a.next { bottom: 0; } /* END OF THUMBNAIL SCROLLER ARROWS */ /* THUMBNAIL SCROLLER BUTTONS */ .circle .thumbnail-scroller .buttons a { background: url(http://cdn.remelehane.co.za/wp-content/plugins/slider-pro/skins/slider/circle/images/buttons_small.png) no-repeat; background-position: 0 0; width: 12px; height: 12px; margin: 2px; } .circle .thumbnail-scroller .buttons a.over { background-position: -12px 0; } .circle .thumbnail-scroller .buttons a.select { background-position: -24px 0; } /* END OF THUMBNAIL SCROLLER BUTTONS */ /* THUMBNAIL SCROLLER SCROLLBAR */ .circle .thumbnail-scroller.horizontal .scrollbar { margin-top: 30px; } .circle .thumbnail-scroller.vertical .scrollbar { margin-left: 30px; } /* END OF THUMBNAIL SCROLLER SCROLLBAR */ /* END OF THUMBNAIL SCROLLER */ /* TOOLTIP */ .advanced-slider-tooltip { background-color: #DDD; margin-bottom: 20px; border: #EEE solid 4px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .advanced-slider-tooltip .content { color: #999; padding: 10px; margin: 0; } /* END OF TOOLTIP */.footerSlider .circle .slide-wrapper {background: transparent}.wpsocialite:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* visually hidden from HTML5 Boilerplate */ .wpsocialite .vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Socialite */ /* .socialite-instance { display: none; opacity: 0; } .socialite-loaded .socialite-button { display: block; opacity: 1; } .socialite-button iframe { max-width: 100%; max-height: 100%; } */ /* * Socialite Look-a-like defaults */ .wpsocialite.large { display: block; list-style: none; padding: 0; margin: 20px; overflow: visible; } .wpsocialite.large > li { display: block; margin: 0; padding: 10px; float: left; } .wpsocialite.large .socialite { display: block; position: relative; background: url('http://cdn.remelehane.co.za/wp-content/plugins/wpsocialite/lib/social-sprite.png') 0 0 no-repeat; } .wpsocialite.large .socialite-loaded { background: none !important; } .wpsocialite.large .twitter-share { width: 55px; height: 65px; background-position: 0 0; } .wpsocialite.large .googleplus-one { width: 50px; height: 65px; background-position: -75px 0; } .wpsocialite.large .facebook-like { width: 50px; height: 65px; background-position: -145px 0; } .wpsocialite.large .linkedin-share { width: 60px; height: 65px; background-position: -215px 0; } .wpsocialite.large .pinterest-pinit { width: 50px; height: 65px; background-position: -367px 0; } .wpsocialite.large .stumbleupon-share { width: 50px; height: 65px; background-position: -439px 0; } .wpsocialite.large .twitter-follow { width: 56px; height: 65px; background-position: -509px 0; } .wpsocialite.large .twitter-follow.socialite-loaded{ width:100%; } .wpsocialite.large .vkontakte-like { width: 50px; height: 65px; background:red; } /* * Socialite Custom Default */ /* .small-load { margin: 0 0 0.625em 0; font-weight: bold; padding: 5px; } */ .wpsocialite.small { display: block; list-style: none; padding: 10px; margin: 10px; overflow: visible; } .wpsocialite.small > li { margin: 0; display:inline; float:left; width:20%; } .wpsocialite.small .socialite { display: block; position: relative; width: 150px; height: 30px; background: url('http://cdn.remelehane.co.za/wp-content/plugins/wpsocialite/lib/custom-default.png') 0 0 no-repeat; } .wpsocialite.small .socialite-loaded { background: none; } .wpsocialite.small .twitter-share { background-position: 0 0; } .wpsocialite.small .googleplus-one { background-position: 0 -45px; } .wpsocialite.small .facebook-like { background-position: 0 -90px; } .wpsocialite.small .linkedin-share { background-position: 0 -135px; } .wpsocialite.small .pinterest-pinit { background-position: 0 -175px; } .wpsocialite.small .stumbleupon-share { background-position: 0 -225px; } .wpsocialite.small .twitter-follow.socialite-loaded{ width:200px; } /* ----------------------------------------- Item: Social Sprites Author: I Am Fireworks Description: Social Sprites for Wordpress Version: 1.8.1 ----------------------------------------- */ /* Social Bar ================================================== */ .socialbar{width:100%;min-height:40px;padding:0;font-size:0;z-index:999;background:#FFFFFF} .socialbar:after{clear:left;content:" "} .socialbar_transparent{width:100%;min-height:40px;padding:0;font-size:0;z-index:999} .socialbar_transparent:after{clear:left;content:" "} .borderless li{border:none!important} .borderless li:first-child{border:none!important} ul.borderless li{border:none!important} ul.borderless li:first-child{border:none!important} /* Social Sprites: Shapes ================================================== */ .sssquare{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0} .sscircle li{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-webkit-box-shadow:0 2px rgba(0,0,0,0.3);-moz-box-shadow:0 2px rgba(0,0,0,0.3);box-shadow:0 2px rgba(0,0,0,0.3);margin-right:5px!important;margin-bottom:5px!important;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color all .2s linear;-ms-transition:background-color all .2s linear;transition:background-color all .2s linear;background:#FFF} .sscircle li:active,.sscircle li a:active{border-radius:100%!important;-moz-border-radius:100%!important;-webkit-border-radius:100%!important} /* Social Sprites: General Listing ================================================== */ .ss{width:auto;margin:0;padding:0;text-align:left;overflow:hidden} .ss li{display:inline-block!important;margin:0!important;padding:0!important;border-right:1px solid rgba(0,0,0,0.2)!important;border-bottom:none!important;height:40px!important;width:40px!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;background:url(http://cdn.remelehane.co.za/wp-content/plugins/codecanyon-3618531-social-sprites-icons-widget/socialsprites.png) no-repeat!important} .ss li:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease} .ss li:first-child{border-left:1px solid rgba(0,0,0,0.2)!important} .ss li a{display:block!important;text-indent:-9999px!important;height:40px!important;width:40px!important} .ss li a:active{box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3)} /* Social Sprites: Icon Classes ================================================== */ .ss li.digg{background-position:0 0!important} .ss li.digg:hover{background-position:0 -40px!important} .ss li.dribbble{background-position:0 -80px!important} .ss li.dribbble:hover{background-position:0 -120px!important} .ss li.facebook{background-position:0 -160px!important} .ss li.facebook:hover{background-position:0 -200px!important} .ss li.flickr{background-position:0 -240px!important} .ss li.flickr:hover{background-position:0 -280px!important} .ss li.forrst{background-position:0 -320px!important} .ss li.forrst:hover{background-position:0 -360px!important} .ss li.googleplus{background-position:0 -400px!important} .ss li.googleplus:hover{background-position:0 -440px!important} .ss li.html5{background-position:0 -480px!important} .ss li.html5:hover{background-position:0 -520px!important} .ss li.icloud{background-position:0 -560px!important} .ss li.icloud:hover{background-position:0 -600px!important} .ss li.lastfm{background-position:0 -640px!important} .ss li.lastfm:hover{background-position:0 -680px!important} .ss li.linkedin{background-position:0 -720px!important} .ss li.linkedin:hover{background-position:0 -760px!important} .ss li.myspace{background-position:0 -800px!important} .ss li.myspace:hover{background-position:0 -840px!important} .ss li.paypal{background-position:0 -880px!important} .ss li.paypal:hover{background-position:0 -920px!important} .ss li.picasa{background-position:0 -960px!important} .ss li.picasa:hover{background-position:0 -1000px!important} .ss li.pinterest{background-position:0 -1040px!important} .ss li.pinterest:hover{background-position:0 -1080px!important} .ss li.reddit{background-position:0 -1120px!important} .ss li.reddit:hover{background-position:0 -1160px!important} .ss li.rss{background-position:0 -1200px!important} .ss li.rss:hover{background-position:0 -1240px!important} .ss li.skype{background-position:0 -1280px!important} .ss li.skype:hover{background-position:0 -1320px!important} .ss li.stumbleupon{background-position:0 -1360px!important} .ss li.stumbleupon:hover{background-position:0 -1400px!important} .ss li.tumblr{background-position:0 -1440px!important} .ss li.tumblr:hover{background-position:0 -1480px!important} .ss li.twitter{background-position:0 -1520px!important} .ss li.twitter:hover{background-position:0 -1560px!important} .ss li.vimeo{background-position:0 -1600px!important} .ss li.vimeo:hover{background-position:0 -1640px!important} .ss li.wordpress{background-position:0 -1680px!important} .ss li.wordpress:hover{background-position:0 -1720px!important} .ss li.yahoo{background-position:0 -1760px!important} .ss li.yahoo:hover{background-position:0 -1800px!important} .ss li.youtube{background-position:0 -1840px!important} .ss li.youtube:hover{background-position:0 -1880px!important} .ss li.customicon1{background-position:0 0!important} .ss li.customicon1:hover{background-position:0 -40px!important} .ss li.customicon2{background-position:0 0!important} .ss li.customicon2:hover{background-position:0 -40px!important} .ss li.github{background-position:0 -1920px!important} .ss li.github:hover{background-position:0 -1960px!important} .ss li.behance{background-position:0 -2000px!important} .ss li.behance:hover{background-position:0 -2040px!important} .ss li.yelp{background-position:0 -2080px!important} .ss li.yelp:hover{background-position:0 -2120px!important} .ss li.mail{background-position:0 -2160px!important} .ss li.mail:hover{background-position:0 -2200px!important} .ss li.instagram{background-position:0 -2240px!important} .ss li.instagram:hover{background-position:0 -2280px!important} .ss li.foursquare{background-position:0 -2320px!important} .ss li.foursquare:hover{background-position:0 -2360px!important} .ss li.zerply{background-position:0 -2400px!important} .ss li.zerply:hover{background-position:0 -2440px!important} .ss li.star{background-position:0 -2480px!important} .ss li.star:hover{background-position:0 -2520px!important} .ss li.share{background-position:0 -2560px!important} .ss li.share:hover{background-position:0 -2600px!important} .ss li.doc{background-position:0 -2640px!important} .ss li.doc:hover{background-position:0 -2680px!important} /* Social Sprites Mini ================================================== */ .socialbar_mini{height:30px;overflow:hidden;width:100%;padding:0;z-index:999} .ssm{width:auto;margin:0!important;padding:0!important;text-align:left;overflow:hidden;font-size:0} .ssm li{display:inline-block!important;height:30px!important;width:30px!important;margin:0!important;padding:0!important;border-right:1px solid rgba(0,0,0,0.2)!important;border-bottom:none!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;background:url(http://cdn.remelehane.co.za/wp-content/plugins/codecanyon-3618531-social-sprites-icons-widget/socialsprites_mini.png) no-repeat!important} .ssm li:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease} .ssm li:first-child{border-left:1px solid rgba(0,0,0,0.2)!important} .ssm li a{display:block!important;text-indent:-9999px!important;height:30px!important;width:30px!important} .ssm li a:active{box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3)} /* Social Sprites Mini: Icon Classes ================================================== */ .ssm li.digg{background-position:0 0!important} .ssm li.digg:hover{background-position:0 -30px!important} .ssm li.dribbble{background-position:0 -60px!important} .ssm li.dribbble:hover{background-position:0 -90px!important} .ssm li.facebook{background-position:0 -120px!important} .ssm li.facebook:hover{background-position:0 -150px!important} .ssm li.flickr{background-position:0 -180px!important} .ssm li.flickr:hover{background-position:0 -210px!important} .ssm li.forrst{background-position:0 -240px!important} .ssm li.forrst:hover{background-position:0 -270px!important} .ssm li.googleplus{background-position:0 -300px!important} .ssm li.googleplus:hover{background-position:0 -330px!important} .ssm li.html5{background-position:0 -360px!important} .ssm li.html5:hover{background-position:0 -390px!important} .ssm li.icloud{background-position:0 -420px!important} .ssm li.icloud:hover{background-position:0 -450px!important} .ssm li.lastfm{background-position:0 -480px!important} .ssm li.lastfm:hover{background-position:0 -510px!important} .ssm li.linkedin{background-position:0 -540px!important} .ssm li.linkedin:hover{background-position:0 -570px!important} .ssm li.myspace{background-position:0 -600px!important} .ssm li.myspace:hover{background-position:0 -630px!important} .ssm li.paypal{background-position:0 -660px!important} .ssm li.paypal:hover{background-position:0 -690px!important} .ssm li.picasa{background-position:0 -720px!important} .ssm li.picasa:hover{background-position:0 -750px!important} .ssm li.pinterest{background-position:0 -780px!important} .ssm li.pinterest:hover{background-position:0 -810px!important} .ssm li.reddit{background-position:0 -840px!important} .ssm li.reddit:hover{background-position:0 -870px!important} .ssm li.rss{background-position:0 -900px!important} .ssm li.rss:hover{background-position:0 -930px!important} .ssm li.skype{background-position:0 -960px!important} .ssm li.skype:hover{background-position:0 -990px!important} .ssm li.stumbleupon{background-position:0 -1020px!important} .ssm li.stumbleupon:hover{background-position:0 -1050px!important} .ssm li.tumblr{background-position:0 -1080px!important} .ssm li.tumblr:hover{background-position:0 -1110px!important} .ssm li.twitter{background-position:0 -1140px!important} .ssm li.twitter:hover{background-position:0 -1170px!important} .ssm li.vimeo{background-position:0 -1200px!important} .ssm li.vimeo:hover{background-position:0 -1230px!important} .ssm li.wordpress{background-position:0 -1260px!important} .ssm li.wordpress:hover{background-position:0 -1290px!important} .ssm li.yahoo{background-position:0 -1320px!important} .ssm li.yahoo:hover{background-position:0 -1350px!important} .ssm li.youtube{background-position:0 -1380px!important} .ssm li.youtube:hover{background-position:0 -1410px!important} .ssm li.customicon1{background-position:0 0!important} .ssm li.customicon1:hover{background-position:0 -40px!important} .ssm li.customicon2{background-position:0 0!important} .ssm li.customicon2:hover{background-position:0 -40px!important} .ssm li.github{background-position:0 -1440px!important} .ssm li.github:hover{background-position:0 -1470px!important} .ssm li.behance{background-position:0 -1500px!important} .ssm li.behance:hover{background-position:0 -1530px!important} .ssm li.yelp{background-position:0 -1560px!important} .ssm li.yelp:hover{background-position:0 -1590px!important} .ssm li.mail{background-position:0 -1620px!important} .ssm li.mail:hover{background-position:0 -1650px!important} .ssm li.instagram{background-position:0 -1680px!important} .ssm li.instagram:hover{background-position:0 -1710px!important} .ssm li.foursquare{background-position:0 -1740px!important} .ssm li.foursquare:hover{background-position:0 -1770px!important} .ssm li.zerply{background-position:0 -1800px!important} .ssm li.zerply:hover{background-position:0 -1830px!important} .ssm li.star{background-position:0 -1860px!important} .ssm li.star:hover{background-position:0 -1890px!important} .ssm li.share{background-position:0 -1920px!important} .ssm li.share:hover{background-position:0 -1950px!important} .ssm li.doc{background-position:0 -1980px!important} .ssm li.doc:hover{background-position:0 -2010px!important}/****************************************** CUSTOM STYLESHEET *******************************************/ /* * You can place your custom CSS statements in this file, after this message. * It is better to write everything custom here * because this file won't be replaced during updates. * * Simply copy an existing style from style.css to this file, * and modify it to your liking. */ #affordableAccordion h3 { font-size: 16px; text-decoration: underline; } #affordableAccordion h3.ui-accordion-icons { background: url('http://cdn.remelehane.co.za/wp-content/themes/vimes/images/arrow_full_right.svg') 0 6px transparent no-repeat; background-size: 12px 12px; padding: 0 0 0 20px; } #affordableAccordion h3.ui-accordion-icons.ui-state-active { background: url('http://cdn.remelehane.co.za/wp-content/themes/vimes/images/arrow_full_down.svg') 0 5px transparent no-repeat; background-size: 12px 12px; padding: 0 0 0 20px; } #affordableAccordion .ui-widget { font-family: inherit !important; font-size: inherit !important; } #affordableAccordion .ui-helper-reset { line-height: inherit !important; } #affordableAccordion .ui-widget-content { border: none !important; padding: 0 0 0 20px } #affordableAccordion .ui-state-default, #affordableAccordion .ui-widget-content .ui-state-default, #affordableAccordion .ui-widget-header .ui-state-default, #affordableAccordion .ui-state-active, .ui-widget-content .ui-state-active, #affordableAccordion .ui-widget-header .ui-state-active, #affordableAccordion .ui-state-hover, #affordableAccordion .ui-widget-content .ui-state-hover, #affordableAccordion .ui-widget-header .ui-state-hover, #affordableAccordion .ui-state-focus, #affordableAccordion .ui-widget-content .ui-state-focus, #affordableAccordion .ui-widget-header .ui-state-focus { border: none !important } #affordableAccordion .ui-state-active .ui-icon, #affordableAccordion .ui-state-hover .ui-icon, #affordableAccordion .ui-state-focus .ui-icon, #affordableAccordion .ui-state-default .ui-icon, #affordableAccordion .ui-icon { background: none !important; } .wf-loading { opacity: 0; background: url("http://cdn.remelehane.co.za/wp-content/themes/vimes/images/ajax-loader.gif") no-repeat center center; height: 100%; overflow: hidden; } .wf-active *, .wf-inactive * { -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out; } .edgeposter, table[width="650"], a[title^="Visit Reme"], table[height="20"], a[href*="rss.buysellads"], .feedflare { display: none !important } img { max-width: 100%; height: auto } .entry { border-top: 1px dotted #999; padding-top: 20px } .conRight, .conLeft { float: left; width: 50%; } .affordableSide { width: 300px !important; text-align: right; line-height: 5px !important; } .affordable { float: left; width: 610px; } .page-id-11197 .entry h1 { font-size: 50px; } #heading h2, #heading h1, #logo h1 a, h2 { font-weight: 400 !important; } h3.title span, #footer .widget h3, #portfolio .ext .p { font-weight: 700 !important; } #footer .widget h3 { font-size: 16px !important; } #logo h1 a { font-size: 2.5rem !important; } #sidebar h3.title span { font-size: 18px; } .affordableSide img { border: 1px solid #000; } .affordableSide li, .affordableSide ul { margin: 0 !important; list-style: none !important; } .affordableSide p { text-align: center; } .entry ul li { text-indent: -13px; padding-left: 13px; } #wpcf7-f11053-p271-o1 { display: block } .wpcf7 { display: none } #templateFormLink { text-decoration: underline; cursor: pointer; } #portfolio.affordableSide .ext { left: 12px; top: 1px; } #wpcf7-f11477-p11877-o1 .templateFormLeft, #wpcf7-f11477-p11877-o1 .templateFormRight, #wpcf7-f11477-p13032-o1 .templateFormLeft, #wpcf7-f11477-p13032-o1 .templateFormRight, #wpcf7-f11477-p14819-o1 .templateFormLeft, #wpcf7-f11477-p14819-o1 .templateFormRight { float: left; width: 35% } span.captcha + .wpcf7-submit { margin: 0 0 0 140px; } .wpcf7 input.wpcf7-form-control { width: 280px; } .wpcf7 select.wpcf7-form-control { width: 293px; padding: 5px; color: #999; } .wpcf7 textarea.wpcf7-form-control { height: 147px; width: 280px; font-family: "pragmatica-web", sans-serif; padding: 5px; } .wpcf7 input[type="submit"].wpcf7-form-control { width: auto; } .wpcf7-quiz { width: 40px !important; } input[type="submit"] { background: rgb(76,76,76); /* Old browsers */ background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); /* IE6-9 */ color: #fff; border: none; font-weight: bold; padding: 6px 10px; -webkit-border-radius: 8px; border-radius: 8px; } input[type="submit"]:hover { background: rgb(19,19,19); /* Old browsers */ background: -moz-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(19,19,19,1)), color-stop(9%, rgba(28,28,28,1)), color-stop(40%, rgba(17,17,17,1)), color-stop(49%, rgba(0,0,0,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(61%, rgba(71,71,71,1)), color-stop(88%, rgba(89,89,89,1)), color-stop(100%, rgba(76,76,76,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0 ); /* IE6-9 */ } input::-webkit-input-placeholder { color: #999; } input:-moz-placeholder { color: #999; } input:-ms-input-placeholder { color: #999; } .boldTXT { font-weight: bold } #portfolio li { height: 260px } #portfolio.templates .meta, #portfolio.templates .meta a { font-size: 14px } .templateCTA { display: block; -moz-box-sizing: border-box; box-sizing: border-box; width: 160px; height: 40px; background: #00A5E4; background: -moz-linear-gradient(top, #00B4F5 0%, #0096D2 100%); background: -webkit-linear-gradient(top, #00B4F5 0%, #0096D2 100%); background: -o-linear-gradient(top, #00B4F5 0%, #0096D2 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 2px 4px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,100,145,0.5); border-radius: 3px; color: #FFF; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); line-height: 40px; font-size: 20px; text-decoration: none; text-align: center; margin: auto; } .templateCTA:hover { background: #00A5E4; color: #FFF; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2), inset 0 1px 3px rgba(0,0,0,0.3), 0 0 2px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,100,145,0.5); } #heading { margin-bottom: 28px; padding: 20px; font-family: Georgia; width: 870px; background-color: #1d1c1c; background-image: linear-gradient(90deg, transparent 4px, rgba(29,28,28,0.5) 50%); background-size: 10px 10px; } .select-menu, .responsiveMenuSelect { display: none; } body.home #spu-bg, body.home #spu-main, body.page #spu-bg, body.page #spu-main, body.single-portfolio #spu-bg, body.single-portfolio #spu-main {display:none !important} @media screen and (max-width: 960px) { .responsiveMenuSelect { display: block; width: 100%; } .responsiveSelectFullMenu { display:none; } } @media screen and (max-width: 640px) { #logo h1 a { font-size: 2.0rem !important; } } .wdsi-slide-share {height:150px;} .wdsi-slide-share .rtsocial-container > div {padding:0 0 5px 0} #wdsi-slide_in {pointer-events:none} .wdsi-slide-wrap {pointer-events:all} body .wpsocialite.small > li {width:13%} input, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px } .ninja-forms-field.fieldbox{ width: 90% } #footer div.column { width:287px; } #footer .widget { width:100%; }