Created
March 10, 2014 12:42
-
-
Save ThemeCatcher/9464323 to your computer and use it in GitHub Desktop.
Storm 1.2.1 - 1.2.3 styles.css diff
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Index: styles.css | |
| =================================================================== | |
| --- styles.css (revision 2159) | |
| +++ styles.css (revision 4026) | |
| @@ -16,7 +16,7 @@ | |
| 12: BLOG PAGE ELEMENTS | |
| 13: BLOG ARTICLE ELEMENTS | |
| 14: FOOTER ELEMENTS | |
| - 15: CONTACT PAGE ELEMENTS | |
| + 15: CONTACT PAGE ELEMENTS | |
| 16: MAIN NAVIGATION (HORIZONTAL NAV) | |
| 17: TWITTER FEED | |
| 18: PORTFOLIO / GALLERY STYLES | |
| @@ -23,78 +23,60 @@ | |
| 19: AJAX ONLY CSS | |
| 20: CHANGE THE FONT COLOUR SCHEME | |
| 21: ADD YOUR STYLES | |
| - | |
| + | |
| -------------------------------------------------------*/ | |
| /***************************************************** | |
| 1. CSS RESET | |
| ******************************************************/ | |
| -* { | |
| - text-decoration: none; | |
| - font-size: 1em; | |
| - outline: none; | |
| +/* http://meyerweb.com/eric/tools/css/reset/ | |
| + v2.0 | 20110126 | |
| + License: none (public domain) | |
| +*/ | |
| + | |
| +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, img, ins, kbd, q, s, samp, | |
| +small, strike, strong, sub, sup, tt, var, | |
| +b, u, i, center, | |
| +dl, dt, dd, ol, ul, li, | |
| +fieldset, form, label, legend, | |
| +table, caption, tbody, tfoot, thead, tr, th, td, | |
| +article, aside, canvas, details, embed, | |
| +figure, figcaption, footer, header, hgroup, | |
| +menu, nav, output, ruby, section, summary, | |
| +time, mark, audio, video { | |
| + margin: 0; | |
| padding: 0; | |
| - margin: 0; | |
| - } | |
| -code, kbd, samp, pre, tt, var, textarea, | |
| -input, select, isindex, listing, xmp, plaintext { | |
| - white-space: normal; | |
| - font-size: 1em; | |
| + border: 0; | |
| + font-size: 100%; | |
| font: inherit; | |
| - } | |
| -dfn, i, cite, var, address, em { | |
| - font-style: normal; | |
| - } | |
| -th, b, strong, h1, h2, h3, h4, h5, h6 { | |
| - font-weight: normal; | |
| - } | |
| -a, img, a img, iframe, form, fieldset, | |
| -abbr, acronym, object, applet, table { | |
| - border: none; | |
| - } | |
| + vertical-align: baseline; | |
| +} | |
| +/* HTML5 display-role reset for older browsers */ | |
| +article, aside, details, figcaption, figure, | |
| +footer, header, hgroup, menu, nav, section { | |
| + display: block; | |
| +} | |
| +body { | |
| + line-height: 1; | |
| +} | |
| +ol, ul { | |
| + list-style: none; | |
| +} | |
| +blockquote, q { | |
| + quotes: none; | |
| +} | |
| +blockquote:before, blockquote:after, | |
| +q:before, q:after { | |
| + content: ''; | |
| + content: none; | |
| +} | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| - } | |
| -caption, th, td, center { | |
| - vertical-align: top; | |
| - text-align: left; | |
| - } | |
| -body { | |
| - background: black; | |
| - line-height: 1; | |
| - color: white; | |
| - } | |
| -q { | |
| - quotes: "" ""; | |
| - } | |
| -ul, ol, dir, menu { | |
| - list-style: none; | |
| - } | |
| -sub, sup { | |
| - vertical-align: baseline; | |
| - } | |
| -a { | |
| - color: inherit; | |
| - } | |
| -hr { | |
| - display: none; | |
| - } | |
| -font { | |
| - color: inherit !important; | |
| - font: inherit !important; | |
| - color: inherit !important; /* editor's note: necessary? */ | |
| - } | |
| -marquee { | |
| - overflow: inherit !important; | |
| - -moz-binding: none; | |
| - } | |
| -blink { | |
| - text-decoration: none; | |
| - } | |
| -nobr { | |
| - white-space: normal; | |
| - } | |
| +} | |
| /***************************************************** | |
| 2. DESIGN LAYOUT | |
| ******************************************************/ | |
| @@ -106,6 +88,14 @@ | |
| margin: 0px; | |
| color: #FFFFFF; | |
| } | |
| +body { | |
| + background: #111111; | |
| +} | |
| +/* Some browsers do not inherit body font into textarea */ | |
| +textarea { | |
| + font-family: Arial, Helvetica, sans-serif; | |
| + font-size: 13px; | |
| +} | |
| .outside { | |
| height: auto; | |
| min-height: 100%; | |
| @@ -249,7 +239,7 @@ | |
| text-decoration: underline; | |
| } | |
| i, em { | |
| - font-style: italic; | |
| + font-style: italic; | |
| } | |
| blockquote { | |
| font-style: italic; | |
| @@ -468,7 +458,7 @@ | |
| height: 35px; | |
| width: 44px; | |
| display: block; | |
| -} | |
| +} | |
| a.search-a:hover { | |
| background-image: url(../images/search1.png); | |
| } | |
| @@ -573,7 +563,7 @@ | |
| box-shadow: 0px 1px 0px #000; | |
| position: relative; | |
| top: 2px; | |
| - | |
| + | |
| } | |
| /***************************************************** | |
| 8. MINIMISE SCREEN BUTTON | |
| @@ -584,7 +574,7 @@ | |
| margin-top: 2px; | |
| } | |
| -.min-button a { | |
| +.min-button a { | |
| background-repeat: no-repeat; | |
| background-position: left top; | |
| height: 35px; | |
| @@ -594,7 +584,7 @@ | |
| a.min { | |
| background-image: url(../images/minimise.png); | |
| -} | |
| +} | |
| a.min:hover { | |
| background-image: url(../images/minimise1.png); | |
| } | |
| @@ -611,217 +601,627 @@ | |
| top: 0; | |
| left: 0; | |
| } | |
| - | |
| .js-enabled #nojs-background { | |
| display: none; | |
| } | |
| - | |
| -.fullscreen-overlay, | |
| -.fullscreen-stage, | |
| +/** FULLSCREEN CSS **/ | |
| +.fullscreen-outer, | |
| +.fullscreen-stage { | |
| + position: fixed; | |
| + top: 0; | |
| + left: 0; | |
| + width: 100%; | |
| + height: 100%; | |
| + z-index: -5; | |
| +} | |
| +.fullscreen-stage { | |
| + overflow: hidden; | |
| +} | |
| .fullscreen-outer { | |
| - position: fixed; | |
| + overflow: visible; | |
| +} | |
| +.fullscreen-slide { | |
| + z-index: -4; | |
| + position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| overflow: hidden; | |
| + background: #111; | |
| + visibility: hidden; | |
| } | |
| - | |
| -.fullscreen-overlay { | |
| - background: #000; | |
| +.fullscreen-slide > img { | |
| + position: absolute; | |
| } | |
| - | |
| -.fullscreen-stage img { | |
| - display: none; | |
| +.fs-current-slide { | |
| + z-index: -2; | |
| } | |
| - | |
| -.fullscreen-controls-outer { | |
| +.fs-prev-slide { | |
| + z-index: -3; | |
| +} | |
| +.fs-absolute .fullscreen-outer, | |
| +.fs-absolute .fullscreen-stage, | |
| +.fs-absolute .fullscreen-slide { | |
| + position: absolute; | |
| +} | |
| +.fullscreen-caption-outer { | |
| position: fixed; | |
| - bottom: 10px; | |
| - left: 50%; | |
| - margin-left: -33.5px; | |
| display: none; | |
| + opacity: 0; | |
| + z-index: 1; | |
| } | |
| - | |
| -.fullscreen-controls { | |
| - background-image: url(../images/opacity-80-rep.png); | |
| - background-position: left top; | |
| +.fullscreen-caption-helper { | |
| + position: relative; | |
| + max-width: 50%; | |
| +} | |
| +.fullscreen-caption { | |
| + position: relative; | |
| + padding: 10px 20px; | |
| +} | |
| +.fullscreen-breaker { | |
| + top: 100%; | |
| + min-width: 1050px; | |
| + width: 100%; | |
| + height: 13px; | |
| + position: absolute; | |
| + left: 0; | |
| + background-image: url(../images/backgrounds/transparent/plain-dark-60.png); | |
| background-repeat: repeat; | |
| - -webkit-border-radius: 5px; | |
| - -moz-border-radius: 5px; | |
| - border-radius: 5px; | |
| - padding: 2px; | |
| + background-position: center bottom; | |
| + margin-top: -13px; | |
| display: none; | |
| - height: 19px; | |
| + z-index: 0; | |
| } | |
| - | |
| +/** SERENE CSS **/ | |
| +.serene-outer { | |
| + z-index: 9995; | |
| + position: fixed; | |
| + top: 0; | |
| + left: 0; | |
| +} | |
| +.serene-overlay, | |
| +.serene-stage { | |
| + position: fixed; | |
| + top: 0; | |
| + left: 0; | |
| + width: 100%; | |
| + height: 100%; | |
| + overflow: hidden; | |
| +} | |
| +.serene-overlay, | |
| +.serene-stage { | |
| + display: none; | |
| +} | |
| +.serene-overlay { | |
| + background-color: #000; | |
| +} | |
| +.serene-caption-outer { | |
| + position: fixed; | |
| + display: none; | |
| + z-index: 9999; | |
| + opacity: 0; | |
| +} | |
| +.serene-caption-helper { | |
| + position: relative; | |
| + max-width: 50%; | |
| +} | |
| +.serene-caption { | |
| + position: relative; | |
| + padding: 10px 20px; | |
| +} | |
| +.serene-slide { | |
| + z-index: 9996; | |
| + position: fixed; | |
| + top: 0; | |
| + left: 0; | |
| + width: 100%; | |
| + height: 100%; | |
| + overflow: hidden; | |
| + background: #111; | |
| + visibility: hidden; | |
| +} | |
| +.serene-slide > img { | |
| + position: absolute; | |
| +} | |
| +.serene-current-slide { | |
| + z-index: 9998; | |
| +} | |
| +.serene-prev-slide { | |
| + z-index: 9997; | |
| +} | |
| +/**** CONTROLS IN FS MODE ****/ | |
| +.fullscreen-controls-outer, .serene-controls-outer { | |
| + position: fixed; | |
| + top: 10px; | |
| + right: 44px; | |
| + margin: 0; | |
| + bottom: auto; | |
| + left: auto; | |
| + display: none; | |
| +} | |
| +.fullscreen-controls-outer { | |
| + z-index: 3; | |
| +} | |
| +.serene-controls-outer { | |
| + z-index: 9999; | |
| +} | |
| +.fullscreen-controls, .serene-controls { | |
| + background: #f1f1f1; | |
| + display: none; | |
| + height: 24px; | |
| + padding: 5px 10px; | |
| +} | |
| .fullscreen-prev, | |
| .fullscreen-play, | |
| .fullscreen-pause, | |
| -.fullscreen-next { | |
| +.fullscreen-next, | |
| +.serene-prev, | |
| +.serene-play, | |
| +.serene-pause, | |
| +.serene-next { | |
| cursor: pointer; | |
| - background-repeat: no-repeat; | |
| - background-position: left top; | |
| - height: 19px; | |
| - width: 21px; | |
| - float: left; | |
| } | |
| - | |
| .fullscreen-play, | |
| -.fullscreen-pause { | |
| - display: none; | |
| +.fullscreen-pause, | |
| +.serene-play, | |
| +.serene-pause { | |
| + display: none; | |
| } | |
| - | |
| -.fullscreen-loading-wrap { | |
| +.fullscreen-loading-wrap, .serene-loading-wrap { | |
| + left: 10px; | |
| + position: absolute; | |
| + top: 11px; | |
| + display: none; | |
| +} | |
| +.fullscreen-close-wrap, .serene-close-wrap { | |
| position: fixed; | |
| - bottom: 10px; | |
| + top: 10px; | |
| right: 10px; | |
| - padding: 5px; | |
| - background-image: url(../images/opacity-80-rep.png); | |
| + background: url(../images/backgrounds/transparent/plain-dark-90.png) repeat left top; | |
| + padding: 2px; | |
| + cursor: pointer; | |
| +} | |
| +.fullscreen-loading, .serene-loading { | |
| + background-image: url(../images/loading.gif); | |
| background-position: left top; | |
| - background-repeat: repeat; | |
| - -webkit-border-radius: 5px; | |
| - -moz-border-radius: 5px; | |
| - border-radius: 5px; | |
| -} | |
| - | |
| -.fullscreen-close-wrap { | |
| - position: fixed; | |
| - top: 10px; | |
| - right: 10px; | |
| - background-image: url(../images/opacity-80-rep.png); | |
| - background-position: left top; | |
| - background-repeat: repeat; | |
| - -webkit-border-radius: 5px; | |
| - -moz-border-radius: 5px; | |
| - border-radius: 5px; | |
| - padding: 2px; | |
| - cursor: pointer; | |
| -} | |
| - | |
| -.fullscreen-loading { | |
| - background: url(../images/loading.gif) no-repeat top left; | |
| + background-repeat: no-repeat; | |
| width: 16px; | |
| height: 11px; | |
| } | |
| - | |
| -.fullscreen-prev { | |
| - background-image: url(../images/backward.png); | |
| - left: 4px; | |
| +.fullscreen-prev, .serene-prev { | |
| + background: url(../images/serene-back.png) no-repeat center 0; | |
| + height: 14px; | |
| + width: 13px; | |
| + float: left; | |
| + margin: 5px; | |
| } | |
| - | |
| -.fullscreen-prev:hover { | |
| - background-image: url(../images/backward1.png); | |
| +.fullscreen-prev:active, .serene-prev:active { | |
| + background-position: center 1px; | |
| } | |
| - | |
| -.fullscreen-play { | |
| - background-image: url(../images/play.png); | |
| - left: 27px; | |
| +.fullscreen-play, .serene-play { | |
| + background: url(../images/serene-play.png) no-repeat center 0; | |
| + height: 14px; | |
| + width: 13px; | |
| + float: left; | |
| + margin: 5px; | |
| } | |
| - | |
| -.fullscreen-play:hover { | |
| - background-image: url(../images/play1.png); | |
| +.fullscreen-play:active, .serene-play:active { | |
| + background-position: center 1px; | |
| } | |
| - | |
| -.fullscreen-pause { | |
| - background-image: url(../images/pause.png); | |
| - left: 27px; | |
| +.fullscreen-pause, .serene-pause { | |
| + background: url(../images/serene-pause.png) no-repeat center 0; | |
| + height: 14px; | |
| + width: 13px; | |
| + float: left; | |
| + margin: 5px; | |
| } | |
| - | |
| -.fullscreen-pause:hover { | |
| - background-image: url(../images/pause1.png); | |
| +.fullscreen-pause:active, .serene-pause:active { | |
| + background-position: center 1px; | |
| } | |
| - | |
| -.fullscreen-next { | |
| - background-image: url(../images/forward.png); | |
| - left: 50px; | |
| +.fullscreen-next, .serene-next { | |
| + background: url(../images/serene-forward.png) no-repeat center 0; | |
| + height: 14px; | |
| + width: 13px; | |
| + float: left; | |
| + margin: 5px; | |
| } | |
| - | |
| -.fullscreen-next:hover { | |
| - background-image: url(../images/forward1.png); | |
| +.fullscreen-next:active, .serene-next:active { | |
| + background-position: center 1px; | |
| } | |
| - | |
| -.fullscreen-close { | |
| - background-image: url(../images/close.png); | |
| - background-repeat: no-repeat; | |
| - background-position: left top; | |
| - height: 19px; | |
| - width: 21px; | |
| +.fullscreen-close, .serene-close { | |
| + background: url(../images/close-icon.png) no-repeat center center; | |
| + height: 30px; | |
| + width: 30px; | |
| } | |
| +.fullscreen-close:hover, .serene-close:hover { | |
| + background: url(../images/close-icon-hover.png) no-repeat center center; | |
| +} | |
| +.fullscreen-low img, | |
| +.serene-low img { | |
| + -ms-interpolation-mode: nearest-neighbor; | |
| + image-rendering: optimizeSpeed; | |
| +} | |
| -.fullscreen-close:hover { | |
| - background-image: url(../images/close1.png); | |
| +.fs-animating .fullscreen-loading-wrap, .fs-load .fullscreen-loading-wrap, | |
| +.serene-animating .serene-loading-wrap, .serene-load .serene-loading-wrap { | |
| + display: block; | |
| } | |
| +.fs-animating .fullscreen-controls, .fs-load .fullscreen-controls, | |
| +.serene-animating .serene-controls, .serene-load .serene-controls { | |
| + padding-left: 35px; | |
| +} | |
| +/**** BULLETS ****/ | |
| +.fullscreen-bullets, | |
| +.serene-bullets { | |
| + float: left; | |
| + padding: 2px 0 2px 10px; | |
| +} | |
| +.fullscreen-bullet, | |
| +.serene-bullet { | |
| + background: url(../images/fs-bullet.png) no-repeat 0 0 transparent; | |
| + display: block; | |
| + float: left; | |
| + font-size: 10px; | |
| + font-weight: bold; | |
| + height: 16px; | |
| + line-height: 13px; | |
| + margin: 3px 5px 0 0; | |
| + text-align: center; | |
| + width: 16px; | |
| + cursor: pointer; | |
| + color: #666; | |
| + text-indent: -9999px; | |
| +} | |
| +.fullscreen-bullet:hover, | |
| +.serene-bullet:hover { | |
| + background: url(../images/fs-bullet-hover.png) no-repeat 0 0 transparent; | |
| +} | |
| +.fullscreen-bullets .active-bullet, | |
| +.serene-bullets .active-bullet { | |
| + color: #070707; | |
| + background: url(../images/fs-bullet-on.png) no-repeat 0 0 transparent; | |
| +} | |
| -.storm-controls { | |
| - float: right; | |
| - margin-right: 15px; | |
| - padding-top: 4px; | |
| +/* Background mini-controls */ | |
| +#fs-controls { | |
| + float: right; | |
| + margin-right: 1px; | |
| + padding: 3px 5px 0 5px; | |
| + height: 22px; | |
| + display: none; | |
| + margin-top: 2px; | |
| + background: #171717; | |
| + position: relative; | |
| } | |
| - | |
| -.storm-controls div { | |
| +.fullscreen-background #fs-controls { | |
| + display: block; | |
| +} | |
| +.fs-controls div { | |
| float: left; | |
| } | |
| - | |
| -.storm-prev, | |
| -.storm-play, | |
| -.storm-pause, | |
| -.storm-next { | |
| - cursor: pointer; | |
| - height: 19px; | |
| +.fs-prev, | |
| +.fs-play, | |
| +.fs-pause, | |
| +.fs-next { | |
| + cursor: pointer; | |
| + height: 19px; | |
| width: 21px; | |
| background-position: left top; | |
| background-repeat: no-repeat; | |
| - margin-right: 2px; | |
| + margin-right: 2px; | |
| display: none; | |
| } | |
| - | |
| -.storm-loading { | |
| - width: 16px; | |
| - height: 11px; | |
| - background-image: url(../images/loading.gif); | |
| - background-position: left top; | |
| - background-repeat: no-repeat; | |
| - margin-top: 4px; | |
| - margin-right: 10px; | |
| -} | |
| - | |
| -.storm-prev { | |
| +.fs-prev { | |
| background-image: url(../images/backward.png); | |
| left: 25px; | |
| } | |
| - | |
| -.storm-prev:hover { | |
| +.fs-prev:hover { | |
| background-image: url(../images/backward1.png); | |
| } | |
| - | |
| -.storm-play { | |
| +.fs-prev:active { | |
| + background-position: left 1px; | |
| +} | |
| +.fs-play { | |
| background-image: url(../images/play.png); | |
| left: 50px; | |
| } | |
| - | |
| -.storm-play:hover { | |
| +.fs-play:hover { | |
| background-image: url(../images/play1.png); | |
| } | |
| - | |
| -.storm-pause { | |
| +.fs-play:active { | |
| + background-position: left 1px; | |
| +} | |
| +.fs-pause { | |
| background-image: url(../images/pause.png); | |
| left: 50px; | |
| } | |
| - | |
| -.storm-pause:hover { | |
| +.fs-pause:hover { | |
| background-image: url(../images/pause1.png); | |
| } | |
| - | |
| -.storm-next { | |
| +.fs-pause:active { | |
| + background-position: left 1px; | |
| +} | |
| +.fs-next { | |
| background-image: url(../images/forward.png); | |
| left: 75px; | |
| } | |
| - | |
| -.storm-next:hover { | |
| +.fs-next:hover { | |
| background-image: url(../images/forward1.png); | |
| } | |
| +.fs-next:active { | |
| + background-position: left 1px; | |
| +} | |
| +.fs-max { | |
| + background-image: url(../images/fs-max.png); | |
| + cursor: pointer; | |
| + height: 19px; | |
| + width: 21px; | |
| + background-position: left top; | |
| + background-repeat: no-repeat; | |
| +} | |
| +.fs-max:hover { | |
| + background-image: url(../images/fs-max1.png); | |
| +} | |
| +.fs-max:active { | |
| + background-position: left 1px; | |
| +} | |
| +.fs-animating .fs-next, | |
| +.fs-animating .fs-prev, | |
| +.fs-animating .fullscreen-next, | |
| +.fs-animating .fullscreen-prev, | |
| +.serene-animating .serene-next, | |
| +.serene-animating .serene-prev { | |
| + opacity: 0.5; | |
| +} | |
| +.fullscreen-caption h1, .serene-caption h1 { | |
| + background: url(../images/backgrounds/transparent/plain-dark-90.png) repeat left top; | |
| + margin-bottom: 5px; | |
| + padding: 10px 20px; | |
| + font-size: 25px; | |
| + font-weight: normal; | |
| + line-height: 32px; | |
| + float: left; | |
| + clear: both; | |
| + position: relative; | |
| + color: #fff; | |
| +} | |
| +.fullscreen-caption p, .serene-caption p { | |
| + background: url(../images/backgrounds/transparent/plain-dark-80.png) repeat left top; | |
| + padding: 5px 20px; | |
| + font-size: 12px; | |
| + float: left; | |
| + clear: both; | |
| + color: #eee; | |
| + position: relative; | |
| + line-height: 22px; | |
| +} | |
| +.fullscreen-caption h1, .fullscreen-caption p, .serene-caption h1, .serene-caption p, | |
| +.fullscreen-controls-outer .fullscreen-controls, .video-fs-controls-outer, .video-fs-controls, | |
| +.fs-single .fullscreen-close-wrap, .serene-single .serene-close-wrap, h1.entry-title { | |
| + -webkit-border-radius: 8px; | |
| + -moz-border-radius: 8px; | |
| + border-radius: 8px; | |
| + -o-border-radius: 8px; | |
| +} | |
| +.fullscreen-controls-outer .fullscreen-controls, .serene-controls, .video-fs-controls-outer, .video-fs-controls { | |
| + -moz-border-radius-topleft: 8px; | |
| + -moz-border-radius-topright: 0; | |
| + -moz-border-radius-bottomright: 0; | |
| + -moz-border-radius-bottomleft: 8px; | |
| + -webkit-border-top-left-radius: 8px; | |
| + -webkit-border-top-right-radius: 0; | |
| + -webkit-border-bottom-left-radius: 8px; | |
| + -webkit-border-bottom-right-radius: 0; | |
| + border-radius: 8px 0px 0px 8px; | |
| +} | |
| +.fullscreen-close-wrap, .serene-close-wrap, .video-fs-close-wrap { | |
| + -moz-border-radius-topleft: 0; | |
| + -moz-border-radius-topright: 8px; | |
| + -moz-border-radius-bottomright: 8px; | |
| + -moz-border-radius-bottomleft: 0; | |
| + -webkit-border-top-left-radius: 0; | |
| + -webkit-border-top-right-radius: 8px; | |
| + -webkit-border-bottom-left-radius: 0; | |
| + -webkit-border-bottom-right-radius: 8px; | |
| + border-radius: 0px 8px 8px 0px; | |
| +} | |
| +/**** CAPTION POSITIONS ****/ | |
| +/* ALL BOTTOMS */ | |
| +/* -- Caption Positions: center bottom -- */ | |
| +.fullscreen-caption-outer.fs-position-center-bottom, | |
| +.serene-caption-outer.serene-position-center-bottom { | |
| + width: 100%; | |
| + bottom: 0; | |
| +} | |
| +.fs-position-center-bottom .fullscreen-caption-helper, | |
| +.serene-position-center-bottom .serene-caption-helper { | |
| + left: 50%; | |
| + float:left; | |
| +} | |
| +.fs-position-center-bottom .fullscreen-caption, | |
| +.serene-position-center-bottom .serene-caption { | |
| + left: -50%; | |
| + float:left; | |
| +} | |
| +.fs-position-center-bottom .fullscreen-caption h1, | |
| +.serene-position-center-bottom .serene-caption h1, | |
| +.fs-position-center-bottom .fullscreen-caption p, | |
| +.serene-position-center-bottom .serene-caption p { | |
| + float: none; | |
| + text-align: center; | |
| +} | |
| +/* -- Caption Positions: left bottom -- */ | |
| +.fullscreen-caption-outer.fs-position-left-bottom, | |
| +.serene-caption-outer.serene-position-left-bottom { | |
| + width: 100%; | |
| + bottom: 0; | |
| +} | |
| +.fs-position-left-bottom .fullscreen-caption-helper, | |
| +.serene-position-left-bottom .serene-caption-helper { | |
| + left: 0; | |
| + float:left; | |
| +} | |
| +.fs-position-left-bottom .fullscreen-caption, | |
| +.serene-position-left-bottom .serene-caption { | |
| + left: 0; | |
| + float:left; | |
| +} | |
| +/* -- Caption Positions: right bottom -- */ | |
| +.fullscreen-caption-outer.fs-position-right-bottom, | |
| +.serene-caption-outer.serene-position-right-bottom { | |
| + width: 100%; | |
| + bottom: 0; | |
| +} | |
| +.fs-position-right-bottom .fullscreen-caption-helper, | |
| +.serene-position-right-bottom .serene-caption-helper { | |
| + right: 0; | |
| + float:right; | |
| +} | |
| +.fs-position-right-bottom .fullscreen-caption, | |
| +.serene-position-right-bottom .serene-caption { | |
| + right: 0; | |
| + float:right; | |
| +} | |
| +.fs-position-right-bottom .fullscreen-caption h1, | |
| +.serene-position-right-bottom .serene-caption h1, | |
| +.fs-position-right-bottom .fullscreen-caption p, | |
| +.serene-position-right-bottom .serene-caption p { | |
| + float: right; | |
| + text-align: right; | |
| +} | |
| + | |
| +/* ALL TOPS */ | |
| +/* -- Caption Positions: center top -- */ | |
| +.fullscreen-caption-outer.fs-position-center-top, | |
| +.serene-caption-outer.serene-position-center-top { | |
| + width: 100%; | |
| + top: 0; | |
| +} | |
| +.fs-position-center-top .fullscreen-caption-helper, | |
| +.serene-position-center-top .serene-caption-helper { | |
| + left: 50%; | |
| + float:left; | |
| +} | |
| +.fs-position-center-top .fullscreen-caption, | |
| +.serene-position-center-top .serene-caption { | |
| + left: -50%; | |
| + float:left; | |
| +} | |
| +.fs-position-center-top .fullscreen-caption h1, | |
| +.serene-position-center-top .serene-caption h1, | |
| +.fs-position-center-top .fullscreen-caption p, | |
| +.serene-position-center-top .serene-caption p { | |
| + float: none; | |
| + text-align: center; | |
| +} | |
| +/* -- Caption Positions: left top -- */ | |
| +.fullscreen-caption-outer.fs-position-left-top, | |
| +.serene-caption-outer.serene-position-left-top { | |
| + width: 100%; | |
| + top: 0; | |
| +} | |
| +.fs-position-left-top .fullscreen-caption-helper, | |
| +.serene-position-left-top .serene-caption-helper { | |
| + left: 0; | |
| + float:left; | |
| +} | |
| +.fs-position-left-top .fullscreen-caption, | |
| +.serene-position-left-top .serene-caption { | |
| + left: 0; | |
| + float:left; | |
| +} | |
| +/* -- Caption Positions: right top -- */ | |
| +.fullscreen-caption-outer.fs-position-right-top, | |
| +.serene-caption-outer.serene-position-right-top { | |
| + width: 100%; | |
| + top: 45px; | |
| +} | |
| +.fs-position-right-top .fullscreen-caption-helper, | |
| +.serene-position-right-top .serene-caption-helper { | |
| + right: 0; | |
| + float:right; | |
| +} | |
| +.fs-position-right-top .fullscreen-caption, | |
| +.serene-position-right-top .serene-caption { | |
| + right: 0; | |
| + float:right; | |
| +} | |
| +.fs-position-right-top .fullscreen-caption h1, | |
| +.serene-position-right-top .serene-caption h1, | |
| +.fs-position-right-top .fullscreen-caption p, | |
| +.serene-position-right-top .serene-caption p { | |
| + float: right; | |
| + text-align: right; | |
| +} | |
| + | |
| +/* ALL CENTERS */ | |
| +/* -- Caption Positions: center center -- */ | |
| +.fullscreen-caption-outer.fs-position-center-center, | |
| +.serene-caption-outer.serene-position-center-center { | |
| + width: 100%; | |
| + top: 50%; | |
| +} | |
| +.fs-position-center-center .fullscreen-caption-helper, | |
| +.serene-position-center-center .serene-caption-helper { | |
| + left: 50%; | |
| + float:left; | |
| +} | |
| +.fs-position-center-center .fullscreen-caption, | |
| +.serene-position-center-center .serene-caption { | |
| + left: -50%; | |
| + float:left; | |
| + top: -20px; | |
| +} | |
| +.fs-position-center-center .fullscreen-caption h1, | |
| +.serene-position-center-center .serene-caption h1, | |
| +.fs-position-center-center .fullscreen-caption p, | |
| +.serene-position-center-center .serene-caption p { | |
| + float: none; | |
| + text-align: center; | |
| +} | |
| +/* -- Caption Positions: left center -- */ | |
| +.fullscreen-caption-outer.fs-position-left-center, | |
| +.serene-caption-outer.serene-position-left-center { | |
| + width: 100%; | |
| + top: 50%; | |
| +} | |
| +.fs-position-left-center .fullscreen-caption-helper, | |
| +.serene-position-left-center .serene-caption-helper { | |
| + left: 0; | |
| + float:left; | |
| +} | |
| +.fs-position-left-center .fullscreen-caption, | |
| +.serene-position-left-center .serene-caption { | |
| + left: 0; | |
| + float:left; | |
| + top: -20px; | |
| +} | |
| +/* -- Caption Positions: right center -- */ | |
| +.fullscreen-caption-outer.fs-position-right-center, | |
| +.serene-caption-outer.serene-position-right-center { | |
| + width: 100%; | |
| + top: 50%; | |
| +} | |
| +.fs-position-right-center .fullscreen-caption-helper, | |
| +.serene-position-right-center .serene-caption-helper { | |
| + right: 0; | |
| + float:right; | |
| +} | |
| +.fs-position-right-center .fullscreen-caption, | |
| +.serene-position-right-center .serene-caption { | |
| + right: 0; | |
| + float:right; | |
| + top: -40px; | |
| +} | |
| +.fs-position-right-center .fullscreen-caption h1, | |
| +.serene-position-right-center .serene-caption h1, | |
| +.fs-position-right-center .fullscreen-caption p, | |
| +.serene-position-right-center .serene-caption p { | |
| + float: right; | |
| + text-align: right; | |
| +} | |
| /***************************************************** | |
| 10. CONTENT LAYOUT VARIATIONS | |
| ******************************************************/ | |
| @@ -883,7 +1283,7 @@ | |
| padding: 20px; | |
| -webkit-box-shadow: inset 0px 1px 3px #080707; | |
| -moz-box-shadow: inset 0px 1px 3px #080707; | |
| - box-shadow: inset 0px 1px 3px #080707; | |
| + box-shadow: inset 0px 1px 3px #080707; | |
| } | |
| .left-col { | |
| @@ -1374,7 +1774,7 @@ | |
| overflow: visible; | |
| z-index: 1200; | |
| width: 996px; | |
| - left: 50%; | |
| + left: 50%; | |
| } | |
| .footer-inside { | |
| @@ -1464,7 +1864,7 @@ | |
| right: 45px; | |
| background-image: url(../images/opacity-80-rep.png); | |
| background-repeat: repeat; | |
| - display: none; | |
| + display: none; | |
| -webkit-border-top-left-radius: 12px; | |
| -webkit-border-top-right-radius: 12px; | |
| -moz-border-radius-topleft: 12px; | |
| @@ -1481,12 +1881,12 @@ | |
| padding-left: 8px; | |
| } | |
| -a.white-link { | |
| +a.white-link { | |
| color: #bbbbbb; | |
| text-decoration: none; | |
| } | |
| -a.white-link:hover { | |
| +a.white-link:hover { | |
| color: #FFFFFF; | |
| text-decoration: none; | |
| } | |
| @@ -1496,7 +1896,7 @@ | |
| .contact-left-col { | |
| float: left; | |
| - width: 482px; | |
| + width: 462px; | |
| height: 400px; | |
| height: auto; | |
| min-height: 400px; | |
| @@ -1503,6 +1903,7 @@ | |
| background-image: url(../images/line-break-vert.png); | |
| background-repeat: repeat-y; | |
| background-position: right top; | |
| + padding-right: 20px; | |
| } | |
| .contact-right-col { | |
| float: left; | |
| @@ -1598,7 +1999,7 @@ | |
| display: none; | |
| } | |
| a.view-map { | |
| - float:right; | |
| + float:right; | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| } | |
| @@ -1632,7 +2033,39 @@ | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| } | |
| - | |
| +/* QUFORM OVERRIDES */ | |
| +.quform-theme-dark-dark .quform-captcha-inner { | |
| + background: none !important; | |
| + border: none !important; | |
| + -moz-box-shadow: none !important; | |
| + -webkit-box-shadow: none !important; | |
| + box-shadow: none !important; | |
| +} | |
| +.quform-captcha, .quform-element-captcha input {float: left;} | |
| +.quform-captcha-inner {margin-top: 0 !important; margin-right: 10px;} | |
| +#type_the_word { width: 80px;} | |
| +.quform-theme-dark-dark .quform-submit button span { line-height: 27px !important; } | |
| +.quform-tt { | |
| + border: 4px solid #070707 !important; | |
| + border-radius: 4px !important; | |
| + background: #0D0D0C !important; | |
| + color: #BBBBBB !important; | |
| +} | |
| +.quform-tt .qtip-tip { | |
| + background: #070707 !important; | |
| +} | |
| +.quform-input { | |
| + margin-top: 3px; | |
| +} | |
| +.quform-elements { | |
| + margin-top: 10px !important; | |
| +} | |
| +.quform-element-captcha .quform-errors-wrap { | |
| + clear: left; | |
| +} | |
| +.quform-inner textarea { | |
| + vertical-align: top; | |
| +} | |
| /***************************************************** | |
| 16. MAIN NAVIGATION (HORIZONTAL NAV) | |
| ******************************************************/ | |
| @@ -1772,7 +2205,7 @@ | |
| #horz-nav-ul ul li span, #horz-nav-ul ul li a ul span { | |
| background-image: url(../images/sml-right-arrow.png); | |
| background-repeat: no-repeat; | |
| - background-position: 97% 7px; | |
| + background-position: 97% 7px; | |
| } | |
| #horz-nav-ul li:hover ul, | |
| @@ -1820,11 +2253,11 @@ | |
| line-height: 150%; | |
| position: relative; | |
| } | |
| -#twitter_update_list { | |
| +.tweet_list { | |
| color: #FFF; | |
| text-shadow: -1px -1px 0px #000; | |
| } | |
| -ul#twitter_update_list li { | |
| +.tweet_list li { | |
| margin: 0px; | |
| padding-top: 5px; | |
| padding-right: 0px; | |
| @@ -1973,8 +2406,8 @@ | |
| .search-button-wrap input,a.more-link, .search-button-wrap input, .pagination-wrapper ul li a, .pagination-wrapper ul li.on span, .comment-reply .submit-button-input-wrapper input, ul.footer-menu li a, a.button-press, .email a, ul#horz-nav-ul li a, #horz-nav-ul ul li a, #horz-nav-ul ul li a ul a, #horz-nav-ul ul li span, #horz-nav-ul ul li a ul span, ul.vert-nav-ul li a, .comment-meta a, | |
| a.white-link {color:#f7f7f7;}/*RESETS THE LINK/BUTTON COLOURS (NO NEED TO CHANGE)*/ | |
| -h2, h5, a.button-link:hover, a.more-link:hover, .search-button-wrap input:hover, h2.entry-title a, .pagination-wrapper ul li a:hover, | |
| -.pagination-wrapper ul li.on span:hover, .comment-reply .submit-button-input-wrapper input:hover, ul.footer-menu li a:hover, | |
| +h2, h5, a.button-link:hover, a.more-link:hover, .search-button-wrap input:hover, h2.entry-title a, .pagination-wrapper ul li a:hover, .fullscreen-caption h1, .serene-caption h1, | |
| +.pagination-wrapper ul li.on span:hover, .comment-reply .submit-button-input-wrapper input:hover, ul.footer-menu li a:hover, | |
| a.button-press:hover, .email a:hover, ul#horz-nav-ul li a:hover, #horz-nav-ul ul li a:hover, #horz-nav-ul ul li a ul a:hover, #horz-nav-ul ul li span:hover, #horz-nav-ul ul li a ul span:hover, ul.vert-nav-ul li a:hover,.iphorm-inner .submit-button-input-wrapper input:hover | |
| {color: #ffa200;}/*ADD YOUR NEW COLOUR HERE*/ | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment