1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048 |
- /*
- Theme Name: bml
- Theme URI: http://cantbuymelove.org
- Author: windhamdavid
- Author URI: http://davidawindham.com
- /* Thanks!
- https://github.com/dhg Dave Gamache
- https://github.com/Automattic/_s - Team Automattic
- https://plus.google.com/104610899646415406748/about - James Grieshaber
- */
- @import url(https://fonts.googleapis.com/css?family=Reenie+Beanie);
- /* =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%;
- }
- body {
- background: #fff;
- }
- 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;
- }
- #bml { width: 400px; height: 45px; margin: 90px 20px 5px;}
- .hasCountdown {
- background-color: #fff;
- }
- .countdown_rtl {
- direction: rtl;
- }
- .countdown_holding span {
- color: #000;
- }
- .countdown_row {
- clear: both;
- width: 100%;
- padding: 0px 2px;
- text-align: center;
- }
- .countdown_show1 .countdown_section {
- width: 98%;
- }
- .countdown_show2 .countdown_section {
- width: 48%;
- }
- .countdown_show3 .countdown_section {
- width: 32.5%;
- }
- .countdown_show4 .countdown_section {
- width: 24.5%;
- }
- .countdown_show5 .countdown_section {
- width: 19.5%;
- }
- .countdown_show6 .countdown_section {
- width: 16.25%;
- }
- .countdown_show7 .countdown_section {
- width: 14%;
- }
- .countdown_section {
- display: block;
- float: left;
- font-size: 120%;
- font-family:Reenie Beanie;
- text-align: left;
- }
- .countdown_amount {
- font-size: 300%;
- font-family:Reenie Beanie;
- }
- .countdown_descr {
- display: block;
- width: 100%;
- }
- body,
- button,
- input,
- select,
- textarea {
- color: #404040;
- font-size: 18px;
- font-size: 1.6rem;
- line-height: 1.5;
- }
- h1, h2, h3, h4, h5, h6 {
- clear: both;
- }
- hr {
- background-color: #ccc;
- border: 0;
- height: 1px;
- margin-bottom: 1.5em;
- }
- p {
- margin-bottom: 1.5em;
- }
- ul, ol {
- margin: 0 0 1.5em 3em;
- }
- ul {
- list-style: disc;
- }
- ol {
- list-style: decimal;
- }
- li > ul,
- li > ol {
- 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;
- 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;
- }
- sub {
- top: .5ex;
- }
- small {
- font-size: 75%;
- }
- big {
- font-size: 125%;
- }
- figure {
- margin: 0;
- }
- table {
- margin: 0 0 1.5em;
- width: 100%;
- }
- th {
- font-weight: bold;
- }
- img {
- height: auto;
- max-width: 100%;
- }
- textarea {
- overflow: auto;
- padding-left: 3px;
- vertical-align: top;
- width: 98%;
- }
- a {
- color: royalblue;
- }
- a:visited {
- color: purple;
- }
- a:hover,
- a:focus,
- a:active {
- color: midnightblue;
- }
- .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;
- }
- .screen-reader-text {
- clip: rect(1px, 1px, 1px, 1px);
- position: absolute !important;
- }
- .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;
- }
- .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;
- }
- #inline button {
- font-family: Reenie Beanie;
- text-decoration: none !important;
- position:relative;
- margin:10px;
- padding: 8px 15px;
- font-weight: bold;
- font-size: 18px;
- background: #1275FF;
- border: 1px solid #155FB0;
- color: white;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
- background-image: -webkit-gradient(linear, left top, left bottom, from(#77B7FF), to(#017AFF));
- background-image: -moz-linear-gradient(top, #77B7FF, #017AFF);
- background-image: -o-linear-gradient(top, #77B7FF, #017AFF);
- -webkit-box-shadow: inset 0 1px 0 #98c9ff;
- -moz-box-shadow: inset 0 1px 0 #98c9ff;
- box-shadow: inset 0 1px 0 #98c9ff;
- -o-border-radius: 4px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- cursor: pointer; cursor: hand;
- }
- #inline a button {
- text-decoration: none !important;
- }
- #fancybox-loading {
- position: fixed;
- top: 50%;
- left: 50%;
- width: 40px;
- height: 40px;
- margin-top: -20px;
- margin-left: -20px;
- cursor: pointer;
- overflow: hidden;
- z-index: 1104;
- display: none;
- }
- #fancybox-loading div {
- position: absolute;
- top: 0;
- left: 0;
- width: 40px;
- height: 480px;
- background-image: url('img/fancybox.png');
- }
- #fancybox-overlay {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- z-index: 1100;
- display: none;
- }
- #fancybox-tmp {
- padding: 0;
- margin: 0;
- border: 0;
- overflow: auto;
- display: none;
- }
- #fancybox-wrap {
- position: absolute;
- top: 0;
- left: 0;
- padding: 20px;
- z-index: 1101;
- outline: none;
- display: none;
- }
- #fancybox-outer {
- position: relative;
- width: 100%;
- height: 100%;
- background: #fff;
- }
- #fancybox-content {
- width: 0;
- height: 0;
- padding: 0;
- outline: none;
- position: relative;
- overflow: hidden;
- z-index: 1102;
- border: 0px solid #fff;
- }
- #fancybox-hide-sel-frame {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: transparent;
- z-index: 1101;
- }
- #fancybox-close {
- position: absolute;
- top: -15px;
- right: -15px;
- width: 30px;
- height: 30px;
- background: transparent;
- cursor: pointer;
- z-index: 1103;
- display: none;
- }
- #fancybox-error {
- color: #444;
- font: normal 12px/20px Arial;
- padding: 14px;
- margin: 0;
- }
- #fancybox-img {
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- border: none;
- outline: none;
- line-height: 0;
- vertical-align: top;
- }
- #fancybox-frame {
- width: 100%;
- height: 100%;
- border: none;
- display: block;
- }
- #fancybox-left, #fancybox-right {
- position: absolute;
- bottom: 0px;
- height: 100%;
- width: 35%;
- cursor: pointer;
- outline: none;
- background: transparent url('img/blank.gif');
- z-index: 1102;
- display: none;
- }
- #fancybox-left {
- left: 0px;
- }
- #fancybox-right {
- right: 0px;
- }
- #fancybox-left-ico, #fancybox-right-ico {
- position: absolute;
- top: 50%;
- left: -9999px;
- width: 30px;
- height: 30px;
- margin-top: -15px;
- cursor: pointer;
- z-index: 1102;
- display: block;
- }
- #fancybox-left-ico {
- background-image: url('img/fancybox.png');
- background-position: -40px -30px;
- }
- #fancybox-right-ico {
- background-image: url('img/fancybox.png');
- background-position: -40px -60px;
- }
- #fancybox-left:hover, #fancybox-right:hover {
- visibility: visible; /* IE6 */
- }
- #fancybox-left:hover span {
- left: 20px;
- }
- #fancybox-right:hover span {
- left: auto;
- right: 20px;
- }
- .fancybox-bg {
- position: absolute;
- padding: 0;
- margin: 0;
- border: 0;
- width: 20px;
- height: 20px;
- z-index: 1001;
- }
- #fancybox-bg-n {
- top: -20px;
- left: 0;
- width: 100%;
- background-image: url('img/fancybox-x.png');
- }
- #fancybox-bg-ne {
- top: -20px;
- right: -20px;
- background-image: url('img/fancybox.png');
- background-position: -40px -162px;
- }
- #fancybox-bg-e {
- top: 0;
- right: -20px;
- height: 100%;
- background-image: url('img/fancybox-y.png');
- background-position: -20px 0px;
- }
- #fancybox-bg-se {
- bottom: -20px;
- right: -20px;
- background-image: url('img/fancybox.png');
- background-position: -40px -182px;
- }
- #fancybox-bg-s {
- bottom: -20px;
- left: 0;
- width: 100%;
- background-image: url('img/fancybox-x.png');
- background-position: 0px -20px;
- }
- #fancybox-bg-sw {
- bottom: -20px;
- left: -20px;
- background-image: url('img/fancybox.png');
- background-position: -40px -142px;
- }
- #fancybox-bg-w {
- top: 0;
- left: -20px;
- height: 100%;
- background-image: url('img/fancybox-y.png');
- }
- #fancybox-bg-nw {
- top: -20px;
- left: -20px;
- background-image: url('img/fancybox.png');
- background-position: -40px -122px;
- }
- #fancybox-title {
- font-family: Helvetica;
- font-size: 12px;
- z-index: 1102;
- }
- .fancybox-title-inside {
- padding-bottom: 10px;
- text-align: center;
- color: #333;
- background: #fff;
- position: relative;
- }
- .fancybox-title-outside {
- padding-top: 10px;
- color: #fff;
- }
- .fancybox-title-over {
- position: absolute;
- bottom: 0;
- left: 0;
- color: #FFF;
- text-align: left;
- }
- #fancybox-title-over {
- padding: 10px;
- background-image: url('img/fancy_title_over.png');
- display: block;
- }
- .fancybox-title-float {
- position: absolute;
- left: 0;
- bottom: -20px;
- height: 32px;
- }
- #fancybox-title-float-wrap {
- border: none;
- border-collapse: collapse;
- width: auto;
- }
- #fancybox-title-float-wrap td {
- border: none;
- white-space: nowrap;
- }
- #fancybox-title-float-left {
- padding: 0 0 0 15px;
- background: url('img/fancybox.png') -40px -90px no-repeat;
- }
- #fancybox-title-float-main {
- color: #FFF;
- line-height: 29px;
- font-weight: bold;
- padding: 0 0 3px 0;
- background: url('img/fancybox-x.png') 0px -40px;
- }
- #fancybox-title-float-right {
- padding: 0 0 0 15px;
- background: url('img/fancybox.png') -55px -90px no-repeat;
- }
- /* IE6 */
- .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_close.png', sizingMethod='scale'); }
- .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_nav_left.png', sizingMethod='scale'); }
- .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_nav_right.png', sizingMethod='scale'); }
- .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
- .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_left.png', sizingMethod='scale'); }
- .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_main.png', sizingMethod='scale'); }
- .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_right.png', sizingMethod='scale'); }
- .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
- height: expression(this.parentNode.clientHeight + "px");
- }
- #fancybox-loading.fancybox-ie6 {
- position: absolute; margin-top: 0;
- top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
- }
- #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_loading.png', sizingMethod='scale'); }
- /* IE6, IE7, IE8 */
- .fancybox-ie .fancybox-bg { background: transparent !important; }
- .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_n.png', sizingMethod='scale'); }
- .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_ne.png', sizingMethod='scale'); }
- .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_e.png', sizingMethod='scale'); }
- .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_se.png', sizingMethod='scale'); }
- .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_s.png', sizingMethod='scale'); }
- .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_sw.png', sizingMethod='scale'); }
- .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_w.png', sizingMethod='scale'); }
- .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_nw.png', sizingMethod='scale'); }
- /*
- * Skeleton V1.2
- * Copyright 2011, Dave Gamache
- * www.getskeleton.com
- * Free to use under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
- * 6/20/2012
- */
- /* Table of Contents
- ==================================================
- #Base 960 Grid
- #Tablet (Portrait)
- #Mobile (Portrait)
- #Mobile (Landscape)
- #Clearing */
- /* #Base 960 Grid
- ================================================== */
- .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
- .container .column,
- .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
- .row { margin-bottom: 20px; }
- /* Nested Column Classes */
- .column.alpha, .columns.alpha { margin-left: 0; }
- .column.omega, .columns.omega { margin-right: 0; }
- /* Base Grid */
- .container .one.column,
- .container .one.columns { width: 40px; }
- .container .two.columns { width: 100px; }
- .container .three.columns { width: 160px; }
- .container .four.columns { width: 220px; }
- .container .five.columns { width: 280px; }
- .container .six.columns { width: 340px; }
- .container .seven.columns { width: 400px; }
- .container .eight.columns { width: 460px; }
- .container .nine.columns { width: 520px; }
- .container .ten.columns { width: 580px; }
- .container .eleven.columns { width: 640px; }
- .container .twelve.columns { width: 700px; }
- .container .thirteen.columns { width: 760px; }
- .container .fourteen.columns { width: 820px; }
- .container .fifteen.columns { width: 880px; }
- .container .sixteen.columns { width: 940px; }
- .container .one-third.column { width: 300px; }
- .container .two-thirds.column { width: 620px; }
- /* Offsets */
- .container .offset-by-one { padding-left: 60px; }
- .container .offset-by-two { padding-left: 120px; }
- .container .offset-by-three { padding-left: 180px; }
- .container .offset-by-four { padding-left: 240px; }
- .container .offset-by-five { padding-left: 300px; }
- .container .offset-by-six { padding-left: 360px; }
- .container .offset-by-seven { padding-left: 420px; }
- .container .offset-by-eight { padding-left: 480px; }
- .container .offset-by-nine { padding-left: 540px; }
- .container .offset-by-ten { padding-left: 600px; }
- .container .offset-by-eleven { padding-left: 660px; }
- .container .offset-by-twelve { padding-left: 720px; }
- .container .offset-by-thirteen { padding-left: 780px; }
- .container .offset-by-fourteen { padding-left: 840px; }
- .container .offset-by-fifteen { padding-left: 900px; }
- /* #Tablet (Portrait)
- ================================================== */
- /* Note: Design for a width of 768px */
- @media only screen and (min-width: 768px) and (max-width: 959px) {
- .container { width: 768px; }
- .container .column,
- .container .columns { margin-left: 10px; margin-right: 10px; }
- .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
- .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
- .alpha.omega { margin-left: 0; margin-right: 0; }
- .container .one.column,
- .container .one.columns { width: 28px; }
- .container .two.columns { width: 76px; }
- .container .three.columns { width: 124px; }
- .container .four.columns { width: 172px; }
- .container .five.columns { width: 220px; }
- .container .six.columns { width: 268px; }
- .container .seven.columns { width: 316px; }
- .container .eight.columns { width: 364px; }
- .container .nine.columns { width: 412px; }
- .container .ten.columns { width: 460px; }
- .container .eleven.columns { width: 508px; }
- .container .twelve.columns { width: 556px; }
- .container .thirteen.columns { width: 604px; }
- .container .fourteen.columns { width: 652px; }
- .container .fifteen.columns { width: 700px; }
- .container .sixteen.columns { width: 748px; }
- .container .one-third.column { width: 236px; }
- .container .two-thirds.column { width: 492px; }
- /* Offsets */
- .container .offset-by-one { padding-left: 48px; }
- .container .offset-by-two { padding-left: 96px; }
- .container .offset-by-three { padding-left: 144px; }
- .container .offset-by-four { padding-left: 192px; }
- .container .offset-by-five { padding-left: 240px; }
- .container .offset-by-six { padding-left: 288px; }
- .container .offset-by-seven { padding-left: 336px; }
- .container .offset-by-eight { padding-left: 384px; }
- .container .offset-by-nine { padding-left: 432px; }
- .container .offset-by-ten { padding-left: 480px; }
- .container .offset-by-eleven { padding-left: 528px; }
- .container .offset-by-twelve { padding-left: 576px; }
- .container .offset-by-thirteen { padding-left: 624px; }
- .container .offset-by-fourteen { padding-left: 672px; }
- .container .offset-by-fifteen { padding-left: 720px; }
- }
- /* #Mobile (Portrait)
- ================================================== */
- /* Note: Design for a width of 320px */
- @media only screen and (max-width: 767px) {
- .container { width: 300px; }
- .container .columns,
- .container .column { margin: 0; }
- .container .one.column,
- .container .one.columns,
- .container .two.columns,
- .container .three.columns,
- .container .four.columns,
- .container .five.columns,
- .container .six.columns,
- .container .seven.columns,
- .container .eight.columns,
- .container .nine.columns,
- .container .ten.columns,
- .container .eleven.columns,
- .container .twelve.columns,
- .container .thirteen.columns,
- .container .fourteen.columns,
- .container .fifteen.columns,
- .container .sixteen.columns,
- .container .one-third.column,
- .container .two-thirds.column { width: 300px; }
- /* Offsets */
- .container .offset-by-one,
- .container .offset-by-two,
- .container .offset-by-three,
- .container .offset-by-four,
- .container .offset-by-five,
- .container .offset-by-six,
- .container .offset-by-seven,
- .container .offset-by-eight,
- .container .offset-by-nine,
- .container .offset-by-ten,
- .container .offset-by-eleven,
- .container .offset-by-twelve,
- .container .offset-by-thirteen,
- .container .offset-by-fourteen,
- .container .offset-by-fifteen { padding-left: 0; }
- }
- /* #Mobile (Landscape)
- ================================================== */
- /* Note: Design for a width of 480px */
- @media only screen and (min-width: 480px) and (max-width: 767px) {
- .container { width: 420px; }
- .container .columns,
- .container .column { margin: 0; }
- .container .one.column,
- .container .one.columns,
- .container .two.columns,
- .container .three.columns,
- .container .four.columns,
- .container .five.columns,
- .container .six.columns,
- .container .seven.columns,
- .container .eight.columns,
- .container .nine.columns,
- .container .ten.columns,
- .container .eleven.columns,
- .container .twelve.columns,
- .container .thirteen.columns,
- .container .fourteen.columns,
- .container .fifteen.columns,
- .container .sixteen.columns,
- .container .one-third.column,
- .container .two-thirds.column { width: 420px; }
- }
- /* #Clearing
- ================================================== */
- /* Self Clearing Goodness */
- .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
- /* Use clearfix class on parent to clear nested columns,
- or wrap each row of columns in a <div class="row"> */
- .clearfix:before,
- .clearfix:after,
- .row:before,
- .row:after {
- content: '\0020';
- display: block;
- overflow: hidden;
- visibility: hidden;
- width: 0;
- height: 0; }
- .row:after,
- .clearfix:after {
- clear: both; }
- .row,
- .clearfix {
- zoom: 1; }
- /* You can also use a <br class="clear" /> to clear columns */
- .clear {
- clear: both;
- display: block;
- overflow: hidden;
- visibility: hidden;
- width: 0;
- height: 0;
- }
- .main-navigation {
- clear: both;
- display: block;
- float: left;
- width: 100%;
- }
- .main-navigation ul {
- list-style: none;
- margin: 0;
- padding-left: 0;
- }
- .main-navigation li {
- float: left;
- position: relative;
- }
- .main-navigation a {
- display: block;
- text-decoration: none;
- }
- .main-navigation ul ul {
- box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
- display: none;
- float: left;
- left: 0;
- position: absolute;
- top: 1.5em;
- z-index: 99999;
- }
- .main-navigation ul ul ul {
- left: 100%;
- top: 0;
- }
- .main-navigation ul ul a {
- width: 200px;
- }
- .main-navigation ul ul li {
- }
- .main-navigation li:hover > a {
- }
- .main-navigation ul ul :hover > a {
- }
- .main-navigation ul ul a:hover {
- }
- .main-navigation ul li:hover > ul {
- display: block;
- }
- .main-navigation li.current_page_item a,
- .main-navigation li.current-menu-item a {
- }
- .menu-toggle {
- cursor: pointer;
- display: none;
- }
- /* Smaller than standard 960 (devices and browsers) */
- @media only screen and (max-width: 959px) {}
- /* Tablet Portrait size to standard 960 (devices and browsers) */
- @media only screen and (min-width: 768px) and (max-width: 959px) {}
- /* All Mobile Sizes (devices and browser) */
- @media only screen and (max-width: 767px) {}
- /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
- @media only screen and (min-width: 480px) and (max-width: 767px) {}
- /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
- @media only screen and (max-width: 479px) {}
-
-
- @media screen and (max-width: 600px) {
- .menu-toggle,
- .main-navigation.toggled .nav-menu {
- display: block;
- }
- .main-navigation ul {
- display: none;
- }
- }
|