Template:Http://2014.igem.org/Team:Colombia

From 2013.igem.org

(Difference between revisions)
 
(141 intermediate revisions not shown)
Line 1: Line 1:
-
/*
+
<html>
-
Theme Name: Vantage
+
-
Author: SiteOrigin
+
-
Author URI: http://siteorigin.com/
+
-
Theme URI: http://siteorigin.com/theme/vantage/
+
-
Description: Vantage is a flexible multipurpose theme. It's strength lies in its tight integration with some powerful plugins like Page Builder for responsive page layouts, MetaSlider for big beautiful sliders and WooCommerce to help you sell online. Vantage is fully responsive and retina ready. Use it to start a business site, portfolio or online store. We offer free and premium support on our support <a href="http://siteorigin.com/thread/">forums</a> (http://siteorigin.com/thread/).
+
-
Version: 1.2
+
-
License: GNU General Public License 2.0
+
-
License URI: license.txt
+
-
Tags: responsive-layout, fluid-layout, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, black, white, light, one-column, two-columns, full-width-template
+
-
*/
+
-
/* =Reset
 
-
-------------------------------------------------------------- */
 
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
 
-
border:0;
 
-
font-family:inherit;
 
-
font-size:100%;
 
-
font-style:inherit;
 
-
font-weight:inherit;
 
-
margin:0;
 
-
outline:0;
 
-
padding:0;
 
-
vertical-align:baseline;
 
-
}
 
-
html{
 
-
font-size:62.5%;
 
-
/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
 
-
overflow-y:scroll;
 
-
/* Keeps page centred in all browsers regardless of content height */
 
-
-webkit-text-size-adjust:100%;
 
-
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
 
-
-ms-text-size-adjust:100%;
 
-
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
 
-
}
 
-
body{
 
-
background:#fff;
 
-
}
 
-
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
 
-
display:block;
 
-
}
 
-
ol,ul{
 
-
list-style:none;
 
-
}
 
-
table{
 
-
/* tables still need 'cellspacing="0"' in the markup */
 
-
border-collapse:separate;
 
-
border-spacing:0;
 
-
}
 
-
caption,th,td{
 
-
font-weight:normal;
 
-
text-align:left;
 
-
}
 
-
blockquote:before,blockquote:after,q:before,q:after{
 
-
content:"";
 
-
}
 
-
blockquote,q{
 
-
quotes:"" "";
 
-
}
 
-
a:focus{
 
-
outline:thin dotted;
 
-
}
 
-
a:hover,a:active{
 
-
/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
 
-
outline:0;
 
-
}
 
-
a img{
 
-
border:0;
 
-
}
 
-
/* =Global
 
-
----------------------------------------------- */
 
-
/* Consistent fonts across all elements */
 
-
body,button,input,select,textarea{
 
-
color:#333;
 
-
font-family:Arial;
 
-
font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 
-
line-height:1.5em;
 
-
font-size:13px;
 
-
word-wrap:break-word;
 
-
}
 
-
/* Links */
 
-
a{
 
-
color:#248cc8;
 
-
}
 
-
a:hover,a:focus,a:active{
 
-
color:#f47e3c;
 
-
}
 
-
/* Headings and Rulers */
 
-
hr{
 
-
background-color:#ccc;
 
-
border:0;
 
-
height:1px;
 
-
margin-bottom:1.5em;
 
-
}
 
-
h1,h2,h3,h4,h5,h6{
 
-
clear:both;
 
-
}
 
-
/* Text elements */
 
-
p{
 
-
margin-bottom:1.5em;
 
-
}
 
-
ul,ol{
 
-
margin:0 0 1.5em 3em;
 
-
}
 
-
ul{
 
-
list-style:disc;
 
-
}
 
-
ol{
 
-
list-style:decimal;
 
-
}
 
-
ul ul,ol ol,ul ol,ol ul{
 
-
margin-bottom:0;
 
-
margin-left:1.5em;
 
-
}
 
-
dt{
 
-
font-weight:bold;
 
-
}
 
-
dd{
 
-
margin:0 1.5em 1.5em;
 
-
}
 
-
b,strong{
 
-
font-weight:bold;
 
-
}
 
-
dfn,cite,em,i{
 
-
font-style:italic;
 
-
}
 
-
blockquote{
 
-
margin:0 1.5em;
 
-
}
 
-
address{
 
-
margin:0 0 1.5em;
 
-
}
 
-
pre{
 
-
background:#eee;
 
-
font-family:"Courier 10 Pitch", Courier, monospace;
 
-
line-height:1.6;
 
-
margin-bottom:1.6em;
 
-
padding:1.6em;
 
-
overflow:auto;
 
-
max-width:100%;
 
-
}
 
-
code,kbd,tt,var{
 
-
font-family:"Courier New", Courier, mono;
 
-
}
 
-
abbr,acronym{
 
-
border-bottom:1px dotted #666;
 
-
cursor:help;
 
-
}
 
-
mark,ins{
 
-
background:#fff9c0;
 
-
text-decoration:none;
 
-
}
 
-
sup,sub{
 
-
font-size:75%;
 
-
height:0;
 
-
line-height:0;
 
-
position:relative;
 
-
vertical-align:baseline;
 
-
}
 
-
sup{
 
-
bottom:1ex;
 
-
}
 
-
sub{
 
-
top:.5ex;
 
-
}
 
-
small{
 
-
font-size:75%;
 
-
}
 
-
big{
 
-
font-size:125%;
 
-
}
 
-
figure{
 
-
margin:0;
 
-
}
 
-
table{
 
-
margin:0 0 1.5em 0;
 
-
width:100%;
 
-
}
 
-
th{
 
-
font-weight:bold;
 
-
}
 
-
button,input,select,textarea{
 
-
/* Corrects font size not being inherited in all browsers */
 
-
font-size:100%;
 
-
/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
 
-
margin:0;
 
-
/* Improves appearance and consistency in all browsers */
 
-
vertical-align:baseline;
 
-
*vertical-align:middle;
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
}
 
-
button,input{
 
-
/* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
 
-
line-height:normal;
 
-
/* Corrects inner spacing displayed oddly in IE6/7 */
 
-
*overflow:visible;
 
-
}
 
-
button,html input[type="button"],input[type="reset"],input[type="submit"]{
 
-
padding:12px 20px;
 
-
border-top:solid 1px #d2d2d2;
 
-
border-left:solid 1px #c3c3c3;
 
-
border-right:solid 1px #c3c3c3;
 
-
border-bottom:solid 1px #9f9f9f;
 
-
background:#ffffff;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
 
-
background:-ms-linear-gradient(bottom, #dfdfdf, #ffffff);
 
-
background:-moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
 
-
background:-o-linear-gradient(#ffffff, #dfdfdf);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
 
-
-webkit-border-radius:3px;
 
-
-moz-border-radius:3px;
 
-
border-radius:3px;
 
-
font-size:12px;
 
-
font-weight:bold;
 
-
color:#646464;
 
-
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
 
-
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
 
-
box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
 
-
width:auto;
 
-
text-decoration:none;
 
-
/* Improves usability and consistency of cursor style between image-type 'input' and others */
 
-
cursor:pointer;
 
-
/* Corrects inability to style clickable 'input' types in iOS */
 
-
-webkit-appearance:button;
 
-
line-height:1;
 
-
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
 
-
}
 
-
button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{
 
-
/* Button hover style */
 
-
border-top:solid 1px #dadada;
 
-
border-left:solid 1px #cfcfcf;
 
-
border-right:solid 1px #cfcfcf;
 
-
border-bottom:solid 1px #a8a8a8;
 
-
background:#ffffff;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #ffffff));
 
-
background:-ms-linear-gradient(bottom, #ebebeb, #ffffff);
 
-
background:-moz-linear-gradient(center bottom, #ebebeb 0%, #ffffff 100%);
 
-
background:-o-linear-gradient(#ffffff, #ebebeb);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
 
-
}
 
-
button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{
 
-
/* Button click style */
 
-
border-top:solid 1px #aaaaaa;
 
-
border-left:solid 1px #bbbbbb;
 
-
border-right:solid 1px #bbbbbb;
 
-
border-bottom:solid 1px #bbbbbb;
 
-
-webkit-box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
 
-
-moz-box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
 
-
box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
 
-
}
 
-
input[type="checkbox"],input[type="radio"]{
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
padding:0;
 
-
/* Addresses excess padding in IE8/9 */
 
-
}
 
-
input[type="search"]{
 
-
/* Addresses appearance set to searchfield in S5, Chrome */
 
-
-webkit-appearance:textfield;
 
-
/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
}
 
-
input[type="search"]::-webkit-search-decoration{
 
-
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
 
-
-webkit-appearance:none;
 
-
}
 
-
button::-moz-focus-inner,input::-moz-focus-inner{
 
-
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
 
-
border:0;
 
-
padding:0;
 
-
}
 
-
input[type=text],input[type=email],input[type=password],textarea{
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
color:#666;
 
-
border:1px solid #ccc;
 
-
border-radius:3px;
 
-
}
 
-
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{
 
-
color:#111;
 
-
}
 
-
input[type=text],input[type=email],input[type=password]{
 
-
padding:3px;
 
-
}
 
-
textarea{
 
-
/* Removes default vertical scrollbar in IE6/7/8/9 */
 
-
overflow:auto;
 
-
/* Improves readability and alignment in all browsers */
 
-
vertical-align:top;
 
-
}
 
-
/* Alignment */
 
-
.alignleft{
 
-
display:inline;
 
-
float:left;
 
-
margin-right:1.5em;
 
-
}
 
-
.alignright{
 
-
display:inline;
 
-
float:right;
 
-
margin-left:1.5em;
 
-
}
 
-
.aligncenter{
 
-
clear:both;
 
-
display:block;
 
-
margin:0 auto;
 
-
}
 
-
/* Text meant only for screen readers */
 
-
.assistive-text{
 
-
clip:rect(1px 1px 1px 1px);
 
-
/* IE6, IE7 */
 
-
clip:rect(1px, 1px, 1px, 1px);
 
-
position:absolute !important;
 
-
}
 
-
.page-links{
 
-
clear:both;
 
-
}
 
-
#site-title a{
 
-
color:inherit;
 
-
}
 
-
body{
 
-
background:#dadada;
 
-
}
 
-
/* =General Layout
 
-
----------------------------------------------- */
 
-
#page-wrapper{
 
-
padding-top:20px;
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
width:1080px;
 
-
margin:0 auto;
 
-
}
 
-
.layout-full #page-wrapper{
 
-
width:100%;
 
-
margin:0;
 
-
padding:0;
 
-
overflow:hidden;
 
-
}
 
-
.layout-full #page-wrapper .full-container{
 
-
max-width:1080px;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
position:relative;
 
-
}
 
-
@media (max-width: 1080px) {
 
-
.responsive.layout-boxed #page-wrapper{
+
<!-- this section changes the default wiki template to a white full width background -->
-
margin:0;
+
-
padding:0;
+
-
}
+
-
.responsive.layout-boxed #colophon{
+
-
margin-bottom:0;
+
-
}
+
-
}
+
-
header#masthead{
+
<style type="text/css">
-
background:#fcfcfc;
+
-
padding:0 35px 0 35px;
+
-
-ms-box-sizing:border-box;
+
-
-moz-box-sizing:border-box;
+
-
-webkit-box-sizing:border-box;
+
-
box-sizing:border-box;
+
-
}
+
-
header#masthead hgroup{
+
-
zoom:1;
+
-
position:relative;
+
-
padding-top:45px;
+
-
padding-bottom:45px;
+
-
}
+
-
header#masthead hgroup:before{
+
-
content:'';
+
-
display:block;
+
-
}
+
-
header#masthead hgroup:after{
+
-
content:'';
+
-
display:table;
+
-
clear:both;
+
-
}
+
-
header#masthead hgroup a{
+
-
text-decoration:none;
+
-
}
+
-
header#masthead hgroup h1{
+
-
color:#666666;
+
-
font-weight:100;
+
-
font-size:36px;
+
-
line-height:1em;
+
-
}
+
-
header#masthead hgroup .logo{
+
-
display:block;
+
-
float:left;
+
-
max-width:100%;
+
-
}
+
-
header#masthead hgroup .logo img{
+
-
vertical-align:bottom;
+
-
}
+
-
header#masthead hgroup .support-text{
+
-
line-height:1.2em;
+
-
position:absolute;
+
-
right:0;
+
-
top:50%;
+
-
margin-top:-0.6em;
+
-
color:#4b4b4b;
+
-
font-style:italic;
+
-
max-width:50%;
+
-
}
+
-
header#masthead hgroup #header-sidebar{
+
-
padding-top:15px;
+
-
padding-bottom:15px;
+
-
height:100%;
+
-
position:absolute;
+
-
right:0;
+
-
top:0;
+
-
-ms-box-sizing:border-box;
+
-
-moz-box-sizing:border-box;
+
-
-webkit-box-sizing:border-box;
+
-
box-sizing:border-box;
+
-
/* Center align layout. Based on old CSS3 spec, so update when new spec is available and supported */
+
-
-ms-flex-pack:center;
+
-
-ms-flex-align:center;
+
-
display:-ms-flexbox;
+
-
-moz-box-pack:center;
+
-
-moz-box-align:center;
+
-
display:-moz-box;
+
-
-webkit-box-pack:center;
+
-
-webkit-box-align:center;
+
-
display:-webkit-box;
+
-
display:box;
+
-
box-pack:center;
+
-
box-align:center;
+
-
}
+
-
header#masthead hgroup #header-sidebar aside.widget{
+
-
margin-bottom:0;
+
-
float:left;
+
-
position:relative;
+
-
margin-right:25px;
+
-
}
+
-
header#masthead hgroup #header-sidebar aside.widget:last-child{
+
-
margin-right:0;
+
-
}
+
-
header#masthead hgroup #header-sidebar .widget-title{
+
-
font-weight:bold;
+
-
margin-bottom:5px;
+
-
}
+
-
header#masthead.masthead-logo-in-menu .logo{
+
-
float:left;
+
-
padding:12px 0;
+
-
margin-right:15px;
+
-
}
+
-
header#masthead.masthead-logo-in-menu .logo > *{
+
-
display:block;
+
-
}
+
-
header#masthead.masthead-logo-in-menu .logo > img{
+
-
max-height:35px;
+
-
width:auto;
+
-
}
+
-
.layout-boxed header#masthead.masthead-logo-in-menu .logo{
+
-
margin-left:25px;
+
-
}
+
-
body.ie-8 header#masthead hgroup #header-sidebar,body.ie-9 header#masthead hgroup #header-sidebar{
+
-
padding-top:40px;
+
-
padding-bottom:40px;
+
-
}
+
-
#main{
+
-
zoom:1;
+
-
}
+
-
#main:before{
+
-
content:'';
+
-
display:block;
+
-
}
+
-
#main:after{
+
-
content:'';
+
-
display:table;
+
-
clear:both;
+
-
}
+
-
#primary{
+
-
float:left;
+
-
width:71.287%;
+
-
}
+
-
body.no-sidebar #primary{
+
-
float:none;
+
-
width:auto;
+
-
}
+
-
/* Full Width Primary blocks */
+
-
.siteorigin-panels-home #primary,.page-template-templatestemplate-full-php #primary,.page-template-home-panels-php #primary,.page-template-templatestemplate-full-notitle-php #primary{
+
-
width:auto;
+
-
float:none;
+
-
}
+
-
.page-template-default #primary{
+
-
float:left;
+
-
width:71.287%;
+
-
}
+
-
#secondary{
+
-
float:right;
+
-
width:23.762%;
+
-
}
+
-
#main{
+
-
background:#FCFCFC;
+
-
padding:35px;
+
-
}
+
-
#main-slider{
+
-
line-height:0;
+
-
background:#EEEEEE;
+
-
}
+
-
#main-slider .flexslider{
+
-
margin-bottom:0;
+
-
}
+
-
#main-slider h1{
+
-
font-weight:100;
+
-
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
+
-
}
+
-
#main-slider .text-em-wrapper{
+
-
padding:10px 50px;
+
-
background:rgba(0, 0, 0, 0.25);
+
-
border:3px solid white;
+
-
font-weight:bold;
+
-
}
+
-
#main-slider .metaslider,#main-slider #metaslider-demo{
+
-
margin:0 auto;
+
-
}
+
-
/* =Responsive Layout
+
-
----------------------------------------------- */
+
-
@media (max-width: 1080px) {
+
-
body.responsive header#masthead hgroup .logo img{
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear
-
/* Scale down the logo if necessary */
+
-
max-width:100%;
+
-
height:auto;
+
-
}
+
-
body.responsive header#masthead.masthead-logo-in-menu .logo{
+
-
margin-left:20px;
+
-
}
+
-
body.responsive header#masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul{
+
-
margin-right:0;
+
-
}
+
-
body.responsive header#masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li{
+
-
float:right;
+
-
}
+
-
body.responsive header#masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a{
+
-
padding-left:20px;
+
-
padding-right:20px;
+
-
}
+
-
body.responsive header#masthead.masthead-logo-in-menu #search-icon-icon{
+
-
display:none;
+
-
}
+
-
}
+
-
/* We consider 680px to be mobile resolution */
+
{
-
@media (max-width: 680px) {
+
 
 +
display: none;
-
body.responsive header#masthead hgroup{
 
-
text-align:center;
 
-
}
 
-
body.responsive header#masthead hgroup .logo{
 
-
float:none;
 
-
}
 
