Skip to content

Instantly share code, notes, and snippets.

@notslang

notslang/offerpop-photo-contest-desktop.css

Created November 21, 2014 02:29
Show Gist options
  • Save notslang/1b615ce6f2d0de7f73b6 to your computer and use it in GitHub Desktop.
Save notslang/1b615ce6f2d0de7f73b6 to your computer and use it in GitHub Desktop.
Download ZIP
How not to write CSS
Raw
offerpop-photo-contest-desktop.css
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Offerpop Photo Contest
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
CSS Reset
-------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:focus,
a:active {
outline: 0 !important;
}
:focus {
outline: 0;
outline: none;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
height: auto;
}
#map_canvas img {
max-width: none;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.float-clearer {
display: none;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Layout
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Body
---------------------------------------------------------------------------------------------------- */
body {
margin: 0;
background-color: #ffffff;
height: 100%;
overflow-x: hidden;
}
/* ----------------------------------------------------------------------------------------------------
Links
---------------------------------------------------------------------------------------------------- */
a {
color: #4a8ed1;
text-decoration: none;
}
a:hover {
color: #235688;
text-decoration: underline;
}
a:active {
color: #173a5b;
text-decoration: none;
}
::selection {
background: #4a8ed1;
color: #ffffff;
}
::-moz-selection {
background: #4a8ed1;
color: #ffffff;
}
/* ----------------------------------------------------------------------------------------------------
Horizontal Rule
---------------------------------------------------------------------------------------------------- */
hr {
margin: 30px 0px 30px 0px;
border: 0px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: none;
}
hr.inverse {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
/* ----------------------------------------------------------------------------------------------------
Utilities
---------------------------------------------------------------------------------------------------- */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.centered {
text-align: center;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
position: absolute !important;
left: -9999px !important;
}
.has-cursor {
cursor: pointer;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Typography
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Body Text
---------------------------------------------------------------------------------------------------- */
body {
text-rendering: optimizelegibility;
margin: 0;
background-color: #ffffff;
height: 100%;
overflow-x: hidden;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-transform: none;
font-style: normal;
color: #777777;
}
body em,
body strong {
font-weight: bold;
color: #595959;
font-style: normal;
text-shadow: none;
}
p {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-transform: none;
font-style: normal;
color: #777777;
margin: 0px 0px 15px 0px;
text-shadow: none;
}
p a {
color: #4a8ed1;
text-decoration: none;
}
p a:hover {
color: #235688;
text-decoration: underline;
}
p a:active {
color: #173a5b;
text-decoration: none;
}
p.emphasis,
p .emphasis,
p strong {
font-weight: bold;
color: #595959;
font-style: normal;
text-shadow: none;
}
p.emphasis a,
p .emphasis a,
p strong a {
color: #4a8ed1;
text-decoration: none;
}
p.emphasis a:hover,
p .emphasis a:hover,
p strong a:hover {
color: #235688;
text-decoration: underline;
}
p.emphasis a:active,
p .emphasis a:active,
p strong a:active {
color: #173a5b;
text-decoration: none;
}
/* ----------------------------------------------------------------------------------------------------
Small Text
---------------------------------------------------------------------------------------------------- */
small,
p.small,
#page-footer .page-footer-legal-offerpop {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 14px;
text-transform: none;
font-style: normal;
color: #999999;
margin: 0px 0px 7.5px 0px;
text-shadow: none;
}
small a,
p.small a {
color: #4a8ed1;
text-decoration: none;
}
small a:hover,
p.small a:hover {
color: #235688;
text-decoration: underline;
}
small a:active,
p.small a:active {
color: #173a5b;
text-decoration: none;
}
small.emphasis,
p.small.emphasis,
small .emphasis,
p.small .emphasis,
small strong,
p.small strong {
font-weight: bold;
color: #595959;
font-style: normal;
text-shadow: none;
}
small.emphasis a,
p.small.emphasis a,
small .emphasis a,
p.small .emphasis a,
small strong a,
p.small strong a {
color: #4a8ed1;
text-decoration: none;
}
small.emphasis a:hover,
p.small.emphasis a:hover,
small .emphasis a:hover,
p.small .emphasis a:hover,
small strong a:hover,
p.small strong a:hover {
color: #235688;
text-decoration: underline;
}
small.emphasis a:active,
p.small.emphasis a:active,
small .emphasis a:active,
p.small .emphasis a:active,
small strong a:active,
p.small strong a:active {
color: #173a5b;
text-decoration: none;
}
/* ----------------------------------------------------------------------------------------------------
Heading (h1) Text
---------------------------------------------------------------------------------------------------- */
h1 {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: normal;
line-height: 28px;
text-transform: none;
font-style: normal;
color: #4a8ed1;
margin: 37.5px 0px 22.5px 0px;
text-shadow: none;
}
h1 a {
color: #4a8ed1;
text-decoration: none;
}
h1 a:hover {
color: #235688;
text-decoration: underline;
}
h1 a:active {
color: #173a5b;
text-decoration: none;
}
h1.emphasis,
h1 .emphasis,
h1 strong {
font-weight: bold;
color: #595959;
font-style: normal;
text-shadow: none;
}
h1.emphasis a,
h1 .emphasis a,
h1 strong a {
color: #4a8ed1;
text-decoration: none;
}
h1.emphasis a:hover,
h1 .emphasis a:hover,
h1 strong a:hover {
color: #235688;
text-decoration: underline;
}
h1.emphasis a:active,
h1 .emphasis a:active,
h1 strong a:active {
color: #173a5b;
text-decoration: none;
}
h1:first-child {
margin-top: 0px;
}
/* ----------------------------------------------------------------------------------------------------
Heading (h2) Text
---------------------------------------------------------------------------------------------------- */
h2 {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 20px;
text-transform: uppercase;
font-style: normal;
color: #3b3b3b;
margin: 22.5px 0px 16.5px 0px;
text-shadow: none;
}
h2 a {
color: #4a8ed1;
text-decoration: none;
}
h2 a:hover {
color: #235688;
text-decoration: underline;
}
h2 a:active {
color: #173a5b;
text-decoration: none;
}
h2.emphasis,
h2 .emphasis,
h2 strong {
font-weight: bold;
color: #595959;
font-style: normal;
text-shadow: none;
}
h2.emphasis a,
h2 .emphasis a,
h2 strong a {
color: #4a8ed1;
text-decoration: none;
}
h2.emphasis a:hover,
h2 .emphasis a:hover,
h2 strong a:hover {
color: #235688;
text-decoration: underline;
}
h2.emphasis a:active,
h2 .emphasis a:active,
h2 strong a:active {
color: #173a5b;
text-decoration: none;
}
h2:first-child {
margin-top: 0px;
}
/* ----------------------------------------------------------------------------------------------------
Heading (h3) Text
---------------------------------------------------------------------------------------------------- */
h3 {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 20px;
text-transform: uppercase;
font-style: normal;
color: #3b3b3b;
margin: 22.5px 0px 18.75px 0px;
text-shadow: none;
}
h3 a {
color: #4a8ed1;
text-decoration: none;
}
h3 a:hover {
color: #235688;
text-decoration: underline;
}
h3 a:active {
color: #173a5b;
text-decoration: none;
}
h3.emphasis,
h3 .emphasis,
h3 strong {
font-weight: bold;
color: #595959;
font-style: normal;
text-shadow: none;
}
h3.emphasis a,
h3 .emphasis a,
h3 strong a {
color: #4a8ed1;
text-decoration: none;
}
h3.emphasis a:hover,
h3 .emphasis a:hover,
h3 strong a:hover {
color: #235688;
text-decoration: underline;
}
h3.emphasis a:active,
h3 .emphasis a:active,
h3 strong a:active {
color: #173a5b;
text-decoration: none;
}
h3:first-child {
margin-top: 0px;
}
/* ----------------------------------------------------------------------------------------------------
Heading (h4) Text
---------------------------------------------------------------------------------------------------- */
h4 {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 20px;
text-transform: none;
font-style: normal;
color: #777777;
margin: 18.75px 0px 17.25px 0px;
text-shadow: none;
}
h4 a {
color: #4a8ed1;
text-decoration: none;
}
h4 a:hover {
color: #235688;
text-decoration: underline;
}
h4 a:active {
color: #173a5b;
text-decoration: none;
}
h4.emphasis,
h4 .emphasis,
h4 strong {
font-weight: bold;
color: #595959;
font-style: normal;
text-shadow: none;
}
h4.emphasis a,
h4 .emphasis a,
h4 strong a {
color: #4a8ed1;
text-decoration: none;
}
h4.emphasis a:hover,
h4 .emphasis a:hover,
h4 strong a:hover {
color: #235688;
text-decoration: underline;
}
h4.emphasis a:active,
h4 .emphasis a:active,
h4 strong a:active {
color: #173a5b;
text-decoration: none;
}
h4:first-child {
margin-top: 0px;
}
/* ----------------------------------------------------------------------------------------------------
Heading (h5) Text
---------------------------------------------------------------------------------------------------- */
h5 {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 20px;
text-transform: none;
font-style: normal;
color: #777777;
margin: 17.25px 0px 15px 0px;
text-shadow: none;
}
h5 a {
color: #4a8ed1;
text-decoration: none;
}
h5 a:hover {
color: #235688;
text-decoration: underline;
}
h5 a:active {
color: #173a5b;
text-decoration: none;
}
h5.emphasis,
h5 .emphasis,
h5 strong {
font-weight: bold;
color: #595959;
font-style: normal;
text-shadow: none;
}
h5.emphasis a,
h5 .emphasis a,
h5 strong a {
color: #4a8ed1;
text-decoration: none;
}
h5.emphasis a:hover,
h5 .emphasis a:hover,
h5 strong a:hover {
color: #235688;
text-decoration: underline;
}
h5.emphasis a:active,
h5 .emphasis a:active,
h5 strong a:active {
color: #173a5b;
text-decoration: none;
}
h5:first-child {
margin-top: 0px;
}
/* ----------------------------------------------------------------------------------------------------
Heading (h6) Text
---------------------------------------------------------------------------------------------------- */
h6 {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 20px;
text-transform: none;
font-style: normal;
color: #777777;
margin: 15px 0px 15px 0px;
text-shadow: none;
}
h6 a {
color: #4a8ed1;
text-decoration: none;
}
h6 a:hover {
color: #235688;
text-decoration: underline;
}
h6 a:active {
color: #173a5b;
text-decoration: none;
}
h6.emphasis,
h6 .emphasis,
h6 strong {
font-weight: bold;
color: #595959;
font-style: normal;
text-shadow: none;
}
h6.emphasis a,
h6 .emphasis a,
h6 strong a {
color: #4a8ed1;
text-decoration: none;
}
h6.emphasis a:hover,
h6 .emphasis a:hover,
h6 strong a:hover {
color: #235688;
text-decoration: underline;
}
h6.emphasis a:active,
h6 .emphasis a:active,
h6 strong a:active {
color: #173a5b;
text-decoration: none;
}
h6:first-child {
margin-top: 0px;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Buttons
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Default Button
---------------------------------------------------------------------------------------------------- */
.button {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
*margin-left: .3em;
text-rendering: optimizelegibility;
text-align: center;
vertical-align: middle;
cursor: pointer;
padding-top: 13.5px;
padding-bottom: 13.5px;
padding-left: 16px;
padding-right: 16px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
font-style: normal;
line-height: 15px;
*line-height: 15px;
text-transform: uppercase;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color 0.15s ease;
-moz-transition: background-color 0.15s ease;
-o-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #4a8ed1;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
.button:first-child {
*margin-left: 0;
}
.button .icon {
vertical-align: middle;
}
.button .icon.icon-mini {
margin-right: 8px;
}
.button:focus {
outline: none;
}
.button:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #2e72b5;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
.button.active,
.button:active {
outline: 0;
text-decoration: none;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: none;
border-width: none;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #235688;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
.button.disabled,
.button.Disabled,
.button[disabled] {
cursor: default !important;
pointer-events: none;
outline: 0;
opacity: 0.5;
filter: alpha(opacity=50);
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #bbbbbb;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
/* ----------------------------------------------------------------------------------------------------
Small Button
---------------------------------------------------------------------------------------------------- */
.button.button-small {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
font-weight: 600;
font-style: normal;
line-height: 16px;
text-transform: uppercase;
}
/* ----------------------------------------------------------------------------------------------------
Primary Button
---------------------------------------------------------------------------------------------------- */
.button.button-primary {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #ffa300;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
.button.button-primary:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #cc8200;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
.button.button-primary.active,
.button.button-primary:active {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: none;
border-width: none;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #996200;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
.button.button-primary.disabled,
.button.button-primary.Disabled,
.button.button-primary[disabled] {
opacity: 0.5;
filter: alpha(opacity=50);
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #bbbbbb;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
/* ----------------------------------------------------------------------------------------------------
Button Toolbar
---------------------------------------------------------------------------------------------------- */
.button-toolbar {
margin-top: -5px;
margin-left: -5px;
margin-bottom: 30px;
display: block;
*zoom: 1;
/* ---------------------------------------------------------------------------------------------------- */
/* Button */
/* ---------------------------------------------------------------------------------------------------- */
}
.button-toolbar:before,
.button-toolbar:after {
display: table;
content: "";
line-height: 0;
}
.button-toolbar:after {
clear: both;
}
.button-toolbar.button-toolbar-centered {
display: block;
text-align: center;
margin: 0 auto;
margin-top: -5px;
margin-left: -5px;
margin-bottom: 30px;
}
.button-toolbar.flush-top {
margin-top: -5px;
}
.button-toolbar.flush-bottom {
margin-bottom: 0px;
}
.button-toolbar > .button {
margin-top: 5px;
margin-left: 5px;
/* ---------------------------------------------------------------------------------------------------- */
/* Primary Button */
/* ---------------------------------------------------------------------------------------------------- */
}
.button-toolbar > .button:hover {
margin-top: 5px;
}
.button-toolbar > .button.active,
.button-toolbar > .button:active {
margin-top: 5px;
}
.button-toolbar > .button.disabled,
.button-toolbar > .button[disabled] {
margin-top: 5px;
}
.button-toolbar > .button.button-primary {
margin-top: 5px;
}
.button-toolbar > .button.button-primary:hover {
margin-top: 5px;
}
.button-toolbar > .button.button-primary.active,
.button-toolbar > .button.button-primary:active {
margin-top: 5px;
}
.button-toolbar > .button.button-primary.disabled,
.button-toolbar > .button.button-primary[disabled] {
margin-top: 5px;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Forms
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Default Input
---------------------------------------------------------------------------------------------------- */
.CMessage {
color: #fd3c2b;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
width: 100%;
height: 32px;
padding-top: 8.5px;
padding-bottom: 8.5px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 15px;
-webkit-transition: border linear 0.1s, box-shadow linear 0.1s, background linear 0.1s, width linear 0.1s;
-moz-transition: border linear 0.1s, box-shadow linear 0.1s, background linear 0.1s, width linear 0.1s;
-o-transition: border linear 0.1s, box-shadow linear 0.1s, background linear 0.1s, width linear 0.1s;
transition: border linear 0.1s, box-shadow linear 0.1s, background linear 0.1s, width linear 0.1s;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
font-style: normal;
line-height: 15px;
text-transform: none;
border-width: 0px;
*border: 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: inherit;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
border-color: rgba(0, 0, 0, 0.2);
color: #777777;
text-shadow: none;
background-color: #ffffff;
-webkit-box-shadow: inset 0px 3px 0px 0px rgba(0, 0, 0, 0.05), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 3px 0px 0px rgba(0, 0, 0, 0.05), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
/* ---------------------------------------------------------------------------------------------------- */
/* Error */
/* ---------------------------------------------------------------------------------------------------- */
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
textarea:-moz-placeholder {
color: #bbbbbb;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
textarea::-moz-placeholder {
color: #bbbbbb;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #bbbbbb;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #bbbbbb;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
input[type="text"].focused,
input[type="password"].focused,
input[type="email"].focused,
textarea.focused {
outline: 0;
outline: thin dotted \9;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
border-color: none;
color: #4a8ed1;
text-shadow: none;
background-color: #f8fbfd;
-webkit-box-shadow: inset 0px 3px 0px 0px rgba(73, 140, 208, 0.05), inset 0px 0px 0px 1px rgba(73, 140, 208, 0.5);
box-shadow: inset 0px 3px 0px 0px rgba(73, 140, 208, 0.05), inset 0px 0px 0px 1px rgba(73, 140, 208, 0.5);
}
input[type="text"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="email"]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
input[type="text"].focused:-moz-placeholder,
input[type="password"].focused:-moz-placeholder,
input[type="email"].focused:-moz-placeholder,
textarea.focused:-moz-placeholder {
color: #c1d8ef;
}
input[type="text"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
input[type="text"].focused::-moz-placeholder,
input[type="password"].focused::-moz-placeholder,
input[type="email"].focused::-moz-placeholder,
textarea.focused::-moz-placeholder {
color: #c1d8ef;
}
input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
input[type="text"].focused:-ms-input-placeholder,
input[type="password"].focused:-ms-input-placeholder,
input[type="email"].focused:-ms-input-placeholder,
textarea.focused:-ms-input-placeholder {
color: #c1d8ef;
}
input[type="text"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
input[type="text"].focused::-webkit-input-placeholder,
input[type="password"].focused::-webkit-input-placeholder,
input[type="email"].focused::-webkit-input-placeholder,
textarea.focused::-webkit-input-placeholder {
color: #c1d8ef;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
textarea[disabled],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="email"][readonly],
textarea[readonly] {
cursor: not-allowed;
opacity: 75;
filter: alpha(opacity=7500);
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
border-color: none;
color: #777777;
text-shadow: none;
background-color: #f1f1f1;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
input[type="text"][disabled]:-moz-placeholder,
input[type="password"][disabled]:-moz-placeholder,
input[type="email"][disabled]:-moz-placeholder,
textarea[disabled]:-moz-placeholder,
input[type="text"][readonly]:-moz-placeholder,
input[type="password"][readonly]:-moz-placeholder,
input[type="email"][readonly]:-moz-placeholder,
textarea[readonly]:-moz-placeholder {
color: #777777;
}
input[type="text"][disabled]::-moz-placeholder,
input[type="password"][disabled]::-moz-placeholder,
input[type="email"][disabled]::-moz-placeholder,
textarea[disabled]::-moz-placeholder,
input[type="text"][readonly]::-moz-placeholder,
input[type="password"][readonly]::-moz-placeholder,
input[type="email"][readonly]::-moz-placeholder,
textarea[readonly]::-moz-placeholder {
color: #777777;
}
input[type="text"][disabled]:-ms-input-placeholder,
input[type="password"][disabled]:-ms-input-placeholder,
input[type="email"][disabled]:-ms-input-placeholder,
textarea[disabled]:-ms-input-placeholder,
input[type="text"][readonly]:-ms-input-placeholder,
input[type="password"][readonly]:-ms-input-placeholder,
input[type="email"][readonly]:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder {
color: #777777;
}
input[type="text"][disabled]::-webkit-input-placeholder,
input[type="password"][disabled]::-webkit-input-placeholder,
input[type="email"][disabled]::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder,
input[type="text"][readonly]::-webkit-input-placeholder,
input[type="password"][readonly]::-webkit-input-placeholder,
input[type="email"][readonly]::-webkit-input-placeholder,
textarea[readonly]::-webkit-input-placeholder {
color: #777777;
}
input[type="text"].input-error,
input[type="password"].input-error,
input[type="email"].input-error,
textarea.input-error,
input[type="text"]:required:invalid,
input[type="password"]:required:invalid,
input[type="email"]:required:invalid,
textarea:required:invalid,
input[type="text"].Invalid,
input[type="password"].Invalid,
input[type="email"].Invalid,
input[type="checkbox"].Invalid,
textarea.Invalid {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
border-color: rgba(0, 0, 0, 0.2);
color: #fd3c2b;
text-shadow: none;
background-color: #fff5f5;
-webkit-box-shadow: inset 0px 3px 0px 0px rgba(253, 60, 43, 0.05), inset 0px 0px 0px 1px rgba(253, 60, 43, 0.5);
box-shadow: inset 0px 3px 0px 0px rgba(253, 60, 43, 0.05), inset 0px 0px 0px 1px rgba(253, 60, 43, 0.5);
}
label.Invalid {
color: #fd3c2b;
}
input[type="text"].input-error:-moz-placeholder,
input[type="password"].input-error:-moz-placeholder,
input[type="email"].input-error:-moz-placeholder,
textarea.input-error:-moz-placeholder,
input[type="text"]:required:invalid:-moz-placeholder,
input[type="password"]:required:invalid:-moz-placeholder,
input[type="email"]:required:invalid:-moz-placeholder,
textarea:required:invalid:-moz-placeholder,
input[type="text"].Invalid:-moz-placeholder,
input[type="password"].Invalid:-moz-placeholder,
input[type="email"].Invalid:-moz-placeholder,
textarea.Invalid:-moz-placeholder {
color: #febbb5;
}
input[type="text"].input-error::-moz-placeholder,
input[type="password"].input-error::-moz-placeholder,
input[type="email"].input-error::-moz-placeholder,
textarea.input-error::-moz-placeholder,
input[type="text"]:required:invalid::-moz-placeholder,
input[type="password"]:required:invalid::-moz-placeholder,
input[type="email"]:required:invalid::-moz-placeholder,
textarea:required:invalid::-moz-placeholder,
input[type="text"].Invalid::-moz-placeholder,
input[type="password"].Invalid::-moz-placeholder,
input[type="email"].Invalid::-moz-placeholder,
textarea.Invalid::-moz-placeholder {
color: #febbb5;
}
input[type="text"].input-error:-ms-input-placeholder,
input[type="password"].input-error:-ms-input-placeholder,
input[type="email"].input-error:-ms-input-placeholder,
textarea.input-error:-ms-input-placeholder,
input[type="text"]:required:invalid:-ms-input-placeholder,
input[type="password"]:required:invalid:-ms-input-placeholder,
input[type="email"]:required:invalid:-ms-input-placeholder,
textarea:required:invalid:-ms-input-placeholder,
input[type="text"].Invalid:-ms-input-placeholder,
input[type="password"].Invalid:-ms-input-placeholder,
input[type="email"].Invalid:-ms-input-placeholder,
textarea.Invalid:-ms-input-placeholder {
color: #febbb5;
}
input[type="text"].input-error::-webkit-input-placeholder,
input[type="password"].input-error::-webkit-input-placeholder,
input[type="email"].input-error::-webkit-input-placeholder,
textarea.input-error::-webkit-input-placeholder,
input[type="text"]:required:invalid::-webkit-input-placeholder,
input[type="password"]:required:invalid::-webkit-input-placeholder,
input[type="email"]:required:invalid::-webkit-input-placeholder,
textarea:required:invalid::-webkit-input-placeholder,
input[type="text"].Invalid::-webkit-input-placeholder,
input[type="password"].Invalid::-webkit-input-placeholder,
input[type="email"].Invalid::-webkit-input-placeholder,
textarea.Invalid::-webkit-input-placeholder {
color: #febbb5;
}
input[type="text"].input-error:focus,
input[type="password"].input-error:focus,
input[type="email"].input-error:focus,
textarea.input-error:focus,
input[type="text"]:required:invalid:focus,
input[type="password"]:required:invalid:focus,
input[type="email"]:required:invalid:focus,
textarea:required:invalid:focus,
input[type="text"].Invalid:focus,
input[type="password"].Invalid:focus,
input[type="email"].Invalid:focus,
textarea.Invalid:focus,
input[type="text"].input-error.focused,
input[type="password"].input-error.focused,
input[type="email"].input-error.focused,
textarea.input-error.focused,
input[type="text"]:required:invalid.focused,
input[type="password"]:required:invalid.focused,
input[type="email"]:required:invalid.focused,
textarea:required:invalid.focused,
input[type="text"].Invalid.focused,
input[type="password"].Invalid.focused,
input[type="email"].Invalid.focused,
textarea.Invalid.focused {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
border-color: none;
color: #fd3c2b;
text-shadow: none;
background-color: #fff5f5;
-webkit-box-shadow: inset 0px 3px 0px 0px rgba(253, 60, 43, 0.05), inset 0px 0px 0px 1px rgba(253, 60, 43, 0.5);
box-shadow: inset 0px 3px 0px 0px rgba(253, 60, 43, 0.05), inset 0px 0px 0px 1px rgba(253, 60, 43, 0.5);
}
input[type="text"].input-error:focus:-moz-placeholder,
input[type="password"].input-error:focus:-moz-placeholder,
input[type="email"].input-error:focus:-moz-placeholder,
textarea.input-error:focus:-moz-placeholder,
input[type="text"]:required:invalid:focus:-moz-placeholder,
input[type="password"]:required:invalid:focus:-moz-placeholder,
input[type="email"]:required:invalid:focus:-moz-placeholder,
textarea:required:invalid:focus:-moz-placeholder,
input[type="text"].Invalid:focus:-moz-placeholder,
input[type="password"].Invalid:focus:-moz-placeholder,
input[type="email"].Invalid:focus:-moz-placeholder,
textarea.Invalid:focus:-moz-placeholder,
input[type="text"].input-error.focused:-moz-placeholder,
input[type="password"].input-error.focused:-moz-placeholder,
input[type="email"].input-error.focused:-moz-placeholder,
textarea.input-error.focused:-moz-placeholder,
input[type="text"]:required:invalid.focused:-moz-placeholder,
input[type="password"]:required:invalid.focused:-moz-placeholder,
input[type="email"]:required:invalid.focused:-moz-placeholder,
textarea:required:invalid.focused:-moz-placeholder,
input[type="text"].Invalid.focused:-moz-placeholder,
input[type="password"].Invalid.focused:-moz-placeholder,
input[type="email"].Invalid.focused:-moz-placeholder,
textarea.Invalid.focused:-moz-placeholder {
color: #febbb5;
}
input[type="text"].input-error:focus::-moz-placeholder,
input[type="password"].input-error:focus::-moz-placeholder,
input[type="email"].input-error:focus::-moz-placeholder,
textarea.input-error:focus::-moz-placeholder,
input[type="text"]:required:invalid:focus::-moz-placeholder,
input[type="password"]:required:invalid:focus::-moz-placeholder,
input[type="email"]:required:invalid:focus::-moz-placeholder,
textarea:required:invalid:focus::-moz-placeholder,
input[type="text"].Invalid:focus::-moz-placeholder,
input[type="password"].Invalid:focus::-moz-placeholder,
input[type="email"].Invalid:focus::-moz-placeholder,
textarea.Invalid:focus::-moz-placeholder,
input[type="text"].input-error.focused::-moz-placeholder,
input[type="password"].input-error.focused::-moz-placeholder,
input[type="email"].input-error.focused::-moz-placeholder,
textarea.input-error.focused::-moz-placeholder,
input[type="text"]:required:invalid.focused::-moz-placeholder,
input[type="password"]:required:invalid.focused::-moz-placeholder,
input[type="email"]:required:invalid.focused::-moz-placeholder,
textarea:required:invalid.focused::-moz-placeholder,
input[type="text"].Invalid.focused::-moz-placeholder,
input[type="password"].Invalid.focused::-moz-placeholder,
input[type="email"].Invalid.focused::-moz-placeholder,
textarea.Invalid.focused::-moz-placeholder {
color: #febbb5;
}
input[type="text"].input-error:focus:-ms-input-placeholder,
input[type="password"].input-error:focus:-ms-input-placeholder,
input[type="email"].input-error:focus:-ms-input-placeholder,
textarea.input-error:focus:-ms-input-placeholder,
input[type="text"]:required:invalid:focus:-ms-input-placeholder,
input[type="password"]:required:invalid:focus:-ms-input-placeholder,
input[type="email"]:required:invalid:focus:-ms-input-placeholder,
textarea:required:invalid:focus:-ms-input-placeholder,
input[type="text"].Invalid:focus:-ms-input-placeholder,
input[type="password"].Invalid:focus:-ms-input-placeholder,
input[type="email"].Invalid:focus:-ms-input-placeholder,
textarea.Invalid:focus:-ms-input-placeholder,
input[type="text"].input-error.focused:-ms-input-placeholder,
input[type="password"].input-error.focused:-ms-input-placeholder,
input[type="email"].input-error.focused:-ms-input-placeholder,
textarea.input-error.focused:-ms-input-placeholder,
input[type="text"]:required:invalid.focused:-ms-input-placeholder,
input[type="password"]:required:invalid.focused:-ms-input-placeholder,
input[type="email"]:required:invalid.focused:-ms-input-placeholder,
textarea:required:invalid.focused:-ms-input-placeholder,
input[type="text"].Invalid.focused:-ms-input-placeholder,
input[type="password"].Invalid.focused:-ms-input-placeholder,
input[type="email"].Invalid.focused:-ms-input-placeholder,
textarea.Invalid.focused:-ms-input-placeholder {
color: #febbb5;
}
input[type="text"].input-error:focus::-webkit-input-placeholder,
input[type="password"].input-error:focus::-webkit-input-placeholder,
input[type="email"].input-error:focus::-webkit-input-placeholder,
textarea.input-error:focus::-webkit-input-placeholder,
input[type="text"]:required:invalid:focus::-webkit-input-placeholder,
input[type="password"]:required:invalid:focus::-webkit-input-placeholder,
input[type="email"]:required:invalid:focus::-webkit-input-placeholder,
textarea:required:invalid:focus::-webkit-input-placeholder,
input[type="text"].Invalid:focus::-webkit-input-placeholder,
input[type="password"].Invalid:focus::-webkit-input-placeholder,
input[type="email"].Invalid:focus::-webkit-input-placeholder,
textarea.Invalid:focus::-webkit-input-placeholder,
input[type="text"].input-error.focused::-webkit-input-placeholder,
input[type="password"].input-error.focused::-webkit-input-placeholder,
input[type="email"].input-error.focused::-webkit-input-placeholder,
textarea.input-error.focused::-webkit-input-placeholder,
input[type="text"]:required:invalid.focused::-webkit-input-placeholder,
input[type="password"]:required:invalid.focused::-webkit-input-placeholder,
input[type="email"]:required:invalid.focused::-webkit-input-placeholder,
textarea:required:invalid.focused::-webkit-input-placeholder,
input[type="text"].Invalid.focused::-webkit-input-placeholder,
input[type="password"].Invalid.focused::-webkit-input-placeholder,
input[type="email"].Invalid.focused::-webkit-input-placeholder,
textarea.Invalid.focused::-webkit-input-placeholder {
color: #febbb5;
}
input[type="text"].input-error[disabled],
input[type="password"].input-error[disabled],
input[type="email"].input-error[disabled],
textarea.input-error[disabled],
input[type="text"]:required:invalid[disabled],
input[type="password"]:required:invalid[disabled],
input[type="email"]:required:invalid[disabled],
textarea:required:invalid[disabled],
input[type="text"].Invalid[disabled],
input[type="password"].Invalid[disabled],
input[type="email"].Invalid[disabled],
textarea.Invalid[disabled],
input[type="text"].input-error[readonly],
input[type="password"].input-error[readonly],
input[type="email"].input-error[readonly],
textarea.input-error[readonly],
input[type="text"]:required:invalid[readonly],
input[type="password"]:required:invalid[readonly],
input[type="email"]:required:invalid[readonly],
textarea:required:invalid[readonly],
input[type="text"].Invalid[readonly],
input[type="password"].Invalid[readonly],
input[type="email"].Invalid[readonly],
textarea.Invalid[readonly] {
opacity: 75;
filter: alpha(opacity=7500);
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
border-color: none;
color: #777777;
text-shadow: none;
background-color: #f1f1f1;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
input[type="text"].input-error[disabled]:-moz-placeholder,
input[type="password"].input-error[disabled]:-moz-placeholder,
input[type="email"].input-error[disabled]:-moz-placeholder,
textarea.input-error[disabled]:-moz-placeholder,
input[type="text"]:required:invalid[disabled]:-moz-placeholder,
input[type="password"]:required:invalid[disabled]:-moz-placeholder,
input[type="email"]:required:invalid[disabled]:-moz-placeholder,
textarea:required:invalid[disabled]:-moz-placeholder,
input[type="text"].Invalid[disabled]:-moz-placeholder,
input[type="password"].Invalid[disabled]:-moz-placeholder,
input[type="email"].Invalid[disabled]:-moz-placeholder,
textarea.Invalid[disabled]:-moz-placeholder,
input[type="text"].input-error[readonly]:-moz-placeholder,
input[type="password"].input-error[readonly]:-moz-placeholder,
input[type="email"].input-error[readonly]:-moz-placeholder,
textarea.input-error[readonly]:-moz-placeholder,
input[type="text"]:required:invalid[readonly]:-moz-placeholder,
input[type="password"]:required:invalid[readonly]:-moz-placeholder,
input[type="email"]:required:invalid[readonly]:-moz-placeholder,
textarea:required:invalid[readonly]:-moz-placeholder,
input[type="text"].Invalid[readonly]:-moz-placeholder,
input[type="password"].Invalid[readonly]:-moz-placeholder,
input[type="email"].Invalid[readonly]:-moz-placeholder,
textarea.Invalid[readonly]:-moz-placeholder {
color: #777777;
}
input[type="text"].input-error[disabled]::-moz-placeholder,
input[type="password"].input-error[disabled]::-moz-placeholder,
input[type="email"].input-error[disabled]::-moz-placeholder,
textarea.input-error[disabled]::-moz-placeholder,
input[type="text"]:required:invalid[disabled]::-moz-placeholder,
input[type="password"]:required:invalid[disabled]::-moz-placeholder,
input[type="email"]:required:invalid[disabled]::-moz-placeholder,
textarea:required:invalid[disabled]::-moz-placeholder,
input[type="text"].Invalid[disabled]::-moz-placeholder,
input[type="password"].Invalid[disabled]::-moz-placeholder,
input[type="email"].Invalid[disabled]::-moz-placeholder,
textarea.Invalid[disabled]::-moz-placeholder,
input[type="text"].input-error[readonly]::-moz-placeholder,
input[type="password"].input-error[readonly]::-moz-placeholder,
input[type="email"].input-error[readonly]::-moz-placeholder,
textarea.input-error[readonly]::-moz-placeholder,
input[type="text"]:required:invalid[readonly]::-moz-placeholder,
input[type="password"]:required:invalid[readonly]::-moz-placeholder,
input[type="email"]:required:invalid[readonly]::-moz-placeholder,
textarea:required:invalid[readonly]::-moz-placeholder,
input[type="text"].Invalid[readonly]::-moz-placeholder,
input[type="password"].Invalid[readonly]::-moz-placeholder,
input[type="email"].Invalid[readonly]::-moz-placeholder,
textarea.Invalid[readonly]::-moz-placeholder {
color: #777777;
}
input[type="text"].input-error[disabled]:-ms-input-placeholder,
input[type="password"].input-error[disabled]:-ms-input-placeholder,
input[type="email"].input-error[disabled]:-ms-input-placeholder,
textarea.input-error[disabled]:-ms-input-placeholder,
input[type="text"]:required:invalid[disabled]:-ms-input-placeholder,
input[type="password"]:required:invalid[disabled]:-ms-input-placeholder,
input[type="email"]:required:invalid[disabled]:-ms-input-placeholder,
textarea:required:invalid[disabled]:-ms-input-placeholder,
input[type="text"].Invalid[disabled]:-ms-input-placeholder,
input[type="password"].Invalid[disabled]:-ms-input-placeholder,
input[type="email"].Invalid[disabled]:-ms-input-placeholder,
textarea.Invalid[disabled]:-ms-input-placeholder,
input[type="text"].input-error[readonly]:-ms-input-placeholder,
input[type="password"].input-error[readonly]:-ms-input-placeholder,
input[type="email"].input-error[readonly]:-ms-input-placeholder,
textarea.input-error[readonly]:-ms-input-placeholder,
input[type="text"]:required:invalid[readonly]:-ms-input-placeholder,
input[type="password"]:required:invalid[readonly]:-ms-input-placeholder,
input[type="email"]:required:invalid[readonly]:-ms-input-placeholder,
textarea:required:invalid[readonly]:-ms-input-placeholder,
input[type="text"].Invalid[readonly]:-ms-input-placeholder,
input[type="password"].Invalid[readonly]:-ms-input-placeholder,
input[type="email"].Invalid[readonly]:-ms-input-placeholder,
textarea.Invalid[readonly]:-ms-input-placeholder {
color: #777777;
}
input[type="text"].input-error[disabled]::-webkit-input-placeholder,
input[type="password"].input-error[disabled]::-webkit-input-placeholder,
input[type="email"].input-error[disabled]::-webkit-input-placeholder,
textarea.input-error[disabled]::-webkit-input-placeholder,
input[type="text"]:required:invalid[disabled]::-webkit-input-placeholder,
input[type="password"]:required:invalid[disabled]::-webkit-input-placeholder,
input[type="email"]:required:invalid[disabled]::-webkit-input-placeholder,
textarea:required:invalid[disabled]::-webkit-input-placeholder,
input[type="text"].Invalid[disabled]::-webkit-input-placeholder,
input[type="password"].Invalid[disabled]::-webkit-input-placeholder,
input[type="email"].Invalid[disabled]::-webkit-input-placeholder,
textarea.Invalid[disabled]::-webkit-input-placeholder,
input[type="text"].input-error[readonly]::-webkit-input-placeholder,
input[type="password"].input-error[readonly]::-webkit-input-placeholder,
input[type="email"].input-error[readonly]::-webkit-input-placeholder,
textarea.input-error[readonly]::-webkit-input-placeholder,
input[type="text"]:required:invalid[readonly]::-webkit-input-placeholder,
input[type="password"]:required:invalid[readonly]::-webkit-input-placeholder,
input[type="email"]:required:invalid[readonly]::-webkit-input-placeholder,
textarea:required:invalid[readonly]::-webkit-input-placeholder,
input[type="text"].Invalid[readonly]::-webkit-input-placeholder,
input[type="password"].Invalid[readonly]::-webkit-input-placeholder,
input[type="email"].Invalid[readonly]::-webkit-input-placeholder,
textarea.Invalid[readonly]::-webkit-input-placeholder {
color: #777777;
}
textarea {
height: auto;
}
input[type="radio"],
input[type="checkbox"] {
margin: 7px 0px 7px 0px;
*margin-top: 0px;
line-height: normal;
cursor: pointer;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
/* ----------------------------------------------------------------------------------------------------
Labels
---------------------------------------------------------------------------------------------------- */
label {
display: block;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform: none;
font-style: normal;
color: #3b3b3b;
margin: 0px 0px 3.75px 0px;
}
label + br {
display: none;
}
label b {
font-weight: 600;
}
/* ----------------------------------------------------------------------------------------------------
Select
---------------------------------------------------------------------------------------------------- */
select {
display: inline-block;
*display: inline;
*margin-left: .3em;
text-rendering: optimizelegibility;
text-align: left;
vertical-align: middle;
cursor: pointer;
position: relative;
width: 100%;
height: 32px;
padding-top: 8.5px;
padding-bottom: 8.5px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 15px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
font-style: normal;
line-height: 15px;
*line-height: 15px;
text-transform: none;
text-shadow: none;
color: #777777;
-webkit-box-shadow: none;
box-shadow: none;
*zoom: 1;
border: 1px solid #bbbbbb;
background: #ffffff;
/* ---------------------------------------------------------------------------------------------------- */
/* Error */
/* ---------------------------------------------------------------------------------------------------- */
}
select:first-child {
*margin-left: 0;
}
select:before,
select:after {
display: table;
content: "";
line-height: 0;
}
select:after {
clear: both;
}
select[disabled],
select[readonly] {
cursor: not-allowed;
opacity: 75;
filter: alpha(opacity=7500);
}
select[multiple],
select[size] {
height: auto;
}
select.input-error,
select:required:invalid,
select.Invalid {
background: #fff5f5;
border-color: #fd3c2b;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Icons
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
.icon {
*margin-right: .3em;
display: inline-block;
vertical-align: text-top;
background-position: 0px 0px;
background-repeat: no-repeat;
border-radius: 0;
overflow: visible;
}
.icon.icon-mini {
background-image: url("../../images/photo_contest/offerpop-photo-contest-platform-icons-mini.png");
-webkit-background-size: 48px 160px;
-moz-background-size: 48px 160px;
-o-background-size: 48px 160px;
background-size: 48px 160px;
width: 16px;
height: 16px;
line-height: 16px;
}
.icon.icon-small {
background-image: url("../../images/photo_contest/offerpop-photo-contest-platform-icons-small.png");
-webkit-background-size: 72px 72px;
-moz-background-size: 72px 72px;
-o-background-size: 72px 72px;
background-size: 72px 72px;
width: 24px;
height: 24px;
line-height: 24px;
}
.icon.icon-medium {
background-image: url("../../images/photo_contest/offerpop-photo-contest-platform-icons-medium.png");
-webkit-background-size: 96px 96px;
-moz-background-size: 96px 96px;
-o-background-size: 96px 96px;
background-size: 96px 96px;
width: 32px;
height: 32px;
line-height: 32px;
}
/* ----------------------------------------------------------------------------------------------------
Icon (Mini)
---------------------------------------------------------------------------------------------------- */
.icon.icon-mini {
background-position: 0px 0px;
}
.icon.icon-mini.icon-white {
background-position: -16px 0px;
}
.icon.icon-mini.icon-color {
background-position: -32px 0px;
}
.icon.icon-mini.icon-facebook {
background-position: 0px -16px;
}
.icon.icon-mini.icon-facebook.icon-white {
background-position: -16px -16px;
}
.icon.icon-mini.icon-facebook.icon-color {
background-position: -32px -16px;
}
.icon.icon-mini.icon-twitter {
background-position: 0px -32px;
}
.icon.icon-mini.icon-twitter.icon-white {
background-position: -16px -32px;
}
.icon.icon-mini.icon-twitter.icon-color {
background-position: -32px -32px;
}
.icon.icon-mini.icon-instagram {
background-position: 0px -48px;
}
.icon.icon-mini.icon-instagram.icon-white {
background-position: -16px -48px;
}
.icon.icon-mini.icon-instagram.icon-color {
background-position: -32px -48px;
}
.icon.icon-mini.icon-pinterest {
background-position: 0px -64px;
}
.icon.icon-mini.icon-pinterest.icon-white {
background-position: -16px -64px;
}
.icon.icon-mini.icon-pinterest.icon-color {
background-position: -32px -64px;
}
.icon.icon-mini.icon-email {
background-position: 0px -80px;
}
.icon.icon-mini.icon-email.icon-white {
background-position: -16px -80px;
}
.icon.icon-mini.icon-email.icon-color {
background-position: -32px -80px;
}
.icon.icon-mini.icon-zoom {
background-position: 0px -96px;
}
.icon.icon-mini.icon-zoom.icon-white {
background-position: -16px -96px;
}
.icon.icon-mini.icon-zoom.icon-color {
background-position: -32px -96px;
}
.icon.icon-mini.icon-left-arrow {
background-position: 0px -112px;
}
.icon.icon-mini.icon-left-arrow.icon-white {
background-position: -16px -112px;
}
.icon.icon-mini.icon-left-arrow.icon-color {
background-position: -32px -112px;
}
.icon.icon-mini.icon-check {
background-position: 0px -128px;
}
.icon.icon-mini.icon-check.icon-white {
background-position: -16px -128px;
}
.icon.icon-mini.icon-check.icon-color {
background-position: -32px -128px;
}
.icon.icon-mini.icon-select {
background-position: 0px -144px;
}
.icon.icon-mini.icon-select.icon-white {
background-position: -16px -144px;
}
.icon.icon-mini.icon-select.icon-color {
background-position: -32px -144px;
}
/* ----------------------------------------------------------------------------------------------------
Icon (Small)
---------------------------------------------------------------------------------------------------- */
.icon.icon-small {
background-position: 0px 0px;
}
.icon.icon-small.icon-white {
background-position: -24px 0px;
}
.icon.icon-small.icon-color {
background-position: -48px 0px;
}
.icon.icon-small.icon-bars {
background-position: 0px -24px;
}
.icon.icon-small.icon-bars.icon-white {
background-position: -24px -24px;
}
.icon.icon-small.icon-bars.icon-color {
background-position: -48px -24px;
}
.icon.icon-small.icon-zoom {
background-position: 0px -48px;
}
.icon.icon-small.icon-zoom.icon-white {
background-position: -24px -48px;
}
.icon.icon-small.icon-zoom.icon-color {
background-position: -48px -48px;
}
/* ----------------------------------------------------------------------------------------------------
Icon (Medium)
---------------------------------------------------------------------------------------------------- */
.icon.icon-medium {
background-position: 0px 0px;
}
.icon.icon-medium.icon-white {
background-position: -32px 0px;
}
.icon.icon-medium.icon-color {
background-position: -64px 0px;
}
.icon.icon-medium.icon-arrow-left {
background-position: 0px -32px;
}
.icon.icon-medium.icon-arrow-left.icon-white {
background-position: -32px -32px;
}
.icon.icon-medium.icon-arrow-left.icon-color {
background-position: -64px -32px;
}
.icon.icon-medium.icon-arrow-right {
background-position: 0px -64px;
}
.icon.icon-medium.icon-arrow-right.icon-white {
background-position: -32px -64px;
}
.icon.icon-medium.icon-arrow-right.icon-color {
background-position: -64px -64px;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Prompts
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
.prompt {
background: #f1f1f1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 15px;
margin-bottom: 30px;
}
.prompt img {
display: none;
}
.prompt p {
text-align: center;
}
.prompt p.prompt-headline {
font-weight: 600;
margin-bottom: 3.75px;
}
.prompt p:last-child {
margin-bottom: 0px;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#page {
margin-bottom: 0px !important;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page Header
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#page-header {
margin-bottom: 0px !important;
}
#page-header img {
margin-bottom: 0px !important;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page Navigation
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#page-navigation {
margin-top: 16.5px;
padding-bottom: 16.5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
*zoom: 1;
}
#page-navigation:before,
#page-navigation:after {
display: table;
content: "";
line-height: 0;
}
#page-navigation:after {
clear: both;
}
#page-navigation #cnav_about,
#page-navigation #cnav_view,
#page-navigation #cnav_winners {
float: left;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
*margin-left: .3em;
text-rendering: optimizelegibility;
text-align: center;
vertical-align: middle;
cursor: pointer;
padding: 0px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
font-style: normal;
line-height: 42px;
*line-height: 15px;
text-transform: uppercase;
color: #4a8ed1;
margin-right: 30px;
-webkit-transition: color 0.15s ease;
-moz-transition: color 0.15s ease;
-o-transition: color 0.15s ease;
transition: color 0.15s ease;
}
#page-navigation #cnav_about:first-child,
#page-navigation #cnav_view:first-child,
#page-navigation #cnav_winners:first-child {
*margin-left: 0;
}
#page-navigation #cnav_about:focus,
#page-navigation #cnav_view:focus,
#page-navigation #cnav_winners:focus {
outline: none;
}
#page-navigation #cnav_about:hover,
#page-navigation #cnav_view:hover,
#page-navigation #cnav_winners:hover {
text-decoration: none;
color: #235688;
}
#page-navigation #cnav_about:after,
#page-navigation #cnav_view:after,
#page-navigation #cnav_winners:after {
content: '';
display: none;
width: 100%;
height: 3px;
background: #4a8ed1;
position: absolute;
bottom: -17.5px;
left: 0px;
}
#page-navigation #cnav_about.active,
#page-navigation #cnav_view.active,
#page-navigation #cnav_winners.active,
#page-navigation #cnav_about:active,
#page-navigation #cnav_view:active,
#page-navigation #cnav_winners:active {
color: #173a5b;
}
#page-navigation #cnav_about.Sel,
#page-navigation #cnav_view.Sel,
#page-navigation #cnav_winners.Sel {
color: #4a8ed1;
}
#page-navigation #cnav_about.Sel:after,
#page-navigation #cnav_view.Sel:after,
#page-navigation #cnav_winners.Sel:after {
display: block;
}
#page-navigation #cnav_winners {
margin-right: 0px;
}
#page-navigation #cnav_submit {
float: right;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
*margin-left: .3em;
text-rendering: optimizelegibility;
text-align: center;
vertical-align: middle;
cursor: pointer;
padding-top: 13.5px;
padding-bottom: 13.5px;
padding-left: 16px;
padding-right: 16px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
font-style: normal;
line-height: 15px;
*line-height: 15px;
text-transform: uppercase;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color 0.15s ease;
-moz-transition: background-color 0.15s ease;
-o-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #ffa300;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
#page-navigation #cnav_submit:first-child {
*margin-left: 0;
}
#page-navigation #cnav_submit:focus {
outline: none;
}
#page-navigation #cnav_submit:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #cc8200;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
#page-navigation #cnav_submit.active,
#page-navigation #cnav_submit:active {
outline: 0;
text-decoration: none;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: none;
border-width: none;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #996200;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
#page-navigation #cnav_submit.disabled,
#page-navigation #cnav_submit.Disabled,
#page-navigation #cnav_submit[disabled] {
opacity: 0.5;
filter: alpha(opacity=50);
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #ffffff;
text-shadow: none;
background-color: #bbbbbb;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page Body
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#page-body {
margin-top: 30px;
position: relative;
*zoom: 1;
}
#page-body:before,
#page-body:after {
display: table;
content: "";
line-height: 0;
}
#page-body:after {
clear: both;
}
/* ----------------------------------------------------------------------------------------------------
Page Gallery Controls
---------------------------------------------------------------------------------------------------- */
#gallery-controls {
*zoom: 1;
margin: 0px;
}
#gallery-controls:before,
#gallery-controls:after {
display: table;
content: "";
line-height: 0;
}
#gallery-controls:after {
clear: both;
}
#gallery-controls ul {
position: relative;
list-style: none;
*zoom: 1;
margin: 0px;
padding: 0px;
}
#gallery-controls ul:before,
#gallery-controls ul:after {
display: table;
content: "";
line-height: 0;
}
#gallery-controls ul:after {
clear: both;
}
#gallery-controls ul li {
list-style: none;
display: block;
float: left;
margin: 0px 15px 0px 0px;
padding: 0px;
*zoom: 1;
position: relative;
}
#gallery-controls ul li:before,
#gallery-controls ul li:after {
display: table;
content: "";
line-height: 0;
}
#gallery-controls ul li:after {
clear: both;
}
#gallery-controls ul li#gallery-search-block {
position: absolute;
top: 0px;
right: 0px;
}
#gallery-controls ul li#gallery-friends-filter-block label {
margin: 0px 0px 0px 19.5px;
}
#gallery-controls ul li#gallery-search-block {
margin-right: 0px;
margin-left: 15px;
padding: 0px 1px 0px 0px;
}
#gallery-controls ul li#gallery-search-block button {
display: none;
}
#gallery-controls ul li#gallery-search-block input {
margin: 0px;
}
#gallery-controls ul li label {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 32px;
text-transform: none;
font-style: normal;
color: #777777;
margin: 0px 0px 0px 0px;
text-shadow: none;
display: inline-block;
margin-right: 7.5px;
}
#gallery-controls ul li select {
width: auto;
margin: 0px;
font-size: 12px;
}
#gallery-controls ul li input[type="radio"] {
position: absolute;
margin: 0px;
top: 10px;
width: auto !important;
}
#gallery-controls ul li input[type="checkbox"] {
position: absolute;
margin: 0px 0px 0px 0px;
top: 10px;
width: auto !important;
}
#gallery-content-wrapper {
*zoom: 1;
margin: 30px 0px 0px 0px;
}
#gallery-content-wrapper:before,
#gallery-content-wrapper:after {
display: table;
content: "";
line-height: 0;
}
#gallery-content-wrapper:after {
clear: both;
}
#gallery-content-wrapper #gallery-refreshing,
#gallery-content-wrapper #gallery-loading {
display: block;
text-align: center;
*zoom: 1;
}
#gallery-content-wrapper #gallery-refreshing:before,
#gallery-content-wrapper #gallery-loading:before,
#gallery-content-wrapper #gallery-refreshing:after,
#gallery-content-wrapper #gallery-loading:after {
display: table;
content: "";
line-height: 0;
}
#gallery-content-wrapper #gallery-refreshing:after,
#gallery-content-wrapper #gallery-loading:after {
clear: both;
}
#gallery-content-wrapper .isotope_error {
display: block;
text-align: center;
*zoom: 1;
}
#gallery-content-wrapper .isotope_error:before,
#gallery-content-wrapper .isotope_error:after {
display: table;
content: "";
line-height: 0;
}
#gallery-content-wrapper .isotope_error:after {
clear: both;
}
#gallery-content-wrapper #gallery-show-more {
display: block;
text-align: center;
*zoom: 1;
}
#gallery-content-wrapper #gallery-show-more:before,
#gallery-content-wrapper #gallery-show-more:after {
display: table;
content: "";
line-height: 0;
}
#gallery-content-wrapper #gallery-show-more:after {
clear: both;
}
#gallery-content-wrapper #gallery-content {
margin: 0px 0px 0px -15px;
height: auto !important;
*zoom: 1;
}
#gallery-content-wrapper #gallery-content:before,
#gallery-content-wrapper #gallery-content:after {
display: table;
content: "";
line-height: 0;
}
#gallery-content-wrapper #gallery-content:after {
clear: both;
}
#gallery-content-wrapper #gallery-content .isotope-item {
width: 191.25px;
margin: 15px 0px 0px 15px;
position: relative !important;
top: auto !important;
left: auto !important;
float: left;
cursor: pointer;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail {
position: relative;
background: #091624;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail img {
width: 191.25px !important;
height: 191.25px !important;
-webkit-transition: opacity 0.15s ease;
-moz-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail .gallery-photo-info-background {
display: none;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail .gallery-photo-info {
position: absolute;
bottom: 0px;
display: block;
padding: 15px;
background: rgba(6, 15, 24, 0.8);
width: 191.25px;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail .gallery-photo-info .info-left-col {
float: left;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail .gallery-photo-info .info-right-col {
float: right;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail .gallery-photo-info .gallery-photo-firstname {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-transform: none;
font-style: normal;
color: #ffffff;
margin: 0px 0px 0px 0px;
text-shadow: none;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail .gallery-photo-info .gallery-photo-city,
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail .gallery-photo-info .gallery-photo-category {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 11px;
text-transform: uppercase;
font-style: normal;
color: rgba(255, 255, 255, 0.75);
margin: 4.5px 0px 0px 0px;
text-shadow: none;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail .gallery-photo-info .gallery-photo-category {
text-align: right;
margin-top: 24.5px;
}
#gallery-content-wrapper #gallery-content .isotope-item .Thumbnail .gallery-photo-info .gallery-photo-vote-count {
position: absolute;
top: -118.25px;
right: 7.5px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 11px;
text-transform: uppercase;
font-style: normal;
color: #ffffff;
text-shadow: none;
background: #4a8ed1;
padding: 7.5px 7.5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#gallery-content-wrapper #gallery-content .isotope-item .gallery-photo-caption {
margin-top: 7.5px;
display: block;
width: 100% !important;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 14px;
text-transform: none;
font-style: normal;
color: #999999;
text-shadow: none;
height: 42px;
overflow: hidden;
position: relative;
}
#gallery-content-wrapper #gallery-content .isotope-item .gallery-photo-caption:after {
content: '';
display: block;
width: 25%;
height: 14px;
position: absolute;
bottom: 0px;
right: 0px;
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), to(#ffffff));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=1);
}
/* ----------------------------------------------------------------------------------------------------
Popups
---------------------------------------------------------------------------------------------------- */
.popup {
background: #ffffff;
position: absolute;
top: 25%;
left: 15%;
width: 70%;
height: auto;
padding: 15px;
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: none;
}
.popup .popup-inner {
padding: 15px;
overflow-y: scroll;
}
.popup .popup-inner h2 {
margin-top: 0px;
}
.popup .popup-inner button {
margin-top: 30px;
}
.popup .popup-inner img {
width: 50%;
height: auto;
float: right;
}
#pop_email {
position: fixed;
z-index: 10;
top: 300px;
left: 125px;
background: white;
padding: 20px;
border: 2px solid #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: 440px;
}
#pop_email .SDeclare label {
margin-left: 5px;
display: inline;
}
#pop_email #signup_image {
width: 100%;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page Footer
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#page-footer {
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 30px;
padding-top: 30px;
}
#page-footer #report_spam_div {
*zoom: 1;
}
#page-footer #report_spam_div:before,
#page-footer #report_spam_div:after {
display: table;
content: "";
line-height: 0;
}
#page-footer #report_spam_div:after {
clear: both;
}
#page-footer #report_spam_div a {
float: right !important;
padding: 0px !important;
color: #fd3c2b !important;
width: auto !important;
font-size: 11px;
line-height: 14px;
}
#page-footer .page-footer-legal-offerpop {
*zoom: 1;
margin-bottom: 15px;
}
#page-footer .page-footer-legal-offerpop:before,
#page-footer .page-footer-legal-offerpop:after {
display: table;
content: "";
line-height: 0;
}
#page-footer .page-footer-legal-offerpop:after {
clear: both;
}
#page-footer .page-footer-legal-offerpop .button-cookie-preferences {
margin-left: 15px;
margin-bottom: 15px;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #777777;
text-shadow: none;
background-color: #eaeaea;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
#page-footer .page-footer-legal-offerpop .button-cookie-preferences:hover {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: 0px;
border-width: 0px;
border-color: none;
color: #595959;
text-shadow: none;
background-color: #dcdcdc;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
#page-footer .page-footer-legal-offerpop .button-cookie-preferences:active {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
filter: none;
*border-width: none;
border-width: none;
border-color: none;
color: #4d4d4d;
text-shadow: none;
background-color: #cfcfcf;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
margin-bottom: 0px;
}
#page-footer .page-footer-share {
*zoom: 1;
}
#page-footer .page-footer-share:before,
#page-footer .page-footer-share:after {
display: table;
content: "";
line-height: 0;
}
#page-footer .page-footer-share:after {
clear: both;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Non Fan (Page)
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#app_nonfantab .CDescription {
font-weight: 600;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page (About)
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#page.page-about {
/* ----------------------------------------------------------------------------------------------------
Contest Description
---------------------------------------------------------------------------------------------------- */
}
#page.page-about .page-contest-description {
margin-bottom: 30px;
}
#page.page-about .page-contest-description p:last-child {
margin-bottom: 0px;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page (Submit)
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#page.page-submit {
/* ----------------------------------------------------------------------------------------------------
External Submission Instructions
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Submit Instructions
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Submit Photo
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Submit Crop Image
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Submit Fields
---------------------------------------------------------------------------------------------------- */
}
#page.page-submit #external_submission_instruction {
position: absolute;
top: 0px;
right: 0px;
width: 260px;
margin-left: 15px;
margin-bottom: 30px;
background: #f7f7f7;
padding: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#page.page-submit #external_submission_instruction .platform-icon {
float: left;
background: #777777;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
padding: 7.5px;
}
#page.page-submit #external_submission_instruction .platform-icon img {
display: none;
}
#page.page-submit #external_submission_instruction .platform-icon.platform-icon-twitter {
background: #00acee;
}
#page.page-submit #external_submission_instruction .platform-icon.platform-icon-instagram {
background: #3f729b;
}
#page.page-submit #external_submission_instruction .SubmitInstruction {
margin-left: 38.5px;
margin-bottom: 15px;
}
#page.page-submit #external_submission_instruction .SubmitInstruction strong {
display: block;
}
#page.page-submit #external_submission_instruction .SubmitInstruction:last-child {
margin-bottom: 0px;
}
#page.page-submit .page-submit-instructions {
margin: 0px;
color: #777777;
width: 100%;
margin-bottom: 30px;
}
#page.page-submit .page-submit-instructions.has-external-submission {
margin-right: 15px;
}
#page.page-submit .page-submit-photo-form {
margin-right: 15px;
margin-bottom: 30px;
*zoom: 1;
}
#page.page-submit .page-submit-photo-form:before,
#page.page-submit .page-submit-photo-form:after {
display: table;
content: "";
line-height: 0;
}
#page.page-submit .page-submit-photo-form:after {
clear: both;
}
#page.page-submit .page-submit-photo-form .SField {
margin: 0px !important;
}
#page.page-submit .page-submit-photo-form .SField #category {
margin-top: 0px !important;
}
#page.page-submit .page-submit-photo-form .page-submit-photo-form-upload .CFile {
margin-top: 7.5px;
}
#page.page-submit .page-submit-photo-form .page-submit-photo-form-upload .CFile .from_facebook_button {
background: #3b5998;
}
#page.page-submit .page-submit-photo-form .page-submit-photo-form-upload .CFile .from_facebook_button img {
display: none;
}
#page.page-submit .page-submit-photo-form .page-submit-photo-form-upload .CFile .from_facebook_button:hover {
background: #2f477a;
}
#page.page-submit .page-submit-photo-form .page-submit-photo-form-upload .CFile .from_facebook_button:active {
background: #24365c;
}
#page.page-submit h1.page-submit-form-heading-step-snap-photo {
margin-top: 0px;
}
#page.page-submit h1.page-submit-form-heading-step-complete-profile {
margin-top: 37.5px;
}
#page.page-submit #crop_area {
margin: 0px 0px 30px 0px;
*zoom: 1;
}
#page.page-submit #crop_area:before,
#page.page-submit #crop_area:after {
display: table;
content: "";
line-height: 0;
}
#page.page-submit #crop_area:after {
clear: both;
}
#page.page-submit #crop_area .page-submit-form-photo-crop-tool {
min-width: 400px;
margin-right: 50px;
float: left;
*zoom: 1;
}
#page.page-submit #crop_area .page-submit-form-photo-crop-tool:before,
#page.page-submit #crop_area .page-submit-form-photo-crop-tool:after {
display: table;
content: "";
line-height: 0;
}
#page.page-submit #crop_area .page-submit-form-photo-crop-tool:after {
clear: both;
}
#page.page-submit #crop_area .page-submit-form-photo-crop-preview {
width: 191.25px;
float: left;
*zoom: 1;
margin: 0px !important;
}
#page.page-submit #crop_area .page-submit-form-photo-crop-preview:before,
#page.page-submit #crop_area .page-submit-form-photo-crop-preview:after {
display: table;
content: "";
line-height: 0;
}
#page.page-submit #crop_area .page-submit-form-photo-crop-preview:after {
clear: both;
}
#page.page-submit #crop_area .page-submit-form-photo-crop-preview .CThumbPreview {
width: 128px;
height: 128px;
overflow: hidden;
margin-bottom: 15px;
}
#page.page-submit .page-submit-form {
/* ----------------------------------------------------------------------------------------------------
Submit Fields
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Submit Fields
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Captcha
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Contest Rules
---------------------------------------------------------------------------------------------------- */
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect {
margin-bottom: 30px;
background: #ebeff7;
padding: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 535px;
margin-right: 15px;
*zoom: 1;
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect:before,
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect:after {
display: table;
content: "";
line-height: 0;
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect:after {
clear: both;
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect .float-clearer {
display: none;
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect #facebook-image {
display: none;
float: left;
width: 50px;
height: 50px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect #facebook-name {
float: left;
line-height: 50px;
margin-left: 15px;
color: #3b5998;
font-weight: 600;
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect #facebook-connect-link {
background: #3b5998;
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect #facebook-connect-link:hover {
background: #2f477a;
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect #facebook-connect-link:active {
background: #24365c;
}
#page.page-submit .page-submit-form .page-submit-facebook-profile-connect #facebook-profile-connect-why {
margin-bottom: 0px;
margin-top: 15px;
color: #3b5998;
}
#page.page-submit .page-submit-form .page-submit-fields {
margin-bottom: 30px;
width: 535px;
margin-right: 15px;
}
#page.page-submit .page-submit-form .page-submit-fields .SField,
#page.page-submit .page-submit-form .page-submit-fields .SDeclare {
position: relative;
*zoom: 1;
}
#page.page-submit .page-submit-form .page-submit-fields .SField:before,
#page.page-submit .page-submit-form .page-submit-fields .SDeclare:before,
#page.page-submit .page-submit-form .page-submit-fields .SField:after,
#page.page-submit .page-submit-form .page-submit-fields .SDeclare:after {
display: table;
content: "";
line-height: 0;
}
#page.page-submit .page-submit-form .page-submit-fields .SField:after,
#page.page-submit .page-submit-form .page-submit-fields .SDeclare:after {
clear: both;
}
#page.page-submit .page-submit-form .page-submit-fields .SField .Notes,
#page.page-submit .page-submit-form .page-submit-fields .SDeclare .Notes {
display: block;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-transform: none;
font-style: italic;
color: #999999;
}
#page.page-submit .page-submit-form .page-submit-fields .SField .Notes + br,
#page.page-submit .page-submit-form .page-submit-fields .SDeclare .Notes + br {
display: none;
}
#page.page-submit .page-submit-form .page-submit-fields .SField .Notes.optional,
#page.page-submit .page-submit-form .page-submit-fields .SDeclare .Notes.optional {
margin: 0px 0px 0px 15px;
display: inline-block;
position: absolute;
top: 0px;
right: 0px;
}
#page.page-submit .page-submit-form .page-submit-fields .SField .Notes {
margin: 0px 0px 3.75px 0px;
}
#page.page-submit .page-submit-form .page-submit-fields .SField select {
width: 100%;
}
#page.page-submit .page-submit-form .page-submit-fields .SDeclare {
margin-bottom: 15px;
}
#page.page-submit .page-submit-form .page-submit-fields .SDeclare input[type="radio"],
#page.page-submit .page-submit-form .page-submit-fields .SDeclare input[type="checkbox"] {
margin: 4px 7.5px 4px 0px;
}
#page.page-submit .page-submit-form .page-submit-fields .SDeclare label {
margin-bottom: 0px;
}
#page.page-submit .page-submit-form .SReCAPTCHA {
margin-bottom: 30px;
width: 535px;
}
#page.page-submit .page-submit-form .SReCAPTCHA #recaptcha_table {
width: 100%;
}
#page.page-submit .page-submit-form .page-submit-rules {
background: #f7f7f7;
padding: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 30px;
}
#page.page-submit .page-submit-form .page-submit-rules p:last-child {
margin-bottom: 0px;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page (Entry)
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#page.page-entry {
/* ----------------------------------------------------------------------------------------------------
Share Toolbar
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Photo Details
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
Entry Details
---------------------------------------------------------------------------------------------------- */
}
#page.page-entry .page-entry-prompt p {
margin-bottom: 0px;
display: inline-block;
}
#page.page-entry .page-entry-prompt a {
display: inline-block;
}
#requestsection {
min-height: 1em;
}
#page.page-entry .page-entry-share-toolbar {
margin-bottom: 30px;
display: block;
*zoom: 1;
}
#page.page-entry .page-entry-share-toolbar:before,
#page.page-entry .page-entry-share-toolbar:after {
display: table;
content: "";
line-height: 0;
}
#page.page-entry .page-entry-share-toolbar:after {
clear: both;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items {
float: right;
*zoom: 1;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items:before,
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items:after {
display: table;
content: "";
line-height: 0;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items:after {
clear: both;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item {
float: right;
margin-left: 3.75px;
*zoom: 1;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item:before,
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item:after {
display: table;
content: "";
line-height: 0;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item:after {
clear: both;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item:last-child {
margin-right: 0px;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item img {
display: none;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-facebook a {
background-color: #3b5998;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-facebook a:hover {
background-color: #2f477a;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-facebook a:active {
background-color: #2f477a;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-twitter a {
background-color: #00acee;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-twitter a:hover {
background-color: #0089be;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-twitter a:active {
background-color: #0089be;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-email a {
background-color: #777777;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-email a:hover {
background-color: #5f5f5f;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-email a:active {
background-color: #5f5f5f;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-pinterest a {
background-color: #c8232c;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-pinterest a:hover {
background-color: #a01c23;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-pinterest a:active {
background-color: #a01c23;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-link {
margin: 0px;
position: absolute;
top: 1.4em;
left: 0px;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-link label {
float: left;
line-height: 32px;
margin-right: 7.5px;
margin-bottom: 0px;
}
#page.page-entry .page-entry-share-toolbar .page-entry-share-toolbar-items .page-entry-share-toolbar-item.page-entry-share-toolbar-item-link input {
float: left;
width: auto;
margin-bottom: 0px;
cursor: default;
}
#page.page-entry .page-entry-photo-details {
float: left;
width: 397.5px;
margin-right: 15px;
*zoom: 1;
}
#page.page-entry .page-entry-photo-details:before,
#page.page-entry .page-entry-photo-details:after {
display: table;
content: "";
line-height: 0;
}
#page.page-entry .page-entry-photo-details:after {
clear: both;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image {
*zoom: 1;
margin-bottom: 15px;
position: relative;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image:before,
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image:after {
display: table;
content: "";
line-height: 0;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image:after {
clear: both;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-wrapper {
position: relative;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-navigation {
position: absolute;
height: 100%;
width: 32px;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-navigation .icon {
position: absolute;
top: 50%;
margin-top: -16px;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-navigation a {
display: block;
width: 100%;
height: 100%;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-navigation a img {
display: none;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-navigation a span {
display: none;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-navigation.page-entry-photo-details-image-navigation-previous {
left: 0px;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-navigation.page-entry-photo-details-image-navigation-previous a {
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=1);
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-navigation.page-entry-photo-details-image-navigation-next {
right: 0px;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-navigation.page-entry-photo-details-image-navigation-next a {
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.25)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=1);
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-container {
display: block;
margin-bottom: 7.5px;
width: 100%;
height: auto;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-container img {
display: block;
width: 100%;
height: auto;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-zoom {
float: left;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-zoom img {
display: none;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-zoom .icon {
margin-right: 7.5px;
}
#page.page-entry .page-entry-photo-details .page-entry-photo-details-image .page-entry-photo-details-image-category {
float: right;
text-transform: uppercase;
}
#page.page-entry .page-entry-photo-details .CLike {
*zoom: 1;
clear: both;
}
#page.page-entry .page-entry-photo-details .CLike:before,
#page.page-entry .page-entry-photo-details .CLike:after {
display: table;
content: "";
line-height: 0;
}
#page.page-entry .page-entry-photo-details .CLike:after {
clear: both;
}
#page.page-entry .page-entry-entry-details {
float: left;
width: 397.5px !important;
margin: 0px !important;
*zoom: 1;
}
#page.page-entry .page-entry-entry-details:before,
#page.page-entry .page-entry-entry-details:after {
display: table;
content: "";
line-height: 0;
}
#page.page-entry .page-entry-entry-details:after {
clear: both;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-submission .page-entry-entry-details-submission-name {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: normal;
line-height: 28px;
text-transform: none;
font-style: normal;
color: #3b3b3b;
margin: 0px 0px 22.5px 0px;
text-shadow: none;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-submission .page-entry-entry-details-submission-name + .page-entry-entry-details-submission-location {
margin-top: -22.5px;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-submission .page-entry-entry-details-submission-location {
margin-bottom: 22.5px;
text-transform: uppercase;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-quote {
margin-bottom: 30px;
padding-left: 15px;
font-style: italic;
border-left: #eaeaea 3px solid;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-vote-count {
float: right;
cursor: default;
background: #4a8ed1;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-comment-instructions {
margin-top: 30px;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-comment .fb_iframe_widget {
width: 100% !important;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-comment .fb_iframe_widget span {
width: 100% !important;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-comment .fb_iframe_widget span iframe {
width: 100% !important;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-notes {
margin-top: 30px;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-notes br {
display: none;
}
#page.page-entry .page-entry-entry-details .page-entry-entry-details-notes p {
margin-bottom: 0px;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page (Results)
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Page (Rules)
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
#page.page-rules {
/* ----------------------------------------------------------------------------------------------------
Contest Rules
---------------------------------------------------------------------------------------------------- */
}
#page.page-rules .page-contest-rules p:last-child {
margin-bottom: 0px;
}
/* ----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
Retina Display
-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon.icon-mini {
background-image: url("../../images/photo_contest/[email protected]");
}
.icon.icon-small {
background-image: url("../../images/photo_contest/[email protected]");
}
.icon.icon-medium {
background-image: url("../../images/photo_contest/[email protected]");
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment