Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

aaaah too much colors and sizes out of nowhere

commit 2d09325e9304ff1fe005db7d2c04fb82739de65b 1 parent d2c4414
@justinmarsan authored
View
543 css/foundationless.css
@@ -43,183 +43,432 @@ Reset
Based on Eric Meyers' reset 2.0 - http://meyerweb.com/eric/tools/css/reset/index.html
& the Compass Reset utility - http://compass-style.org/reference/compass/reset/utilities/
==================== */
-#reset .global-reset html,
-#reset .global-reset body,
-#reset .global-reset div,
-#reset .global-reset span,
-#reset .global-reset applet,
-#reset .global-reset object,
-#reset .global-reset iframe,
-#reset .global-reset h1,
-#reset .global-reset h2,
-#reset .global-reset h3,
-#reset .global-reset h4,
-#reset .global-reset h5,
-#reset .global-reset h6,
-#reset .global-reset p,
-#reset .global-reset blockquote,
-#reset .global-reset pre,
-#reset .global-reset a,
-#reset .global-reset abbr,
-#reset .global-reset acronym,
-#reset .global-reset address,
-#reset .global-reset big,
-#reset .global-reset cite,
-#reset .global-reset code,
-#reset .global-reset del,
-#reset .global-reset dfn,
-#reset .global-reset em,
-#reset .global-reset img,
-#reset .global-reset ins,
-#reset .global-reset kbd,
-#reset .global-reset q,
-#reset .global-reset s,
-#reset .global-reset samp,
-#reset .global-reset small,
-#reset .global-reset strike,
-#reset .global-reset strong,
-#reset .global-reset sub,
-#reset .global-reset sup,
-#reset .global-reset tt,
-#reset .global-reset var,
-#reset .global-reset b,
-#reset .global-reset u,
-#reset .global-reset i,
-#reset .global-reset center,
-#reset .global-reset dl,
-#reset .global-reset dt,
-#reset .global-reset dd,
-#reset .global-reset ol,
-#reset .global-reset ul,
-#reset .global-reset li,
-#reset .global-reset fieldset,
-#reset .global-reset form,
-#reset .global-reset label,
-#reset .global-reset legend,
-#reset .global-reset table,
-#reset .global-reset caption,
-#reset .global-reset tbody,
-#reset .global-reset tfoot,
-#reset .global-reset thead,
-#reset .global-reset tr,
-#reset .global-reset th,
-#reset .global-reset td,
-#reset .global-reset article,
-#reset .global-reset aside,
-#reset .global-reset canvas,
-#reset .global-reset details,
-#reset .global-reset embed,
-#reset .global-reset figure,
-#reset .global-reset figcaption,
-#reset .global-reset footer,
-#reset .global-reset header,
-#reset .global-reset hgroup,
-#reset .global-reset menu,
-#reset .global-reset nav,
-#reset .global-reset output,
-#reset .global-reset ruby,
-#reset .global-reset section,
-#reset .global-reset summary,
-#reset .global-reset time,
-#reset .global-reset mark,
-#reset .global-reset audio,
-#reset .global-reset video {
+/*
+ Eric Meyer's CSS Reset
+ http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
margin: 0;
padding: 0;
border: 0;
- font-size: 100%;
font: inherit;
vertical-align: baseline;
}
-#reset .global-reset body {
+html {
+ font-size: 62.5%;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ display: block;
+}
+body {
line-height: 1;
}
-#reset .global-reset ol, #reset .global-reset ul {
+ol, ul {
list-style: none;
}
-#reset .global-reset table {
+blockquote, q {
+ quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+table {
border-collapse: collapse;
border-spacing: 0;
}
-#reset .global-reset caption, #reset .global-reset th, #reset .global-reset td {
+/* ----------
+Typography
+---------- */
+/* ====================
+Typography & Standards
+
+==================== */
+body {
+ background: #ffffff;
+ font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
+ font-size: 13px;
+ line-height: 18px;
+ color: #555555;
+ position: relative;
+ -webkit-font-smoothing: antialiased;
+}
+/* ----------
+Links
+---------- */
+a {
+ color: #2a85e8;
+ text-decoration: none;
+ line-height: inherit;
+}
+a:hover {
+ color: #11639d;
+}
+a:focus {
+ color: #cc4714;
+ outline: none;
+}
+p a, p a:visited {
+ line-height: inherit;
+}
+/* ----------
+Lists
+---------- */
+ul, ol {
+ margin-bottom: 18px;
+}
+ul {
+ list-style: none outside;
+}
+ol {
+ list-style: decimal;
+}
+ol,
+ul.square,
+ul.circle,
+ul.disc {
+ margin-left: 30px;
+}
+ul.square {
+ list-style: square outside;
+}
+ul.circle {
+ list-style: circle outside;
+}
+ul.disc {
+ list-style: disc outside;
+}
+li {
+ margin-bottom: 12px;
+}
+ul.large li {
+ line-height: 21px;
+}
+/* ----------
+Tables
+---------- */
+table {
+ background: #fff;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ margin: 0 0 18px;
+ border: 1px solid #ddd;
+}
+table thead, table tfoot {
+ background: #f5f5f5;
+}
+table thead tr th,
+table tfoot tr th,
+table tbody tr td,
+table tr td,
+table tfoot tr td {
+ font-size: 12px;
+ line-height: 18px;
text-align: left;
- font-weight: normal;
- vertical-align: middle;
}
-#reset .global-reset q, #reset .global-reset blockquote {
- quotes: none;
+table thead tr th, table tfoot tr td {
+ padding: 8px 10px 9px;
+ font-size: 14px;
+ font-weight: bold;
+ color: #222;
}
-#reset .global-reset q:before,
-#reset .global-reset blockquote:before,
-#reset .global-reset q:after,
-#reset .global-reset blockquote:after {
- content: "";
- content: none;
+table thead tr th:first-child, table tfoot tr td:first-child {
+ border-left: none;
+}
+table thead tr th:last-child, table tfoot tr td:last-child {
+ border-right: none;
+}
+table tbody tr.even, table tbody tr.alt {
+ background: #f9f9f9;
+}
+table tbody tr:nth-child(even) {
+ background: #f9f9f9;
}
-#reset .global-reset a img {
+table tbody tr td {
+ color: #333;
+ padding: 9px 10px;
+ vertical-align: top;
border: none;
}
-#reset .global-reset article,
-#reset .global-reset aside,
-#reset .global-reset details,
-#reset .global-reset figcaption,
-#reset .global-reset figure,
-#reset .global-reset footer,
-#reset .global-reset header,
-#reset .global-reset hgroup,
-#reset .global-reset menu,
-#reset .global-reset nav,
-#reset .global-reset section {
- display: block;
+/* ----------
+Misc
+---------- */
+.left {
+ float: left;
}
-#reset .reset-box-model {
- margin: 0;
- padding: 0;
- border: 0;
+.right {
+ float: right;
}
-#reset .reset-font {
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
+.hide {
+ display: none;
}
-#reset .reset-focus {
- outline: 0;
+.highlight {
+ background: #ffff00;
}
-#reset .reset-body {
- line-height: 1;
+/* ----------
+Typography
+---------- */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: #181818;
+ font-weight: bold;
+ line-height: 1.25;
}
-#reset .reset-list-style {
- list-style: none;
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a {
+ font-weight: inherit;
}
-#reset .reset-table {
- border-collapse: collapse;
- border-spacing: 0;
+h1 {
+ font-size: 46px;
+ font-size: 4.6rem;
+ margin-bottom: 12px;
}
-#reset .reset-table-cell {
- text-align: left;
+h2 {
+ font-size: 35px;
+ font-size: 3.5rem;
+ margin-bottom: 9px;
+}
+h3 {
+ font-size: 28px;
+ font-size: 2.8rem;
+ margin-bottom: 9px;
+}
+h4 {
+ font-size: 21px;
+ font-size: 2.1rem;
+ margin-bottom: 3px;
+}
+h5 {
+ font-size: 18px;
+ font-size: 1.8rem;
font-weight: normal;
- vertical-align: middle;
+ margin-bottom: 3px;
}
-#reset .reset-quotation {
- quotes: none;
+h6 {
+ font-size: 15px;
+ font-size: 1.5rem;
+ font-weight: normal;
}
-#reset .reset-quotation:before, #reset .reset-quotation:after {
- content: "";
- content: none;
+.subheader {
+ color: #777;
+ font-weight: 300;
+ margin-bottom: 24px;
}
-#reset .reset-image-anchor-border {
- border: none;
+p {
+ line-height: 17px;
+ margin: 0 0 18px;
+}
+p img {
+ margin: 0;
+}
+p.lead {
+ font-size: 18px;
+ font-size: 1.8rem;
+ line-height: 24px;
+}
+em, i {
+ font-style: italic;
+ line-height: inherit;
+}
+strong, b {
+ font-weight: bold;
+ line-height: inherit;
+}
+small {
+ font-size: 60%;
+ line-height: inherit;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small {
+ color: #777777;
+}
+/* ----- Blockquotes ----- */
+blockquote, blockquote p {
+ line-height: 20px;
+ color: #777;
}
-#reset .reset-html5 article,
-#reset .reset-html5 aside,
-#reset .reset-html5 details,
-#reset .reset-html5 figcaption,
-#reset .reset-html5 figure,
-#reset .reset-html5 footer,
-#reset .reset-html5 header,
-#reset .reset-html5 hgroup,
-#reset .reset-html5 menu,
-#reset .reset-html5 nav,
-#reset .reset-html5 section {
+blockquote {
+ margin: 0 0 18px;
+ padding: 9px 20px 0 19px;
+ border-left: 1px solid #ddd;
+}
+blockquote cite {
display: block;
+ font-size: 12px;
+ font-size: 1.2rem;
+ color: #555;
+}
+blockquote cite:before {
+ content: "\2014 \0020";
+}
+blockquote cite a, blockquote cite a:visited {
+ color: #555555;
+}
+hr {
+ border: solid #ddd;
+ border-width: 1px 0 0;
+ clear: both;
+ margin: 12px 0 18px;
+ height: 0;
+}
+abbr, acronym {
+ text-transform: uppercase;
+ font-size: 90%;
+ color: #222;
+ border-bottom: 1px solid #ddd;
+ cursor: help;
+}
+abbr {
+ text-transform: none;
+}
+/* ----- Printed Styles ----- */
+/**
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
+ */
+.print-only {
+ display: none !important;
+}
+@media print {
+ * {
+ background: transparent !important;
+ color: black !important;
+ text-shadow: none !important;
+ filter: none !important;
+ -ms-filter: none !important;
+ }
+ /* Black prints faster: sanbeiji.com/archives/953 */
+ p a, p a:visited {
+ color: #444 !important;
+ text-decoration: underline;
+ }
+ p a[href]:after {
+ content: " (" attr(href) ")";
+ }
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
+ content: "";
+ }
+ /* Don't show links for images, or javascript/internal links */
+ pre, blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ }
+ /* css-discuss.incutio.com/wiki/Printing_Tables */
+ tr, img {
+ page-break-inside: avoid;
+ }
}
View
2  css/foundationless.min.css
@@ -1,2 +1,2 @@
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
-.clearfix{zoom:1}.clearfix:after{display:block;visibility:hidden;height:0;clear:both;content:"."}.center-block{display:block;margin:0 auto}#flexbox .display-box{display:-moz-box;display:-webkit-box;display:box}#reset .global-reset html,#reset .global-reset body,#reset .global-reset div,#reset .global-reset span,#reset .global-reset applet,#reset .global-reset object,#reset .global-reset iframe,#reset .global-reset h1,#reset .global-reset h2,#reset .global-reset h3,#reset .global-reset h4,#reset .global-reset h5,#reset .global-reset h6,#reset .global-reset p,#reset .global-reset blockquote,#reset .global-reset pre,#reset .global-reset a,#reset .global-reset abbr,#reset .global-reset acronym,#reset .global-reset address,#reset .global-reset big,#reset .global-reset cite,#reset .global-reset code,#reset .global-reset del,#reset .global-reset dfn,#reset .global-reset em,#reset .global-reset img,#reset .global-reset ins,#reset .global-reset kbd,#reset .global-reset q,#reset .global-reset s,#reset .global-reset samp,#reset .global-reset small,#reset .global-reset strike,#reset .global-reset strong,#reset .global-reset sub,#reset .global-reset sup,#reset .global-reset tt,#reset .global-reset var,#reset .global-reset b,#reset .global-reset u,#reset .global-reset i,#reset .global-reset center,#reset .global-reset dl,#reset .global-reset dt,#reset .global-reset dd,#reset .global-reset ol,#reset .global-reset ul,#reset .global-reset li,#reset .global-reset fieldset,#reset .global-reset form,#reset .global-reset label,#reset .global-reset legend,#reset .global-reset table,#reset .global-reset caption,#reset .global-reset tbody,#reset .global-reset tfoot,#reset .global-reset thead,#reset .global-reset tr,#reset .global-reset th,#reset .global-reset td,#reset .global-reset article,#reset .global-reset aside,#reset .global-reset canvas,#reset .global-reset details,#reset .global-reset embed,#reset .global-reset figure,#reset .global-reset figcaption,#reset .global-reset footer,#reset .global-reset header,#reset .global-reset hgroup,#reset .global-reset menu,#reset .global-reset nav,#reset .global-reset output,#reset .global-reset ruby,#reset .global-reset section,#reset .global-reset summary,#reset .global-reset time,#reset .global-reset mark,#reset .global-reset audio,#reset .global-reset video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}#reset .global-reset body{line-height:1}#reset .global-reset ol,#reset .global-reset ul{list-style:none}#reset .global-reset table{border-collapse:collapse;border-spacing:0}#reset .global-reset caption,#reset .global-reset th,#reset .global-reset td{text-align:left;font-weight:400;vertical-align:middle}#reset .global-reset q,#reset .global-reset blockquote{quotes:none}#reset .global-reset q:before,#reset .global-reset blockquote:before,#reset .global-reset q:after,#reset .global-reset blockquote:after{content:"";content:none}#reset .global-reset a img{border:0}#reset .global-reset article,#reset .global-reset aside,#reset .global-reset details,#reset .global-reset figcaption,#reset .global-reset figure,#reset .global-reset footer,#reset .global-reset header,#reset .global-reset hgroup,#reset .global-reset menu,#reset .global-reset nav,#reset .global-reset section{display:block}#reset .reset-box-model{margin:0;padding:0;border:0}#reset .reset-font{font-size:100%;font:inherit;vertical-align:baseline}#reset .reset-focus{outline:0}#reset .reset-body{line-height:1}#reset .reset-list-style{list-style:none}#reset .reset-table{border-collapse:collapse;border-spacing:0}#reset .reset-table-cell{text-align:left;font-weight:400;vertical-align:middle}#reset .reset-quotation{quotes:none}#reset .reset-quotation:before,#reset .reset-quotation:after{content:"";content:none}#reset .reset-image-anchor-border{border:0}#reset .reset-html5 article,#reset .reset-html5 aside,#reset .reset-html5 details,#reset .reset-html5 figcaption,#reset .reset-html5 figure,#reset .reset-html5 footer,#reset .reset-html5 header,#reset .reset-html5 hgroup,#reset .reset-html5 menu,#reset .reset-html5 nav,#reset .reset-html5 section{display:block}
+.clearfix{zoom:1}.clearfix:after{display:block;visibility:hidden;height:0;clear:both;content:"."}.center-block{display:block;margin:0 auto}#flexbox .display-box{display:-moz-box;display:-webkit-box;display:box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}html{font-size:62.5%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{background:#fff;font-family:"Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:13px;line-height:18px;color:#555;position:relative;-webkit-font-smoothing:antialiased}a{color:#2a85e8;text-decoration:none;line-height:inherit}a:hover{color:#11639d}a:focus{color:#cc4714;outline:0}p a,p a:visited{line-height:inherit}ul,ol{margin-bottom:18px}ul{list-style:none outside}ol{list-style:decimal}ol,ul.square,ul.circle,ul.disc{margin-left:30px}ul.square{list-style:square outside}ul.circle{list-style:circle outside}ul.disc{list-style:disc outside}li{margin-bottom:12px}ul.large li{line-height:21px}table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px;border:1px solid #ddd}table thead,table tfoot{background:#f5f5f5}table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{font-size:12px;line-height:18px;text-align:left}table thead tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-weight:700;color:#222}table thead tr th:first-child,table tfoot tr td:first-child{border-left:0}table thead tr th:last-child,table tfoot tr td:last-child{border-right:0}table tbody tr.even,table tbody tr.alt{background:#f9f9f9}table tbody tr:nth-child(even){background:#f9f9f9}table tbody tr td{color:#333;padding:9px 10px;vertical-align:top;border:0}.left{float:left}.right{float:right}.hide{display:none}.highlight{background:#ff0}h1,h2,h3,h4,h5,h6{color:#181818;font-weight:700;line-height:1.25}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:46px;font-size:4.6rem;margin-bottom:12px}h2{font-size:35px;font-size:3.5rem;margin-bottom:9px}h3{font-size:28px;font-size:2.8rem;margin-bottom:9px}h4{font-size:21px;font-size:2.1rem;margin-bottom:3px}h5{font-size:18px;font-size:1.8rem;font-weight:400;margin-bottom:3px}h6{font-size:15px;font-size:1.5rem;font-weight:400}.subheader{color:#777;font-weight:300;margin-bottom:24px}p{line-height:17px;margin:0 0 18px}p img{margin:0}p.lead{font-size:18px;font-size:1.8rem;line-height:24px}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:700;line-height:inherit}small{font-size:60%;line-height:inherit}h1 small,h2 small,h3 small,h4 small,h5 small{color:#777}blockquote,blockquote p{line-height:20px;color:#777}blockquote{margin:0 0 18px;padding:9px 20px 0 19px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:12px;font-size:1.2rem;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:12px 0 18px;height:0}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;border-bottom:1px solid #ddd;cursor:help}abbr{text-transform:none}.print-only{display:none!important}@media print{*{ background:transparent!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}p a,p a:visited{color:#444!important;text-decoration:underline}p a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}}
View
2  css/reset.css
@@ -1,2 +1,2 @@
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
-#reset .global-reset html,#reset .global-reset body,#reset .global-reset div,#reset .global-reset span,#reset .global-reset applet,#reset .global-reset object,#reset .global-reset iframe,#reset .global-reset h1,#reset .global-reset h2,#reset .global-reset h3,#reset .global-reset h4,#reset .global-reset h5,#reset .global-reset h6,#reset .global-reset p,#reset .global-reset blockquote,#reset .global-reset pre,#reset .global-reset a,#reset .global-reset abbr,#reset .global-reset acronym,#reset .global-reset address,#reset .global-reset big,#reset .global-reset cite,#reset .global-reset code,#reset .global-reset del,#reset .global-reset dfn,#reset .global-reset em,#reset .global-reset img,#reset .global-reset ins,#reset .global-reset kbd,#reset .global-reset q,#reset .global-reset s,#reset .global-reset samp,#reset .global-reset small,#reset .global-reset strike,#reset .global-reset strong,#reset .global-reset sub,#reset .global-reset sup,#reset .global-reset tt,#reset .global-reset var,#reset .global-reset b,#reset .global-reset u,#reset .global-reset i,#reset .global-reset center,#reset .global-reset dl,#reset .global-reset dt,#reset .global-reset dd,#reset .global-reset ol,#reset .global-reset ul,#reset .global-reset li,#reset .global-reset fieldset,#reset .global-reset form,#reset .global-reset label,#reset .global-reset legend,#reset .global-reset table,#reset .global-reset caption,#reset .global-reset tbody,#reset .global-reset tfoot,#reset .global-reset thead,#reset .global-reset tr,#reset .global-reset th,#reset .global-reset td,#reset .global-reset article,#reset .global-reset aside,#reset .global-reset canvas,#reset .global-reset details,#reset .global-reset embed,#reset .global-reset figure,#reset .global-reset figcaption,#reset .global-reset footer,#reset .global-reset header,#reset .global-reset hgroup,#reset .global-reset menu,#reset .global-reset nav,#reset .global-reset output,#reset .global-reset ruby,#reset .global-reset section,#reset .global-reset summary,#reset .global-reset time,#reset .global-reset mark,#reset .global-reset audio,#reset .global-reset video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}#reset .global-reset body{line-height:1}#reset .global-reset ol,#reset .global-reset ul{list-style:none}#reset .global-reset table{border-collapse:collapse;border-spacing:0}#reset .global-reset caption,#reset .global-reset th,#reset .global-reset td{text-align:left;font-weight:400;vertical-align:middle}#reset .global-reset q,#reset .global-reset blockquote{quotes:none}#reset .global-reset q:before,#reset .global-reset blockquote:before,#reset .global-reset q:after,#reset .global-reset blockquote:after{content:"";content:none}#reset .global-reset a img{border:0}#reset .global-reset article,#reset .global-reset aside,#reset .global-reset details,#reset .global-reset figcaption,#reset .global-reset figure,#reset .global-reset footer,#reset .global-reset header,#reset .global-reset hgroup,#reset .global-reset menu,#reset .global-reset nav,#reset .global-reset section{display:block}#reset .reset-box-model{margin:0;padding:0;border:0}#reset .reset-font{font-size:100%;font:inherit;vertical-align:baseline}#reset .reset-focus{outline:0}#reset .reset-body{line-height:1}#reset .reset-list-style{list-style:none}#reset .reset-table{border-collapse:collapse;border-spacing:0}#reset .reset-table-cell{text-align:left;font-weight:400;vertical-align:middle}#reset .reset-quotation{quotes:none}#reset .reset-quotation:before,#reset .reset-quotation:after{content:"";content:none}#reset .reset-image-anchor-border{border:0}#reset .reset-html5 article,#reset .reset-html5 aside,#reset .reset-html5 details,#reset .reset-html5 figcaption,#reset .reset-html5 figure,#reset .reset-html5 footer,#reset .reset-html5 header,#reset .reset-html5 hgroup,#reset .reset-html5 menu,#reset .reset-html5 nav,#reset .reset-html5 section{display:block}
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}html{font-size:62.5%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
View
2  css/typography.css
@@ -0,0 +1,2 @@
+/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
+body{background:#fff;font-family:"Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:13px;line-height:18px;color:#555;position:relative;-webkit-font-smoothing:antialiased}a{color:#2a85e8;text-decoration:none;line-height:inherit}a:hover{color:#11639d}a:focus{color:#cc4714;outline:0}p a,p a:visited{line-height:inherit}ul,ol{margin-bottom:18px}ul{list-style:none outside}ol{list-style:decimal}ol,ul.square,ul.circle,ul.disc{margin-left:30px}ul.square{list-style:square outside}ul.circle{list-style:circle outside}ul.disc{list-style:disc outside}li{margin-bottom:12px}ul.large li{line-height:21px}table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px;border:1px solid #ddd}table thead,table tfoot{background:#f5f5f5}table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{font-size:12px;line-height:18px;text-align:left}table thead tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-weight:700;color:#222}table thead tr th:first-child,table tfoot tr td:first-child{border-left:0}table thead tr th:last-child,table tfoot tr td:last-child{border-right:0}table tbody tr.even,table tbody tr.alt{background:#f9f9f9}table tbody tr:nth-child(even){background:#f9f9f9}table tbody tr td{color:#333;padding:9px 10px;vertical-align:top;border:0}.left{float:left}.right{float:right}.hide{display:none}.highlight{background:#ff0}h1,h2,h3,h4,h5,h6{color:#181818;font-weight:700;line-height:1.25}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:46px;font-size:4.6rem;margin-bottom:12px}h2{font-size:35px;font-size:3.5rem;margin-bottom:9px}h3{font-size:28px;font-size:2.8rem;margin-bottom:9px}h4{font-size:21px;font-size:2.1rem;margin-bottom:3px}h5{font-size:18px;font-size:1.8rem;font-weight:400;margin-bottom:3px}h6{font-size:15px;font-size:1.5rem;font-weight:400}.subheader{color:#777;font-weight:300;margin-bottom:24px}p{line-height:17px;margin:0 0 18px}p img{margin:0}p.lead{font-size:18px;font-size:1.8rem;line-height:24px}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:700;line-height:inherit}small{font-size:60%;line-height:inherit}h1 small,h2 small,h3 small,h4 small,h5 small{color:#777}blockquote,blockquote p{line-height:20px;color:#777}blockquote{margin:0 0 18px;padding:9px 20px 0 19px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:12px;font-size:1.2rem;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:12px 0 18px;height:0}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;border-bottom:1px solid #ddd;cursor:help}abbr{text-transform:none}.print-only{display:none!important}@media print{*{ background:transparent!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}p a,p a:visited{color:#444!important;text-decoration:underline}p a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}}
View
1,037 foundation.css
@@ -0,0 +1,1037 @@
+/* Foundation v2.1.4 http://foundation.zurb.com */
+/* Artfully Masterminded by ZURB */
+
+/* --------------------------------------------------
+ Table of Contents
+-----------------------------------------------------
+:: Reset & Standards
+:: Links
+:: Lists
+:: Tables
+:: Misc
+*/
+
+
+/* --------------------------------------------------
+ :: Global Reset & Standards
+ -------------------------------------------------- */
+
+
+
+
+
+
+
+/* --------------------------------------------------
+ :: Grid
+
+ This is the mobile-friendly, responsive grid that
+ lets Foundation work much of its magic.
+
+ -------------------------------------------------- */
+
+ .container { padding: 0 20px; }
+
+ .row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
+ /* To fix the grid into a certain size, set max-width to width */
+ .row .row { min-width: 0; }
+
+ .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
+ .column:first-child, .columns:first-child { margin-left: 0; }
+
+ .row .one.columns { width: 4.3%; }
+ .row .two.columns { width: 13%; }
+ .row .three.columns { width: 21.68%; }
+ .row .four.columns { width: 30.37%; }
+ .row .five.columns { width: 39.1%; }
+ .row .six.columns { width: 47.8%; }
+ .row .seven.columns { width: 56.5%; }
+ .row .eight.columns { width: 65.2%; }
+ .row .nine.columns { width: 73.9%; }
+ .row .ten.columns { width: 82.6%; }
+ .row .eleven.columns { width: 91.3%; }
+ .row .twelve.columns { width: 100%; }
+
+ .row .offset-by-one { margin-left: 13.1%; }
+ .row .offset-by-two { margin-left: 21.8%; }
+ .row .offset-by-three { margin-left: 30.5%; }
+ .row .offset-by-four { margin-left: 39.2%; }
+ .row .offset-by-five { margin-left: 47.9%; }
+ .row .offset-by-six { margin-left: 56.6%; }
+ .row .offset-by-seven { margin-left: 65.3%; }
+ .row .offset-by-eight { margin-left: 74.0%; }
+ .row .offset-by-nine { margin-left: 82.7%; }
+ .row .offset-by-ten { margin-left: 91.4%; }
+
+ .row .centered { float: none; margin: 0 auto; }
+
+ .row .offset-by-one:first-child { margin-left: 8.7%; }
+ .row .offset-by-two:first-child { margin-left: 17.4%; }
+ .row .offset-by-three:first-child { margin-left: 26.1%; }
+ .row .offset-by-four:first-child { margin-left: 34.8%; }
+ .row .offset-by-five:first-child { margin-left: 43.5%; }
+ .row .offset-by-six:first-child { margin-left: 52.2%; }
+ .row .offset-by-seven:first-child { margin-left: 60.9%; }
+ .row .offset-by-eight:first-child { margin-left: 69.6%; }
+ .row .offset-by-nine:first-child { margin-left: 78.3%; }
+ .row .offset-by-ten:first-child { margin-left: 87%; }
+ .row .offset-by-eleven:first-child { margin-left: 95.7%; }
+
+ /* Source Ordering */
+ .push-two { left: 17.4% }
+ .push-three { left: 26.1%; }
+ .push-four { left: 34.8%; }
+ .push-five { left: 43.5%; }
+ .push-six { left: 52.2%; }
+ .push-seven { left: 60.9%; }
+ .push-eight { left: 69.6%; }
+ .push-nine { left: 78.3%; }
+ .push-ten { left: 87%; }
+
+ .pull-two { right: 17.4% }
+ .pull-three { right: 26.1%; }
+ .pull-four { right: 34.8%; }
+ .pull-five { right: 43.5%; }
+ .pull-six { right: 52.2%; }
+ .pull-seven { right: 60.9%; }
+ .pull-eight { right: 69.6%; }
+ .pull-nine { right: 78.3%; }
+ .pull-ten { right: 87%; }
+
+
+
+ img, object, embed { max-width: 100%; height: auto; }
+ img { -ms-interpolation-mode: bicubic; }
+
+ /* Nicolas Gallagher's micro clearfix */
+ .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
+ .row:after, .clearfix:after { clear: both; }
+ .row, .clearfix { zoom: 1; }
+
+
+
+
+/* --------------------------------------------------
+ :: Block grids
+
+ These are 2-up, 3-up, 4-up and 5-up ULs, suited
+ for repeating blocks of content. Add 'mobile' to
+ them to switch them just like the layout grid
+ (one item per line) on phones
+
+ For IE7/8 compatibility block-grid items need to be
+ the same height. You can optionally uncomment the
+ lines below to support arbitrary height, but know
+ that IE7/8 do not support :nth-child.
+ -------------------------------------------------- */
+
+ .block-grid { display: block; overflow: hidden; }
+ .block-grid>li { display: block; height: auto; float: left; }
+
+ .block-grid.two-up { margin-left: -4% }
+ .block-grid.two-up>li { margin-left: 4%; width: 46%; }
+/* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
+
+ .block-grid.three-up { margin-left: -2% }
+ .block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
+/* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
+
+ .block-grid.four-up { margin-left: -2% }
+ .block-grid.four-up>li { margin-left: 2%; width: 23%; }
+/* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
+
+ .block-grid.five-up { margin-left: -1.5% }
+ .block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
+/* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
+
+/* Artfully masterminded by ZURB */
+
+
+
+/* --------------------------------------------------
+ Table of Contents
+-----------------------------------------------------
+:: Buttons
+:: Alerts
+:: Notices/Alerts
+:: Tabs
+:: Pagination
+:: Lists
+:: Panels
+:: Nav
+:: Video
+:: Microformats
+*/
+
+
+
+
+/* --------------------------------------------------
+ Buttons
+ -------------------------------------------------- */
+
+ .button {
+ background: #00a6fc;
+ display: inline-block;
+ text-align: center;
+ padding: 9px 34px 11px;
+ color: #fff;
+ text-decoration: none;
+ font-weight: bold;
+ line-height: 1;
+ font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
+ position: relative;
+ cursor: pointer;
+ border: none;
+ }
+
+ /* Don't use native buttons on iOS */
+ input[type=submit].button { -webkit-appearance: none; }
+
+ .button.nice {
+ background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px;
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
+ text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
+ background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
+ background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
+ border: 1px solid #0593dc;
+ -webkit-transition: background-color .15s ease-in-out;
+ -moz-transition: background-color .15s ease-in-out;
+ -o-transition: background-color .15s ease-in-out;
+ }
+
+ .button.radius {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ }
+ .button.round {
+ -moz-border-radius: 1000px;
+ -webkit-border-radius: 1000px;
+ border-radius: 1000px;
+ }
+
+ .button.full-width {
+ width: 100%;
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ text-align: center;
+ }
+
+ .button.left-align {
+ text-align: left;
+ text-indent: 12px;
+ }
+
+ /* Sizes ---------- */
+ .small.button { font-size: 11px; padding: 8px 20px 10px; width: auto; }
+ .medium.button { font-size: 13px; width: auto; }
+ .large.button { font-size: 18px; padding: 11px 48px 13px; width: auto; }
+
+ /* Nice Sizes ---------- */
+ .nice.small.button { background-position: 0 -36px; }
+ .nice.large.button { background-position: 0 -30px; }
+
+ /* Colors ---------- */
+ .blue.button { background-color: #00a6fc; }
+ .red.button { background-color: #e91c21; }
+ .white.button { background-color: #e9e9e9; color: #333; }
+ .black.button { background-color: #141414; }
+
+ /* Nice Colors ---------- */
+ .nice.blue.button { border: 1px solid #0593dc; }
+ .nice.red.button { border: 1px solid #b90b0b; }
+ .nice.white.button { border: 1px solid #cacaca; text-shadow: none !important; }
+ .nice.black.button { border: 1px solid #000; }
+
+ /* Hovers ---------- */
+ .button:hover, .button:focus { background-color: #0192dd; color: #fff; }
+ .blue.button:hover, .blue.button:focus { background-color: #0192dd; }
+ .red.button:hover, .red.button:focus { background-color: #d01217; }
+ .white.button:hover, .white.button:focus { background-color: #dadada; color: #333; }
+ .black.button:hover, .black.button:focus { background-color: #000; }
+
+ /* Disabled ---------- */
+ .button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }
+
+
+
+/* --------------------------------------------------
+ Alerts
+ -------------------------------------------------- */
+
+ div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px rgba(255,255,255,0.9); position: relative; }
+ .alert-box.success { background-color: #7fae00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
+ .alert-box.warning { background-color: #c08c00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
+ .alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
+
+ .alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; }
+ .alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; }
+
+
+/* --------------------------------------------------
+ Tabs
+ -------------------------------------------------- */
+ dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
+ dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
+ dl.tabs dt:first-child { padding: 0 9px 0 0; }
+ dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
+ dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; }
+ dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; height: 30px; }
+
+ .nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; }
+ .nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
+ .nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }
+ .nice.tabs dd:first-child a.active { margin-left: 0; }
+
+ dl.tabs.vertical { height: auto; }
+ dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; }
+ dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
+ dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; }
+
+ .nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; }
+ .nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; }
+ .nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }
+ .nice.tabs.vertical dd:first-child a.active { margin: 0; }
+
+ ul.tabs-content { margin: 0; display: block; }
+ ul.tabs-content>li { display:none; }
+ ul.tabs-content>li.active { display: block; }
+
+ dl.contained, dl.nice.contained { margin-bottom: 0; }
+ dl.contained.tabs dd a { padding: 0 14px; }
+ dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }
+
+ ul.contained.tabs-content { padding: 0; }
+ ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; }
+ ul.nice.contained.tabs-content>li { border-color: #eee; }
+
+/* --------------------------------------------------
+ Pagination
+ -------------------------------------------------- */
+ ul.pagination { display: block; height: 24px; margin-left: -5px; }
+ ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
+ ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
+ ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus { border-bottom: solid 2px #00a6fc; color: #141414; }
+ ul.pagination li.unavailable a { cursor: default; color: #999; }
+ ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { border-bottom: none; }
+
+/* --------------------------------------------------
+ Lists
+ -------------------------------------------------- */
+ ul.nice, ol.nice { list-style: none; margin: 0; }
+ ul.nice li, ol.nice li { padding-left: 13px; position: relative }
+ ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; }
+
+/* --------------------------------------------------
+ Panels
+ -------------------------------------------------- */
+ div.panel {
+ padding: 20px 20px 2px 20px;
+ background: #efefef;
+ background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
+ box-shadow: 0 2px 5px rgba(0,0,0,0.15);
+ -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
+ -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
+ margin: 0 0 20px 0;
+ }
+
+/* --------------------------------------------------
+ Nav Bar with Dropdowns
+ -------------------------------------------------- */
+
+ .nav-bar { height: 45px; background: #fff; margin-top: 20px; border: 1px solid #ddd; }
+ .nav-bar>li { float: left; display: block; position: relative; padding: 0; margin: 0; border-right: 1px solid #ddd; line-height: 45px; }
+ .nav-bar>li>a { position: relative; font-size: 14px; padding: 0 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; }
+ .nav-bar>li>input { margin: 0 16px; }
+ .nav-bar>li ul { margin-bottom: 0; }
+ .nav-bar>li li { line-height: 1.3; }
+ .nav-bar>li.has-flyout>a { padding-right: 36px; }
+ .nav-bar>li.has-flyout>a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; position: absolute; right: 18px; bottom: 20px; }
+ .nav-bar>li:hover>a { color: #141414; z-index: 2; }
+ .nav-bar>li:hover>a:after { border-top-color: #141414; }
+
+ .flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 10; }
+ .flyout.small { width: 200px; }
+ .flyout.large { width: 600px; }
+ .flyout.right { left: auto; right: 0; }
+ .flyout p:last-child { margin-bottom: 0; }
+ .nav-bar>li .flyout { display: none; }
+ .nav-bar>li:hover .flyout { display: block; }
+
+
+/* --------------------------------------------------
+ Video
+ Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
+ -------------------------------------------------- */
+
+ .flex-video {
+ position: relative;
+ padding-top: 25px;
+ padding-bottom: 67.5%;
+ height: 0;
+ margin-bottom: 16px;
+ overflow: hidden;
+ }
+
+ .flex-video.widescreen { padding-bottom: 57.25%; }
+ .flex-video.vimeo { padding-top: 0; }
+
+ .flex-video iframe,
+ .flex-video object,
+ .flex-video embed {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+
+
+
+/* --------------------------------------------------
+ Microformats
+ -------------------------------------------------- */
+
+ /* hCard */
+ ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }
+ ul.vcard li { margin: 0; display: block; }
+ ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; }
+
+ p.vevent span.summary { font-weight: bold; }
+ p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }
+
+
+
+
+
+/* Artfully masterminded by ZURB
+ Make sure to include app.js / foundation.js if you are going to use inline label inputs
+*/
+
+
+/* -----------------------------------------
+ Standard Forms
+----------------------------------------- */
+
+ form { margin: 0 0 18px; }
+ form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; }
+
+ input.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
+ input.input-text, textarea, select { display: block; margin-bottom: 9px; }
+ label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }
+
+ /* Text input and textarea font and padding */
+ input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; background: #fff; }
+ input.input-text:focus, textarea:focus { outline: none !important; }
+ input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
+ input.input-text:focus, textarea:focus { background: #f9f9f9; }
+
+ /* Inlined Label Style */
+ input.placeholder, textarea.placeholder { color: #888; }
+
+ /* Text input and textarea sizes */
+ input.input-text, textarea { width: 254px; }
+ input.small, textarea.small { width: 134px; }
+ input.medium, textarea.medium { width: 254px; }
+ input.large, textarea.large { width: 434px; }
+
+ /* Fieldsets */
+ form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }
+
+ /* Inlined Radio & Checkbox */
+ .form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }
+
+ /* Errors */
+ .form-field.error input, input.input-text.red { border-color: #C00000; background-color: rgba(255,0,0,0.15); }
+ .form-field.error label, label.red { color: #C00000; }
+ .form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: #C00000; width: 260px; }
+
+ .small + small.error { width: 140px; }
+ .medium + small.error { width: 260px; }
+ .large + small.error { width: 440px; }
+
+ /* -----------------------------------------
+ Nicer Forms
+ ----------------------------------------- */
+ form.nice div.form-field input, form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
+ form.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url(../images/misc/input-bg.png) #fff; }
+ form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }
+
+ form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
+
+ form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }
+
+ form.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0 #C00000; border-width: 0 1px 1px 1px; margin-top: -10px; background: #C00000; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }
+
+ form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; }
+ form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; }
+ form.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; }
+
+ /* -----------------------------------------
+ Custom Forms
+ ----------------------------------------- */
+
+ form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat; }
+ form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
+ form.custom span.custom.radio.checked { background-position: 0 -14px; }
+ form.custom span.custom.checkbox.checked { background-position: 0 -28px; }
+
+ form.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; }
+ form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; }
+ form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url(../images/misc/custom-form-sprites.png) -14px 0 no-repeat; right: 0; top: 0; border: solid 1px #ddd; }
+ form.custom div.custom.dropdown:hover a.selector,
+ form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }
+
+ form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: rgba(255,255,255,0.9); border: solid 1px #ddd; z-index: 10; }
+ form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; white-space: nowrap}
+ form.custom div.custom.dropdown ul li.selected { background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; }
+ form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; }
+ form.custom div.custom.dropdown ul li.selected:hover { background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; }
+ form.custom div.custom.dropdown ul.show { display: block; }
+
+ form.custom div.custom.dropdown.open ul { display: block; }
+
+
+/* CSS for jQuery Orbit Plugin 1.2.3
+ * www.ZURB.com/playground
+ * Copyright 2010, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+
+
+
+/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
+ ================================================== */
+#caseStudies {
+ width: 1000px;
+ height: 210px;
+ background: #fff url('../images/orbit/loading.gif') no-repeat center center;
+ overflow: hidden; }
+#caseStudies>img,
+#caseStudies>div,
+#caseStudies>a { display: none; }
+
+
+
+
+/* CONTAINER
+ ================================================== */
+
+div.orbit-wrapper {
+ width: 1px;
+ height: 1px;
+ position: relative; }
+
+div.orbit {
+ width: 1px;
+ height: 1px;
+ position: relative;
+ overflow: hidden }
+
+div.orbit.with-bullets {
+ margin-bottom: 40px;
+}
+
+div.orbit>img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ /* display: none; */ }
+
+div.orbit>a {
+ border: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ line-height: 0;
+ display: none; }
+
+.orbit>div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%; }
+
+/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
+
+
+/* TIMER
+ ================================================== */
+
+div.timer {
+ width: 40px;
+ height: 40px;
+ overflow: hidden;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ opacity: .6;
+ cursor: pointer;
+ z-index: 1001; }
+
+span.rotator {
+ display: block;
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ top: 0;
+ left: -20px;
+ background: url(../images/orbit/rotator-black.png) no-repeat;
+ z-index: 3; }
+
+span.mask {
+ display: block;
+ width: 20px;
+ height: 40px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ overflow: hidden; }
+
+span.rotator.move {
+ left: 0 }
+
+span.mask.move {
+ width: 40px;
+ left: 0;
+ background: url(../images/orbit/timer-black.png) repeat 0 0; }
+
+span.pause {
+ display: block;
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: url(../images/orbit/pause-black.png) no-repeat;
+ z-index: 4;
+ opacity: 0; }
+
+span.pause.active {
+ background: url(../images/orbit/pause-black.png) no-repeat 0 -40px }
+
+div.timer:hover span.pause,
+span.pause.active {
+ opacity: 1 }
+
+
+/* CAPTIONS
+ ================================================== */
+
+.orbit-caption {
+ display: none;
+ font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
+
+.orbit-wrapper .orbit-caption {
+ background: #000;
+ background: rgba(0,0,0,.6);
+ z-index: 1000;
+ color: #fff;
+ text-align: center;
+ padding: 7px 0;
+ font-size: 13px;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ width: 100%; }
+
+
+/* DIRECTIONAL NAV
+ ================================================== */
+
+div.slider-nav {
+ display: block }
+
+div.slider-nav span {
+ width: 78px;
+ height: 100px;
+ text-indent: -9999px;
+ position: absolute;
+ z-index: 1000;
+ top: 50%;
+ margin-top: -50px;
+ cursor: pointer; }
+
+div.slider-nav span.right {
+ background: url(../images/orbit/right-arrow.png);
+ right: 0; }
+
+div.slider-nav span.left {
+ background: url(../images/orbit/left-arrow.png);
+ left: 0; }
+
+/* BULLET NAV
+ ================================================== */
+
+.orbit-bullets {
+ position: absolute;
+ z-index: 1000;
+ list-style: none;
+ bottom: -40px;
+ left: 50%;
+ margin-left: -50px;
+ padding: 0; }
+
+.orbit-bullets li {
+ float: left;
+ margin-left: 5px;
+ cursor: pointer;
+ color: #999;
+ text-indent: -9999px;
+ background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
+ width: 13px;
+ height: 12px;
+ overflow: hidden; }
+
+.orbit-bullets li.active {
+ color: #222;
+ background-position: -8px 0; }
+
+.orbit-bullets li.has-thumb {
+ background: none;
+ width: 100px;
+ height: 75px; }
+
+.orbit-bullets li.active.has-thumb {
+ background-position: 0 0;
+ border-top: 2px solid #000; }
+
+/* FLUID LAYOUT
+ ================================================== */
+.orbit .fluid-placeholder {
+ visibility: hidden;
+ position: static;
+ display: block;
+ width: 100%;
+}
+
+.orbit, .orbit-wrapper { width: 100% !important; }
+
+.orbit-bullets {
+ position: absolute;
+ z-index: 1000;
+ list-style: none;
+ bottom: -50px;
+ left: 50%;
+ margin-left: -50px;
+ padding: 0; }
+
+.orbit-bullets li {
+ float: left;
+ margin-left: 5px;
+ cursor: pointer;
+ color: #999;
+ text-indent: -9999px;
+ background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
+ width: 13px;
+ height: 12px;
+ overflow: hidden; }
+
+.orbit-bullets li.has-thumb {
+ background: none;
+ width: 100px;
+ height: 75px; }
+
+.orbit-bullets li.active {
+ color: #222;
+ background-position: -8px 0; }
+
+.orbit-bullets li.active.has-thumb {
+ background-position: 0 0;
+ border-top: 2px solid #000; }
+/* --------------------------------------------------
+ Reveal Modals
+ -------------------------------------------------- */
+
+ .reveal-modal-bg {
+ position: fixed;
+ height: 100%;
+ width: 100%;
+ background: #000;
+ z-index: 2000;
+ display: none;
+ top: 0;
+ left: 0;
+ }
+
+ .reveal-modal {
+ visibility: hidden;
+ top: 100px;
+ left: 50%;
+ margin-left: -300px;
+ width: 520px;
+ background: #eee url(../images/misc/modal-gloss.png) no-repeat -200px -80px;
+ position: absolute;
+ z-index: 2001;
+ padding: 30px 40px 34px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
+ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
+ box-shadow: 0 0 10px rgba(0,0,0,.4);
+ }
+
+ .reveal-modal.small { width: 200px; margin-left: -140px;}
+ .reveal-modal.medium { width: 400px; margin-left: -240px;}
+ .reveal-modal.large { width: 600px; margin-left: -340px;}
+ .reveal-modal.xlarge { width: 800px; margin-left: -440px;}
+
+ .reveal-modal .close-reveal-modal {
+ font-size: 22px;
+ line-height: .5;
+ position: absolute;
+ top: 8px;
+ right: 11px;
+ color: #aaa;
+ text-shadow: 0 -1px 1px rbga(0,0,0,.6);
+ font-weight: bold;
+ cursor: pointer;
+ }
+
+ .reveal-modal .row {
+ min-width: 0;
+ }
+
+ /* Mobile */
+
+ @media handheld, only screen and (device-width: 768px), (device-width: 800px) {
+ .reveal-modal-bg { position: absolute; }
+
+ .reveal-modal,
+ .reveal-modal.small,
+ .reveal-modal.medium,
+ .reveal-modal.large,
+ .reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0; padding: 5%; height: auto; }
+ }
+
+ @media handheld, only screen and (max-width: 767px) {
+ .reveal-modal-bg { position: absolute; }
+
+ .reveal-modal,
+ .reveal-modal.small,
+ .reveal-modal.medium,
+ .reveal-modal.large,
+ .reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0; padding: 5%; height: auto; }
+ }
+
+
+ /*
+
+ NOTES
+
+ Close button entity is ×
+
+ Example markup
+
+ <div id="myModal" class="reveal-modal">
+ <h2>Awesome. I have it.</h2>
+ <p class="lead">Your couch. I it's mine.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
+ <a class="close-reveal-modal">&#215;</a>
+ </div>
+
+ */
+/* --------------------------------------------------
+ :: Typography
+ -------------------------------------------------- */
+
+ @media handheld, only screen and (max-width: 767px) {
+ h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; }
+ h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; }
+ h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; }
+ h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; }
+ h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; }
+ h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; }
+ body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
+ }
+
+
+/* --------------------------------------------------
+ :: Grid
+ -------------------------------------------------- */
+
+ /* Tablet screens */
+ @media only screen and (device-width: 768px), (device-width: 800px) {
+ /* Currently unused */
+ }
+
+
+ /* Mobile */
+ @media only screen and (max-width: 767px) {
+ body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
+ .container { min-width: 0; margin-left: 0; margin-right: 0; }
+ .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
+ .row .row .column, .row .row .columns { padding: 0; }
+ .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
+ .column:last-child, .columns:last-child { margin-right: 0; }
+
+ .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; }
+
+ .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
+ .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
+
+ /* Mobile 4-column Grid */
+ .row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0; }
+
+ .row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column,
+ .row .phone-one.columns, .row .phone-two.columns, .row .phone-three.columns, .row .phone-four.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
+
+ .row .phone-one.columns { width: 21.68% !important; }
+ .row .phone-two.columns { width: 47.8% !important; }
+ .row .phone-three.columns { width: 73.9% !important; }
+ .row .phone-four.columns { width: 100% !important; }
+
+ .row .columns.push-one-phone { left: 26.08%; }
+ .row .columns.push-two-phone { left: 52.2% }
+ .row .columns.push-three-phone { left: 78.3% }
+
+ .row .columns.pull-one-phone { right: 26.08% }
+ .row .columns.pull-two-phone { right: 52.2% }
+ .row .columns.pull-three-phone { right: 78.3%; }
+
+
+ }
+
+
+/* --------------------------------------------------
+ :: Block Grids
+ -------------------------------------------------- */
+
+ @media only screen and (max-width: 767px) {
+ .block-grid.mobile { margin-left: 0; }
+ .block-grid.mobile li { float: none; width: 100%; margin-left: 0; }
+ }
+
+
+
+/* --------------------------------------------------
+ :: Mobile Visibility Affordances
+---------------------------------------------------*/
+
+
+ .show-on-phones { display: none !important; }
+ .show-on-tablets { display: none !important; }
+ .show-on-desktops { display: block !important; }
+
+ .hide-on-phones { display: block !important; }
+ .hide-on-tablets { display: block !important; }
+ .hide-on-desktops { display: none !important; }
+
+
+ @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px) {
+ .hide-on-phones { display: block !important; }
+ .hide-on-tablets { display: none !important; }
+ .hide-on-desktops { display: block !important; }
+
+ .show-on-phones { display: none !important; }
+ .show-on-tablets { display: block !important; }
+ .show-on-desktops { display: none !important; }
+ }
+
+
+ @media only screen and (max-width: 767px) {
+ .hide-on-phones { display: none !important; }
+ .hide-on-tablets { display: block !important; }
+ .hide-on-desktops { display: block !important; }
+
+ .show-on-phones { display: block !important; }
+ .show-on-tablets { display: none !important; }
+ .show-on-desktops { display: none !important; }
+ }
+
+ /* only screen and (device-width: 1280px), only screen and (max-device-width: 1280px), /*
+ /* Keeping this in as a reminder to address support for other tablet devices like the Xoom in the future */
+
+ /* Specific overrides for elements that require something other than display: block */
+
+ table.show-on-desktops { display: table !important; }
+ table.hide-on-phones { display: table !important; }
+ table.hide-on-tablets { display: table !important; }
+
+ @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px) {
+ table.hide-on-phones { display: block !important; }
+ table.hide-on-desktops { display: block !important; }
+ table.show-on-tablets { display: block !important; }
+ }
+
+ @media only screen and (max-width: 767px) {
+ table.hide-on-tablets { display: block !important; }
+ table.hide-on-desktops { display: block !important; }
+ table.show-on-phones { display: block !important; }
+ }
+
+
+/* --------------------------------------------------
+ :: Forms
+---------------------------------------------------*/
+
+
+ @media only screen and (max-width: 767px) {
+ div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea,
+ form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 96%; padding: 6px 2% 4px; font-size: 18px; }
+ form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
+ form.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; }
+ form.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; }
+ form.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; }
+ form.nice div.form-field.error .large + small, form.nice .large + .error { width: auto; }
+ }
+
+
+/* --------------------------------------------------
+ :: UI
+---------------------------------------------------*/
+
+ /* Buttons */
+ @media only screen and (max-width: 767px) {
+ .button { display: block; }
+ button.button { width: 100%; padding-left: 0; padding-right: 0; }
+ }
+
+ /* Tabs */
+
+ @media only screen and (max-width: 767px) {
+ dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
+ dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; }
+
+ dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
+ dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
+
+ .nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
+ .nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
+ .nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }
+ .nice.tabs.mobile dd:first-child a.active { margin: 0; }
+
+ dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; }
+ dl.contained.tabs.mobile dd a { padding: 18px 20px; }
+ dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; }
+ }
+
+ /* Nav Bar */
+
+ @media only screen and (max-width: 767px) {
+ .nav-bar { height: auto; }
+ .nav-bar>li { float: none; display: block; border-right: none; }
+ .nav-bar>li>a { text-align: left; border-top: 1px solid #ddd; border-right: none; }
+ .nav-bar>li:first-child>a { border-top: none; }
+ .nav-bar>li.has-flyout>a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; }
+ .nav-bar>li:hover>a { font-weight: bold; }
+ .nav-bar>li:hover ul { position: relative; }
+
+ .flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 1px 1px 0px 1px; }
+ .flyout.right { float: none; right: auto; left: -1px; }
+ .flyout.small, .flyout.large { width: auto; }
+ .flyout p:last-child { margin-bottom: 18px; }
+ }
+
+ /* Nav Bar */
+
+ @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
+ .video { padding-top: 0; }
+ }
View
31 stylesheets/foundationless.less
@@ -16,8 +16,13 @@ Variables and mixins to bootstrap any new web development project.
-------------------------------------------------- */
// Links
-@linkColor: #8b59c2;
-@linkColorHover: darken(@linkColor, 10);
+@linkColor: #2a85e8;
+@linkColorHover: #11639d;
+@linkColorFocus: #cc4714;
+
+// General
+@backgroundColor: #fff;
+@textColor: #555;
// Grays
@white: #fff;
@@ -28,16 +33,14 @@ Variables and mixins to bootstrap any new web development project.
@black: #000;
// Accent Colors
-@blue: #08b5fb;
-@green: #46a546;
-@red: #9d261d;
-@yellow: #ffc40d;
-@orange: #f89406;
-@pink: #c3325f;
-@purple: #7a43b6;
+@firstColor: #00A6FC;
+@secondColor: #E91C21;
+@thirdColor: #E9E9E9;
+@fourthColor: #141414;
// Baseline grid
-@baseline: 20px;
+@baseline: 18px;
+@baseSize: 13px;
// Griditude
@gridColumns: 16;
@@ -54,4 +57,10 @@ Mixins
/* ----------
Reset
---------- */
-@import "reset.less";
+@import "reset.less";
+
+
+/* ----------
+Typography
+---------- */
+@import "typography.less";
View
133 stylesheets/reset.less
@@ -4,86 +4,55 @@ Based on Eric Meyers' reset 2.0 - http://meyerweb.com/eric/tools/css/reset/index
& the Compass Reset utility - http://compass-style.org/reference/compass/reset/utilities/
==================== */
-#reset {
- .global-reset {
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, embed,
- figure, figcaption, footer, header, hgroup,
- menu, nav, output, ruby, section, summary,
- time, mark, audio, video {
- #reset > .reset-box-model;
- #reset > .reset-font;
- }
- body {
- #reset > .reset-body;
- }
- ol, ul {
- #reset > .reset-list-style;
- }
- table {
- #reset > .reset-table;
- }
- caption, th, td {
- #reset > .reset-table-cell;
- }
- q, blockquote {
- #reset > .reset-quotation;
- }
- a img {
- #reset > .reset-image-anchor-border;
- }
- #reset > .reset-html5;
- }
- .reset-box-model {
- margin: 0;
- padding: 0;
- border: 0;
- }
- .reset-font {
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- }
- .reset-focus {
- outline: 0;
- }
- .reset-body {
- line-height: 1;
- }
- .reset-list-style {
- list-style: none;
- }
- .reset-table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- .reset-table-cell {
- text-align: left;
- font-weight: normal;
- vertical-align: middle;
- }
- .reset-quotation {
- quotes: none;
- &:before, &:after {
- content: "";
- content: none;
- }
- }
- .reset-image-anchor-border {
- border: none;
- }
- .reset-html5 {
- article, aside, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section {
- display: block;
- }
- }
+/*
+ Eric Meyer's CSS Reset
+ http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font: inherit;
+ vertical-align: baseline;
+}
+html {
+ font-size: 62.5%;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
}
View
381 stylesheets/typography.less
@@ -0,0 +1,381 @@
+/* ====================
+Typography & Standards
+
+==================== */
+
+body {
+ background: @backgroundColor;
+ font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
+ font-size: @baseSize;
+ line-height: @baseline;
+ color: @textColor;
+ position: relative;
+ -webkit-font-smoothing: antialiased;
+}
+
+
+/* ----------
+Links
+---------- */
+a {
+ color: @linkColor;
+ text-decoration: none;
+ line-height: inherit;
+}
+
+a:hover {
+ color: @linkColorHover;
+}
+
+a:focus {
+ color: @linkColorFocus;
+ outline: none;
+}
+
+p a,
+p a:visited {
+ line-height: inherit;
+}
+
+
+/* ----------
+Lists
+---------- */
+ul,
+ol {
+ margin-bottom: @baseline;
+}
+
+ul {
+ list-style: none outside
+}
+
+ol {
+ list-style: decimal
+}
+
+ol,
+ul.square,
+ul.circle,
+ul.disc {
+ margin-left: 30px;
+}
+
+ul.square {
+ list-style: square outside
+}
+
+ul.circle {
+ list-style: circle outside
+}
+
+ul.disc {
+ list-style: disc outside
+}
+
+li {
+ margin-bottom: 12px;
+}
+
+ul.large li {
+ line-height: 21px
+}
+
+
+/* ----------
+Tables
+---------- */
+table {
+ background: @backgroundColor;
+ .border-radius(3px);
+ margin: 0 0 @baseline;
+ border: 1px solid #ddd;
+}
+
+table thead,
+table tfoot {
+ background: #f5f5f5;
+}
+
+table thead tr th,
+table tfoot tr th,
+table tbody tr td,
+table tr td,
+table tfoot tr td {
+ font-size: @baseSize*0.9;
+ line-height: @baseline;
+ text-align: left;
+}
+
+table thead tr th,
+table tfoot tr td {
+ padding: 8px 10px 9px;
+ font-size: @baseSize*1.1;
+ font-weight: bold;
+ color: #222;
+}
+
+table thead tr th:first-child,
+table tfoot tr td:first-child {
+ border-left: none
+}
+
+table thead tr th:last-child,
+table tfoot tr td:last-child {
+ border-right: none
+}
+
+table tbody tr.even,
+table tbody tr.alt {
+ background: #f9f9f9
+}
+
+table tbody tr:nth-child(even) {
+ background: #f9f9f9
+}
+
+table tbody tr td {
+ color: #333;
+ padding: 9px 10px;
+ vertical-align: top;
+ border: none;
+}
+
+
+/* ----------
+Misc
+---------- */
+.left {
+ float: left
+}
+
+.right {
+ float: right
+}
+
+.hide {
+ display: none
+}
+
+.highlight {
+ background: #ff0
+}
+
+
+/* ----------
+Typography
+---------- */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: #181818;
+ font-weight: bold;
+ line-height: 1.25;
+}
+
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a {
+ font-weight: inherit
+}
+
+h1 {
+ font-size: 46px;
+ font-size: 4.6rem;
+ margin-bottom: 12px;
+}
+
+h2 {
+ font-size: 35px;
+ font-size: 3.5rem;
+ margin-bottom: 9px;
+}
+
+h3 {
+ font-size: 28px;
+ font-size: 2.8rem;
+ margin-bottom: 9px;
+}
+
+h4 {
+ font-size: 21px;
+ font-size: 2.1rem;
+ margin-bottom: 3px;
+}
+
+h5 {
+ font-size: 18px;
+ font-size: 1.8rem;
+ font-weight: normal;
+ margin-bottom: 3px;
+}
+
+h6 {
+ font-size: 15px;
+ font-size: 1.5rem;
+ font-weight: normal;
+}
+
+.subheader {
+ color: #777;
+ font-weight: 300;
+ margin-bottom: 24px;
+}
+
+p {
+ line-height: 17px;
+ margin: 0 0 18px;
+}
+
+p img {
+ margin: 0
+}
+
+p.lead {
+ font-size: 18px;
+ font-size: 1.8rem;
+ line-height: 24px;
+}
+
+em,
+i {
+ font-style: italic;
+ line-height: inherit;
+}
+
+strong,
+b {
+ font-weight: bold;
+ line-height: inherit;
+}
+
+small {
+ font-size: 60%;
+ line-height: inherit;
+}
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small {
+ color: #777
+}
+
+/* ----- Blockquotes ----- */
+blockquote,
+blockquote p {
+ line-height: 20px;
+ color: #777;
+}
+
+blockquote {
+ margin: 0 0 18px;
+ padding: 9px 20px 0 19px;
+ border-left: 1px solid #ddd;
+}
+
+blockquote cite {
+ display: block;
+ font-size: 12px;
+ font-size: 1.2rem;
+ color: #555;
+}
+
+blockquote cite:before {
+ content: "\2014 \0020"
+}
+
+blockquote cite a,
+blockquote cite a:visited {
+ color: #555
+}
+
+hr {
+ border: solid #ddd;
+ border-width: 1px 0 0;
+ clear: both;
+ margin: 12px 0 18px;
+ height: 0;
+}
+
+abbr,
+acronym {
+ text-transform: uppercase;
+ font-size: 90%;
+ color: #222;
+ border-bottom: 1px solid #ddd;
+ cursor: help;
+}
+
+abbr {
+ text-transform: none
+}
+
+/* ----- Printed Styles ----- */
+
+/**
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
+ */
+
+.print-only {
+ display: none !important
+}
+
+@media print {
+ * {
+ background: transparent !important;
+ color: black !important;
+ text-shadow: none !important;
+ filter: none !important;
+ -ms-filter: none !important;
+ }
+
+ /* Black prints faster: sanbeiji.com/archives/953 */
+
+ p a,
+ p a:visited {
+ color: #444 !important;
+ text-decoration: underline;
+ }
+
+ p a[href]:after {
+ content: " (" attr(href) ")"
+ }
+
+ abbr[title]:after {
+ content: " (" attr(title) ")"
+ }
+
+ .ir a:after,
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after {
+ content: ""
+ }
+
+ /* Don't show links for images, or javascript/internal links */
+
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+
+ thead {
+ display: table-header-group
+ }
+
+ /* css-discuss.incutio.com/wiki/Printing_Tables */
+
+ tr,
+ img {
+ page-break-inside: avoid
+ }
+}
Please sign in to comment.
Something went wrong with that request. Please try again.