Skip to content

@ThemeCatcher /gist:9464323
Created

Embed URL

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Storm 1.2.1 - 1.2.3 styles.css diff
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
Something went wrong with that request. Please try again.