Great deal at Sprouts for Ground Flexseed!
Buy (1) at $5.99!
Use (1) $2 off one spectrum dietary supplements( http://www.spectrumorganics.com/coupons/)
Pay: $3.99! for a 14oz Bag
This gap is here to allow you to see the text tool bar for the header bar below. When site is published, the gap will disappear
Archives/* CSS Documents */ /* ---------------------- HTML5 RESET ------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input{ margin:0; padding:0} button:active, button, button:hover, button:focus, button:visited{outline: none !important;} /* ---------------------- HELPER CLASS -------------------------- */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* -------------------------------------------------------------- */ html { height: 100%; } body { width: 100%; height: 100%; margin: 0; padding: 0; } /* ---------------------- SCROLL BAR ------------------------ */ ::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#a2a2a2}::-webkit-scrollbar-thumb{background:#555;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#626262;cursor:pointer}::-webkit-scrollbar-thumb:active{background:#484848} /* ---------------------- ICONTENT -------------------------- */ .note{display:none;} #icontent .note{display:block;} #icontent .note p{ color: #f31846; text-align: center;} #icontent .note.gray p{ color: #ffffff;} /* ------------------------ FONTS ------------------------------- */ @font-face{ font-family:'FontAwesome'; src: url('fontawesome-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body, h1,h2,h3,h4,h5,p, div,.wsite-elements .wsite-image div, .wsite-elements .wsite-caption, .imageGallery .galleryCaptionInnerText p, .imageGallery .galleryCaptionInnerText,.blog-post, b { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; line-height: 120%; } b{color: #333333;} h1 { line-height: 110%; font-size: 80px; color: #444444; margin-bottom: 5px; } #page-title h1, #page-title h1 span { font-size: 28px; letter-spacing: 4px; text-transform: uppercase; text-align: center; color: #444444; } h2, h2 span { color: #2f2f2f; font-size: 42px; margin-bottom: 8px; } h3 { font-size: 22px; } h4{ font-size: 18px; font-weight: normal; font-weight: 200; } p, p span { font-family: 'Crimson Text', serif; color: #2f2f2f; font-size: 18px; margin-bottom: 8px; line-height: 145%; } a, a:link { color: #cea525; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } blockquote { font-size: 22px; font-style: italic; font-weight: bold; line-height: 140% !important; font-family: 'Crimson Text', serif; font-weight: normal; border-top: 1px solid #c0c0c0 !important; border-bottom: 1px solid #c0c0c0 !important; border-left: none !important; border-right: none !important; padding: 15px; } blockquote:before { content: open-quote; font-size: 120px; margin-right: 0.25em; margin-top: -16px; float: left; vertical-align: -0.4em; line-height: 100%; font-family: 'Lora', serif; } .wsite-theme-light hr.styled-hr { border-top: 1px solid #aaaaaa !important; background: none; } .wsite-theme-dark hr.styled-hr { border-top: 1px solid #ffffff !important; background: none; } ::-moz-selection { background-color: #699ba8; color: #fff; } ::selection { background-color: #699ba8; color: #fff; } div.paragraph ol, div.paragraph ol li { list-style: decimal outside !important; margin: 3px 0 15px 0 !important; } div.paragraph ul, div.paragraph ul li { list-style: disc outside !important; margin: 3px 0 15px 0 !important; } /* ------------------------------------ BUTTON -------------------------------- */ .wsite-button { background: #191919 !important; color: #fff !important; border: none; padding: 6px 20px 6px 5px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } #footer-content .wsite-button, #footer-content .wsite-button.wsite-button-large.wsite-button-highlight:hover, #footer-content .wsite-button.wsite-button-small.wsite-button-highlight:hover { background: #f2f2f2 !important; color: #333333 !important; } .wsite-button.wsite-button-inner { padding-right: 10px; } .wsite-button:hover, .wsite-editor .wsite-button:hover, .wsite-button:hover .wsite-button-inner, .wsite-editor .wsite-button:hover .wsite-button-inner { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; border: none; -webkit-transition: .4s ease-out; -moz-transition: .4s ease-out; -o-transition: .4s ease-out; -ms-transition: .4s ease-out; transition: .4s ease-out; } .wsite-button-inner { display: block; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 200 !important; font-style: normal; border: none; text-decoration: none; background: transparent !important; } .wsite-button.wsite-button-large .wsite-button-inner {font-size: 22px; line-height: 1 !important;} .wsite-button.wsite-button-small .wsite-button-inner {font-size: 16px; line-height: 1 !important;} .wsite-button.wsite-button-large{ padding: 18px 17px 20px 3px !important; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .wsite-button.wsite-button-small{ padding: 10px 17px 12px 3px !important; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; } .wsite-button.wsite-button-large.wsite-button-highlight, .wsite-button.wsite-button-small.wsite-button-highlight, #footer-content .wsite-button.wsite-button-large.wsite-button-highlight, #footer-content .wsite-button.wsite-button-small.wsite-button-highlight{ color: #ffffff !important; display: inline-block; border: none; background: rgba(230,197,93,1) !important; border: 1px solid #f7f7f7 !important; } .wsite-button.wsite-button-large.wsite-button-normal, .wsite-button.wsite-button-small.wsite-button-normal { color: #ffffff !important; display: inline-block; border: none; background: #000 !important; } .wsite-button.wsite-button-large.wsite-button-normal .wsite-button-inner, .wsite-button.wsite-button-large.wsite-button-highlight .wsite-button-inner, .wsite-button.wsite-button-small.wsite-button-normal .wsite-button-inner, .wsite-button.wsite-button-small.wsite-button-highlight .wsite-button-inner { height: auto !important; text-align: center !important; white-space: normal !important; margin: 0 !important; } .wsite-button.wsite-button-small.wsite-button-highlight:hover, .wsite-button.wsite-button-large.wsite-button-highlight:hover { background: #000000 !important; opacity: 1 !important; -webkit-transition: .4s ease-out; -moz-transition: .4s ease-out; -o-transition: .4s ease-out; -ms-transition: .4s ease-out; transition: .4s ease-out; } .wsite-button.wsite-button-small.wsite-button-normal:hover, .wsite-button.wsite-button-large.wsite-button-normal:hover { background: rgba(230,197,93,1) !important; -webkit-transition: .4s ease-out; -moz-transition: .4s ease-out; -o-transition: .4s ease-out; -ms-transition: .4s ease-out; transition: .4s ease-out; } .wsite-button.wsite-button-small.wsite-button-normal:hover .wsite-button-inner, .wsite-button.wsite-button-large.wsite-button-normal:hover .wsite-button-inner, .wsite-button.wsite-button-small.wsite-button-highlight:hover .wsite-button-inner, .wsite-button.wsite-button-large.wsite-button-highlight:hover .wsite-button-inner { background: none !important; -webkit-transition: .4s ease-out; -moz-transition: .4s ease-out; -o-transition: .4s ease-out; -ms-transition: .4s ease-out; transition: .4s ease-out; } /* Form & Search */ .wsite-form-label, .wsite-form-sublabel { font: 13px/120% 'Open Sans', Arial; color: #888; } .wsite-form-field div.wsite-form-input-container .wsite-form-input, .wsite-search-element-input, .wsite-editor .wsite-search-element-input, form#wsite-header-search-form{ background: #fff !important; padding: 12px 8px !important; border: 1px solid #DDD; border-radius: 3px; font-size: 13px; color: #777; line-height: 20px; font-family: "Georgia"; } #wsite-header-search-form .wsite-search-input, #wsite-header-search-form .wsite-editor .wsite-form-input { background: none; border: 0; padding: 4px !important; width: 300px; } #wsite-header-search-form .wsite-search-button, .wsite-editor .wsite-search-button { display: inline-block; vertical-align: top; width: 34px; height: 26px; background: none; cursor: pointer; } /* -------------------------------------------------------------- LAYOUT --------------------------------------------------------------- */ /* GENERAL */ .text-box-dark{ padding: 30px !important; background: rgba(0,0,0,0.8) !important; } .text-box-light { padding: 30px !important; background: rgba(255,255,255,0.8) !important; } .xsmall-padding { padding: 10px 0; } .small-padding { padding: 20px 0; } .med-padding { padding: 30px 0; } .large-padding { padding: 45px 0; } .xlarge-padding { padding: 65px 0; } .aligncenter { text-align: center; } .sidebar-page div#content { background: none; width: 100%; padding: 0; } .column2{ width: 50%; min-width: 500px; float: left; } .column3 { width: 200px; min-width: 200px; min-height: 300px; padding: 25px 20px; background: url('sidebarbg.jpg'); border-left: 1px solid #eee; vertical-align: top; } .column3 .weebly-area { min-width: 200px; min-height: 300px; } .column32 { min-height: 300px; min-width: 730px; padding-right: 30px; vertical-align: top; } div.sidebar-content { min-height: 200px; padding: 25px 45px; } .table{display: table;} .table-content{display: table-cell;} .center-content.table { height: 100%; margin: 0 auto;} .center-content.table .table-content {vertical-align: middle;} .overflow-hidden{overflow: hidden;} .overflow-visible{overflow: visible;} /* ---------------------------------- CONTENT ---------------------------------- */ #wrapper{ width: 100%; height: auto; min-width: 1024px; padding: 0; margin: 0; background: #ffffff; } #icontent #wrapper{margin-top: 34px;} .frame{ width: 1000px; margin: 0 auto; padding: 0; position: relative; } #feature { background: #f2f2f2; height: auto; min-height: 50px; width: 100%; margin: 0 auto; } #page-title { border-bottom: 1px solid #eee; } #main{ width:100%; height: auto; min-height: 400px; background: url('contentbg.jpg'); } /* --- HEADER ---- */ #bar{ background: url('barbg.jpg') repeat 0 0; width: 100%; height: auto; } #bar .frame{padding: 10px 0;} .bar-text p, .bar-text p span{ font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 14px; letter-spacing: 2px; padding: 0; margin: 0; text-align: left; float: left; } .social-frame { float:right; } #search-button { float: right; padding-left: 15px; cursor: pointer; } .search-bar{ position: absolute; top: 36px; padding: 10px; background: url('barbg.jpg') repeat 0 0; right: 0; display: none; z-index: 999; } /* --------- Social ---------- */ .wsite-social-item, .wsite-editor .wsite-social-item { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: none; margin-left: 4px; font-size: 26px; line-height: 1; padding: 6px 0 0 0; width: 38px; height: 34px; border: 1px solid; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .social-frame .wsite-social-item, .social-frame .wsite-editor .wsite-social-item { font-size: 16px; height: 16px; padding: 3px 0 0 0; width: 28px; border: none; } a.wsite-social-item, .wsite-editor a.wsite-social-item {text-decoration: none;} a.wsite-social-item, .wsite-editor a.wsite-social-item {color: #e6c55d;} .social-frame a.wsite-social-item:hover, .social-frame .wsite-editor a.wsite-social-item:hover, .af-search:hover {color: #dfdfdf;} a.wsite-social-item:hover, .wsite-editor a.wsite-social-item:hover {color: #000000;} .wsite-social-item.wsite-social-facebook span.wsite-social-item-inner:before {content: "\f09a";} .wsite-social-item.wsite-social-pinterest span.wsite-social-item-inner:before {content: "\f0d2";} .wsite-social-item.wsite-social-twitter span.wsite-social-item-inner:before {content: "\f099";} .wsite-social-item.wsite-social-linkedin span.wsite-social-item-inner:before {content: "\f0e1";} .wsite-social-item.wsite-social-mail span.wsite-social-item-inner:before {content: "\f003";} .wsite-social-item.wsite-social-rss span.wsite-social-item-inner:before {content: "\f09e";} .wsite-social-item.wsite-social-flickr span.wsite-social-item-inner:before {content: "\f16e";} .wsite-social-item.wsite-social-plus span.wsite-social-item-inner:before {content: "\f0d5";} .wsite-social-item.wsite-social-vimeo span.wsite-social-item-inner:before {content: "\f194";} .wsite-social-item.wsite-social-yahoo span.wsite-social-item-inner:before {content: "\f19e";} .wsite-social-item.wsite-social-youtube span.wsite-social-item-inner:before {content: "\f167";} /* Search Button & Bar */ .af-search, #wsite-header-search-form .wsite-search-button span.wsite-search-button-inner { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; -ms-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; background: transparent !important; font-size: 13px; border: 1px solid; padding: 4px 0; text-align: center; width: 26px; } #wsite-header-search-form .wsite-search-button span.wsite-search-button-inner{ border: none; font-size: 26px; color: #000000; padding: 0; } #wsite-header-search-form .wsite-search-button span.wsite-search-button-inner:hover{color: #8d8d8d;} #search-button .af-search::before, #wsite-header-search-form .wsite-search-button span.wsite-search-button-inner::before {content: "\f002";} /* LOGO & MENU */ #header{ width: 100%; height: auto; padding: 0; margin: 0; } .navContainer{ width: 100%; height: auto; background: url('navbg.jpg') repeat; } .logo { width: 100%; min-height: 20px; height: auto; margin: 0 auto; text-align: center; } span.wsite-logo {line-height: 1;} #logo, #logo a, #wsite-title { color: #2a2a2a !important; text-decoration: none !important; font-family: "Open Sans", sans-serif; font-size: 44px; font-weight: lighter; font-weight: 300; line-height: 1; } /* Navigation Menu */ #navigation{ text-align:center; border-bottom: 1px solid #eee; border-top: 1px solid #eee; float: none; height: auto; } #navigation a, #icontent #navigation li:last-child a{ display:inline-block; text-decoration:none; line-height: 1; padding: 20px 16px; border-right: 1px solid #eee; } #navigation li:last-child a, #icontent #navigation span:last-child li a{border-right: none;} #navigation ul{margin: 0; list-style: none;} #navigation li{display:inline;} #wsite-menus .wsite-menu-wrap { z-index: 5000; margin: 0; } #wsite-menus .wsite-menu { padding: 0; margin: 0; list-style: none; } #wsite-menus .wsite-menu li { width: 162px; text-align: left; margin-top: 2px;} #wsite-menus .wsite-menu li a { border: none; display: block; background-color: #ffffff; text-decoration: none; font-size: 12px; font-weight: normal; line-height:1; padding: 5px 0px; color: #000; font-family: Helvetica, sans-serif; width: 160px; height: auto; border: 1px solid #eee; } #wsite-menus .wsite-menu-wrap, #wsite-menus .wsite-menu-wrap { z-index: 5000; margin: 0; postiion: relative !important; } /* HEADER IMAGE */ .sliderContainer {position: relative;} .wsite-background, .wsite-header, .header-plugin{ background-repeat: no-repeat !important; background-position: 50% 0 !important; -webkit-background-size: auto 100% !important; -moz-background-size: auto 100% !important; -o-background-size: auto 100% !important; background-size: auto 100% !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .header-plugin { height: 500px; background: url('default_header.jpg') center top; } #landing-header-image.wsite-background { background: url('landing_header.jpg'); height: 650px; } #dd-header-image.wsite-background { background: url('dd_header.jpg'); height: auto; min-height: 300px; } #video-header-image.wsite-background { background: url('dd_header.jpg'); height: auto; min-height: 400px; } #tall-header-image.wsite-header { background: url('tall_header.jpg'); height: 480px; } #short-header-image.wsite-header { background: url('short_header.jpg'); height: 350px; } /* HEADER CONTENT */ .landing-page #header-text {width: 900px; margin: 0 auto;} #bannerright { width: 100%; height: auto; padding: 20px 0; text-align: center; } #bannerright p, #bannerright p span { font-family: 'Open Sans', sans-serif;} .landing-page #bannerright p, .landing-page #bannerright p span {font-size: 20px; margin-bottom: 15px;} #icontent.dd-header #header-text{ min-height: 200px;} .video-header #header-text td{width: 500px;} .video-header #bannerright{width: 400px; background: rgba(255,255,255,0.8); padding: 20px;} /* ----------------------------- STORE ------------------------------ */ /* Check out */ h2.wsite-checkout-header{font-sizE: 44px;} #wsite-com-checkout-list th, #wsite-com-checkout-summary-list th, #wsite-com-checkout-list td, #wsite-com-checkout-summary-list td { border-bottom: 1px solid #cccccc; } .wsite-com-category-product-name.wsite-com-link-text, .wsite-com-product-price { text-align: center; } #wsite-com-product-buy #wsite-com-product-add-to-cart { color: #ffffff !important; display: inline-block; background: #8cc100 !important; border: 1px solid #5d7902; padding-right: 30px !important; height: 26px; opacity: 1; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } li.wsite-nav-cart::after, #wsite-com-product-buy #wsite-com-product-add-to-cart::after{ font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 26px; content: "\f07a"; background: none !important; } #wsite-com-product-add-to-cart .wsite-button-inner {font-size: 26px;} /* Product */ #wsite-com-product-tab-long { padding: 30px; background: url('product-contentbg.jpg'); border: 1px solid #ddd; } #wsite-com-product-buy #wsite-com-product-add-to-cart:hover .wsite-button-inner{ transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; background: none !important; opacity: 1; } #wsite-com-product-buy #wsite-com-product-add-to-cart:hover{ transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; background: #698e02 url('cartbutton.png') right top no-repeat !important; border: 1px solid #415800; opacity: 1; -webkit-transition: .4s ease-out; -moz-transition: .4s ease-out; -o-transition: .4s ease-out; -ms-transition: .4s ease-out; transition: .4s ease-out; } #wsite-com-product-quantity-input { background: #fff !important; border: solid 1px #aaa; border-radius: 3px; padding: 7px !important; } .wsite-field { background: #ffffff url('dropdownarrow.png') right top no-repeat !important; color: #444444; padding-right: 2.5em; border: 0; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: .5em; margin: 0; cursor: pointer; border: solid 1px #aaa; } .wsite-field:hover { background: #ffffff url('dropdownarrow-hover.png') right top no-repeat !important; } #wsite-com-featured-title { font-size: 48px; font-weight: 300; } #wsite-mini-cart {margin-left: -20px;} .wsite-com-product-price-amount, .wsite-com-product-price-currency-prefix {font-size: 36px;} .wsite-com-category-product-name.wsite-com-link-text, .wsite-com-product-price .wsite-com-price, .wsite-com-product-price.single-sale-price .wsite-com-sale-price {font-size: 18px;} .wsite-com-product-price .wsite-com-price, .wsite-com-product-price.single-sale-price .wsite-com-sale-price { font-weight: normal;} .wsite-com-product-price.single-sale-price .wsite-com-sale-price, #wsite-com-product-price-sale .wsite-com-product-price-amount {color:#34495e;} /* Category Page */ .wsite-com-category-product-image-wrap.wsite-imageaspectratio-image-wrap { -webkit-transition: -webkit-box-shadow 0.2s linear,background-color 0.2s linear; -moz-transition: -moz-box-shadow 0.2s linear,background-color 0.2s linear; -o-transition: -o-box-shadow 0.2s linear,background-color 0.2s linear; transition: box-shadow 0.2s linear,background-color 0.2s linear; } .wsite-com-category-product-image-wrap.wsite-imageaspectratio-image-wrap:hover { -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.25); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px rgba(0,0,0,0.25); } #icontent .wsite-com-category-product-image-wrap.wsite-imageaspectratio-image-wrap { margin-bottom: 5px; } img.wsite-com-category-product-image.wsite-imageaspectratio-image { transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transition: all 0.7s !important; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition: all 0.7s; z-index: 1; } img.wsite-com-category-product-image.wsite-imageaspectratio-image:hover { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transition: all 0.7s !important; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition: all 0.7s; z-index: 11; } /* CheckOut */ button.wsite-button.wsite-button-large.wsite-button-highlight.wsite-checkout-button {background: #2ec5cc !important;} button.wsite-button.wsite-button-large.wsite-button-highlight.wsite-checkout-button:hover {background: #000000 !important;} /* ---------------------------- DD TAB ------------------------------------------ */ .button { text-align:center; position:relative; z-index:10; -webkit-transform:translateZ(0); } .button a { position:relative; z-index:10; text-align:center; display:block; cursor:pointer; padding:10px 0; text-transform:uppercase; letter-spacing:2px; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; text-decoration: none; white-space: nowrap; } .button a .arrow { content:''; position:absolute; z-index:9; left:50%; bottom:0px; width:0; height:0; margin-left:-12px; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #222; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px); } .button.active a .arrow { -webkit-transform:translateY(12px); -moz-transform:translateY(12px); transform:translateY(12px); } #tabs_container { width: 100%; float: none; text-align: center; } .tab-content { padding-top: 40px; } #tabs { margin: 30px 0; list-style: none; -webkit-padding-start: 0; } #tabs li { display: inline; line-height: 400%; background: none !important; } #tabs li.active{background: none !important;} .tab-button a{display:inline; padding: 7px 18px;} .tab-button a .arrow {bottom: -9px;} #tabs_content_container{padding: 0 2%;} #icontent .tab_content, #icontent .tab-content{ min-height: 300px; border: 2px #919191 dashed; margin-bottom: 40px; } #tab2, #tab3, #tab4, #tab5, #tab6 {display:none;} #icontent #tab2, #icontent #tab3, #icontent #tab4, #icontent #tab5, #icontent #tab6 {display:block;} /* ------------------------------------ FOOTER ------------------------------------ */ #footer{ background: url('http://static1.squarespace.com/static/55db6298e4b0c02d897f1d96/t/560eab73e4b0ea07826d228a/1443801974365/Wood-planks-0.jpg?format=1500w'); width: 100%; height: auto; maring: 0 auto; } #footer-content .wsite-elements.wsite-not-footer h2, #footer-content .wsite-elements.wsite-not-footer p, #footer-content a.wsite-social-item:hover, #footer-content .wsite-editor a.wsite-social-item:hover, #footer-content b, #footer-content h2, #footer-content p, #footer-content .wsite-elements .wsite-image div {color: #f7f7f7;} #icontent #footer-content{border: 2px dashed #9B9B9B; min-height: 100px;} .copyright, .copyright p, .copyright p span{color: #444444; text-align: center; margin: 0;} #footer-content p a:hover, #bar p a:hover{color: #ffffff;} /* ---------------------------------------------------------------------------------------/ CUSTOMIZATION AREA - HERE YOU CAN CUSTOMIZE SOME PROPERTIES OF THE THEME BELOW / -------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------/ NAVIGATION TAB STYLING / ------------------------------------------------------------------------------ */ /* Change color of Main navigation Text here */ #navigation a, .af-search, a.wsite-social-item, .wsite-editor a.wsite-social-item, li.wsite-nav-cart::after { background: ; color: #248d6c; } /* Change mouse over color of Main navigation Bar here */ #navigation a:hover, #active a { background: ; color: #e6c55d; } /* Change mouse over color of subnavigation bar here */ #wsite-menus .wsite-menu li a:hover, #wsite-menus .wsite-menu li.weebly-nav-current a{ background: #ffffff; color: #e6c55d;} /* Change navigation font style of Main navigation Bar here */ #navigation, li.w-menu-item a { font-family: 'Open Sans',sans-serif; font-size: 16px !important;} /* Change navigation font style of subnavigation Bar here */ #wsite-menus .wsite-menu li a, #wsite-menus .wsite-menu li a { font-family: 'Open Sans', sans-serif; font-size: 16px;} /* Change sub-menu drop down background */ #wsite-menus .wsite-menu li a {background: #ffffff;} /* -------------------------------------------------------------------------------/ FOOTER LINK STYLING / ------------------------------------------------------------------------------ */ #footer a, #footer a:active { color: #248d6c; } #footer a:hover { color: ; /*Change footer mouse over hover link color here*/ } #footer a:focus, #footer a:visited { color: ; /*Change footer visited link color here*/ } /* -------------------------------------------------------------------------------/ TAB STYLING / ------------------------------------------------------------------------------ */ /* Edit Tab Font Styling */ .button a, #tabs li a span.wsite-text{ font-weight: 500; font-size: 18px; font-family: 'Open Sans', sans-serif; color: #248d6c; } /* Edit Tab Color */ .button a, #tabs li { background:#222 !important;} /* Edit Tab Arrow Color */ .button a .arrow { border-top-color: #222;} /* Edit Tab Hover Color */ .tab-button .active a, #tabs li.active a span.wsite-text { background:#e6c55d !important; color: #000000 !important; } /* Edit Tab Arrow Hover Color */ .desktop .button a:hover .arrow, .tab-button .active a .arrow { border-top-color: #e6c55d;} /* -------------------------------------------------------------------------------/ PLUGIN AREA - ADD YOUR PLUGIN CSS CODES BELOW / ------------------------------------------------------------------------------ */ /* plugin for index.html start HERE */ /*------------------------------------------------------- INFINITE-SWIPER SLIDER PLUGIN CUSTOMIZABLE AREA ------------------------------------------------------ */ /* -------------------- CUSTOMIZABLE AREA HERE ----------------------- */ .infinite-container { background: #ffffff; } /* ------------------------------------------------------ DO NOT EDIT ------------------------------------------------------ */ .infinite-container { width: 100%; max-height: 443px; overflow-y: hidden; } #icontent .infinite-container { background: url('scroll-message.jpg') right top; overflow-y: scroll; } .swiper-slide { width: 1024px; position: relative; } .swiper-slide-active { opacity: 1; } .infinite-overlay { position: absolute; width: inherit; padding: 0; margin: 0; } .slide-content { max-width: 750px; margin: 40px auto; max-height: 320px; overflow: hidden; } .infinite-bgimg, .infinite-bgimg .weebly-image-area-placeholder { width: 1024px !important; max-height: 443px !important; overflow: hidden; } .mobile-display{display:none;} #icontent .infinite-container .slide-content .weebly-area.wsite-elements.wsite-not-footer, #icontent .infinite-container .weebly-content-area .inside, #icontent .infinite-container .weebly-area.wsite-elements.wsite-not-footer{ max-height: 320px; overflow: hidden; } .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #222; margin-right: 8px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .arrow-left { display: block; background: url(circle_arrow_left.png) no-repeat left top; position: absolute; left: 2%; top: 43%; width: 68px; height: 69px; background-position: 0 -69px; } .arrow-right { display: block; background: url(circle_arrow_right.png) no-repeat left bottom; position: absolute; right: 2%; top: 43%; width: 68px; height: 69px; background-position: 0 -69px; } a.arrow-right:hover, a.arrow-left:hover {background-position: 0 0;} #icontent .arrow-left, #icontent .arrow-right {display:none;} /*------------------------------------------------------- INFINITE-SWIPER CSS END ------------------------------------------------------ */ } /*------------------------------------------------------- INFINITE-CAROUSEL SLIDER PLUGIN CUSTOMIZABLE AREA ------------------------------------------------------ */ .infinite-container { width: 100%; height: 443px;/* change height */ overflow: hidden; } /* -------------------------------------------------------------------------------/ SPLASH PAGE AREA - ADD YOUR SPLASH PAGE CSS CODES BELOW / ------------------------------------------------------------------------------ */ /* Splash Page Starts here */ /* -------------------------------------------------------------------------------/ WIDGET AREA - ADD YOUR WIDGET CSS CODES BELOW / ------------------------------------------------------------------------------ */ /* DivTag Widgets Starts here */ /*------------------------------------------------------------ Blog Element Skin Style 4 ------------------------------------------------------------*/ /***************** Blog Reset *************************/ .blog-post { border: none; padding: 0; margin-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; border-bottom-color: none; background: none; /* Old browsers */ background: -webkit-gradient(none); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(none); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(none); /* FF3.6+ */ background: -o-linear-gradient(none); /* Opera11.10+ */ background: -ms-linear-gradient(none); /* IE10+ */ filter: -progid:DXImageTransform.Microsoft.gradient(none); /* IE6-9 */ background: linear-gradient(none); /* W3C */ } p.blog-comments { background: none !important; } p.blog-date { background: none !important; } .blog-post .paragraph.editable-text, .wsite-page-blog #content div.paragraph { background: none !important; } .blog-sidebar { background-color: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; border-top: 0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; padding: 0 !important; } /****************************************************/ .blog-body .blog-post{ background: url(blogbg.gif); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5); box-shadow: inset 0 0 10px rgba(0,0,0,0.5); border: 1px solid #a0a0a0; margin: 0 0 30px 0 !important; } .blog-post .blog-header{ margin: 15px 15px 0 15px !important; padding: 20px !important; background-color: #ffffff; width: auto !important; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); box-shadow: 0 0 8px rgba(0,0,0,0.2); } .blog-comments .blog-link, #blogTable .blog-header .blog-comments a { background: url(comment-icon.png)top right no-repeat; padding: 0 30px 10px 0 !important; margin: 15px 0 0 0 !important; float: right; } .blog-post .blog-header, .blog-post .blog-header h2.blog-title, .blog-post .blog-header div a{line-height: 115% !important;} h2.blog-title {font-size: 36px;} .blog-post .blog-date .date-text {margin-top: 15px;} .blog-post .blog-separator{ background: #ffffff; margin: 0 15px !important; padding: 0 !important; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; height: 3px; } .blog-post .blog-content{ background: #ffffff; margin: 0 15px 40px 15px !important; padding: 20px !important; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); box-shadow: 0 0 8px rgba(0,0,0,0.2); } .blog-body .blog-social{ float: left; margin-left: 30px; } .blog-comments-bottom .blog-link, .blog-body .blog-comments-bottom a{ margin: 0 0 30px 325px !important; background: white; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 10px 15px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); box-shadow: 0 0 8px rgba(0,0,0,0.2); font-size: 14px; color: #4f4f4f; } /*------------------------------------- End Style 4 --------------------------------------*/Categories |
Arrows may not center when in edit mode. Once site is published, the arrow will be centered on the tab
When the site is published, this border and note will not show up.
Drag & drop your tab 1 content here
Drag & drop your tab 2 content here
Drag & drop content here