/* Theme Name: BrasserieMontBlanc Theme URI: http://underscores.me/ Author: NewQuest Author URI: http://underscores.me/ Description: Description Version: 1.0-wpcom License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: brasseriemontblanc Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. BrasserieMontBlanc is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Reset 2.0 - Typography 3.0 - Elements 4.0 - Forms 5.0 - Navigation 5.1 - Links 5.2 - Menus 6.0 - Accessibility 7.0 - Alignments 8.0 - Clearings 9.0 - Widgets 10.0 - Content 10.1 - Posts and pages 10.2 - Asides 10.3 - Comments 11.0 - Infinite scroll 12.0 - Media 12.1 - Captions 12.2 - Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - 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%; overflow-y: scroll;-webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%; } *, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} article,aside,details,figcaption,figure,footer,header,main,nav,section {display: block;} ol,ul {list-style: none;} table { 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 {outline: 0;} a img {border: 0;} /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ body{color:#434343; font: normal 20px 'source_sans_pro', sans-serif;} input,textarea {color: #404040; font-family: 'nexa', arial, sans-serif; font-size: 14px;line-height: 1.5;} h1,h2,h3,h4,h5,h6 {clear: both;} a, a:hover,a:focus,a:active {cursor: pointer;color:#434343; text-decoration:none;} p {margin-bottom: 1.5em;} b,strong {font-weight: 600;} dfn,cite,em {font-style: italic;} blockquote {margin: 0 1.5em;} address {margin: 0 0 1.5em;} pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 1.5rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;} code,kbd,tt,var {font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} 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; color:#df0025} sub {top: .5ex;} small {font-size: 75%;} big {font-size: 125%;} i{font-family:"icomoon";} i.right{margin-left:5px;} i.left{margin-right:5px;} .pointer{cursor:pointer} .hidden{display:none;} .block{display:block} .inline-block{display:inline-block} .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden } .clearfix:after {clear: both} .clearfix {zoom: 1} .clear{clear:both} .uppercase{text-transform:uppercase;} .underline{text-decoration:underline;} .italic{font-style:italic;} .align_middle{display:inline-block; vertical-align:middle} .align_center{text-align:center;} .align_left{text-align:left;} .align_right{text-align:right;} .float-right{float:right;} .float-left{float:left;} .border_radius{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* border radius */} .shadow{-moz-box-shadow: 0 0 6px rgba(1,1,1,.2); /* drop shadow */-webkit-box-shadow: 0 0 6px rgba(1,1,1,.2); /* drop shadow */box-shadow: 0 0 6px rgba(1,1,1,.2); /* drop shadow */} .border_radius_top{-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px;border-top-right-radius: 5px;} p.nomargin{margin:0;} /* color typo */ .white{color:#ffffff;} .grey_light{color:#f0f0f0} .grey{color:#a1a1a1} .grey_medium{color:#717171} .grey_dark{color:#434343} .black{color:#434343} .red{color:#e00025} .blue{color:#182a80} .gradient_red{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHkxPSI1MCUiIHgyPSIxMDAlIiB5Mj0iNTAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmMDAyNSIgc3RvcC1vcGFjaXR5PSIwLjYyIi8+CjxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjZGYwMDI1IiBzdG9wLW9wYWNpdHk9IjAuNjIiLz4KPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiNlYjgzNTMiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgo8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2YzYWI3NyIgc3RvcC1vcGFjaXR5PSIwLjYyIi8+CjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmZkZDhkIiBzdG9wLW9wYWNpdHk9IjAuNjIiLz4KPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNmM2FiNzciIHN0b3Atb3BhY2l0eT0iMC42MiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYjgzNTMiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */ background-image: -moz-linear-gradient(left, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 58.23%, rgba(236,131,84,.62) 78.05%, rgba(244,172,120,.62) 85.91%, rgba(255,222,142,.62) 90.45%, rgba(244,172,120,.62) 95.21%, rgba(236,131,84,.62) 100%); background-image: -o-linear-gradient(left, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 58.23%, rgba(236,131,84,.62) 78.05%, rgba(244,172,120,.62) 85.91%, rgba(255,222,142,.62) 90.45%, rgba(244,172,120,.62) 95.21%, rgba(236,131,84,.62) 100%); background-image: -webkit-linear-gradient(left, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 58.23%, rgba(236,131,84,.62) 78.05%, rgba(244,172,120,.62) 85.91%, rgba(255,222,142,.62) 90.45%, rgba(244,172,120,.62) 95.21%, rgba(236,131,84,.62) 100%); background-image: linear-gradient(left, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 58.23%, rgba(236,131,84,.62) 78.05%, rgba(244,172,120,.62) 85.91%, rgba(255,222,142,.62) 90.45%, rgba(244,172,120,.62) 95.21%, rgba(236,131,84,.62) 100%); } /* style typo*/ .title_default{text-align:center; padding:30px 0 40px;} .heading1{font-size:25px; color:#242424; font-weight:600; font-family:"nexa", arial, sans-serif; line-height:28px; text-transform: uppercase; margin:0; padding:0;} .heading2{display:block;font-size:50px; line-height:52px; color:#e00025; font-weight:normal; font-family:"alex_brush", arial, sans-serif; text-shadow: 0 1px 0 #fff; margin:0; padding:0;} .text_default{font-size:15px; line-height:18px; color:#717171; font-weight:normal; font-family:"source_sans_pro", arial, sans-serif; margin:0; padding:0;} .black_heading1{font-size:52px; libx-prevne-height:50px; color:#f0f0f0; font-weight:normal; font-family:"alex_brush", arial, sans-serif; margin:0; padding:0;} .black_heading2{font-size:18px; line-height:20px; color:#f0f0f0; font-weight:600; font-family:"source_sans_pro", arial, sans-serif; margin:0; padding:0;} .black_text_default{font-size:15px; line-height:18px; color:#b7b7b7; font-weight:normal; font-family:"source_sans_pro", arial, sans-serif; margin:0; padding:0;} .black_text_default strong{color:#ffffff; font-weight:600; font-family:"source_sans_pro", arial, sans-serif; margin:0; padding:0;} .black.rte h1{text-transform:uppercase; color:#f0f0f0; font-size:20px; line-height:22px; font-weight:700; font-family:"nexa", arial, sans-serif} .black.rte h2{text-transform:uppercase; color:#f0f0f0; font-size:20px; line-height:24px; font-weight:600; font-family:"nexa", arial, sans-serif} .rte h2{font-size:40px; line-height:38px; color:#e00025; font-weight:normal; font-family:"alex_brush", arial, sans-serif;} .rte h2:after{position:relative; display:block ; content:''; background:url(img/sep_horizontal_black.png) no-repeat; width:443px; height:2px; margin-bottom:10px;} .rte h3{font-size:20px; line-height:22px; color:#242424; margin-bottom:1.5em; font-weight:600; font-family:"source_sans_pro", arial, sans-serif;} .rte h4{font-size:18px; line-height:21px; color:#242424; margin-bottom:1.5em;} /* font-typo */ .nexa_bold{ font-weight:600; font-family:"nexa", arial, sans-serif} .nexa{ font-weight:normal; font-family:"nexa", arial, sans-serif} .nexa_black{ font-weight:700; font-family:"nexa", arial, sans-serif} .alex_brush { font-weight:normal; font-family:"alex_brush", arial, sans-serif} .hominis { font-weight:normal; font-family:"hominis", arial, sans-serif} .source_bold { font-weight:600; font-family:"source_sans_pro", arial, sans-serif} .source_italic { font-weight:normal; font-style:italic; font-family:"source_sans_pro", arial, sans-serif} .source { font-weight:normal; font-family:"source_sans_pro", arial, sans-serif} .font_icon { font-weight:normal; font-family:"icomoon", arial, sans-serif} .border_banniere{z-index:1; position:absolute; width:100%; top:0;} .border_banniere .left, .border_banniere .right{position:absolute; top:0;; width:30%; height:100%;} .border_banniere .left{z-index:1; position:absolute; left:0;} .border_banniere .right{z-index:1; position:absolute; right:0;} /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;} ul,ol {} ul {list-style: none;} ol {list-style: decimal;} dt {font-weight: bold;} dd {margin: 0 1.5em 1.5em;} figure {margin: 0;} table {margin: 0 0 1.5em;width: 100%;} th {font-weight: bold;} .lightbox_video, .block{display:inline-block; width:100%; height:100%;} .content-column{padding:0 10px;} #page{position:relative;} /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ button,input,select,textarea, .button {font-size: 100%; margin: 0; vertical-align: baseline; font-family:'nexa'; } button, .button, input[type="button"],input[type="reset"],input[type="submit"] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;cursor: pointer; -webkit-appearance: none;font-size: 14px;line-height: 1;} button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {} button.red, .button.red{ display:inline-block; color:#ffffff; font-size:14px; text-transform: uppercase; -moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box; background-color: #df0025; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHkxPSI1MCUiIHgyPSIxMDAlIiB5Mj0iNTAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmMDAyNSIgc3RvcC1vcGFjaXR5PSIwLjYyIi8+CjxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjZGYwMDI1IiBzdG9wLW9wYWNpdHk9IjAuNjIiLz4KPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiNlYjgzNTMiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgo8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2YzYWI3NyIgc3RvcC1vcGFjaXR5PSIwLjYyIi8+CjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmZkZDhkIiBzdG9wLW9wYWNpdHk9IjAuNjIiLz4KPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNmM2FiNzciIHN0b3Atb3BhY2l0eT0iMC42MiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYjgzNTMiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */ background-image: -moz-linear-gradient(left, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 58.23%, rgba(236,131,84,.62) 78.05%, rgba(244,172,120,.62) 85.91%, rgba(255,222,142,.62) 90.45%, rgba(244,172,120,.62) 95.21%, rgba(236,131,84,.62) 100%); background-image: -o-linear-gradient(left, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 58.23%, rgba(236,131,84,.62) 78.05%, rgba(244,172,120,.62) 85.91%, rgba(255,222,142,.62) 90.45%, rgba(244,172,120,.62) 95.21%, rgba(236,131,84,.62) 100%); background-image: -webkit-linear-gradient(left, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 58.23%, rgba(236,131,84,.62) 78.05%, rgba(244,172,120,.62) 85.91%, rgba(255,222,142,.62) 90.45%, rgba(244,172,120,.62) 95.21%, rgba(236,131,84,.62) 100%); background-image: linear-gradient(left, rgba(224,0,37,.62) 0%, rgba(224,0,37,.62) 58.23%, rgba(236,131,84,.62) 78.05%, rgba(244,172,120,.62) 85.91%, rgba(255,222,142,.62) 90.45%, rgba(244,172,120,.62) 95.21%, rgba(236,131,84,.62) 100%); background-size: 200% auto; background-position: 100% 0; transition: background-position 0.5s; } button.red:hover, .button.red:hover{ background-position: 0 0; } button.red_reverse, .button.red_reverse{ display:inline-block; color:#ffffff; font-size:14px; text-transform: uppercase; -moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box; background-color: #df0025; background-image: -moz-linear-gradient(left, rgba(236,131,84,.62) 0%, rgba(244,172,120,.62) 5%, rgba(255,222,142,.62) 10%, rgba(244,172,120,.62) 15%, rgba(236,131,84,.62) 25%, rgba(224,0,37,.62) 38%, rgba(224,0,37,.62) 100%); background-image: -o-linear-gradient(left, rgba(236,131,84,.62) 0%, rgba(244,172,120,.62) 5%, rgba(255,222,142,.62) 10%, rgba(244,172,120,.62) 15%, rgba(236,131,84,.62) 25%, rgba(224,0,37,.62) 38%, rgba(224,0,37,.62) 100%); background-image: -webkit-linear-gradient(left, rgba(236,131,84,.62) 0%, rgba(244,172,120,.62) 5%, rgba(255,222,142,.62) 10%, rgba(244,172,120,.62) 15%, rgba(236,131,84,.62) 25%, rgba(224,0,37,.62) 38%, rgba(224,0,37,.62) 100%); background-image: linear-gradient(left, rgba(236,131,84,.62) 0%, rgba(244,172,120,.62) 5%, rgba(255,222,142,.62) 10%, rgba(244,172,120,.62) 15%, rgba(236,131,84,.62) 25%, rgba(224,0,37,.62) 38%, rgba(224,0,37,.62) 100%); background-size: 200% auto; background-position: 0 0; transition: background-position 0.5s; } button.red_reverse:hover, .button.red_reverse:hover{ background-position: 100% 0; } .button.medium{height:32px; line-height:32px; padding:0 15px;} .button.medium i{font-size:23px;} input[type="checkbox"],input[type="radio"] {padding: 0;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;} input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="tel"],textarea { color: #666; border: 1px solid #ccc; border-radius: 3px;} input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="tel"]:focus,textarea:focus {color: #111;} input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="tel"] {padding: 3px;} textarea {overflow: auto;padding-left: 3px;vertical-align: top; width: 100%;} /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .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;} /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- 12.1 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- 12.2 Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -15px; left:0; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-controls { width:960px; margin:0 auto; } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #e4e4e4; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 3px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #e00025; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 60px; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .bx-wrapper .bx-next { right: 60px; } .bx-wrapper .bx-controls-direction a { position: absolute; width:40px; height:40px; display:block; top: 50%; outline: 0; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a:after{ position:absolute; top:0; display:block; content: "\65"; font-family:'icomoon'; color:#ffffff; font-size:40px; text-indent:initial; opacity: .5; /* layer alpha */ -moz-text-shadow: 0 0 4px rgba(1,1,1,.15); /* drop shadow */ -webkit-text-shadow: 0 0 4px rgba(1,1,1,.15); /* drop shadow */ text-shadow: 0 0 4px rgba(1,1,1,.15); /* drop shadow */ } .bx-wrapper .bx-controls-direction a:hover:after{ opacity:1; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* Dropdown control */ .selectBox-dropdown { min-width: 150px; position: relative; line-height: 20px; text-decoration: none; text-align: left; outline: none; vertical-align: middle; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; cursor: default; color: #666; border: 1px solid #ccc; } .selectBox-dropdown.selectBox-menuShowing-bottom { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectBox-dropdown.selectBox-menuShowing-top { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .selectBox-dropdown .selectBox-label { padding: 6px 8px; display: inline-block; white-space: nowrap; overflow: hidden; height: 24px; } .selectBox-dropdown .selectBox-arrow { position: absolute; top: 40%; right: 3%; } /* Dropdown menu */ .selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; background: #FFF; overflow: auto; -webkit-overflow-scrolling: touch; border: 1px solid #ccc; } /* Inline control */ .selectBox-inline { min-width: 150px; outline: none; border: 1px solid #ccc; background: #FFF; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: auto; } .selectBox-inline:focus { border-color: #666; } /* Options */ .selectBox-options, .selectBox-options LI, .selectBox-options LI A { font-size:15px; list-style: none; display: block; cursor: default; padding: 0; margin: 0; } .selectBox-options.selectBox-options-top{ border-bottom:none; margin-top:1px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .selectBox-options.selectBox-options-bottom{ border-top:none; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .selectBox-options LI A { line-height: 20px; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; } .selectBox-options LI.selectBox-hover A { background-color: #ffdbe1; } .selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; } .selectBox-options LI.selectBox-selected A { background-color: #e00025; color:white; } .selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 20px; padding: 0 .3em; white-space: nowrap; } /* Disabled state */ .selectBox.selectBox-disabled { color: #888 !important; } .selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; } .selectBox-inline.selectBox-disabled { color: #888 !important; } .selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; }