|
@@ -4,9 +4,8 @@
|
|
|
/* http: //dev7studios.com
|
|
|
/*=================================*/
|
|
|
|
|
|
-/*====================*/
|
|
|
-/*=== Reset Styles ===*/
|
|
|
-/*====================*/
|
|
|
+/* Reset Styles
|
|
|
+/*---------------------------------------------*/
|
|
|
html, body, div, span, applet, object, iframe,
|
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
|
a, abbr, acronym, address, big, cite, code,
|
|
@@ -25,75 +24,119 @@ table, caption, tbody, tfoot, thead, tr, th, td {
|
|
|
font-family: inherit;
|
|
|
vertical-align: baseline;
|
|
|
}
|
|
|
+
|
|
|
body {
|
|
|
line-height: 1;
|
|
|
color: black;
|
|
|
background: white;
|
|
|
}
|
|
|
+
|
|
|
table {
|
|
|
border-collapse: separate;
|
|
|
border-spacing: 0;
|
|
|
}
|
|
|
+
|
|
|
caption, th, td {
|
|
|
text-align: left;
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
+
|
|
|
blockquote:before, blockquote:after,
|
|
|
q:before, q:after {
|
|
|
content: "";
|
|
|
}
|
|
|
+
|
|
|
blockquote, q {
|
|
|
quotes: "" "";
|
|
|
}
|
|
|
+
|
|
|
/* HTML5 tags */
|
|
|
header, section, footer,
|
|
|
aside, nav, article, figure {
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
-/*===================*/
|
|
|
-/*=== Main Styles ===*/
|
|
|
-/*===================*/
|
|
|
-body {
|
|
|
- font: 14px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
+/* hand cursor on clickable input elements */
|
|
|
+label, input[type=button], input[type=submit], button {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+/* make buttons play nice in IE:
|
|
|
+ www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
|
|
|
+button {
|
|
|
+ width: auto;
|
|
|
+ overflow: visible;
|
|
|
+}
|
|
|
+
|
|
|
+/* Sharper Thumbnails */
|
|
|
+img {
|
|
|
+ -ms-interpolation-mode: bicubic;
|
|
|
+}
|
|
|
+
|
|
|
+/* Input Styles
|
|
|
+/*---------------------------------------------*/
|
|
|
+input,
|
|
|
+textarea,
|
|
|
+select {
|
|
|
+ padding: 5px;
|
|
|
+ font: 400 1em Verdana, Sans-serif;
|
|
|
+ color: #666;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #999999;
|
|
|
+ margin: 0 0 1em 0;
|
|
|
+}
|
|
|
+
|
|
|
+input:focus,
|
|
|
+textarea:focus,
|
|
|
+select:focus {
|
|
|
color: #000;
|
|
|
background: #fff;
|
|
|
- padding: 40px;
|
|
|
+ border: 1px solid #666666;
|
|
|
+}
|
|
|
+
|
|
|
+/* Main Styles
|
|
|
+/*---------------------------------------------*/
|
|
|
+body {
|
|
|
+ font: 14px/1.8em 'Open Sans', Helvetica, Arial, Helvetica, sans-serif;
|
|
|
+ color: #444;
|
|
|
+ background: #fff;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
}
|
|
|
|
|
|
a, a:visited {
|
|
|
- color: blue;
|
|
|
+ color: #2EAE9B;
|
|
|
text-decoration: none;
|
|
|
- border-bottom: 1px solid blue;
|
|
|
+ -webkit-transition: all 0.2s linear;
|
|
|
+ -moz-transition: all 0.2s linear;
|
|
|
+ -ms-transition: all 0.2s linear;
|
|
|
+ -o-transition: all 0.2s linear;
|
|
|
+ transition: all 0.2s linear;
|
|
|
}
|
|
|
+
|
|
|
a:hover, a:active {
|
|
|
color: #000;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
|
- line-height: 1.2;
|
|
|
+ color: #000;
|
|
|
+ line-height: 1.2em;
|
|
|
margin-bottom: 0.6em;
|
|
|
}
|
|
|
+
|
|
|
h1 {
|
|
|
- font-size: 2.2em;
|
|
|
+ font-size: 2em;
|
|
|
}
|
|
|
+
|
|
|
h2 {
|
|
|
- font-size: 1.9em;
|
|
|
-}
|
|
|
-h3 {
|
|
|
font-size: 1.7em;
|
|
|
- margin-top: 2em;
|
|
|
}
|
|
|
-h4 {
|
|
|
+
|
|
|
+h3 {
|
|
|
font-size: 1.5em;
|
|
|
+ margin-top: 2em;
|
|
|
}
|
|
|
-h5 {
|
|
|
- font-size: 1.3em;
|
|
|
-}
|
|
|
-h6 {
|
|
|
- font-size: 1.2em;
|
|
|
-}
|
|
|
+
|
|
|
p {
|
|
|
margin-bottom: 1em;
|
|
|
}
|
|
@@ -106,65 +149,108 @@ ol, ul {
|
|
|
b, strong {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
+
|
|
|
i, em {
|
|
|
font-style: italic;
|
|
|
}
|
|
|
+
|
|
|
u {
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
+
|
|
|
abbr, acronym {
|
|
|
cursor: help;
|
|
|
- border-bottom: .1em dotted;
|
|
|
+ border-bottom: 0.1em dotted;
|
|
|
+}
|
|
|
+
|
|
|
+td, td img {
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+sub {
|
|
|
+ vertical-align: sub;
|
|
|
+ font-size: smaller;
|
|
|
+}
|
|
|
+
|
|
|
+sup {
|
|
|
+ vertical-align: super;
|
|
|
+ font-size: smaller;
|
|
|
}
|
|
|
-td, td img { vertical-align: top; }
|
|
|
-sub { vertical-align: sub; font-size: smaller; }
|
|
|
-sup { vertical-align: super; font-size: smaller; }
|
|
|
|
|
|
code {
|
|
|
- font-family: Courier,"Courier New",Monaco,Tahoma;
|
|
|
+ font-family: Courier, "Courier New", Monaco, Tahoma;
|
|
|
background: #eee;
|
|
|
- color: #000;
|
|
|
+ color: #333;
|
|
|
padding: 0px 2px;
|
|
|
}
|
|
|
+
|
|
|
pre {
|
|
|
background: #eee;
|
|
|
padding: 20px;
|
|
|
margin-bottom: 1em;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
+
|
|
|
blockquote {
|
|
|
font-style: italic;
|
|
|
margin: 0 0 1em 15px;
|
|
|
padding-left: 10px;
|
|
|
- border-left: 5px solid #999;
|
|
|
+ border-left: 5px solid #dddddd;
|
|
|
}
|
|
|
|
|
|
-/* hand cursor on clickable input elements */
|
|
|
-label, input[type=button], input[type=submit], button { cursor: pointer; }
|
|
|
-/* make buttons play nice in IE:
|
|
|
- www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
|
|
|
-button { width: auto; overflow: visible; }
|
|
|
+/* Structure Styles
|
|
|
+/*---------------------------------------------*/
|
|
|
+.inner {
|
|
|
+ width: 850px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
|
|
|
-table { margin-bottom: 1em; }
|
|
|
-th {
|
|
|
+#header {
|
|
|
+ background: #2EAE9B;
|
|
|
+ padding: 60px 0;
|
|
|
+ margin-bottom: 80px;
|
|
|
+ color: #afe1da;
|
|
|
+}
|
|
|
+#header a { color: #afe1da; }
|
|
|
+#header h1 a,
|
|
|
+#header a:hover { color: #fff; }
|
|
|
+#header h1 {
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 0;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+#header .nav {
|
|
|
+ float: right;
|
|
|
+ list-style: none;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+#header .nav li { display: inline; }
|
|
|
+#header .nav a {
|
|
|
font-weight: bold;
|
|
|
- padding: 0 5px;
|
|
|
+ margin-left: 20px;
|
|
|
}
|
|
|
-td { padding: 0 5px; }
|
|
|
|
|
|
-/*====================*/
|
|
|
-/*=== Other Styles ===*/
|
|
|
-/*====================*/
|
|
|
+#footer {
|
|
|
+ background: #707070;
|
|
|
+ padding: 60px 0;
|
|
|
+ margin-top: 80px;
|
|
|
+ color: #C0C0C0;
|
|
|
+}
|
|
|
+#footer a { color: #ddd; }
|
|
|
+#footer a:hover { color: #fff; }
|
|
|
|
|
|
-/* Clearfix */
|
|
|
-.cf:before,
|
|
|
-.cf:after {
|
|
|
- content:"";
|
|
|
- display:table;
|
|
|
+/* Misc Styles
|
|
|
+/*---------------------------------------------*/
|
|
|
+.clearfix:before,
|
|
|
+.clearfix:after {
|
|
|
+ content: " ";
|
|
|
+ display: table;
|
|
|
+}
|
|
|
+.clearfix:after {
|
|
|
+ clear: both;
|
|
|
}
|
|
|
-.cf:after {
|
|
|
- clear:both;
|
|
|
+.clearfix {
|
|
|
+ *zoom: 1;
|
|
|
}
|
|
|
-/* For IE 6/7 (trigger hasLayout) */
|
|
|
-.cf {
|
|
|
- zoom:1;
|
|
|
-}
|
|
|
+
|