-
body.responsive header#masthead hgroup .logo img{
 
-
margin:0 auto;
 
-
padding-top:0px !important;
 
-
padding-bottom:0px !important;
 
-
}
 
-
body.responsive header#masthead hgroup .support-text,body.responsive header#masthead hgroup #header-sidebar{
 
-
position:static;
 
-
display:block;
 
-
margin-top:30px;
 
-
max-width:100%;
 
-
}
 
-
body.responsive header#masthead hgroup .support-text img,body.responsive header#masthead hgroup #header-sidebar img{
 
-
max-width:100%;
 
-
height:auto;
 
-
}
 
-
body.responsive header#masthead hgroup #header-sidebar{
 
-
padding-top:0 !important;
 
-
padding-bottom:0 !important;
 
-
height:auto;
 
-
}
 
-
body.responsive header#masthead hgroup #header-sidebar .widget{
 
-
display:block;
 
-
margin:0 auto;
 
-
float:none;
 
-
}
 
-
body.responsive #primary,body.responsive #secondary{
 
-
width:auto;
 
-
float:none;
 
-
}
 
-
body.responsive #secondary{
 
-
margin-top:35px;
 
-
}
 
-
body.responsive #footer-widgets .widget{
 
-
display:block;
 
-
margin-bottom:25px;
 
-
float:none;
 
-
}
 
-
body.responsive #footer-widgets .widget:last-child{
 
-
margin-bottom:0;
 
-
}
 
}  
}  
-
body.responsive #page-wrapper{
+
/*-- hides default wiki settings --*/
-
max-width:1080px;
+
-
width:auto;
+
-
overflow-x:hidden;
+
-
}
+
-
body.responsive.layout-full #page-wrapper{
+
-
max-width:100%;
+
-
}
+
-
body.responsive.layout-boxed #page-wrapper{
+
-
overflow-x:visible;
+
-
}
+
-
body.responsive.layout-full #page-wrapper .full-container{
+
-
max-width:1080px;
+
-
margin-left:auto;
+
-
margin-right:auto;
+
-
}
+
-
/* =Menu
+
-
----------------------------------------------- */
+
-
.main-navigation{
+
-
margin:0 -35px;
+
-
background:#343538;
+
-
font-size:13px;
+
-
position:relative;
+
-
/* Font awesome icons */
+
-
/* General menu link styling */
+
-
/* For when the menu becomes a sticky menu */
+
-
}
+
-
.main-navigation [class^="icon-"]{
+
-
display:inline-block;
+
-
margin-right:15px;
+
-
font-size:16px;
+
-
line-height:0.5em;
+
-
color:#CCCCCC;
+
-
}
+
-
.main-navigation a:hover [class^="icon-"]{
+
-
color:#FFFFFF;
+
-
}
+
-
.main-navigation ul{
+
-
list-style:none;
+
-
margin:0;
+
-
padding-left:0;
+
-
zoom:1;
+
-
/* Second level menu items */
+
-
}
+
-
.main-navigation ul:before{
+
-
content:'';
+
-
display:block;
+
-
}
+
-
.main-navigation ul:after{
+
-
content:'';
+
-
display:table;
+
-
clear:both;
+
-
}
+
-
.main-navigation ul li{
+
-
display:block;
+
-
position:relative;
+
-
float:left;
+
-
}
+
-
.main-navigation ul li:hover > a{
+
-
background:#00bcff;
+
-
color:#FFFFFF;
+
-
}
+
-
.main-navigation ul li a{
+
-
padding:20px 35px;
+
-
-ms-box-sizing:border-box;
+
-
-moz-box-sizing:border-box;
+
-
-webkit-box-sizing:border-box;
+
-
box-sizing:border-box;
+
-
}
+
-
.main-navigation ul li a,.main-navigation ul li a > *{
+
-
-webkit-transition:all 0.4s ease;
+
-
-moz-transition:all 0.4s ease;
+
-
-o-transition:all 0.4s ease;
+
-
transition:all 0.4s ease;
+
-
}
+
-
.main-navigation ul ul{
+
-
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
+
-
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);
+
-
box-shadow:0 1px 2px rgba(0,0,0,0.15);
+
-
background:#464646;
+
-
display:none;
+
-
position:absolute;
+
-
top:100%;
+
-
left:0;
+
-
z-index:99999;
+
-
/* Third Level Items */
+
-
}
+
-
.main-navigation ul ul a{
+
-
width:200px;
+
-
padding:15px 20px;
+
-
}
+
-
.main-navigation ul ul li{
+
-
position:relative;
+
-
/* Hovering over 2nd level items */
+
-
}
+
-
.main-navigation ul ul li:hover > a{
+
-
background:#00bcff;
+
-
color:#FFFFFF;
+
-
}
+
-
.main-navigation ul ul ul{
+
-
left:100%;
+
-
top:0;
+
-
margin-left:0;
+
-
}
+
-
.main-navigation ul li:hover > ul{
+
-
display:block;
+
-
}
+
-
.main-navigation a{
+
-
display:block;
+
-
text-decoration:none;
+
-
color:#e2e2e2;
+
-
font-weight:bold;
+
-
}
+
-
.main-navigation.sticky{
+
-
-webkit-box-shadow:0 2px 1px rgba(0,0,0,0.15);
+
-
-moz-box-shadow:0 2px 1px rgba(0,0,0,0.15);
+
-
box-shadow:0 2px 1px rgba(0,0,0,0.15);
+
-
}
+
-
body.has-menu-search .main-navigation ul{
+
-
margin-right:59px;
+
-
}
+
-
/* Handle the navigation slightly differently on mobile devices */
+
-
body.mobile-device .main-navigation ul ul{
+
-
display:none;
+
-
}
+
-
body.mobile-device .main-navigation li:hover > ul{
+
-
display:block;
+
-
}
+
-
.mobile-nav-frame [class^="icon-"]{
+
-
display:inline-block;
+
-
margin-right:10px;
+
-
min-width:1em;
+
-
}
+
-
.mobile-nav-icon{
+
-
font-family:'FontAwesome';
+
-
display:inline-block;
+
-
margin-right:10px;
+
-
}
+
-
.mobile-nav-icon:before{
+
-
font-size:14px;
+
-
content:"\f00b";
+
-
}
+
-
#search-icon{
+
-
position:absolute;
+
-
top:0;
+
-
right:0;
+
-
height:100%;
+
-
}
+
-
#search-icon #search-icon-icon{
+
-
-ms-box-sizing:border-box;
+
-
-moz-box-sizing:border-box;
+
-
-webkit-box-sizing:border-box;
+
-
box-sizing:border-box;
+
-
position:relative;
+
-
display:block;
+
-
cursor:pointer;
+
-
background-color:#303134;
+
-
width:59px;
+
-
height:100%;
+
-
}
+
-
#search-icon #search-icon-icon,#search-icon #search-icon-icon .icon-search{
+
-
-webkit-transition:all 0.4s ease;
+
-
-moz-transition:all 0.4s ease;
+
-
-o-transition:all 0.4s ease;
+
-
transition:all 0.4s ease;
+
-
}
+
-
#search-icon #search-icon-icon .icon{
+
-
position:absolute;
+
-
display:block;
+
-
width:17px;
+
-
height:17px;
+
-
top:50%;
+
-
left:50%;
+
-
margin-top:-8px;
+
-
margin-left:-8.5px;
+
-
background: url('images/sprites-1-2.png') no-repeat -102px 0;
+
-
}
+
-
#search-icon #search-icon-icon:hover{
+
-
background-color:#00bcff;
+
-
}
+
-
#search-icon #search-icon-icon:hover .icon{
+
-
background: url('images/sprites-1-2.png') no-repeat 0 0;
+
-
}
+
-
@media screen and (-webkit-min-device-pixel-ratio: 2) {
+
-
#search-icon #search-icon-icon .icon{
+
#top-section {
-
background: url(images/retina/search-icon.png) no-repeat;
+
height: 0px;
-
background-size:17px 17px;
+
border-top: 0.5
 +
border-left: none;
 +
border-right: none;
}
}
-
#search-icon #search-icon-icon:hover .icon{
 
-
background: url(images/retina/search-icon-white.png) no-repeat;
 
-
background-size:17px 17px;
 
-
}
 
-
}
 
-
#search-icon .searchform{
 
-
display:none;
 
-
position:absolute;
 
-
top:100%;
 
-
right:0;
 
-
width:1080px;
 
-
background:#2d2e31;
 
-
z-index:10;
 
-
overflow-x:hidden;
 
-
}
 
-
#search-icon .searchform input[name=s]{
 
-
color:#d1d1d1;
 
-
font-size:17px;
 
-
font-weight:200;
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
display:block;
 
-
width:100%;
 
-
height:42px;
 
-
border:none;
 
-
-webkit-border-radius:0px;
 
-
-moz-border-radius:0px;
 
-
border-radius:0px;
 
-
background:transparent;
 
-
outline:none;
 
-
padding:0 15px;
 
-
}
 
-
/* =Archives
 
-
----------------------------------------------- */
 
-
article.sticky{
 
-
/* Style a sticky post */
 
-
}
 
-
#page-title{
 
-
color:#3b3b3b;
 
-
margin-bottom:20px;
 
-
font-size:20px;
 
-
font-weight:500;
 
-
}
 
-
#page-title a{
 
-
color:inherit;
 
-
text-decoration:none;
 
-
font-weight:bold;
 
-
}
 
-
article.post,article.page{
 
-
zoom:1;
 
-
margin-bottom:40px;
 
-
padding-bottom:40px;
 
-
border-bottom:1px solid #EEEEEE;
 
-
}
 
-
article.post:before,article.page:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
article.post:after,article.page:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
article.post footer,article.page footer{
 
-
float:left;
 
-
width:17.5%;
 
-
}
 
-
article.post footer .post-type-icon,article.page footer .post-type-icon{
 
-
width:50px;
 
-
height:50px;
 
-
background:#4f5355;
 
-
-webkit-border-radius:3px;
 
-
-moz-border-radius:3px;
 
-
border-radius:3px;
 
-
}
 
-
article.post footer .tags,article.page footer .tags{
 
-
margin-top:15px;
 
-
line-height:1em;
 
-
}
 
-
article.post footer .tags a,article.page footer .tags a{
 
-
display:inline-block;
 
-
margin-right:4px;
 
-
background:#74787a;
 
-
-webkit-border-radius:2px;
 
-
-moz-border-radius:2px;
 
-
border-radius:2px;
 
-
line-height:1em;
 
-
padding:4px 5px;
 
-
color:white;
 
-
text-decoration:none;
 
-
font-size:10px;
 
-
text-transform:uppercase;
 
-
margin-bottom:4px;
 
-
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
 
-
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
 
-
box-shadow:0 1px 1px rgba(0,0,0,0.2);
 
-
text-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
 
-
}
 
-
article.post .entry-header,article.page .entry-header{
 
-
margin-bottom:20px;
 
-
}
 
-
article.post .entry-header .entry-thumbnail,article.page .entry-header .entry-thumbnail{
 
-
margin-bottom:20px;
 
-
}
 
-
article.post .entry-header .entry-thumbnail img,article.page .entry-header .entry-thumbnail img{
 
-
display:block;
 
-
width:100%;
 
-
height:auto;
 
-
}
 
-
article.post .entry-header .entry-thumbnail a,article.page .entry-header .entry-thumbnail a{
 
-
display:block;
 
-
}
 
-
article.post .entry-header h1.entry-title,article.page .entry-header h1.entry-title{
 
-
color:#3b3b3b;
 
-
font-size:20px;
 
-
font-weight:500;
 
-
line-height:1.35em;
 
-
}
 
-
article.post .entry-header h1.entry-title a,article.page .entry-header h1.entry-title a{
 
-
color:inherit;
 
-
text-decoration:none;
 
-
}
 
-
article.post .entry-header .entry-meta,article.page .entry-header .entry-meta{
 
-
color:#8f8f8f;
 
-
font-size:12px;
 
-
}
 
-
article.post .entry-header .entry-meta a,article.page .entry-header .entry-meta a{
 
-
font-weight:500;
 
-
color:#5e5e5e;
 
-
text-decoration:none;
 
-
}
 
-
article.post:last-child,article.page:last-child{
 
-
margin-bottom:0;
 
-
padding-bottom:0;
 
-
border-bottom:0;
 
-
}
 
-
article.post .more-link,article.page .more-link{
 
-
float:right;
 
-
text-decoration:none;
 
-
padding:4px 10px;
 
-
border-top:solid 1px #d2d2d2;
 
-
border-left:solid 1px #c3c3c3;
 
-
border-right:solid 1px #c3c3c3;
 
-
border-bottom:solid 1px #9f9f9f;
 
-
background:#ffffff;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
 
-
background:-ms-linear-gradient(bottom, #dfdfdf, #ffffff);
 
-
background:-moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
 
-
background:-o-linear-gradient(#ffffff, #dfdfdf);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
 
-
-webkit-border-radius:3px;
 
-
-moz-border-radius:3px;
 
-
border-radius:3px;
 
-
font-size:11px;
 
-
font-weight:bold;
 
-
color:#646464;
 
-
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.125);
 
-
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.125);
 
-
box-shadow:0 1px 1px rgba(0,0,0,0.125);
 
-
}
 
-
article.post .more-link .meta-nav,article.page .more-link .meta-nav{
 
-
display:none;
 
-
}
 
-
article.post .share-buttons,article.page .share-buttons{
 
-
margin:20px 0 0 0;
 
-
padding:15px 25px;
 
-
background:#F5F5F5;
 
-
border:1px solid #E0E0E0;
 
-
list-style:none;
 
-
zoom:1;
 
-
}
 
-
article.post .share-buttons:before,article.page .share-buttons:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
article.post .share-buttons:after,article.page .share-buttons:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
article.post .share-buttons li,article.page .share-buttons li{
 
-
height:20px;
 
-
display:block;
 
-
float:left;
 
-
}
 
-
@media (max-width: 480px) {
 
-
article.post .share-buttons li,article.page .share-buttons li{
 
-
float:none;
 
-
margin-bottom:10px;
 
-
}
 
-
article.post .share-buttons li:last-child,article.page .share-buttons li:last-child{
 
-
margin-bottom:0;
 
-
}
 
-
}
 
-
article.post .entry-summary p:last-child,article.page .entry-summary p:last-child{
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
margin-bottom:0;
+
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: #C68E17;
 +
margin: 0px;
 +
padding: 0px;
}
}
-
article.post .entry-categories,article.page .entry-categories{
 
-
margin-top:1.5em;
 
-
color:#999999;
 
-
font-size:0.85em;
 
-
}
 
-
article.post .entry-categories a,article.page .entry-categories a{
 
-
color:#777777;
 
-
}
 
-
article.post.post-with-thumbnail-icon .entry-thumbnail,article.page.post-with-thumbnail-icon .entry-thumbnail{
 
-
margin-top:0.2em;
 
-
float:left;
 
-
clear:none;
 
-
width:11.68%;
 
-
/* 90px in standard width */
 
-
}
 
-
article.post.post-with-thumbnail-icon .entry-thumbnail img,article.page.post-with-thumbnail-icon .entry-thumbnail img{
 
-
width:100%;
 
-
height:auto;
 
-
-webkit-border-radius:3px;
 
-
-moz-border-radius:3px;
 
-
border-radius:3px;
 
-
}
 
-
article.post.post-with-thumbnail-icon .entry-main,article.page.post-with-thumbnail-icon .entry-main{
 
-
width:650px;
 
-
width:84.41%;
 
-
/* 650px in standard width */
 
-
float:right;
 
-
}
 
-
.post-navigation,#image-navigation{
 
-
margin-top:-20px;
 
-
margin-bottom:40px;
 
-
zoom:1;
 
-
}
 
-
.post-navigation:before,#image-navigation:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
.post-navigation:after,#image-navigation:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
.post-navigation a,#image-navigation a{
 
-
text-decoration:none;
 
-
padding:6px 10px;
 
-
border-top:solid 1px #d2d2d2;
 
-
border-left:solid 1px #c3c3c3;
 
-
border-right:solid 1px #c3c3c3;
 
-
border-bottom:solid 1px #9f9f9f;
 
-
background:#ffffff;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
 
-
background:-ms-linear-gradient(bottom, #dfdfdf, #ffffff);
 
-
background:-moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
 
-
background:-o-linear-gradient(#ffffff, #dfdfdf);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
 
-
-webkit-border-radius:3px;
 
-
-moz-border-radius:3px;
 
-
border-radius:3px;
 
-
font-size:11px;
 
-
font-weight:bold;
 
-
color:#646464;
 
-
display:inline-block;
 
-
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.125);
 
-
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.125);
 
-
box-shadow:0 1px 1px rgba(0,0,0,0.125);
 
-
}
 
-
.post-navigation a .meta-nav,#image-navigation a .meta-nav{
 
-
display:inline-block;
 
-
}
 
-
.post-navigation a:hover,#image-navigation a:hover{
 
-
border-top:solid 1px #dadada;
 
-
border-left:solid 1px #cfcfcf;
 
-
border-right:solid 1px #cfcfcf;
 
-
border-bottom:solid 1px #a8a8a8;
 
-
background:#ffffff;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #ffffff));
 
-
background:-ms-linear-gradient(bottom, #ebebeb, #ffffff);
 
-
background:-moz-linear-gradient(center bottom, #ebebeb 0%, #ffffff 100%);
 
-
background:-o-linear-gradient(#ffffff, #ebebeb);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
 
-
}
 
-
.post-navigation .nav-previous .meta-nav,#image-navigation .nav-previous .meta-nav{
 
-
margin-right:7px;
 
-
}
 
-
.post-navigation .nav-next .meta-nav,#image-navigation .nav-next .meta-nav{
 
-
margin-left:7px;
 
-
}
 
-
.single-nav-wrapper{
 
-
overflow:hidden;
 
-
}
 
-
/* Reset the navigation */
 
-
#image-navigation{
 
-
margin-top:0px;
 
-
margin-bottom:20px;
 
-
}
 
-
/* =Entry Content
 
-
----------------------------------------------- */
 
-
/* Styles for actual content */
 
-
.entry-header{
 
-
zoom:1;
 
-
}
 
-
.entry-header:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
.entry-header:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
.entry-content{
 
-
zoom:1;
 
-
line-height:1.6em;
 
-
color:#666666;
 
-
/* WordPress Images */
 
-
}
 
-
.entry-content:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
.entry-content:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
.entry-content a{
 
-
color:#248cc8;
 
-
-webkit-transition:all 0.2s ease;
 
-
-moz-transition:all 0.2s ease;
 
-
-o-transition:all 0.2s ease;
 
-
transition:all 0.2s ease;
 
-
}
 
-
.entry-content a:hover{
 
-
color:#f47e3c;
 
-
}
 
-
.entry-content p,.entry-content > ul,.entry-content > li,.entry-content > dl,.entry-content pre,.entry-content code,.entry-content blockquote{
 
-
margin:1em 0;
 
-
}
 
-
.entry-content > *:last-child{
 
-
margin-bottom:0;
 
-
}
 
-
.entry-content > *:first-child{
 
-
margin-top:0;
 
-
}
 
-
.entry-content blockquote{
 
-
font-style:italic;
 
-
margin-left:1em;
 
-
padding-left:1em;
 
-
border-left:1px solid #AAAAAA;
 
-
}
 
-
.entry-content blockquote cite{
 
-
font-weight:bold;
 
-
}
 
-
.entry-content pre,.entry-content code{
 
-
display:block;
 
-
background:white;
 
-
font-family:"Courier New", Courier, mono;
 
-
border:1px solid #D9D9D9;
 
-
padding:10px;
 
-
box-shadow:0 1px 2px rgba(0, 0, 0, 0.09);
 
-
overflow-x:auto;
 
-
}
 
-
.entry-content pre p:first-child,.entry-content code p:first-child{
 
-
margin-top:0;
 
-
}
 
-
.entry-content code{
 
-
font-family:"Courier New", Courier, mono;
 
-
}
 
-
.entry-content sup,.entry-content sub{
 
-
height:0;
 
-
line-height:1;
 
-
vertical-align:baseline;
 
-
position:relative;
 
-
}
 
-
.entry-content sup{
 
-
bottom:1ex;
 
-
}
 
-
.entry-content sub{
 
-
top:.5ex;
 
-
}
 
-
.entry-content .gallery{
 
-
margin:15px 0 25px 0;
 
-
}
 
-
.entry-content .gallery .gallery-item{
 
-
margin-bottom:0;
 
-
}
 
-
.entry-content .gallery .gallery-icon{
 
-
line-height:0;
 
-
margin-bottom:0;
 
-
}
 
-
.entry-content .gallery img{
 
-
border:none !important;
 
-
}
 
-
.entry-content .gallery .gallery-caption{
 
-
margin:10px;
 
-
padding-left:0;
 
-
}
 
-
.entry-content table{
 
-
border-bottom:1px solid #ededed;
 
-
border-collapse:collapse;
 
-
border-spacing:0;
 
-
font-size:14px;
 
-
line-height:2;
 
-
margin:0 0 20px;
 
-
width:100%;
 
-
}
 
-
.entry-content img{
 
-
max-width:100%;
 
-
height:auto;
 
-
-webkit-border-radius:3px;
 
-
-moz-border-radius:3px;
 
-
border-radius:3px;
 
-
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.175);
 
-
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.175);
 
-
box-shadow:0 1px 2px rgba(0,0,0,0.175);
 
-
}
 
-
.entry-content .wp-caption{
 
-
max-width:100%;
 
-
margin:5px 0 30px 0;
 
-
border:1px solid #E0E0E0;
 
-
padding:8px;
 
-
box-shadow:0 1px 2px rgba(0, 0, 0, 0.09);
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
text-align:center;
 
-
}
 
-
.entry-content .wp-caption.aligncenter{
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
}
 
-
.entry-content .wp-caption:first-child{
 
-
margin-top:25px;
 
-
}
 
-
.entry-content .wp-caption p.wp-caption-text{
 
-
margin:0;
 
-
}
 
-
.entry-content .alignleft{
 
-
/* This is also styled on a global level */
 
-
margin:0 1.5em 1.5em 0;
 
-
}
 
-
.entry-content .alignright{
 
-
/* This is also styled on a global level */
 
-
margin:0 0 1.5em 1.5em;
 
-
}
 
-
.entry-content img.wp-smiley{
 
-
border:none;
 
-
margin-bottom:0;
 
-
margin-top:0;
 
-
padding:0;
 
-
}
 
-
.entry-content ul{
 
-
list-style-type:square;
 
-
}
 
-
.entry-content ol{
 
-
list-style-type:decimal;
 
-
}
 
-
.entry-content ol ol{
 
-
list-style-type:upper-alpha;
 
-
}
 
-
.entry-content ol ol ol{
 
-
list-style-type:lower-roman;
 
-
}
 
-
.entry-content ul li,.entry-content ol li{
 
-
margin-left:1.5em;
 
-
}
 
-
.entry-content dl dt{
 
-
margin-bottom:5px;
 
-
font-weight:bold;
 
-
}
 
-
.entry-content dl dd{
 
-
margin-bottom:10px;
 
-
padding-left:20px;
 
-
}
 
-
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
 
-
color:#444444;
 
-
margin:1em 0;
 
-
font-weight:500;
 
-
}
 
-
.entry-content h1{
 
-
font-size:1.7em;
 
-
}
 
-
.entry-content h2{
 
-
font-size:1.6em;
 
-
}
 
-
.entry-content h3{
 
-
font-size:1.5em;
 
-
}
 
-
.entry-content h4{
 
-
font-size:1.4em;
 
-
}
 
-
.entry-content h5{
 
-
font-size:1.2em;
 
-
}
 
-
.entry-content h6{
 
-
font-size:1.1em;
 
-
}
 
-
.entry-content embed,.entry-content iframe,.entry-content object{
 
-
max-width:100%;
 
-
}
 
-
.entry-content .tags{
 
-
color:#999999;
 
-
}
 
-
.entry-content .tags strong{
 
-
color:#666666;
 
-
}
 
-
.entry-content .tags a{
 
-
color:#999999;
 
-
text-decoration:none;
 
-
}
 
-
/* =Navigation
 
-
----------------------------------------------- */
 
-
.pagination,.entry-content .pagination{
 
-
position:relative;
 
-
font-size:11px;
 
-
line-height:13px;
 
-
text-align:right;
 
-
}
 
-
.pagination span,.entry-content .pagination span,.pagination a,.entry-content .pagination a{
 
-
-webkit-border-radius:2px;
 
-
-moz-border-radius:2px;
 
-
border-radius:2px;
 
-
display:inline-block;
 
-
margin:2px 2px 2px 0;
 
-
padding:6px 9px 5px 9px;
 
-
background:#4f5355;
 
-
border-top:solid 1px #d2d2d2;
 
-
border-left:solid 1px #c3c3c3;
 
-
border-right:solid 1px #c3c3c3;
 
-
border-bottom:solid 1px #9f9f9f;
 
-
background:#ffffff;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
 
-
background:-ms-linear-gradient(bottom, #dfdfdf, #ffffff);
 
-
background:-moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
 
-
background:-o-linear-gradient(#ffffff, #dfdfdf);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
 
-
-webkit-border-radius:3px;
 
-
-moz-border-radius:3px;
 
-
border-radius:3px;
 
-
font-weight:bold;
 
-
color:#646464;
 
-
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
 
-
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
 
-
box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
 
-
width:auto;
 
-
text-decoration:none;
 
-
}
 
-
.pagination span:last-child,.entry-content .pagination span:last-child,.pagination a:last-child,.entry-content .pagination a:last-child{
 
-
margin-right:0;
 
-
}
 
-
.pagination a:hover,.entry-content .pagination a:hover{
 
-
background:#f0f0f0;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d0d0), color-stop(1, #f0f0f0));
 
-
background:-ms-linear-gradient(bottom, #d0d0d0, #f0f0f0);
 
-
background:-moz-linear-gradient(center bottom, #d0d0d0 0%, #f0f0f0 100%);
 
-
background:-o-linear-gradient(#f0f0f0, #d0d0d0);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0);
 
-
color:#606060;
 
-
}
 
-
.pagination .current,.entry-content .pagination .current{
 
-
border-top:solid 1px #222222;
 
-
border-left:solid 1px #222222;
 
-
border-right:solid 1px #222222;
 
-
border-bottom:solid 1px #222222;
 
-
background:#333333;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #333333));
 
-
background:-ms-linear-gradient(bottom, #505050, #333333);
 
-
background:-moz-linear-gradient(center bottom, #505050 0%, #333333 100%);
 
-
background:-o-linear-gradient(#333333, #505050);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#505050', GradientType=0);
 
-
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0, 0.5);
 
-
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0, 0.5);
 
-
box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0, 0.5);
 
-
color:#EFEFEF;
 
-
}
 
-
.site-content .nav-previous,.site-content .nav-next{
 
-
white-space:nowrap;
 
-
}
 
-
.site-content .nav-previous{
 
-
float:left;
 
-
width:50%;
 
-
}
 
-
.site-content .nav-next{
 
-
float:right;
 
-
text-align:right;
 
-
width:50%;
 
-
}
 
-
@media (max-width: 480px) {
 
-
body.responsive .site-content .nav-previous,body.responsive .site-content .nav-next{
 
-
float:none;
 
-
width:100%;
 
-
margin-bottom:20px;
 
-
text-align:center;
 
-
}
 
-
}
 
-
/* =Comments
 
-
----------------------------------------------- */
 
-
#comments-title,#reply-title{
 
-
display:inline-block;
 
-
font-size:14px;
 
-
margin-bottom:20px;
 
-
font-weight:500;
 
-
line-height:1em;
 
-
color:#444444;
 
-
padding-bottom:5px;
 
-
border-bottom:2px solid #555555;
 
-
}
 
-
#comments-title [class^="icon-"],#reply-title [class^="icon-"]{
 
-
font-size:16px;
 
-
display:inline-block;
 
-
margin-right:4px;
 
-
line-height:0.75em;
 
-
}
 
-
#comments .commentlist{
 
-
margin:0 0 40px 0;
 
-
list-style:none;
 
-
}
 
-
#comments .commentlist .children{
 
-
list-style:none;
 
-
margin-left:75px;
 
-
}
 
-
#comments .commentlist article{
 
-
margin-bottom:35px;
 
-
}
 
-
#comments .commentlist article .avatar{
 
-
float:left;
 
-
-webkit-border-radius:3px;
 
-
-moz-border-radius:3px;
 
-
border-radius:3px;
 
-
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);
 
-
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);
 
-
box-shadow:0 1px 2px rgba(0,0,0,0.1);
 
-
}
 
-
#comments .commentlist article .comment-author,#comments .commentlist article .awaiting-moderation,#comments .commentlist article .comment-meta,#comments .commentlist article .comment-content{
 
-
margin-left:75px;
 
-
}
 
-
#comments .commentlist article .comment-author{
 
-
color:#474747;
 
-
font-size:13px;
 
-
font-weight:500;
 
-
line-height:1em;
 
-
margin-bottom:0.35em;
 
-
}
 
-
#comments .commentlist article .comment-author a{
 
-
color:inherit;
 
-
text-decoration:none;
 
-
}
 
-
#comments .commentlist article .comment-author cite{
 
-
font-style:normal;
 
-
}
 
-
#comments .commentlist article .comment-meta{
 
-
font-size:11.5px;
 
-
color:#747474;
 
-
line-height:1em;
 
-
margin-bottom:15px;
 
-
}
 
-
#comments .commentlist article .comment-meta a{
 
-
color:inherit;
 
-
text-decoration:none;
 
-
}
 
-
#comments .commentlist article .comment-meta .support{
 
-
display:inline-block;
 
-
margin-left:15px;
 
-
}
 
-
#comments .commentlist article .awaiting-moderation{
 
-
display:block;
 
-
margin-bottom:10px;
 
-
}
 
-
#comments .commentlist article .entry-content{
 
-
font-size:12px;
 
-
}
 
-
#comments .commentlist .bypostauthor{
 
-
/* Change the comment by the post author */
 
-
}
 
-
#commentform label{
 
-
margin-top:2px;
 
-
display:block;
 
-
float:left;
 
-
width:25%;
 
-
}
 
-
#commentform input,#commentform textarea{
 
-
float:left;
 
-
width:75%;
 
-
padding:10px;
 
-
font-size:13px;
 
-
}
 
-
#commentform textarea{
 
-
padding:10px;
 
-
}
 
-
#commentform input{
 
-
padding:7px 10px;
 
-
}
 
-
#commentform p{
 
-
zoom:1;
 
-
margin-bottom:20px;
 
-
}
 
-
#commentform p:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
#commentform p:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
#commentform p.form-submit{
 
-
margin-bottom:0;
 
-
}
 
-
#commentform #submit{
 
-
width:auto;
 
-
font-size:12px;
 
-
padding:10px 20px;
 
-
}
 
-
#commentform .form-allowed-tags,#commentform .form-allowed-tags code,#commentform .comment-notes{
 
-
font-size:0.8em;
 
-
color:#999;
 
-
}
 
-
#commentform .logged-in-as{
 
-
font-size:0.8em;
 
-
color:#999;
 
-
margin-bottom:10px;
 
-
text-align:right;
 
-
}
 
-
#commentform .required{
 
-
color:#A40802;
 
-
}
 
-
@media (max-width: 480px) {
 
-
body.responsive #commentform label{
 
-
float:none;
 
-
width:100%;
 
-
margin-bottom:3px;
 
-
}
 
-
body.responsive #commentform input,body.responsive #commentform textarea{
 
-
float:none;
 
-
width:100%;
 
-
}
 
-
}
 
-
/* =Sidebars and Asides
+
html, body, .wrapper { /*-- changes default wiki settings --
-
----------------------------------------------- */
+
-
#colophon{
+
-
margin-bottom:20px;
+
-
background:#2f3033;
+
-
padding:30px;
+
-
}
+
-
#colophon #theme-attribution,#colophon #site-info{
+
-
text-align:center;
+
-
margin-top:25px;
+
-
color:#AAAAAA;
+
-
font-size:11.5px;
+
-
}
+
-
#colophon #theme-attribution a,#colophon #site-info a{
+
-
color:#DDDDDD;
+
-
text-decoration:none;
+
-
font-weight:500;
+
-
}
+
-
body.layout-full{
+
-
/* Use the same color as the footer */
+
-
background-color:#2f3033;
+
-
}
+
-
.layout-full #colophon{
+
-
margin-bottom:0;
+
-
margin-top:0;
+
-
padding-top:30px;
+
-
padding-bottom:30px;
+
-
}
+
-
#scroll-to-top{
+
-
position:fixed;
+
-
bottom:20px;
+
-
right:20px;
+
-
width:48px;
+
-
height:48px;
+
-
background: url('images/sprites-1-2.png') no-repeat -84px -18px;
+
-
-ms-transform:scale(0, 0);
+
-
-webkit-transform:scale(0, 0);
+
-
transform:scale(0, 0);
+
-
opacity:0;
+
-
-webkit-transition:all 0.2s ease;
+
-
-moz-transition:all 0.2s ease;
+
-
-o-transition:all 0.2s ease;
+
-
transition:all 0.2s ease;
+
-
}
+
-
@media screen and (-webkit-min-device-pixel-ratio: 2) {
+
-
#scroll-to-top{
+
*/
-
background-image:url(images/retina/to-top.png);
+
width: 100%;  
-
background-size:48px 48px;
+
height: 100%;
 +
background-color: #C68E17;
}
}
-
}
 
-
#scroll-to-top.displayed{
+
 
-
-ms-transform:scale(1, 1);
+
</style>
-
-webkit-transform:scale(1, 1);
+
 
-
transform:scale(1, 1);
+
<style>
-
opacity:1 !important;
+
table,th,td
-
}
+
  {
-
/* =Sliders
+
  Background:#C68E17;
-
----------------------------------------------- */
+
  }
-
/* Resets */
+
 
-
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{
+
</style>
-
outline:none;
+
 
-
}
+
 
-
.slides,.flex-control-nav,.flex-direction-nav{
+
 
-
margin:0;
+
<!-- Inferior Menu-->
 +
 
 +
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 +
 
 +
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 +
 
 +
<style>
 +
 
 +
ul.flatflipbuttons{
 +
margin-left:500px;
 +
margin-top: 1200px;
padding:0;
padding:0;
list-style:none;
list-style:none;
 +
-webkit-perspective: 10000px; /* larger the value, the less pronounced the 3D effect */
 +
-moz-perspective: 10000px;
 +
perspective: 10000px;
}
}
-
/* Necessary Styles */
+
 
-
.flexslider{
+
ul.flatflipbuttons li{
-
margin:0;
+
margin:200;
-
padding:0;
+
display: inline-block;
-
zoom:1;
+
width: 50px; /* dimensions of buttons. */
-
position:relative;
+
height: 50px;
 +
margin-right: 15px; /* spacing between buttons */
 +
background: white;
 +
text-transform: uppercase;
 +
text-align: center;
}
}
-
.flexslider .slides{
+
 
-
list-style:none;
+
ul.flatflipbuttons li a{
-
zoom:1;
+
-
}
+
-
.flexslider .slides:before{
+
-
content:'';
+
-
display:block;
+
-
}
+
-
.flexslider .slides:after{
+
-
content:'';
+
display:table;
display:table;
-
clear:both;
+
font: bold 36px Arial; /* font size, pertains to icon fonts specifically */
 +
width: 100%;
 +
height: 100%;
 +
margin-bottom: 4px;
 +
color: black;
 +
background: #3B9DD5;
 +
text-decoration: none;
 +
outline: none;
 +
-webkit-transition:all 300ms ease-out; /* CSS3 transition. Last value is pause before transition play */
 +
-moz-transition:all 300ms ease-out;
 +
transition:all 300ms ease-out;
}
}
-
.flexslider .slides > img{
 
-
width:100%;
 
-
height:auto;
 
-
display:block;
 
-
-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15);
 
-
-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15);
 
-
box-shadow:0 2px 2px rgba(0, 0, 0, 0.15);
 
-
}
 
-
.flexslider .slides p img{
 
-
width:auto;
 
-
display:inline-block;
 
-
}
 
-
.flexslider .slides .flex-caption{
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
position:absolute;
 
-
top:0;
 
-
left:0;
 
-
width:100%;
 
-
padding:20px;
 
-
text-decoration:none;
 
-
background:rgba(0, 0, 0, 0.5);
 
-
color:#FFF;
 
-
text-align:center;
 
-
}
 
-
.flexslider .slides .flex-caption h3{
 
-
color:inherit;
 
-
margin:0;
 
-
line-height:1.25em;
 
-
font-size:15px;
 
-
}
 
-
.flexslider .slides > li{
 
-
margin-left:0;
 
-
display:none;
 
-
-webkit-backface-visibility:hidden;
 
-
background-size:cover;
 
-
background-position:center center;
 
-
/* Stuff specific to metaslider */
 
-
}
 
-
.flexslider .slides > li .content img{
 
-
max-width:100%;
 
-
height:auto !important;
 
-
}
 
-
.flexslider .flex-control-paging{
 
-
list-style:none;
 
-
position:absolute;
 
-
bottom:15px;
 
-
right:0px;
 
-
text-align:right;
 
-
padding:0 30px;
 
-
z-index:20;
 
-
}
 
-
.flexslider .flex-control-paging li{
 
-
margin:0;
 
-
padding:0;
 
-
display:inline-block;
 
-
text-indent:-99999px;
 
-
text-align:left;
 
-
width:14px;
 
-
height:14px;
 
-
margin-right:2px;
 
-
}
 
-
.flexslider .flex-control-paging li a{
 
-
display:block;
 
-
width:14px;
 
-
height:14px;
 
-
cursor:pointer;
 
-
background: url('images/sprites-1-2.png') no-repeat 0 -36px;
 
-
}
 
-
.flexslider .flex-control-paging li a.flex-active{
 
-
background: url('images/sprites-1-2.png') no-repeat 0 -51px;
 
-
}
 
-
.flexslider .flex-control-paging li a:hover{
 
-
background: url('images/sprites-1-2.png') no-repeat 0 -36px;
 
-
}
 
-
@media screen and (-webkit-min-device-pixel-ratio: 2) {
 
-
.flexslider .flex-control-paging li a{
+
ul.flatflipbuttons li:nth-of-type(1) a{
-
background-size:14px 14px;
+
color: white;
-
background-image:url(images/retina/slide-indicator-inactive.png);
+
background: #3B9DD5;
}
}
-
.flexslider .flex-control-paging li a.flex-active{
 
-
background-size:14px 14px;
 
-
background-image:url(images/retina/slide-indicator-active.png);
 
-
}
 
-
.flexslider .flex-control-paging li a:hover{
 
-
background-size:14px 14px;
 
-
background: url('images/sprites-1-2.png') no-repeat 0 -36px;
 
-
}
 
-
}
 
-
.flexslider .flex-direction-nav{
+
ul.flatflipbuttons li:nth-of-type(2) a{
-
list-style:none;
+
background: #A1CD3A;
-
}
+
-
.flexslider .flex-direction-nav li{
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
.flexslider .flex-direction-nav li a{
+
-
display:block;
+
-
position:absolute;
+
-
top:50%;
+
-
text-indent:-99999px;
+
-
width:32px;
+
-
height:85px;
+
-
margin-top:-52px;
+
-
opacity:0;
+
-
-webkit-transition:opacity 0.2s ease;
+
-
-moz-transition:opacity 0.2s ease;
+
-
-o-transition:opacity 0.2s ease;
+
-
transition:opacity 0.2s ease;
+
-
}
+
-
.flexslider .flex-direction-nav li a.flex-prev{
+
-
left:0;
+
-
background: url('images/sprites-1-2.png') no-repeat -51px 0;
+
-
}
+
-
.flexslider .flex-direction-nav li a.flex-next{
+
-
right:0;
+
-
background: url('images/sprites-1-2.png') no-repeat -18px 0;
+
}
}
-
@media screen and (-webkit-min-device-pixel-ratio: 2) {
 
-
.flexslider .flex-direction-nav li a{
+
ul.flatflipbuttons li:nth-of-type(3) a{
-
background-size:32px 85px;
+
background: #80C5EC;
}
}
-
.flexslider .flex-direction-nav li a.flex-prev{
 
-
background-image:url(images/retina/gallery-prev.png);
 
-
}
 
-
.flexslider .flex-direction-nav li a.flex-next{
 
-
background-image:url(images/retina/gallery-next.png);
 
-
}
 
-
}
 
-
.flexslider:hover .flex-direction-nav li a{
+
ul.flatflipbuttons li:nth-of-type(4) a{
-
opacity:0.9;
+
color: white;
 +
background: #635746;
}
}
-
/* Styles for Metaslider Prebuilt */
 
-
.metaslider .msHtmlOverlay .layer .siteorigin-slider-action-button{
 
-
display:inline-block;
 
-
padding:8px 46px 8px 0;
 
-
font-weight:bold;
 
-
background:url(slider/action.png) right center no-repeat;
 
-
}
 
-
.metaslider .msHtmlOverlay .layer .siteorigin-slider-action-button a{
 
-
font-size:16px;
 
-
color:#FFFFFF;
 
-
text-decoration:none;
 
-
}
 
-
#metaslider-demo .content,.vantage-slide-with-image .content{
 
-
position:absolute;
 
-
top:0;
 
-
left:0;
 
-
width:100%;
 
-
}
 
-
#metaslider-demo .content img,.vantage-slide-with-image .content img{
 
-
max-width:100%;
 
-
height:auto;
 
-
}
 
-
#metaslider-demo .msDefaultImage,.vantage-slide-with-image .msDefaultImage{
 
-
max-width:100%;
 
-
height:auto;
 
-
}
 
-
/* =Widgets
 
-
----------------------------------------------- */
 
-
.widget{
 
-
margin:0 0 1.5em;
 
-
}
 
-
/* Make sure select elements fit in widgets */
 
-
.widget select{
 
-
max-width:100%;
 
-
}
 
-
/* Search widget */
 
-
#searchsubmit{
 
-
display:none;
 
-
}
 
-
.textwidget p:first-child{
 
-
margin-top:0;
 
-
}
 
-
.textwidget p:last-child{
 
-
margin-bottom:0;
 
-
}
 
-
/* =Sidebar widget styling
 
-
----------------------------------------------- */
 
-
#secondary .widget,#footer-widgets .widget{
 
-
margin-bottom:40px;
 
-
font-size:13px;
 
-
color:#5e5e5e;
 
-
}
 
-
#secondary .widget:last-child,#footer-widgets .widget:last-child{
 
-
margin-bottom:0;
 
-
}
 
-
#secondary .widget .widget-title,#footer-widgets .widget .widget-title{
 
-
font-size:15px;
 
-
color:#3b3b3b;
 
-
font-weight:bold;
 
-
margin-bottom:15px;
 
-
}
 
-
#secondary .widget ul,#footer-widgets .widget ul,#secondary .widget ol,#footer-widgets .widget ol{
 
-
list-style:none;
 
-
padding:0;
 
-
margin:0;
 
