/*
=====================================================================
* Ceevee v1.0 Default Stylesheet
* url: styleshout.com
* 03-17-2014
=====================================================================
TOC:
a. Webfonts and Icon fonts
b. Reset
c. Default Styles
1. Basic
2. Typography
3. Links
4. Images
5. Buttons
6. Forms
d. Grid
e. Others
1. Clearing
2. Misc
===================================================================== */
/* ------------------------------------------------------------------ */
/* a. Webfonts and Icon fonts
------------------------------------------------------------------ */
@import url("fonts.css");
@import url("fontello/css/fontello.css");
/* ------------------------------------------------------------------
/* b. Reset
Adapted from:
Normalize.css - https://github.com/necolas/normalize.css/
HTML5 Doctor Reset - html5doctor.com/html-5-reset-stylesheet/
/* ------------------------------------------------------------------ */
a.orange {
color: #fe6928 !important;
}
body, div, span,
h1, h3, p, pre, em, img, sup,
b, i, ul, li, label,
footer, header, nav, section {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
footer,header,nav,section {
display: block;
}
pre {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*blockquote, q { quotes: “ “ }*/
/* ------------------------------------------------------------------ */
/* c. Default and Basic Styles
Adapted from:
Skeleton CSS Framework - http://www.getskeleton.com/
Typeplate Typographic Starter Kit - http://typeplate.com/
/* ------------------------------------------------------------------ */
/* 1. Basic ------------------------------------------------------- */
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #fff;
font-family: 'opensans-regular', sans-serif;
font-weight: normal;
font-size: 15px;
line-height: 30px;
color: #838C95;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
/* 2. Typography
Vertical rhythm with leading derived from 6
--------------------------------------------------------------------- */
h1, h3 {
color: #313131;
font-family: 'opensans-bold', sans-serif;
font-weight: normal;
}
h1 a, h3 a { font-weight: inherit; }
h1 { font-size: 38px; line-height: 42px; margin-bottom: 12px; letter-spacing: -1px; }
h3 { font-size: 22px; line-height: 30px; margin-bottom: 12px; }
div > p:last-child {
margin: 0 0 30px 0;
}
/*p { margin: 0 0 30px 0; }*/
p img { margin: 0; }
/* for 'em' and 'strong' tags, font-size and line-height should be same with
the body tag due to rendering problems in some browsers */
em { font: 15px/30px 'opensans-italic', sans-serif; }
b { font: 15px/30px 'opensans-bold', sans-serif; }
/* Blockquotes */
/* ---------------------------------------------------------------------
/* Pull Quotes Markup
/*
/*
/* --------------------------------------------------------------------- */
/* Abbreviations */
/* drop cap */
/* 3. Links ------------------------------------------------------- */
a, a:visited {
text-decoration: none;
outline: 0;
color: #11ABB0;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
a:hover, a:focus { color: #313131; }
p a, p a:visited { line-height: inherit; }
/* 4. List --------------------------------------------------------- */
ul { margin-bottom: 24px; margin-top: 12px; }
ul { list-style: none outside; }
ul ul { margin: 6px 0 6px 30px; }
ul ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
li p { }
/* ---------------------------------------------------------------------
/* Stats Tab Markup
Extend this object into your markup.
/*
/* --------------------------------------------------------------------- */
/* definition list */
/* Lining Definition Style Markup */
/* Dictionary Definition Style Markup */
/* Pagination */
/* 5. Images --------------------------------------------------------- */
img {
max-width: 100%;
height: auto;
}
/* 6. Buttons --------------------------------------------------------- */
.button,
.button:visited,
button,
input[type="submit"],
input[type="button"] {
font: 16px/30px 'opensans-bold', sans-serif;
background: #11ABB0;
display: inline-block;
text-decoration: none;
letter-spacing: 0;
color: #fff;
padding: 12px 20px;
margin-bottom: 18px;
border: none;
cursor: pointer;
height: auto;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
background: #3d4145;
color: #fff;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active {
background: #3d4145;
color: #fff;
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* 7. Forms --------------------------------------------------------- */
input[type="text"],
textarea {
display: block;
padding: 18px 15px;
margin: 0 0 24px 0;
border: 0;
outline: none;
vertical-align: middle;
min-width: 225px;
max-width: 100%;
font-size: 15px;
line-height: 24px;
color: #647373;
background: #D3D9D9;
}
/* select { padding: 0;
width: 220px;
} */
input[type="text"]:focus,
textarea:focus {
color: #B3B7BC;
background-color: #3d4145;
}
textarea { min-height: 220px; }
label {
font: 16px/24px 'opensans-bold', sans-serif;
margin: 12px 0;
color: #3d4145;
display: block;
}
label span {
color: #8B9798;
font: 14px/24px 'opensans-regular', sans-serif;
}
/* ------------------------------------------------------------------ */
/* d. Grid
---------------------------------------------------------------------
gutter = 40px.
/* ------------------------------------------------------------------ */
/* default
--------------------------------------------------------------- */
.row {
width: 96%;
max-width: 1020px;
margin: 0 auto;
}
/* fixed width for IE8 */
.row .row { width: auto; max-width: none; margin: 0 -20px; }
/* row clearing */
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.columns {
position: relative;
padding: 0 20px;
min-height: 1px;
float: left;
}
/* removed gutters */
/* column widths */
.row .two { width: 16.66667%; }
.row .three { width: 25%; }
.row .nine { width: 75%; }
.row .twelve { width: 100%; }
/* Offsets */
/* Push/Pull */
/* block grids
--------------------------------------------------------------------- */
/* Left clearing for block grid columns - columns that changes width in
different screen sizes. Allows columns with different heights to align
properly.
--------------------------------------------------------------------- */ /* first column in default screen */ /* first column in smaller screens */
/* smaller screens
--------------------------------------------------------------- */
@media only screen and (max-width: 900px) {
/* block grids on small screens */
/* block grids left clearing */
}
/* mobile wide/smaller tablets
--------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
.row {
width: 460px;
margin: 0 auto;
padding: 0;
}
.columns {
width: auto !important;
float: none;
margin-left: 0;
margin-right: 0;
padding: 0 30px;
}
.row .row { width: auto; max-width: none; margin: 0 -30px; }
/* Offsets */
}
/* mobile narrow
--------------------------------------------------------------- */
@media only screen and (max-width: 460px) {
.row { width: auto; }
}
/* larger screens
--------------------------------------------------------------- */
/* ------------------------------------------------------------------ */
/* e. Others
/* ------------------------------------------------------------------ */
/* 1. Clearing
(http://nicolasgallagher.com/micro-clearfix-hack/
--------------------------------------------------------------------- */
/* 2. Misc -------------------------------------------------------- */