-
}
 
-
#secondary .widget ul ul,#footer-widgets .widget ul ul,#secondary .widget ol ul,#footer-widgets .widget ol ul,#secondary .widget ul ol,#footer-widgets .widget ul ol,#secondary .widget ol ol,#footer-widgets .widget ol ol{
 
-
margin-left:1em;
 
-
}
 
-
#secondary .widget ul li a,#footer-widgets .widget ul li a,#secondary .widget ol li a,#footer-widgets .widget ol li a{
 
-
text-decoration:none;
 
-
}
 
-
#footer-widgets{
 
-
zoom:1;
 
-
margin:0 -5px;
 
-
max-width:100%;
 
-
}
 
-
#footer-widgets:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
#footer-widgets:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
#footer-widgets .widget{
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
float:left;
 
-
padding:0 15px;
 
-
margin-bottom:0;
 
-
color:#b9b9b9;
 
-
}
 
-
#footer-widgets .widget a{
 
-
color:#cccccc;
 
-
}
 
-
#footer-widgets .widget .widget-title{
 
-
color:#e2e2e2;
 
-
font-size:14px;
 
-
font-weight:bold;
 
-
margin-bottom:20px;
 
-
}
 
-
/* =General Widget Styling
 
-
----------------------------------------------- */
 
-
.widget img,.widget iframe,.widget object,.widget select,.widget input{
 
-
max-width:100%;
 
-
}
 
-
.widget img{
 
-
height:auto;
 
-
}
 
-
.widget a.button{
 
-
display:inline-block;
 
-
padding:9px 26px;
 
-
-webkit-border-radius:4px;
 
-
-moz-border-radius:4px;
 
-
border-radius:4px;
 
-
font-size:0.875em;
 
-
text-decoration:none;
 
-
color:white;
 
-
text-shadow:0 1px 0 #000000;
 
-
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
 
-
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
 
-
box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
 
-
background:#107fc9;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #0f75b8), color-stop(1, #1189da));
 
-
background:-ms-linear-gradient(bottom, #0f75b8, #1189da);
 
-
background:-moz-linear-gradient(center bottom, #0f75b8 0%, #1189da 100%);
 
-
background:-o-linear-gradient(#1189da, #0f75b8);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1189da', endColorstr='#0f75b8', GradientType=0);
 
-
border-top:solid 1px #0b5587;
 
-
border-left:solid 1px #094974;
 
-
border-right:solid 1px #094974;
 
-
border-bottom:solid 1px #083d61;
 
-
}
 
-
.widget .button-container.align-center{
 
-
text-align:center;
 
-
}
 
-
.widget .button-container.align-left{
 
-
text-align:left;
 
-
}
 
-
.widget .button-container.align-right{
 
-
text-align:right;
 
-
}
 
-
.widget .button-container.align-full .button{
 
-
display:block;
 
-
text-align:center;
 
-
}
 
-
.widget_call-to-action{
 
-
position:relative;
 
-
padding:25px 30px 23px 30px;
 
-
}
 
-
.widget_call-to-action h2.cta-headline{
 
-
margin:0 0 0.35em 0;
 
-
color:#333;
 
-
}
 
-
.widget_call-to-action p.cta-sub-text{
 
-
margin:0;
 
-
color:#666;
 
-
}
 
-
.widget_call-to-action a.button{
 
-
position:absolute;
 
-
top:50%;
 
-
right:30px;
 
-
margin-top:-20px;
 
-
/* This should be half the height of the button */
 
-
}
 
-
/* Responsive styles for the call to action widget */
 
-
@media (max-width: 680px) {
 
-
body.responsive .widget_call-to-action a.button{
+
ul.flatflipbuttons li:nth-of-type(5) a{
-
position:static;
+
background: #F2C96D;
-
margin-top:25px;
+
-
display:block;
+
-
text-align:center;
+
}
}
-
}
 
-
.widget_siteorigin-list ul li{
+
ul.flatflipbuttons li a span{
-
margin-bottom:0.4em;
+
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
display: table-cell;
 +
vertical-align: middle;
 +
align: middle;
 +
width: 100%;
 +
height: 100%;
 +
-webkit-transition: all 300ms ease-out; /* CSS3 transition. */
 +
-moz-transition: all 300ms ease-out;
 +
transition: all 300ms ease-out;
}
}
-
.widget_siteorigin-list ul li:last-child{
 
-
margin-bottom:0;
 
-
}
 
-
.widget_icon-text{
 
-
font-size:0.95em;
 
-
text-align:center;
 
-
}
 
-
.widget_icon-text .feature-icon{
 
-
display:inline-block;
 
-
line-height:0;
 
-
}
 
-
.widget_icon-text .widget-title{
 
-
margin:15px 0;
 
-
}
 
-
.widget_circleicon-widget{
 
-
clear:both;
 
-
/* A medium sized icon */
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box{
 
-
text-align:center;
 
-
position:relative;
 
-
/* The different icon positions */
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-show-box{
 
-
border:1px solid #DDDDDD;
 
-
background:#F6F6F6;
 
-
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.05);
 
-
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.05);
 
-
box-shadow:0 2px 2px rgba(0,0,0,0.05);
 
-
padding:24px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-hide-box{
 
-
padding:5px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box .link-icon,.widget_circleicon-widget .circle-icon-box .link-title{
 
-
text-decoration:none;
 
-
display:block;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box .circle-icon{
 
-
position:absolute;
 
-
background-color:#3a3b3e;
 
-
display:inline-block;
 
-
width:65px;
 
-
height:65px;
 
-
-webkit-border-radius:130px;
 
-
-moz-border-radius:130px;
 
-
border-radius:130px;
 
-
-webkit-transition:all 0.5s ease;
 
-
-moz-transition:all 0.5s ease;
 
-
-o-transition:all 0.5s ease;
 
-
transition:all 0.5s ease;
 
-
background-position:center center;
 
-
background-size:cover;
 
-
background-repeat:no-repeat;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"]{
 
-
display:block;
 
-
font-size:24px;
 
-
width:100%;
 
-
height:1em;
 
-
text-align:center;
 
-
color:#FFFFFF;
 
-
line-height:1.1em;
 
-
position:absolute;
 
-
top:50%;
 
-
left:0;
 
-
margin-top:-0.5em;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box h4{
 
-
color:#3b3b3b;
 
-
font-weight:bold;
 
-
font-size:17px;
 
-
margin-bottom:0.8em;
 
-
margin-top:0;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box p.text{
 
-
margin:0;
 
-
color:#5e5e5e;
 
-
font-size:13px;
 
-
margin-bottom:10px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box p.text:last-child{
 
-
margin-bottom:0;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box a.more-button{
 
-
display:block;
 
-
text-decoration:none;
 
-
color:#3b3b3b;
 
-
font-weight:bold;
 
-
font-size:13px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box a.more-button i{
 
-
display:inline-block;
 
-
width:5px;
 
-
height:8px;
 
-
margin-left:3px;
 
-
background: url('images/sprites-1-2.png') no-repeat 0 -66px;
 
-
}
 
-
@media screen and (-webkit-min-device-pixel-ratio: 2) {
 
-
.widget_circleicon-widget .circle-icon-box a.more-button i{
+
ul.flatflipbuttons li b{ /* CSS for text beneath button */
-
background: url(images/retina/more-icon.png);
+
display: block;
-
background-size:5px 8px;
+
position: relative;
 +
width: 100%;
 +
opacity: 0;
 +
-webkit-transition: all 300ms ease-out 0.2s; /* CSS3 transition. 0.2s delay */
 +
-moz-transition: all 300ms ease-out 0.2s;
 +
transition: all 300ms ease-out 0.2s;
}
}
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-position-top{
 
-
padding-top:75px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-position-top .circle-icon{
 
-
top:0;
 
-
left:50%;
 
-
margin-left:-32.5px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-position-bottom{
 
-
padding-bottom:75px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-position-bottom .circle-icon{
 
-
bottom:0;
 
-
left:50%;
 
-
margin-left:-32.5px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-position-left{
 
-
text-align:left;
 
-
padding-left:75px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-position-left .circle-icon{
 
-
left:0;
 
-
top:50%;
 
-
margin-top:-32.5px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-position-right{
 
-
text-align:left;
 
-
padding-right:75px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-position-right .circle-icon{
 
-
right:0;
 
-
top:50%;
 
-
margin-top:-32.5px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium{
 
-
/* The different icon positions */
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium .circle-icon{
 
-
width:81.25px;
 
-
height:81.25px;
 
-
-webkit-border-radius:162.5px;
 
-
-moz-border-radius:162.5px;
 
-
border-radius:162.5px;
 
-
-webkit-transition:all 0.5s ease;
 
-
-moz-transition:all 0.5s ease;
 
-
-o-transition:all 0.5s ease;
 
-
transition:all 0.5s ease;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium .circle-icon [class^="icon-"]{
 
-
font-size:36px;
 
-
line-height:1.1em;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-top{
 
-
padding-top:91.25px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-top .circle-icon{
 
-
top:0;
 
-
left:50%;
 
-
margin-left:-40.625px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-bottom{
 
-
padding-bottom:91.25px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-bottom .circle-icon{
 
-
bottom:0;
 
-
left:50%;
 
-
margin-left:-40.625px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-left{
 
-
text-align:left;
 
-
padding-left:91.25px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-left .circle-icon{
 
-
left:0;
 
-
top:50%;
 
-
margin-top:-40.625px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-right{
 
-
text-align:left;
 
-
padding-right:91.25px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-right .circle-icon{
 
-
right:0;
 
-
top:50%;
 
-
margin-top:-40.625px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large{
 
-
/* The different icon positions */
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large .circle-icon{
 
-
width:100px;
 
-
height:100px;
 
-
-webkit-border-radius:200px;
 
-
-moz-border-radius:200px;
 
-
border-radius:200px;
 
-
-webkit-transition:all 0.5s ease;
 
-
-moz-transition:all 0.5s ease;
 
-
-o-transition:all 0.5s ease;
 
-
transition:all 0.5s ease;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large .circle-icon [class^="icon-"]{
 
-
font-size:44px;
 
-
line-height:1.1em;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-top{
 
-
padding-top:110px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-top .circle-icon{
 
-
top:0;
 
-
left:50%;
 
-
margin-left:-50px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-bottom{
 
-
padding-bottom:110px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-bottom .circle-icon{
 
-
bottom:0;
 
-
left:50%;
 
-
margin-left:-50px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-left{
 
-
text-align:left;
 
-
padding-left:110px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-left .circle-icon{
 
-
left:0;
 
-
top:50%;
 
-
margin-top:-50px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-right{
 
-
text-align:left;
 
-
padding-right:110px;
 
-
}
 
-
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-right .circle-icon{
 
-
right:0;
 
-
top:50%;
 
-
margin-top:-50px;
 
-
}
 
-
.widget_headline-widget{
 
-
text-align:center;
 
-
}
 
-
.widget_headline-widget h1{
 
-
padding-top:20px;
 
-
margin:0;
 
-
font-size:26px;
 
-
line-height:36px;
 
-
text-transform:uppercase;
 
-
color:#444444;
 
-
letter-spacing:1px;
 
-
}
 
-
.widget_headline-widget h3{
 
-
padding-bottom:20px;
 
-
margin:0;
 
-
font-size:14px;
 
-
color:#666666;
 
-
font-weight:200;
 
-
}
 
-
.widget_headline-widget .decoration{
 
-
border-top:1px solid #EEE;
 
-
position:relative;
 
-
height:1px;
 
-
margin:20px 60px 20px 60px;
 
-
}
 
-
/* =Some row styling for page builder
 
-
----------------------------------------------- */
 
-
.widget_vantage-social-media{
 
-
zoom:1;
 
-
}
 
-
.widget_vantage-social-media:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
.widget_vantage-social-media:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
.widget_vantage-social-media .social-media-icon{
 
-
text-decoration:none;
 
-
display:block;
 
-
float:left;
 
-
margin-right:4px;
 
-
position:relative;
 
-
width:36px;
 
-
height:36px;
 
-
-webkit-border-radius:3px;
 
-
-moz-border-radius:3px;
 
-
border-radius:3px;
 
-
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.1);
 
-
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.1);
 
-
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.1);
 
-
/* The icons */
 
-
}
 
-
.widget_vantage-social-media .social-media-icon [class^="icon-"]{
 
-
width:1em;
 
-
height:1em;
 
-
text-align:center;
 
-
display:block;
 
-
position:absolute;
 
-
line-height:1em;
 
-
color:#FFFFFF;
 
-
top:50%;
 
-
left:50%;
 
-
margin-top:-0.45em;
 
-
margin-left:-0.5em;
 
-
font-size:18px;
 
-
text-shadow:0 1px 1px rgba(0, 0, 0, 0.125);
 
-
}
 
-
.widget_vantage-social-media .social-media-icon img{
 
-
position:absolute;
 
-
top:50%;
 
-
left:50%;
 
-
width:18px;
 
-
height:18px;
 
-
margin-left:-9px;
 
-
margin-top:-8px;
 
-
}
 
-
.widget_vantage-social-media .social-media-icon:last-child{
 
-
margin-right:0;
 
-
}
 
-
.widget_vantage-social-media .social-media-icon.social-media-icon-facebook{
 
-
background:#597ac7;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #597ac7), color-stop(1, #6483cb));
 
-
background:-ms-linear-gradient(bottom, #597ac7, #6483cb);
 
-
background:-moz-linear-gradient(center bottom, #597ac7 0%, #6483cb 100%);
 
-
background:-o-linear-gradient(#6483cb, #597ac7);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6483cb', endColorstr='#597ac7', GradientType=0);
 
-
border:1px solid #466bc1;
 
-
}
 
-
.widget_vantage-social-media .social-media-icon.social-media-icon-facebook:hover{
 
-
background:#6886cc;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #6886cc), color-stop(1, #748fd0));
 
-
background:-ms-linear-gradient(bottom, #6886cc, #748fd0);
 
-
background:-moz-linear-gradient(center bottom, #6886cc 0%, #748fd0 100%);
 
-
background:-o-linear-gradient(#748fd0, #6886cc);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#748fd0', endColorstr='#6886cc', GradientType=0);
 
-
border:1px solid #5577c6;
 
-
}
 
-
.widget_vantage-social-media .social-media-icon.social-media-icon-twitter{
 
-
background:#5bbcec;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #5bbcec), color-stop(1, #69c2ee));
 
-
background:-ms-linear-gradient(bottom, #5bbcec, #69c2ee);
 
-
background:-moz-linear-gradient(center bottom, #5bbcec 0%, #69c2ee 100%);
 
-
background:-o-linear-gradient(#69c2ee, #5bbcec);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#69c2ee', endColorstr='#5bbcec', GradientType=0);
 
-
border:1px solid #44b3e9;
 
-
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 1px rgba(0,0,0,0.1);
 
-
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 1px rgba(0,0,0,0.1);
 
-
box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 1px rgba(0,0,0,0.1);
 
-
}
 
-
.widget_vantage-social-media .social-media-icon.social-media-icon-twitter:hover{
 
-
background:#6dc3ee;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #6dc3ee), color-stop(1, #7bc9f0));
 
-
background:-ms-linear-gradient(bottom, #6dc3ee, #7bc9f0);
 
-
background:-moz-linear-gradient(center bottom, #6dc3ee 0%, #7bc9f0 100%);
 
-
background:-o-linear-gradient(#7bc9f0, #6dc3ee);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bc9f0', endColorstr='#6dc3ee', GradientType=0);
 
-
border:1px solid #56baeb;
 
-
}
 
-
.widget_vantage-social-media .social-media-icon.social-media-icon-google-plus{
 
-
background:#f80000;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #f80000), color-stop(1, #ff0808));
 
-
background:-ms-linear-gradient(bottom, #f80000, #ff0808);
 
-
background:-moz-linear-gradient(center bottom, #f80000 0%, #ff0808 100%);
 
-
background:-o-linear-gradient(#ff0808, #f80000);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0808', endColorstr='#f80000', GradientType=0);
 
-
border:1px solid #df0000;
 
-
}
 
-
.widget_vantage-social-media .social-media-icon.social-media-icon-google-plus:hover{
 
-
background:#ff0d0d;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ff0d0d), color-stop(1, #ff1d1d));
 
-
background:-ms-linear-gradient(bottom, #ff0d0d, #ff1d1d);
 
-
background:-moz-linear-gradient(center bottom, #ff0d0d 0%, #ff1d1d 100%);
 
-
background:-o-linear-gradient(#ff1d1d, #ff0d0d);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1d1d', endColorstr='#ff0d0d', GradientType=0);
 
-
border:1px solid #f30000;
 
-
}
 
-
.widget_vantage-social-media .social-media-icon.social-media-icon-rss{
 
-
background:#ff9200;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ff9200), color-stop(1, #ff990f));
 
-
background:-ms-linear-gradient(bottom, #ff9200, #ff990f);
 
-
background:-moz-linear-gradient(center bottom, #ff9200 0%, #ff990f 100%);
 
-
background:-o-linear-gradient(#ff990f, #ff9200);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff990f', endColorstr='#ff9200', GradientType=0);
 
-
border:1px solid #e68300;
 
-
}
 
-
.widget_vantage-social-media .social-media-icon.social-media-icon-rss:hover{
 
-
background:#ff9b14;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ff9b14), color-stop(1, #ffa124));
 
-
background:-ms-linear-gradient(bottom, #ff9b14, #ffa124);
 
-
background:-moz-linear-gradient(center bottom, #ff9b14 0%, #ffa124 100%);
 
-
background:-o-linear-gradient(#ffa124, #ff9b14);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa124', endColorstr='#ff9b14', GradientType=0);
 
-
border:1px solid #fa8f00;
 
-
}
 
-
@media (max-width: 680px) {
 
-
body.responsive .widget_vantage-social-media{
+
ul.flatflipbuttons li a img{ /* CSS for image if defined inside button */
-
text-align:center;
+
border-width: 0;
 +
vertical-align: middle;
}
}
-
body.responsive .widget_vantage-social-media .social-media-icon{
 
-
display:inline-block;
 
-
float:none;
 
-
}
 
-
}
 
-
/* =Custom Menu Widget in Header Area
 
-
----------------------------------------------- */
 
-
#header-sidebar .widget_nav_menu ul.menu{
 
-
margin:0;
 
-
}
 
-
#header-sidebar .widget_nav_menu ul.menu > li{
 
-
list-style:none;
 
-
display:inline-block;
 
-
margin-right:20px;
 
-
position:relative;
 
-
}
 
-
#header-sidebar .widget_nav_menu ul.menu > li:last-child{
 
-
margin-right:0;
 
-
}
 
-
#header-sidebar .widget_nav_menu ul.menu > li > a{
 
-
display:block;
 
-
text-decoration:none;
 
-
color:#555555;
 
-
font-weight:500;
 
-
padding:0.75em 0;
 
-
line-height:1em;
 
-
}
 
-
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu{
 
-
display:none;
 
-
position:absolute;
 
-
margin:0;
 
-
z-index:100;
 
-
border:1px solid #E6E6E6;
 
-
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
 
-
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
 
-
box-shadow:0 1px 1px rgba(0,0,0,0.1);
 
-
top:2.5em;
 
-
left:-10px;
 
-
background:white;
 
-
}
 
-
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li{
 
-
position:relative;
 
-
list-style:none;
 
-
width:160px;
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
padding:10px 10px;
 
-
}
 
-
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li a{
 
-
display:block;
 
-
text-decoration:none;
 
-
color:#777777;
 
-
}
 
-
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu ul{
 
-
display:none;
 
-
top:-1px;
 
-
left:160px;
 
-
}
 
-
#header-sidebar .widget_nav_menu ul.menu > li > ul.sub-menu{
 
-
border-top:2px solid #00bcff;
 
-
}
 
-
#header-sidebar .widget_nav_menu ul.menu li:hover > ul.sub-menu{
 
-
display:block;
 
-
}
 
-
/* =Some row styling for page builder
 
-
----------------------------------------------- */
 
-
.panel-row-style{
 
-
zoom:1;
 
-
margin:0 -20px;
 
-
padding:25px 20px;
 
-
background-position:center center;
 
-
background-repeat:no-repeat;
 
-
}
 
-
.panel-row-style:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
.panel-row-style:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
.panel-row-style-wide-grey{
 
-
background:#F6F6F6;
 
-
border-top:1px solid #DDDDDD;
 
-
border-bottom:1px solid #DDDDDD;
 
-
}
 
-
.layout-full .panel-row-style{
 
-
margin:0 -1000px;
 
-
padding:25px 1000px 25px 1000px;
 
-
}
 
-
@media (max-width: 680px) {
 
-
body.responsive.layout-boxed .panel-row-style{
+
ul.flatflipbuttons li:hover a{
-
margin:0 -35px;
+
-webkit-transform: rotateY(180deg); /* flip horizontally 180deg*/
-
padding:25px 35px;
+
-moz-transform: rotateY(180deg);
 +
transform: rotateY(180deg);
 +
background: #c1e4ec; /* bgcolor of button onMouseover*/
 +
-webkit-transition-delay: 0.2s;
 +
-moz-transition-delay: 0.2s;
 +
transition-delay: 0.2s;
}
}
-
}
 
-
.panel-grid-cell .flexslider{
+
ul.flatflipbuttons li:hover a span{
-
margin-bottom:0;
+
color: black; /* color of icon font onMouseover */
-
}
+
-webkit-transform: rotateY(180deg);
-
.vantage-carousel-title{
+
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
-
font-size:14px;
+
transform: rotateY(180deg);
-
font-weight:bold;
+
-webkit-transition-delay: 0.2s;
-
color:#3b3b3b;
+
-moz-transition-delay: 0.2s;
-
text-transform:uppercase;
+
transition-delay: 0.2s;
-
line-height:1em;
+
-
}
+
-
.vantage-carousel-title .vantage-carousel-title-text{
+
-
display:inline-block;
+
-
padding-right:15px;
+
-
}
+
-
.vantage-carousel-title a.next,.vantage-carousel-title a.previous{
+
-
display:block;
+
-
float:right;
+
-
height:17px;
+
-
width:17px;
+
-
overflow:hidden;
+
-
text-indent:-9999px;
+
-
background-position:center center;
+
-
margin-left:2px;
+
-
}
+
-
.vantage-carousel-title a.next{
+
-
background: url('images/sprites-1-2.png') no-repeat 0 -18px;
+
-
}
+
-
.vantage-carousel-title a.previous{
+
-
background: url('images/sprites-1-2.png') no-repeat -84px 0;
+
}
}
-
@media screen and (-webkit-min-device-pixel-ratio: 2) {
 
-
.vantage-carousel-title a.next{
+
 
-
background: url(images/retina/carousel-right.png);
+
ul.flatflipbuttons li:hover b{
-
background-size:17px 17px;
+
opacity: 1;
}
}
-
.vantage-carousel-title a.previous{
 
-
background: url(images/retina/carousel-left.png);
 
-
background-size:17px 17px;
 
-
}
 
-
}
 
-
.vantage-carousel-wrapper{
+
/* CSS for 2nd menu below specifically */
-
overflow-x:hidden;
+
 
-
overflow-y:hidden;
+
ul.second li a{
 +
background: #eee !important;
}
}
-
.vantage-carousel-wrapper .vantage-carousel{
 
-
height:200px;
 
-
margin:0;
 
-
padding:0;
 
-
zoom:1;
 
-
width:99999px;
 
-
-webkit-transition:all 0.45s ease;
 
-
-moz-transition:all 0.45s ease;
 
-
-o-transition:all 0.45s ease;
 
-
transition:all 0.45s ease;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry{
 
-
list-style:none;
 
-
margin-left:0;
 
-
padding:0;
 
-
display:block;
 
-
float:left;
 
-
margin-right:15px;
 
-
width:242px;
 
-
overflow-x:hidden;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry:last-child{
 
-
margin-right:0;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail{
 
-
line-height:0;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a{
 
-
display:block;
 
-
width:242px;
 
-
height:162px;
 
-
background-size:242px 162px;
 
-
background-position:center center;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a,.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a span.overlay{
 
-
-webkit-transition:all 0.35s ease;
 
-
-moz-transition:all 0.35s ease;
 
-
-o-transition:all 0.35s ease;
 
-
transition:all 0.35s ease;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a span.overlay{
 
-
display:block;
 
-
width:100%;
 
-
height:100%;
 
-
background:#3279BB;
 
-
opacity:0;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a:hover{
 
-
background-size:272px 182px;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a:hover span{
 
-
opacity:0.5;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .default-thumbnail{
 
-
display:block;
 
-
width:242px;
 
-
height:162px;
 
-
background:#e8e8e8;
 
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #e0e0e0), color-stop(1, #e8e8e8));
 
-
background:-ms-linear-gradient(bottom, #e0e0e0, #e8e8e8);
 
-
background:-moz-linear-gradient(center bottom, #e0e0e0 0%, #e8e8e8 100%);
 
-
background:-o-linear-gradient(#e8e8e8, #e0e0e0);
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e0e0e0', GradientType=0);
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry h3{
 
-
font-size:15px;
 
-
text-align:center;
 
-
font-weight:500;
 
-
color:#474747;
 
-
margin:10px 0 0 0;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry h3 a{
 
-
text-decoration:none;
 
-
color:inherit;
 
-
}
 
-
.vantage-carousel-wrapper .vantage-carousel li.loading{
 
-
display:block;
 
-
width:242px;
 
-
height:162px;
 
-
float:left;
 
-
background:url(images/carousel-loader.gif) #f6f6f6 center center no-repeat;
 
-
margin:0;
 
-
}
 
-
.vantage-grid-loop{
 
-
zoom:1;
 
-
margin:0 -15px 0 -15px;
 
-
}
 
-
.vantage-grid-loop:before{
 
-
content:'';
 
-
display:block;
 
-
}
 
-
.vantage-grid-loop:after{
 
-
content:'';
 
-
display:table;
 
-
clear:both;
 
-
}
 
-
.vantage-grid-loop article{
 
-
float:left;
 
-
width:25%;
 
-
padding:0 15px;
 
-
margin-bottom:30px;
 
-
-ms-box-sizing:border-box;
 
-
-moz-box-sizing:border-box;
 
-
-webkit-box-sizing:border-box;
 
-
box-sizing:border-box;
 
-
border-bottom:none;
 
-
}
 
-
.vantage-grid-loop article .grid-thumbnail{
 
-
display:block;
 
-
padding:5px;
 
-
border:1px solid #c2c5ca;
 
-
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);
 
-
-moz-box-shadow:0 0 4px rgba(0,0,0,0.1);
 
-
box-shadow:0 0 4px rgba(0,0,0,0.1);
 
-
background:#FFFFFF;
 
-
margin-bottom:10px;
 
-
}
 
-
.vantage-grid-loop article .grid-thumbnail:hover{
 
-
border-color:#00bafa;
 
-
-webkit-box-shadow:0 0 5px rgba(0,187,251,0.75);
 
-
-moz-box-shadow:0 0 5px rgba(0,187,251,0.75);
 
-
box-shadow:0 0 5px rgba(0,187,251,0.75);
 
-
}
 
-
.vantage-grid-loop article .grid-thumbnail img{
 
-
width:100%;
 
-
height:auto;
 
-
display:block;
 
-
-webkit-border-radius:0;
 
-
-moz-border-radius:0;
 
-
border-radius:0;
 
-
-webkit-box-shadow:none;
 
-
-moz-box-shadow:none;
 
-
box-shadow:none;
 
-
}
 
-
.vantage-grid-loop article h3{
 
-
font-size:15px;
 
-
font-weight:bold;
 
-
margin-bottom:8px;
 
-
margin-top:0;
 
-
}
 
-
.vantage-grid-loop article h3 a{
 
-
color:inherit;
 
-
text-decoration:none;
 
-
}
 
-
.vantage-grid-loop article .excerpt{
 
-
font-size:12px;
 
-
color:#777777;
 
-
line-height:1.25em;
 
-
height:2.5em;
 
-
overflow:hidden;
 
-
}
 
-
.vantage-grid-loop article .excerpt p{
 
-
margin:0;
 
-
}
 
-
.vantage-grid-loop .clear{
 
-
clear:both;
 
-
}
 
-
.widget_siteorigin-panels-postloop .pagination{
 
-
margin-top:20px;
 
-
}
 
-
@media (max-width: 640px) {
 
-
body.responsive .vantage-grid-loop article,body.responsive .vantage-circleicon-loop .widget_circleicon-widget{
+
ul.second li a:hover{
-
width:50%;
+
background: #ddd !important;
}
}
-
}
 
-
@media (max-width: 480px) {
+
</style>
-
body.responsive .vantage-grid-loop article,body.responsive .vantage-circleicon-loop .widget_circleicon-widget{
 
-
float:none;
 
-
width:100%;
 
-
}
 
-
}
 
-
.vantage-circleicon-loop{
+
<!-- Navigation Menu -->
-
zoom:1;
+
-
margin:0 -20px;
+
-
}
+
-
.vantage-circleicon-loop:before{
+
-
content:'';
+
-
display:block;
+
-
}
+
-
.vantage-circleicon-loop:after{
+
-
content:'';
+
-
display:table;
+
-
clear:both;
+
-
}
+
-
.vantage-circleicon-loop .widget_circleicon-widget{
+
-
width:33.333%;
+
-
float:left;
+
-
clear:none;
+
-
}
+
-
.vantage-circleicon-loop .widget_circleicon-widget .circle-icon-box{
+
-
padding-left:20px;
+
-
padding-right:20px;
+
-
}
+
-
/* This will override anything from WooCommerce core CSS */
+
-
.woocommerce #page-wrapper .button{
+
-
border-top:solid 1px #d2d2d2;
+
-
border-left:solid 1px #c3c3c3;
+
-
border-right:solid 1px #c3c3c3;
+
-
border-bottom:solid 1px #9f9f9f;
+
-
background:#ffffff;
+
-
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
+
-
background:-ms-linear-gradient(bottom, #dfdfdf, #ffffff);
+
-
background:-moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
+
-
background:-o-linear-gradient(#ffffff, #dfdfdf);
+
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
+
-
-webkit-border-radius:3px;
+
-
-moz-border-radius:3px;
+
-
border-radius:3px;
+
-
color:#646464;
+
-
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
+
-
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
+
-
box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
+
-
width:auto;
+
-
text-decoration:none;
+
-
/* Improves usability and consistency of cursor style between image-type 'input' and others */
+
-
cursor:pointer;
+
-
/* Corrects inability to style clickable 'input' types in iOS */
+
-
-webkit-appearance:button;
+
-
line-height:1;
+
-
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
+
-
}
+
-
.woocommerce #page-wrapper h1.page-title{
+
-
color:#3b3b3b;
+
-
font-size:20px;
+
-
font-weight:500;
+
-
line-height:1.35em;
+
-
margin-bottom:1em;
+
-
}
+
-
.woocommerce #page-wrapper h1.page-title a{
+
-
color:inherit;
+
-
text-decoration:none;
+
-
}
+
-
.woocommerce #page-wrapper .product h1.entry-title{
+
-
font-size:22px;
+
-
color:#3b3b3b;
+
-
margin-bottom:20px;
+
-
}
+
-
.woocommerce #page-wrapper .product h1.entry-title a{
+
-
color:inherit;
+
-
text-decoration:none;
+
-
font-weight:bold;
+
-
font-size:20px;
+
-
}
+
-
.woocommerce #page-wrapper .upsells.products h2{
+
-
font-size:14px;
+
-
font-weight:500;
+
-
margin-bottom:1em;
+
-
}
+
-
.woocommerce #page-wrapper .upsells.products ul.products li.product{
+
-
max-width:150px;
+
-
}
+
-
.woocommerce-page #container{
+
-
float:left;
+
-
width:71.287%;
+
-
}
+
-
@media (max-width: 680px) {
+
-
body.responsive.woocommerce-page #container{
+
<style>
-
float:none;
+
-
width:auto;
+
-
}
+
-
body.responsive.woocommerce-page .product-thumbnail{
+
-
display:none;
+
-
}
+
-
body.responsive.woocommerce-page .cart_totals{
+
-
width:100%;
+
-
float:none;
+
-
}
+
-
}
+
-
@media (max-width: 480px) {
+
@font-face {
 +
    font-family: 'FranklinGothicMediumRegular'; /* For non-web-standard fonts, define the font name here */
 +
    src: url('framd-webfont.eot?') format('eot'),  /* Define the directory where you put your fonts under src: url('') and the format of the font (e.g. TrueType) */
 +
        url('framd-webfont.woff') format('woff'),
 +
        url('framd-webfont.ttf') format('truetype'),
 +
        url('framd-webfont.svg#webfontb01Cou6J') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal; /* The style of your font (e.g. italic) */
 +
}
 +
 
 +
body{
 +
} /* Editing this may conflict with the body tag in your main sites css file.  Delete it if you like. */
-
body.responsive.woocommerce-page #container ul.products li.product{
+
a{
-
width:240px;
+
text-decoration:none;
-
float:none;
+
outline:none; /* For keeping links clear of underlines or other decorations */
-
margin-right:auto;
+
}
-
margin-left:auto;
+
 
-
}
+
#menu-wrap{  /* Use this to move the navigator around on your page wherever you want so not to break it by changing other styles */
-
body.responsive.woocommerce-page #content div.product div.images,body.responsive.woocommerce-page #content div.product div.summary{
+
background:none; /* This isn't needed */
-
float:none;
+
height:600px; /* This is important and keeps the navigation in place when hovering over elements in google chrome */
-
width:auto;
+
font-family:Franklin Gothic Medium,Helvetica, Arial, sans-serif; /* If not using Franklin, it will automatically go to the next font in the family */
 +
font-size:13px; /* Establishes the global font size */
 +
letter-spacing: 1px !important; /* Effects spacing between letters for all fonts in the wheel */
 +
 
 +
position: absolute;
 +
    top: 1px;
 +
    right: 10px;
 +
 
 +
}
 +
 
 +
#menu-wrap .orbit{
 +
height: 210px;
 +
      margin: 30px; /* Pushes the images in the display to the center */      position: absolute;
 +
     
 +
      width: 210px;
 +
}
 +
 +
#menu-wrap .orbit-frame{
 +
border:2px solid #999; /* Creates a division between the image and wrap5 */
 +
 
 +
}
 +
 +
/** menu links **/
 +
 +
/** tester **/
 +
ul.menuBuild, ul.menuBuild ul {
 +
  width: 80px;                 /* sets the size of the menu blocks */
 +
  background: rgb(0, 0, 0);
 +
/* RGBa with 0.6 opacity */
 +
background: rgba(0, 0, 0, 0.01); /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
 +
  padding-left: 0px;          /* stops the usual indent from ul */
 +
  margin-left: 76px;            /* Opera 7 final's margin and margin-box model cause problems */
 +
}
 +
 +
ul.menuBuild li {
 +
  list-style-type: none;       /* removes the bullet points */
 +
  position: relative;
 +
  -webkit-border-radius: 4px 0 0 4px; /* webkit browsers */
 +
  -moz-border-radius: 4px 0 0 4px;  /* firefox */
 +
  border-radius: 4px 0 0 4px; /* opera */
 +
  background: none repeat scroll 0 0 #464646; /* Solid background for older browsers to fall back on */
 +
  height: 14px;
 +
  left: -177px;
 +
  padding: 8px;
 +
  margin: 6px 0 0;
 +
  width:140px;
 +
  text-indent:5px;  /* How far the text is from the left edge of the menu */     
 +
  color: #fff; /* sets the default font colour to white */
 +
}
 +
 
 +
ul.menuBuild ul.submenu li{
 +
background: #f2f2f2; /* old browsers */
 +
background: -moz-linear-gradient(left, #565656 0%, #666 3%, #FFF 14%); /* firefox */
 +
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#565656), color-stop(3%,#666), color-stop(14%,#FFF)); /* webkit */
 +
background: url(bg-image.png) no-repeat, linear-gradient(left, #565656 0%, #666 3%, #FFF 14%); /*future CSS3 browsers*/
 +
    -pie-background: url(bg-image.png) no-repeat, linear-gradient(left, #565656 0%, #666 3%, #FFF 14%); /*PIE*/
 +
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#FFF',GradientType=1 );*/ /* ie */
 +
color:#464646;
 +
position:relative;
 +
left:344px; /* This is how the menu ends up on the other side of the wheel */
 +
-webkit-box-shadow: -2px 3px 12px -7px #161616;  /* webkit browsers */
 +
box-shadow: 16px 0 10px -8px #464646 inset; /* opera */
 +
-moz-box-shadow: -2px 3px 12px -7px #161616; /* firefox */
 +
}
 +
 +
ul.menuBuild ul.submenu li.first{
 +
-webkit-transform:rotate(-12deg); /* webkit browsers */
 +
-moz-transform:rotate(-12deg); /* firefox */
 +
-o-transform:rotate(-12deg); /* opera */
 +
-ms-transform: rotate(-12deg); /* for IE9 and future versions */
 +
transform: rotate(-12deg); /* For older broswers */
 +
margin-left: -12px;
 +
opacity: 0.70;
 +
}
 +
 +
ul.menuBuild ul.submenu li.second{
 +
-webkit-transform:rotate(-8deg); /* webkit browsers */
 +
-moz-transform:rotate(-8deg);  /* firefox */
 +
-o-transform:rotate(-8deg);  /* opera */
 +
-ms-transform: rotate(-8deg);  /* for IE9 and future versions */
 +
transform: rotate(-8deg);  /* For older broswers */
 +
margin-left:-3px;
 +
opacity: 0.85;
 +
}
 +
 +
ul.menuBuild ul.submenu li.third{
 +
-webkit-transform:rotate(-4deg);  /* webkit browsers */
 +
-moz-transform:rotate(-4deg);  /* firefox */
 +
-o-transform:rotate(-4deg);  /* opera */
 +
-ms-transform: rotate(-4deg);  /* for IE9 and future versions */
 +
transform: rotate(-4deg);  /* For older broswers */
 +
margin-left:-1px;
 +
opacity: 0.85;
 +
}
 +
 
 +
ul.menuBuild ul.submenu li.fourth{
 +
-webkit-transform:rotate(0deg);  /* webkit browsers */
 +
-moz-transform:rotate(0deg);  /* firefox */
 +
-o-transform:rotate(0deg);  /* opera */
 +
-ms-transform: rotate(0deg);  /* for IE9 and future versions */
 +
transform: rotate(0deg);  /* For older broswers */
 +
margin-left:-3px;
 +
opacity: 0.85;
 +
}
 +
 +
ul.menuBuild ul.submenu li.last{
 +
-webkit-transform:rotate(12deg);  /* webkit browsers */
 +
-moz-transform:rotate(12deg);  /* firefox */
 +
-o-transform:rotate(12deg);  /* opera */
 +
-ms-transform: rotate(12deg);  /* for IE9 and future versions */
 +
transform: rotate(12deg);  /* For older broswers */
 +
margin-left:-12px;
 +
opacity: 0.70;
 +
}
 +
 
 +
ul.menuBuild li > ul{          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
 +
  display: none;        /* make child blocks hover without leaving space for them */
 +
  top: -48px;
 +
  position: absolute;
 +
    right: -86px;
 +
color:#565656;
 +
    width: 160px;
 +
-webkit-border-radius: 0 4px 4px 0; /* webkit */
 +
-moz-border-radius: 0 4px 4px 0;  /* firefox */
 +
border-radius: 0 4px 4px 0; /* opera */
 +
padding: 2px;
 +
    height: 24px; background: rgb(255, 255, 255);  /* Fallback for web browsers that don't support RGBa */
 +
background: rgba(255, 255, 255, 0.00);  /* RGBa with 0.01 opacity */
 +
}
 +
 +
/**ul.menuBuild li span{display:none;}
 +
 +
ul.menuBuild li:hover span{display:block;}**/
 +
 +
  ul.menuBuild li#menu1, ul.menuBuild li#menu2, ul.menuBuild li#menu3, ul.menuBuild li#menu4, ul.menuBuild li#menu5, ul.menuBuild li#menu6{
 +
-webkit-border-radius: 4px 0 0 4px;  /* webkit */
 +
-moz-border-radius: 4px 0 0 4px;  /* firefox */
 +
border-radius: 4px 0 0 4px;  /* opera */
 +
-webkit-box-shadow:-2px 7px 8px -7px #161616;  /* webkit */
 +
-moz-box-shadow:-2px 7px 8px -7px #161616;  /* firefox */
 +
box-shadow:-16px 0 8px -7px #222222 inset;  /* opera */
 +
background: #464646; /* old browsers */
 +
background: -moz-linear-gradient(left, #464646 78%, #363636 97%, #222222 100%); /* firefox */
 +
background: -webkit-gradient(linear, left top, right top, color-stop(78%,#464646), color-stop(97%,#363636), color-stop(100%,#222222)); /* webkit */
 +
background: linear-gradient(left, #464646 78%, #363636 97%, #222222 100%); /*future CSS3 browsers*/
 +
-pie-background: linear-gradient(left, #464646 78%, #363636 97%, #222222 100%); /*IE fix using Pie*/
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#222222',GradientType=1 ); /* ie */
 +
      height: 18px;
 +
      padding: 8px;
 +
      position: absolute;
 +
margin-top:145px;
 +
width:138px;
 +
      margin-left:14px;
 +
 +
 
 +
}
 +
 
 +
ul.menuBuild li#menu2{
 +
-webkit-transform:rotate(20deg); /* webkit */
 +
-moz-transform:rotate(20deg);  /* firefox */
 +
-o-transform:rotate(20deg); /* opera */
 +
-ms-transform: rotate(20deg); /* ie9 and future versions */
 +
transform: rotate(20deg); /* older browsers */
 +
    margin-top: 0px;
 +
margin-left:35px;
 +
}
 +
 
 +
ul.menuBuild li#menu3{
 +
-webkit-transform:rotate(15deg);  /* webkit */
 +
-moz-transform:rotate(15deg); /* firefox */
 +
-o-transform:rotate(15deg); /* opera */
 +
-ms-transform: rotate(15deg); /* ie9 and future versions */
 +
transform: rotate(15deg); /* older browsers */
 +
    margin-top: 35px;
 +
margin-left:20px;
 +
}
 +
 +
ul.menuBuild li#menu4{
 +
-moz-transform: rotate(10deg); /* firefox */
 +
-ms-transform: rotate(10deg); /* ie9 and future versions */
 +
transform: rotate(10deg); /* older browsers */
 +
-webkit-transform: rotate(10deg); /* webkit */
 +
-o-transform: rotate(10deg); /* opera */
 +
    margin-top: 70px;
 +
margin-left:16px;
 +
}
 +
 
 +
ul.menuBuild li#menu5{
 +
-moz-transform: rotate(5deg); /* firefox */
 +
-ms-transform: rotate(5deg); /* ie9 and future versions */
 +
transform: rotate(5deg); /* older browsers */
 +
-webkit-transform: rotate(5deg); /* webkit */
 +
-o-transform: rotate(5deg); /* opera */
 +
    margin-top: 108px;
 +
margin-left:12px;
 +
}
 +
 
 +
ul.menuBuild li#menu6{
 +
-moz-transform: rotate(-6deg); /* firefox */
 +
-ms-transform: rotate(-6deg); /* ie9 and future versions */
 +
transform: rotate(-6deg); /* older browsers */
 +
-webkit-transform: rotate(-6deg); /* webkit */
 +
-o-transform: rotate(-6deg); /* opera */
 +
    margin-top: 183px;
 +
margin-left:21px;
 +
}
 +
 
 +
 
 +
 +
 +
/***********************************
 +
Here's some support for the sub-menus
 +
************************************/
 +
 +
ul.menuBuild li#menu1 > ul{
 +
margin-top:-55px;
 +
left:0px;
 +
}
 +
 +
ul.menuBuild li#menu2 > ul{
 +
-webkit-transform:rotate(10deg); /* webkit */
 +
-moz-transform:rotate(10deg); /* firefox */
 +
-o-transform:rotate(10deg); /* opera */
 +
-ms-transform: rotate(10deg); /* ie9 and future versions */
 +
transform: rotate(10deg); /* older browsers */
 +
left: 17px;
 +
    margin-top: -38px;
 +
}
 +
 +
ul.menuBuild li#menu3 > ul{
 +
-webkit-transform:rotate(21deg); /* webkit */
 +
-moz-transform:rotate(21deg); /* firefox */
 +
-o-transform:rotate(21deg); /* opera */
 +
-ms-transform: rotate(-21deg); /* ie9 and future versions */
 +
transform: rotate(-21deg); /* older browsers */
 +
left: 16px;
 +
    margin-top: -39px;
 +
}
 +
 +
ul.menuBuild li#menu4 > ul{
 +
-webkit-transform:rotate(0deg); /* webkit */
 +
-moz-transform:rotate(0deg); /* firefox */
 +
-o-transform:rotate(0deg); /* opera */
 +
-ms-transform: rotate(0deg); /* ie9 and future versions */
 +
transform: rotate(0deg); /* older browsers */
 +
left: 0px;
 +
    margin-top: -40px;
 +
}   
 +
 
 +
ul.menuBuild li#menu5> ul{
 +
-webkit-transform:rotate(0deg); /* webkit */
 +
-moz-transform:rotate(0deg); /* firefox */
 +
-o-transform:rotate(0deg); /* opera */
 +
-ms-transform: rotate(0deg); /* ie9 and future versions */
 +
transform: rotate(0deg); /* older browsers */
 +
left: 0px;
 +
    margin-top: -50px;
 +
}             
 +
 
 +
ul.menuBuild li#menu6> ul{
 +
-webkit-transform:rotate(42deg); /* webkit */
 +
-moz-transform:rotate(42deg); /* firefox */
 +
-o-transform:rotate(42deg); /* opera */
 +
-ms-transform: rotate(42deg); /* ie9 and future versions */
 +
transform: rotate(42deg); /* older browsers */
 +
left: 0px;
 +
    margin-top: -50px;
 +
}             
 +
 +
 
 +
 
 +
 
 +
ul.menuBuild li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements, the > targets only the child ul, not any child uls of that child ul */
 +
  display: block;  /* makes the child block visible - one of the most important declarations */
 +
  position:absolute;
 +
  left:0;
 +
  width:400px;
 +
  height:200px;
 +
}
 +
 +
/**********************************************************
 +
and some link styles
 +
*********************************************************/
 +
 +
ul.menuBuild ul.submenu li a{
 +
color:#464646;  /* the color of submenu fonts */
 +
opacity:0.65;  /* This blends the font in with the background */
 +
filter:alpha(opacity=65);
 +
}
 +
 +
ul.menuBuild ul.submenu li a:hover{
 +
opacity:1.0;  /* and this brings the font opacity back to 100% */
 +
filter:alpha(opacity=100)
 +
}
 +
 +
ul.menuBuild li a {  /* for the main menu links */
 +
color: #fff;
 +
display: block;
 +
width: 100%;
 +
}
 +
 +
ul.menuBuild li:hover > a {
 +
color: #fff;
 +
border-left:solid 5px #ff6600;  /* the indicator for when an item is hovered over */
 +
} /* do not use display: block; */
 +
 +
.sub1, .sub2, .sub3, .sub4{ /* You can use this to individually style your sub-menu items */
 +
}
 +
 +
/******************************************************
 +
Now we get to the containers
 +
******************************************************/
 +
 
 +
.wrap1, .wrap2, .wrap3, .wrap4, .wrap5, .nav-holder{  /* styles all of the wheel containers */
 +
-moz-border-radius: 220px;  /* firefox */
 +
-webkit-border-radius: 220px; /* webkit */
 +
border-radius: 220px;  /* opera */
 +
-moz-box-shadow: 0 0 5px 0 #262626;  /* firefox */
 +
-webkit-box-shadow: 0 0 5px 0 #262626; /* webkit */
 +
box-shadow: 0 0 5px 0 #262626; /* opera */
 +
margin:0 auto;  
 +
position:relative !important;  /* Do not touch unless you know what you are doing */
 +
top:20px;
 +
}
 +
 
 +
.nav-holder{
 +
-moz-box-shadow: none; /* Sharpens the wheel */
 +
}
 +
 
 +
.wrap1{
 +
background: #FFFF00; /* old browsers */
 +
background: -moz-linear-gradient(top, #FFFF00 0%, #FFCC00 100%); /* firefox */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFF00), color-stop(100%,#FFCC00)); /* webkit */
 +
background: linear-gradient(top, #FFFF00 0%, #FFCC00 100%); /*future CSS3 browsers*/
 +
-pie-background: linear-gradient(top, #FFFF00 0%, #FFCC00 100%); /*IE fix using Pie*/
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#FFCC00',GradientType=0 ); /* ie */
 +
height:394px;
 +
width:394px;
 +
}
 +
 
 +
.wrap2{
 +
background: #FFCC00; /* old browsers */
 +
background: -moz-linear-gradient(top, #FFCC00 0%, #FF9900 100%); /* firefox */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC00), color-stop(100%,#FF9900)); /* webkit */
 +
background: linear-gradient(top, #FFCC00 0%, #FF9900 100%); /*future CSS3 browsers*/
 +
-pie-background: linear-gradient(top, #FFCC00 0%, #FF9900 100%); /*IE fix using Pie*/
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC00', endColorstr='#FF9900',GradientType=0 ); /* ie */
 +
height:354px;
 +
width:354px;
 +
}
 +
 
 +
.wrap3{
 +
background: #FF9900; /* old browsers */
 +
background: -moz-linear-gradient(top, #FF9900 0%, #FF6600 100%); /* firefox */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9900), color-stop(100%,#FF6600)); /* webkit */
 +
background: linear-gradient(top, #FF9900 0%, #FF6600 100%); /*future CSS3 browsers*/
 +
-pie-background: linear-gradient(top, #FF9900 0%, #FF6600 100%); /*IE fix using Pie*/
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9900', endColorstr='#FF6600',GradientType=0 ); /* ie */
 +
height:314px;
 +
width:314px;
 +
}
 +
 
 +
.wrap4{  
 +
background: #FF6600; /* old browsers */
 +
background: -moz-linear-gradient(top, #FF6600 0%, #FF3300 100%); /* firefox */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6600), color-stop(100%,#FF3300)); /* webkit */
 +
background: linear-gradient(top, #FF6600 0%, #FF3300 100%); /*future CSS3 browsers*/
 +
-pie-background: linear-gradient(top, #FF6600 0%, #FF3300 100%); /*IE fix using Pie*/
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6600', endColorstr='#FF3300',GradientType=0 ); /* ie */
 +
-moz-box-shadow: 0 0 15px 2px #262626;
 +
-webkit-box-shadow: 0 0 15px 2px #262626;
 +
box-shadow: 0 0 15px 2px #262626;
 +
height:274px;
 +
width:274px;
 +
}
 +
 +
.wrap5{
 +
-moz-box-shadow: 0 0 15px 5px #262626 inset; /* firefox */
 +
-webkit-box-shadow: 0 0 15px 5px #262626 inset;  /* webkit */
 +
box-shadow: 0 0 15px 1px #262626 inset;  /* opera */
 +
    border: 20px solid #FFD48E;  /* creates the wrap to see the image behind it */
 +
    height: 214px;
 +
    top: 10px;  /* center the element */
 +
    width: 214px;
 +
}
 +
 +
.nav-holder{
 +
background: none repeat scroll 0 0 transparent;
 +
    border-color: #222;  /***  The border declarations are used to create the final wrapper, middle see through and hides the right border to show the submenus */
 +
    border-style: solid hidden solid double;
 +
    border-width: 73px medium 73px 73px;
 +
    height: 252px;
 +
    margin: -92px;  /*  center the object on relative elements */
 +
    top: 0;
 +
    width: 324px;
 +
}
 +
 +
.completer, .completer2{ /** absolute elements to hide the border of images **/
 +
-moz-border-radius: 0 120px 0 113px;  /* firefox */
 +
-webkit-border-radius: 0 120px 0 113px; /* webkit */
 +
border-radius: 0 120px 0 113px; /* opera */
 +
    -moz-transform: rotate(-20deg); /* firefox */
 +
-webkit-transform: rotate(-21deg); /* webkit */
 +
-o-transform: rotate(-20deg); /* opera */
 +
-ms-transform: rotate(-20deg); /* ie9 and future versions */
 +
transform: rotate(-20deg); /* older browsers */
 +
    background-attachment: scroll;
 +
    background-color: #222222;
 +
    background-image: none;
 +
    background-position: 0 0;
 +
    background-repeat: repeat;
 +
    height: 131px;
 +
    position: absolute;
 +
    right: -21px;
 +
    top: -50px;
 +
    width: 130px;
 +
}
 +
 +
.completer2{
 +
-moz-transform: rotate(108deg); /* firefox */
 +
-webkit-transform: rotate(109deg); /* webkit */
 +
-o-transform: rotate(108deg); /* opera */
 +
-ms-transform: rotate(108deg); /* ie9 and future versions */
 +
transform: rotate(108deg); /* older browsers */
 +
    top: 194px;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script>
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#slider').s3Slider({
 +
            timeOut: 5000
 +
        });
 +
    });
 +
</script>
 +
 
 +
 
 +
 
 +
<!-- beginning of your page -->
 +
 
 +
 
 +
<!--  Menu-->'
 +
 
 +
 
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>Wheeltz - CSS3 Navigational Wheel Menu</title>
 +
<link rel="stylesheet" href="styles/wheel/sunpeach.css" media="screen" />
 +
<!--[if lt IE 9]>
 +
<link rel="stylesheet" href="styles/ie.css" media="screen" />
 +
<![endif]-->
 +
 
 +
<style>
 +
img {
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 0px;
 +
 
 +
 
}
}
-
body.responsive.woocommerce-page table.shop_table td,body.responsive.woocommerce-page table.shop_table th{
 
-
padding-left:3px;
 
-
padding-right:3px;
 
-
}
 
-
body.responsive.woocommerce-page #content table.cart .actions .coupon{
 
-
float:none;
 
-
}
 
-
body.responsive.woocommerce-page #content table.cart .actions .coupon #coupon_code{
 
-
margin-bottom:6px;
 
-
}
 
-
body.responsive.woocommerce-page #content table.cart .actions .coupon input{
 
-
float:none;
 
-
display:block;
 
-
width:100%;
 
-
}
 
-
body.responsive.woocommerce-page #content table.cart .actions > input{
 
-
float:none;
 
-
display:block;
 
-
width:100%;
 
-
margin-bottom:6px;
 
-
}
 
-
body.responsive.woocommerce-page #content table.cart .actions > input.checkout-button{
 
-
margin-bottom:0;
 
-
}
 
-
body.responsive.woocommerce-page .col2-set .col-1,body.responsive.woocommerce-page .col2-set .col-2{
 
-
display:block;
 
-
float:none;
 
-
width:auto;
 
-
}
 
-
}
 
-
/* The WooCommerce Widgets */
+
</style>
-
.widget .product_list_widget{
+
 
-
margin:0;
+
 
-
list-style:none;
+
 
-
margin-right:-10px;
+
</head>
-
zoom:1;
+
 
-
}
+
<body>
-
.widget .product_list_widget:before{
+
 
-
content:'';
+
 
-
display:block;
+
<img src="https://static.igem.org/mediawiki/2013/0/00/Colombiatop.png" width="1330px" height="450px" align="left" >
-
}
+
 
-
.widget .product_list_widget:after{
+
<div id="menu-wrap">
-
content:'';
+
<div class="wrap1">
-
display:table;
+
<div class="wrap2">
-
clear:both;
+
<div class="wrap3">
-
}
+
<div class="wrap4">
-
.widget .product_list_widget li{
+
<span class="img1"><img class="orbit orbit-frame" src="https://static.igem.org/mediawiki/2014/2/2b/Logocolombiaigem.jpg" alt="card08" /></span>
-
-ms-box-sizing:border-box;
+
 
-
-moz-box-sizing:border-box;
+
<div class="completer"></div>
-
-webkit-box-sizing:border-box;
+
<div class="completer2"></div>
-
box-sizing:border-box;
+
<div class="wrap5">
-
margin-left:0;
+
<div class="nav-holder">
-
width:33%;
+
 
-
padding-right:10px;
+
<!-- start navigation menu !-->
-
float:left;
+
 
-
text-align:center;
+
<ul class="menuBuild">
-
margin-bottom:10px;
+
 
-
}
+
  <li id="menu1"><a href="https://2014.igem.org/Team:Colombia/Modeling">Modelling</a>
-
.widget .product_list_widget li img{
+
 
-
width:100%;
+
    <ul class="submenu sub1">
-
height:auto;
+
      <li class="first"><a href="https://2014.igem.org/Team:Colombia/Deterministic">Deterministic</a></li>
-
}
+
      <li class="second"><a href="https://2014.igem.org/Team:Colombia/Stochastic">Stochastic </a></li>
-
.widget .product_list_widget li a{
+
      <li class="third"><a href="https://2014.igem.org/Team:Colombia/Parameters">Parameters</a></li>
-
text-decoration:none;
+
      <li class="fourth"><a href="https://2014.igem.org/Team:Colombia/Scripting">Scripting</a></li>
-
color:#444444;
+
    </ul>
-
font-weight:500;
+
-
line-height:1.1em;
+
  </li>
-
}
+
 
-
.widget .product_list_widget li span.amount{
+
  <li id="menu2"><a href="https://2014.igem.org/Team:Colombia/Projectt">Project</a>
-
display:block;
+
  </li>
-
}
+
 
 +
  <li id="menu3"><a href="https://2014.igem.org/Team:Colombia/Parts">Parts</a>   
 +
 
 +
  </li>
 +
 
 +
  <li id="menu4"><a href="https://2014.igem.org/Team:Colombia/WetLab">Wet Lab</a>
 +
   
 +
<ul class="submenu sub4">
 +
 
 +
      <li class="first"><a href="https://2014.igem.org/Team:Colombia/Notebook"></a>Notebook</li>
 +
      <li class="second"><a href="https://2014.igem.org/Team:Colombia/Interlabb">Interlab</a></li>
 +
      <li class="third"><a href="https://2014.igem.org/Team:Colombia/Safety">Safety</a></li>
 +
          </ul>
 +
  </li>
 +
 
 +
 
 +
  <li id="menu5"><a href="https://2014.igem.org/Team:Colombia/Team">Team</a>
 +
 
 +
<ul class="submenu sub5">
 +
 
 +
      <li class="first"><a href="https://2014.igem.org/Team:Colombia/Attributions"></a>Attributions</li>
 +
      <li class="second"><a href="https://2014.igem.org/Team:Colombia/Members">Members</a></li>
 +
      <li class="third"><a href="https://2014.igem.org/Team:Colombia/Judging">Judging</a></li>
 +
      <li class="fourth"><a href="https://igem.org/Team.cgi?id=1455">Oficial site</a></li>
 +
    </ul>
 +
 
 +
 
 +
  </li>
 +
 
 +
<li id="menu6"><a href="https://2014.igem.org/Team:Colombia/HPPt">Human Practices</a> 
 +
  </li>
 +
 
 +
 
 +
 
 +
</ul>
 +
 
 +
<!-- end menu !-->
 +
 
 +
</div><!-- nav holder !-->
 +
</div><!-- wrap5 !-->
 +
</div><!-- wrap4 !-->
 +
</div><!-- wrap3 !-->
 +
</div><!-- wrap2 !-->
 +
</div><!-- wrap1 !-->
 +
</div><!-- menu-wrap !-->
 +
 
 +
 
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<ul class="flatflipbuttons">
 +
 
 +
<li><a href="https://2014.igem.org/Team:Colombia" title="Home"><span class="icon-home"></span></a> <b>Home</b></li>
 +
<li><a href="http://www.uniandes.edu.co"><span class="icon-book"></span></a> <b>University</b></li>
 +
<li><a href="http://www.facebook.com/colombia.igem"><span class="icon-facebook"></span></a> <b>Facebook</b></li>
 +
<li><a href="http://twitter.com/Colombia_igem1"><span class="icon-twitter"></span></a> <b>Twitter</b></li>
 +
 
 +
</ul>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</body>
 +
</div>
 +
</html>
 +
 
 +
 
 +
<!-- end of page -->

Latest revision as of 17:28, 22 August 2014

' Wheeltz - CSS3 Navigational Wheel Menu

  • Home
  • University
  • Facebook
  • Twitter