Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

updating files to Andy's new stuff and cleaning up the compass files

  • Loading branch information...
commit 7761107e2769408454e40863f71d02bd89414a6f 1 parent 3c314de
₍˄ุ.͡˳̫.˄ุ₎ jina authored
Showing with 6,008 additions and 5,032 deletions.
  1. +2 −2 .gitignore
  2. BIN  .sass-cache/03a1edd726be3fb84a61415e9eb206639df30f76/_shared.scssc
  3. BIN  .sass-cache/456158f61ae34c7c9f5c62b9af41f0ce642dc602/_ellipsis.scssc
  4. BIN  .sass-cache/542558ecc268dff7bf1b90af83cbceab28f41eb5/ellipsis.scssc
  5. BIN  .sass-cache/5a5bea4d1ffaec0c7e6e1e3d522ac991499b6778/_support.scssc
  6. +103 −0 320andup.html
  7. +106 −2 css/320andup.css
  8. +94 −17 css/320andup_sass.css
  9. +750 −0 css/320andup_sass_compass.css
  10. +92 −15 css/320andup_scss.css
  11. +152 −72 css/320andup_scss_compass.css
  12. 0  css/theme.css
  13. BIN  img/h/apple-touch-icon-144x144-precomposed.png
  14. +2 −0  index.html
  15. +23 −23 less/320andup.less
  16. +118 −0 less/colour.less
  17. +2 −1  less/elements.less
  18. +5 −0 less/mixins.less
  19. +1 −5 sass/320andup_sass.sass
  20. +0 −4 sass/_1382.sass
  21. +0 −4 sass/_2x.sass
  22. +0 −4 sass/_480.sass
  23. +0 −4 sass/_600.sass
  24. +0 −4 sass/_768.sass
  25. +0 −4 sass/_992.sass
  26. +25 −23 sass/_buttons.sass
  27. +119 −5 sass/_colour.sass
  28. +5 −9 sass/_elements.sass
  29. +0 −4 sass/_font-awesome.sass
  30. +112 −103 sass/_forms.sass
  31. +22 −22 sass/_mixins.sass
  32. +0 −4 sass/_modernizr.sass
  33. +0 −4 sass/_page.sass
  34. +9 −12 sass/_print.sass
  35. +0 −4 sass/_reset.sass
  36. +0 −4 sass/_site.sass
  37. +13 −18 sass/_tables.sass
  38. +2 −6 sass/_texture.sass
  39. +29 −30 sass/_typography.sass
  40. +24 −28 sass/_variables.sass
  41. +50 −55 sass/upstarts/320andup-modules/_upstart.sass
  42. +1 −1  sass/upstarts/320andup-modules/example.html
  43. +1 −1  sass/upstarts/320andup-modules/index.html
  44. +11 −16 sass/upstarts/320andup-panels/_upstart.sass
  45. +1 −1  sass/upstarts/320andup-panels/index.html
  46. +101 −0 sass_compass/320andup_sass_compass.sass
  47. +6 −6 scss-compass/_992.scss → sass_compass/_1382.sass
  48. +2 −6 scss-compass/_480.scss → sass_compass/_2x.sass
  49. +2 −10 scss-compass/_1382.scss → sass_compass/_480.sass
  50. +2 −15 scss-compass/_600.scss → sass_compass/_600.sass
  51. +13 −26 scss-compass/_768.scss → sass_compass/_768.sass
  52. +20 −0 sass_compass/_992.sass
  53. +158 −0 sass_compass/_buttons.sass
  54. +154 −0 sass_compass/_colour.sass
  55. +59 −0 sass_compass/_elements.sass
  56. +509 −0 sass_compass/_font-awesome.sass
  57. +270 −0 sass_compass/_forms.sass
  58. +153 −0 sass_compass/_mixins.sass
  59. +51 −0 sass_compass/_modernizr.sass
  60. +62 −0 sass_compass/_page.sass
  61. +72 −0 sass_compass/_print.sass
  62. +11 −14 scss-compass/_reset.scss → sass_compass/_reset.sass
  63. +21 −24 scss-compass/_colour.scss → sass_compass/_site.sass
  64. +72 −0 sass_compass/_tables.sass
  65. +164 −0 sass_compass/_texture.sass
  66. +200 −0 sass_compass/_typography.sass
  67. +145 −0 sass_compass/_variables.sass
  68. +103 −0 sass_compass/upstarts/320andup-modules/_upstart.sass
  69. +5 −10 {scss-compass → sass_compass}/upstarts/320andup-modules/example.html
  70. +5 −10 {scss-compass → sass_compass}/upstarts/320andup-modules/index.html
  71. +60 −0 sass_compass/upstarts/320andup-panels/_upstart.sass
  72. +5 −10 {scss-compass → sass_compass}/upstarts/320andup-panels/index.html
  73. +0 −112 scss-compass/320andup.scss
  74. +0 −209 scss-compass/_buttons.scss
  75. +0 −54 scss-compass/_elements.scss
  76. +0 −31 scss-compass/_extends.scss
  77. +0 −240 scss-compass/_font-awesome.scss
  78. +0 −279 scss-compass/_forms.scss
  79. +0 −187 scss-compass/_mixins.scss
  80. +0 −55 scss-compass/_modernizr.scss
  81. +0 −70 scss-compass/_page.scss
  82. +0 −75 scss-compass/_print.scss
  83. +0 −43 scss-compass/_site.scss
  84. +0 −86 scss-compass/_tables.scss
  85. +0 −224 scss-compass/_texture.scss
  86. +0 −202 scss-compass/_typography.scss
  87. +0 −65 scss-compass/_variables.scss
  88. +0 −260 scss-compass/theme.scss
  89. BIN  scss-compass/upstarts/320andup-modules/.DS_Store
  90. +0 −132 scss-compass/upstarts/320andup-modules/_upstart.scss
  91. +0 −74 scss-compass/upstarts/320andup-panels/_upstart.scss
  92. +0 −4 scss/320andup_scss.scss
  93. +0 −4 scss/_1382.scss
  94. +0 −4 scss/_2x.scss
  95. +0 −4 scss/_480.scss
  96. +0 −4 scss/_600.scss
  97. +0 −4 scss/_768.scss
  98. +0 −4 scss/_992.scss
  99. +19 −26 scss/_buttons.scss
  100. +126 −12 scss/_colour.scss
  101. +3 −8 scss/_elements.scss
  102. +4 −8 scss/_font-awesome.scss
  103. +69 −81 scss/_forms.scss
  104. +26 −27 scss/_mixins.scss
  105. +1 −5 scss/_modernizr.scss
  106. +7 −11 scss/_page.scss
  107. +23 −29 scss/_print.scss
  108. +1 −5 scss/_reset.scss
  109. +5 −9 scss/_site.scss
  110. +9 −19 scss/_tables.scss
  111. +2 −6 scss/_texture.scss
  112. +16 −24 scss/_typography.scss
  113. +24 −28 scss/_variables.scss
  114. BIN  scss/upstarts/320andup-modules/.DS_Store
  115. +24 −35 scss/upstarts/320andup-modules/_upstart.scss
  116. +1 −1  scss/upstarts/320andup-modules/example.html
  117. +1 −1  scss/upstarts/320andup-modules/index.html
  118. +11 −21 scss/upstarts/320andup-panels/_upstart.scss
  119. +1 −1  scss/upstarts/320andup-panels/index.html
  120. +11 −14 scss_compass/320andup_scss_compass.scss
  121. +1 −6 scss_compass/_1382.scss
  122. +0 −4 scss_compass/_2x.scss
  123. +0 −4 scss_compass/_480.scss
  124. +0 −4 scss_compass/_600.scss
  125. +7 −14 scss_compass/_768.scss
  126. +0 −4 scss_compass/_992.scss
  127. +106 −154 scss_compass/_buttons.scss
  128. +134 −14 scss_compass/_colour.scss
  129. +35 −47 scss_compass/_elements.scss
  130. +203 −212 scss_compass/_font-awesome.scss
  131. +203 −266 scss_compass/_forms.scss
  132. +88 −105 scss_compass/_mixins.scss
  133. +1 −5 scss_compass/_modernizr.scss
  134. +38 −49 scss_compass/_page.scss
  135. +35 −51 scss_compass/_print.scss
  136. +3 −60 scss_compass/_reset.scss
  137. +15 −21 scss_compass/_site.scss
  138. +63 −71 scss_compass/_tables.scss
  139. +105 −137 scss_compass/_texture.scss
  140. +109 −156 scss_compass/_typography.scss
  141. +79 −83 scss_compass/_variables.scss
  142. +76 −95 scss_compass/upstarts/320andup-modules/_upstart.scss
  143. +1 −1  scss_compass/upstarts/320andup-modules/example.html
  144. +1 −1  scss_compass/upstarts/320andup-modules/index.html
  145. +21 −28 scss_compass/upstarts/320andup-panels/_upstart.scss
  146. +1 −1  scss_compass/upstarts/320andup-panels/index.html
4 .gitignore
View
@@ -1,3 +1,3 @@
-/320andup (Git).esproj/
+/.esproj/
/.dropbox
-/Icon
+/Icon
BIN  .sass-cache/03a1edd726be3fb84a61415e9eb206639df30f76/_shared.scssc
View
Binary file not shown
BIN  .sass-cache/456158f61ae34c7c9f5c62b9af41f0ce642dc602/_ellipsis.scssc
View
Binary file not shown
BIN  .sass-cache/542558ecc268dff7bf1b90af83cbceab28f41eb5/ellipsis.scssc
View
Binary file not shown
BIN  .sass-cache/5a5bea4d1ffaec0c7e6e1e3d522ac991499b6778/_support.scssc
View
Binary file not shown
103 320andup.html
View
@@ -44,6 +44,8 @@
<!-- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/h/apple-touch-icon.png"> -->
<!-- For iPad 1-->
<!-- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/m/apple-touch-icon.png"> -->
+<!-- For the new iPad -->
+<!-- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/h/apple-touch-icon-144x144-precomposed.png">
<!-- For iPhone 3G, iPod Touch and Android -->
<!-- <link rel="apple-touch-icon-precomposed" href="img/l/apple-touch-icon-precomposed.png"> -->
<!-- For Nokia -->
@@ -76,6 +78,107 @@
<h1 class="h1">&#8216;320 and Up&#8217; styles</h1>
<section>
+<h1 class="h2">Colour</h1>
+
+<h2 class="h3">Base colour</h2>
+<div class="swatch swatch-base">
+<div class="swatch-row swatch-row-one clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+<div class="swatch-row swatch-row-two clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+</div>
+
+<h2 class="h3">Alert</h2>
+<div class="swatch swatch-alert">
+<div class="swatch-row swatch-row-one clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+<div class="swatch-row swatch-row-two clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+</div>
+
+<h2 class="h3">Error</h2>
+<div class="swatch swatch-error">
+<div class="swatch-row swatch-row-one clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+<div class="swatch-row swatch-row-two clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+</div>
+
+<h2 class="h3">Info</h2>
+<div class="swatch swatch-info">
+<div class="swatch-row swatch-row-one clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+<div class="swatch-row swatch-row-two clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+</div>
+
+<h2 class="h3">Success</h2>
+<div class="swatch swatch-success">
+<div class="swatch-row swatch-row-one clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+<div class="swatch-row swatch-row-two clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+</div>
+
+<h2 class="h3">Warning</h2>
+<div class="swatch swatch-warning">
+<div class="swatch-row swatch-row-one clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+<div class="swatch-row swatch-row-two clearfix">
+<span></span>
+<span></span>
+<span></span>
+<span></span>
+</div>
+</div>
+
+</section>
+
+<section>
<h1 class="h2">Typography</h1>
108 css/320andup.css
View
@@ -285,7 +285,7 @@ dt {
width: 20.25%;
text-align: right;
}
-.dl-horizontal .dl-horizontal dd {
+.dl-horizontal dd {
margin-left: 22.78%;
}
abbr[title] {
@@ -358,6 +358,110 @@ a:hover,
a:active {
outline: 0;
}
+::-moz-selection {
+ background-color: #d6dbe1;
+ color: #2d353e;
+ text-shadow: none;
+}
+::selection {
+ background-color: #d6dbe1;
+ color: #2d353e;
+ text-shadow: none;
+}
+.swatch {
+ margin: 0 0 1.5em 0;
+ padding: 0;
+}
+.swatch-row {
+ display: block;
+ margin: 0;
+ padding: 0;
+ width: 200px;
+}
+.swatch-row-one {
+ background-color: #000000;
+}
+.swatch-row-two {
+ background-color: #ffffff;
+}
+.swatch-row span {
+ display: block;
+ float: left;
+ width: 50px;
+ height: 50px;
+}
+.swatch-base span:nth-child(1) {
+ background-color: rgba(45, 53, 62, 0.9);
+}
+.swatch-base span:nth-child(2) {
+ background-color: rgba(45, 53, 62, 0.8);
+}
+.swatch-base span:nth-child(3) {
+ background-color: rgba(45, 53, 62, 0.7);
+}
+.swatch-base span:nth-child(4) {
+ background-color: rgba(45, 53, 62, 0.6);
+}
+.swatch-alert span:nth-child(1) {
+ background-color: rgba(252, 248, 227, 0.9);
+}
+.swatch-alert span:nth-child(2) {
+ background-color: rgba(252, 248, 227, 0.8);
+}
+.swatch-alert span:nth-child(3) {
+ background-color: rgba(252, 248, 227, 0.7);
+}
+.swatch-alert span:nth-child(4) {
+ background-color: rgba(252, 248, 227, 0.6);
+}
+.swatch-error span:nth-child(1) {
+ background-color: rgba(218, 78, 73, 0.9);
+}
+.swatch-error span:nth-child(2) {
+ background-color: rgba(218, 78, 73, 0.8);
+}
+.swatch-error span:nth-child(3) {
+ background-color: rgba(218, 78, 73, 0.7);
+}
+.swatch-error span:nth-child(4) {
+ background-color: rgba(218, 78, 73, 0.6);
+}
+.swatch-info span:nth-child(1) {
+ background-color: rgba(217, 237, 247, 0.9);
+}
+.swatch-info span:nth-child(2) {
+ background-color: rgba(217, 237, 247, 0.8);
+}
+.swatch-info span:nth-child(3) {
+ background-color: rgba(217, 237, 247, 0.7);
+}
+.swatch-info span:nth-child(4) {
+ background-color: rgba(217, 237, 247, 0.6);
+}
+.swatch-success span:nth-child(1) {
+ background-color: rgba(92, 183, 92, 0.9);
+}
+.swatch-success span:nth-child(2) {
+ background-color: rgba(92, 183, 92, 0.8);
+}
+.swatch-success span:nth-child(3) {
+ background-color: rgba(92, 183, 92, 0.7);
+}
+.swatch-success span:nth-child(4) {
+ background-color: rgba(92, 183, 92, 0.6);
+}
+.swatch-warning span:nth-child(1) {
+ background-color: rgba(250, 167, 51, 0.9);
+}
+.swatch-warning span:nth-child(2) {
+ background-color: rgba(250, 167, 51, 0.8);
+}
+.swatch-warning span:nth-child(3) {
+ background-color: rgba(250, 167, 51, 0.7);
+}
+.swatch-warning span:nth-child(4) {
+ background-color: rgba(250, 167, 51, 0.6);
+}
/* Texture =================================================== */
.alert {
margin-bottom: 1.5em;
@@ -1096,7 +1200,7 @@ svg:not(:root) {
figure {
margin-bottom: 1.5em;
}
-figure figure img {
+figure img {
margin-bottom: 0.375em;
}
figure figcaption {
111 css/320andup_sass.css
View
@@ -1,4 +1,4 @@
-/* ============================================================ 320 and Up by Andy Clarke Version: 3.0 URL: http://stuffandnonsense.co.uk/projects/320andup/ Sass Port by Jina Bolton URL: http://sushiandrobots.com Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0 ============================================================ */
+/* ============================================================ 320 and Up by Andy Clarke Version: 3.0 URL: http://stuffandnonsense.co.uk/projects/320andup/ Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0 ============================================================ */
/* Reset =================================================== */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
@@ -33,8 +33,8 @@ h5, .h5 { font-size: 16px; font-size: 1.6rem; margin-bottom: 1.5em; }
h6, .h6 { margin-bottom: 1.5em; font-size: 14px; font-size: 1.4rem; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
.header h1, .header h2, .header h3 { float: left; margin-right: 24px; }
-.header a { display: block; position: relative; top: 6px; float: right; padding: 4px 12px; font-size: 14px; font-size: 1.4rem; background-color: #f3f5f6; }
-.header:hover { background-color: #f3f5f6; }
+.header h1 a, .header h2 a, .header h3 a { display: block; position: relative; top: 6px; float: right; padding: 4px 12px; font-size: 14px; font-size: 1.4rem; background-color: #f3f5f6; }
+.header h1:hover, .header h2:hover, .header h3:hover { background-color: #f3f5f6; }
.header .a-rss, .header .a-rss:hover { float: left; width: 16px; height: 16px; padding: 0; background: transparent url(../img/a-rss.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
@@ -43,6 +43,7 @@ p, ol, ul, dl, address { margin-bottom: 1.5em; font-size: 14px; font-size: 1.4re
small { font-size: 14px; font-size: 1.4rem; }
ul, ol { margin: 0 0 1.5em -24px; padding: 0 0 0 24px; }
+
li ul, li ol { margin: 0; font-size: 16px; font-size: 1.6rem; }
blockquote { margin: 0 0 1.5em -24px; padding-left: 24px; border-left: 2px solid #c7ced6; font-family: Cambria, Georgia, Times, "Times New Roman"; font-style: normal; }
@@ -58,7 +59,7 @@ dl, dd { margin-bottom: 1.5em; }
dt { font-weight: bold; }
.dl-horizontal dt { float: left; clear: left; width: 20.25%; text-align: right; }
-.dl-horizontal .dl-horizontal dd { margin-left: 22.78%; }
+.dl-horizontal dd { margin-left: 22.78%; }
abbr[title] { border-bottom: 1px dotted #c7ced6; cursor: help; }
@@ -87,6 +88,68 @@ a:hover { text-decoration: underline; color: #011b35; }
a:focus { outline: thin dotted; color: black; }
a:hover, a:active { outline: 0; }
+::-moz-selection { background-color: #d6dbe1; color: #2d353e; text-shadow: none; }
+
+::selection { background-color: #d6dbe1; color: #2d353e; text-shadow: none; }
+
+.swatch { margin: 0 0 1.5em 0; padding: 0; }
+
+.swatch-row { display: block; margin: 0; padding: 0; width: 200px; }
+
+.swatch-row-one { background-color: black; }
+
+.swatch-row-two { background-color: white; }
+
+.swatch-row span { display: block; float: left; width: 50px; height: 50px; }
+
+.swatch-base span:nth-child(1) { background-color: rgba(45, 53, 62, 0.9); }
+
+.swatch-base span:nth-child(2) { background-color: rgba(45, 53, 62, 0.8); }
+
+.swatch-base span:nth-child(3) { background-color: rgba(45, 53, 62, 0.7); }
+
+.swatch-base span:nth-child(4) { background-color: rgba(45, 53, 62, 0.6); }
+
+.swatch-alert span:nth-child(1) { background-color: rgba(252, 248, 227, 0.9); }
+
+.swatch-alert span:nth-child(2) { background-color: rgba(252, 248, 227, 0.8); }
+
+.swatch-alert span:nth-child(3) { background-color: rgba(252, 248, 227, 0.7); }
+
+.swatch-alert span:nth-child(4) { background-color: rgba(252, 248, 227, 0.6); }
+
+.swatch-error span:nth-child(1) { background-color: rgba(218, 79, 73, 0.9); }
+
+.swatch-error span:nth-child(2) { background-color: rgba(218, 79, 73, 0.8); }
+
+.swatch-error span:nth-child(3) { background-color: rgba(218, 79, 73, 0.7); }
+
+.swatch-error span:nth-child(4) { background-color: rgba(218, 79, 73, 0.6); }
+
+.swatch-info span:nth-child(1) { background-color: rgba(217, 237, 247, 0.9); }
+
+.swatch-info span:nth-child(2) { background-color: rgba(217, 237, 247, 0.8); }
+
+.swatch-info span:nth-child(3) { background-color: rgba(217, 237, 247, 0.7); }
+
+.swatch-info span:nth-child(4) { background-color: rgba(217, 237, 247, 0.6); }
+
+.swatch-success span:nth-child(1) { background-color: rgba(91, 183, 91, 0.9); }
+
+.swatch-success span:nth-child(2) { background-color: rgba(91, 183, 91, 0.8); }
+
+.swatch-success span:nth-child(3) { background-color: rgba(91, 183, 91, 0.7); }
+
+.swatch-success span:nth-child(4) { background-color: rgba(91, 183, 91, 0.6); }
+
+.swatch-warning span:nth-child(1) { background-color: rgba(250, 167, 50, 0.9); }
+
+.swatch-warning span:nth-child(2) { background-color: rgba(250, 167, 50, 0.8); }
+
+.swatch-warning span:nth-child(3) { background-color: rgba(250, 167, 50, 0.7); }
+
+.swatch-warning span:nth-child(4) { background-color: rgba(250, 167, 50, 0.6); }
+
/* Texture =================================================== */
.alert { margin-bottom: 1.5em; padding: 8px 35px 8px 14px; background-color: #fcf8e3; border: 1px solid #f2e187; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 1.4rem; color: #9c8611; }
.alert .alert-heading { color: inherit; }
@@ -130,7 +193,7 @@ a:hover, a:active { outline: 0; }
.well-small { padding: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
-/* Font Awesome: http://fortawesome.github.com/Font-Awesome/ Sass Port by Jina Bolton URL: http://sushiandrobots.com License ------------------------------------------------------- The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: http://creativecommons.org/licenses/by/3.0/ A mention of 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or mobile software). */
+/* Font Awesome: http://fortawesome.github.com/Font-Awesome/ License ------------------------------------------------------- The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: http://creativecommons.org/licenses/by/3.0/ A mention of 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or mobile software). */
@font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome-webfont.eot"); src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svgz#FontAwesomeRegular") format("svg"), url("../fonts/fontawesome-webfont.svg#FontAwesomeRegular") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: inherit; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; }
@@ -443,7 +506,7 @@ img { max-width: 100%; border-width: 0; vertical-align: middle; -ms-interpolatio
svg:not(:root) { overflow: hidden; }
figure { margin-bottom: 1.5em; }
-figure figure img { margin-bottom: 0.375em; }
+figure img { margin-bottom: 0.375em; }
figure figcaption { display: block; font-weight: normal; font-size: 14px; font-size: 1.4rem; color: gray; }
.list-bordered { list-style-type: none; margin: 0 0 1.5em 0; padding: 0; }
@@ -474,14 +537,19 @@ input:hover, textarea:hover, select:hover { border-color: #586879; }
.input-small { width: 90px; }
input[type="image"], input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; line-height: normal; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 \9; }
+
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
+
input[type="image"] { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
+
input[type="file"] { width: auto; padding: initial; line-height: initial; border: initial; background-color: transparent; background-color: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
+
input[type="button"], input[type="reset"], input[type="submit"] { width: auto; height: auto; cursor: pointer; *overflow: visible; }
select, input[type="file"] { height: 28px; *margin-top: 4px; line-height: 28px; }
select { width: auto; background-color: white; font-size: 13px; font-size: 1.3rem; }
+
select[multiple], select[size] { height: auto; }
textarea { resize: vertical; overflow: auto; height: auto; overflow: auto; vertical-align: top; }
@@ -493,6 +561,7 @@ input[type="hidden"] { display: none; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; }
.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }
+
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; cursor: not-allowed; }
@@ -512,14 +581,21 @@ input:-moz-placeholder { font-size: 14px; font-size: 1.4rem; }
.help-inline { display: inline-block; vertical-align: middle; padding-left: 5px; }
.form-inline input, .form-inline textarea, .form-inline select { display: inline-block; margin-bottom: 0; }
+
.form-inline label { display: inline-block; }
+
.form-inline .radio, .form-inline .checkbox, .form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
+
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px; }
.form-search input, .form-search textarea, .form-search select { display: inline-block; margin-bottom: 0; }
+
.form-search .search-query { padding-left: 14px; padding-right: 14px; margin-bottom: 0; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
+
.form-search label { display: inline-block; }
-.form-search .radio, .form-search .checkbox, .form-search .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
+
+.form-search .radio, .form-search .checkbox, .form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
+
.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px; }
/* Buttons =================================================== */
@@ -556,22 +632,28 @@ input[type="submit"].btn:hover { border-color: #cccccc; }
.btn-mini { padding: 3px 5px; font-size: 11px; font-size: 1.1rem; line-height: 14px; }
.btn-group { position: relative; *zoom: 1; *margin-left: 0.3em; margin-bottom: 1.5em; }
+
.btn-group .btn { position: relative; float: left; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
+
.btn-group .btn:first-child { margin-left: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; -moz-border-radius-topleft: 0; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; border-top-left-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
+
.btn-group .btn:last-child { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 2px; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; border-top-left-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
+
.btn-group .btn.large:first-child { margin-left: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 0; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
+
.btn-group .btn.large:last-child { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 4px; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.btn-toolbar { clear: both; margin-top: 0.75em; margin-bottom: 0.75em; }
+
.btn-toolbar .btn-group { display: inline-block; *display: inline; *zoom: 1; }
/* Tables =================================================== */
table { width: 100%; max-width: 100%; margin-bottom: 1.5em; border-collapse: collapse; border-spacing: 0; background-color: transparent; }
table th, table td { padding: 8px; vertical-align: top; border-top: 1px solid #8c9bab; font-size: 14px; font-size: 1.4rem; line-height: 1.5em; text-align: left; }
table th { font-weight: bold; }
-thead table th { vertical-align: bottom; }
+table thead th { vertical-align: bottom; }
table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; }
-table tbody + table tbody { border-top: 2px solid #8c9bab; }
+table tbody + tbody { border-top: 2px solid #8c9bab; }
table tbody tr td, table tbody tr th { -webkit-transition: background-color 0.25s 0 linear; -moz-transition: background-color 0.25s 0 linear; -ms-transition: background-color 0.25s 0 linear; -o-transition: background-color 0.25s 0 linear; transition: background-color 0.25s 0 linear; }
table tbody tr:hover td, table tbody tr:hover th { background-color: #a9b4c1; }
@@ -628,14 +710,12 @@ table tbody tr:hover td, table tbody tr:hover th { background-color: #a9b4c1; }
/* Version: 1.0 */
/* Author: Andy Clarke */
/* URL: http://stuffandnonsense.co.uk/projects/320andup */
-/* */
-/* Sass Port by Jina Bolton */
-/* URL: http://sushiandrobots.com */
-/* */
.grid { margin-bottom: 1.5em; border-bottom: 1px dashed #c7ced6; }
+
.grid:last-child { margin-bottom: 0; border-bottom-width: 0; }
.furniture-letter { overflow: hidden; }
+
.furniture-letter span { display: block; float: left; margin: 0 12px 0 0; height: 44px; width: 44px; background-color: #2d353e; color: white; font-size: 32px; font-size: 3.2rem; font-weight: bold; line-height: 44px; text-align: center; }
@media only screen and (min-width: 480px) { /* Styles */ }
@@ -658,11 +738,8 @@ table tbody tr:hover td, table tbody tr:hover th { background-color: #a9b4c1; }
/* Version: 1.0 */
/* Author: Andy Clarke */
/* URL: http://stuffandnonsense.co.uk/projects/320andup */
-/* */
-/* Sass Port by Jina Bolton */
-/* URL: http://sushiandrobots.com */
-/* */
.full { margin-bottom: 1.5em; padding: 1.5em; background-color: #f3f5f6; border-top: 2px solid #c7ced6; border-bottom: 2px solid #c7ced6; }
+
.full .grids { width: 90%; margin: 0 auto; padding: 1.5em 0; }
@media only screen and (min-width: 480px) { /* Styles */ }
750 css/320andup_sass_compass.css
View
@@ -0,0 +1,750 @@
+/* ============================================================ 320 and Up by Andy Clarke Version: 3.0 URL: http://stuffandnonsense.co.uk/projects/320andup/ Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0 ============================================================ */
+/* Reset =================================================== */
+html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
+
+article, aside, figure, footer, header, hgroup, nav, section { display: block; }
+
+/* Variables =================================================== */
+/* Mixins =================================================== */
+.clearfix { *zoom: 1; }
+.clearfix:before, .clearfix:after { display: table; content: ""; }
+.clearfix:after { clear: both; }
+
+/* Page =================================================== */
+html { background: white; font-size: 62.5%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: #f3f5f6; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+
+body { margin: 0; padding: 0; width: 100%; background-color: transparent; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5em; color: black; }
+
+/* Typography =================================================== */
+h1, h2, h3, h4, h5, h6 { margin: 0; font-family: inherit; font-weight: bold; color: inherit; text-rendering: optimizelegibility; }
+
+h1 small, h2 small { font-weight: normal; color: #bfbfbf; }
+
+h1, .h1 { margin-bottom: 0.75em; font-size: 32px; font-size: 3.2rem; line-height: 1.2; }
+
+h2, .h2 { margin-bottom: 0.75em; font-size: 24px; font-size: 2.4rem; line-height: 1.2; }
+
+h3, .h3 { margin-bottom: 1em; font-size: 21px; font-size: 2.1rem; line-height: 1.3; }
+
+h4, .h4 { margin-bottom: 1.5em; font-size: 18px; font-size: 1.8rem; line-height: 1.25; }
+
+h5, .h5 { font-size: 16px; font-size: 1.6rem; margin-bottom: 1.5em; }
+
+h6, .h6 { margin-bottom: 1.5em; font-size: 14px; font-size: 1.4rem; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
+
+.header h1, .header h2, .header h3 { float: left; margin-right: 24px; }
+.header a { display: block; position: relative; top: 6px; float: right; padding: 4px 12px; font-size: 14px; font-size: 1.4rem; background-color: #f3f5f6; }
+.header:hover { background-color: #f3f5f6; }
+
+.header .a-rss, .header .a-rss:hover { float: left; width: 16px; height: 16px; padding: 0; background: transparent url(../img/a-rss.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
+
+p, ol, ul, dl, address { margin-bottom: 1.5em; font-size: 14px; font-size: 1.4rem; line-height: 1.5em; }
+
+small { font-size: 14px; font-size: 1.4rem; }
+
+ul, ol { margin: 0 0 1.5em -24px; padding: 0 0 0 24px; }
+
+li ul, li ol { margin: 0; font-size: 16px; font-size: 1.6rem; }
+
+blockquote { margin: 0 0 1.5em -24px; padding-left: 24px; border-left: 2px solid #c7ced6; font-family: Cambria, Georgia, Times, "Times New Roman"; font-style: normal; }
+
+q { quotes: none; }
+
+blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
+
+cite { font-style: normal; }
+
+dl, dd { margin-bottom: 1.5em; }
+
+dt { font-weight: bold; }
+
+.dl-horizontal dt { float: left; clear: left; width: 20.25%; text-align: right; }
+.dl-horizontal dd { margin-left: 22.78%; }
+
+abbr[title] { border-bottom: 1px dotted #c7ced6; cursor: help; }
+
+b, strong { font-weight: bold; }
+
+dfn { font-style: italic; }
+
+ins { background-color: #f3f5f6; color: black; text-decoration: none; }
+
+mark { background-color: #f3f5f6; color: black; font-style: italic; font-weight: bold; }
+
+pre, code, kbd, samp { font-family: Monaco, Courier New, monospace; font-size: 14px; font-size: 1.4rem; line-height: 1.5em; }
+
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
+
+sub, sup { position: relative; font-size: 12px; font-size: 1.2rem; line-height: 0; vertical-align: baselineheight; }
+
+sup { top: -0.5em; }
+
+sub { bottom: -0.25em; }
+
+/* Colour =================================================== */
+a { text-decoration: none; color: #013568; }
+a:visited { color: #000203; }
+a:hover { text-decoration: underline; color: #011b35; }
+a:focus { outline: thin dotted; color: black; }
+a:hover, a:active { outline: 0; }
+
+::-moz-selection { background-color: #d6dbe1; color: #2d353e; text-shadow: none; }
+
+::selection { background-color: #d6dbe1; color: #2d353e; text-shadow: none; }
+
+.swatch { margin: 0 0 1.5em 0; padding: 0; }
+
+.swatch-row { display: block; margin: 0; padding: 0; width: 200px; }
+
+.swatch-row-one { background-color: black; }
+
+.swatch-row-two { background-color: white; }
+
+.swatch-row span { display: block; float: left; width: 50px; height: 50px; }
+
+.swatch-base span:nth-child(1) { background-color: rgba(45, 53, 62, 0.9); }
+
+.swatch-base span:nth-child(2) { background-color: rgba(45, 53, 62, 0.8); }
+
+.swatch-base span:nth-child(3) { background-color: rgba(45, 53, 62, 0.7); }
+
+.swatch-base span:nth-child(4) { background-color: rgba(45, 53, 62, 0.6); }
+
+.swatch-alert span:nth-child(1) { background-color: rgba(252, 248, 227, 0.9); }
+
+.swatch-alert span:nth-child(2) { background-color: rgba(252, 248, 227, 0.8); }
+
+.swatch-alert span:nth-child(3) { background-color: rgba(252, 248, 227, 0.7); }
+
+.swatch-alert span:nth-child(4) { background-color: rgba(252, 248, 227, 0.6); }
+
+.swatch-error span:nth-child(1) { background-color: rgba(218, 79, 73, 0.9); }
+
+.swatch-error span:nth-child(2) { background-color: rgba(218, 79, 73, 0.8); }
+
+.swatch-error span:nth-child(3) { background-color: rgba(218, 79, 73, 0.7); }
+
+.swatch-error span:nth-child(4) { background-color: rgba(218, 79, 73, 0.6); }
+
+.swatch-info span:nth-child(1) { background-color: rgba(217, 237, 247, 0.9); }
+
+.swatch-info span:nth-child(2) { background-color: rgba(217, 237, 247, 0.8); }
+
+.swatch-info span:nth-child(3) { background-color: rgba(217, 237, 247, 0.7); }
+
+.swatch-info span:nth-child(4) { background-color: rgba(217, 237, 247, 0.6); }
+
+.swatch-success span:nth-child(1) { background-color: rgba(91, 183, 91, 0.9); }
+
+.swatch-success span:nth-child(2) { background-color: rgba(91, 183, 91, 0.8); }
+
+.swatch-success span:nth-child(3) { background-color: rgba(91, 183, 91, 0.7); }
+
+.swatch-success span:nth-child(4) { background-color: rgba(91, 183, 91, 0.6); }
+
+.swatch-warning span:nth-child(1) { background-color: rgba(250, 167, 50, 0.9); }
+
+.swatch-warning span:nth-child(2) { background-color: rgba(250, 167, 50, 0.8); }
+
+.swatch-warning span:nth-child(3) { background-color: rgba(250, 167, 50, 0.7); }
+
+.swatch-warning span:nth-child(4) { background-color: rgba(250, 167, 50, 0.6); }
+
+/* Texture =================================================== */
+.alert { margin-bottom: 1.5em; padding: 8px 35px 8px 14px; background-color: #fcf8e3; border: 1px solid #f2e187; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 1.4rem; color: #9c8611; }
+.alert .alert-heading { color: inherit; }
+.alert .close { position: relative; top: -2px; right: -21px; float: right; font-size: 21px; font-size: 2.1rem; font-weight: bold; line-height: 18px; color: inherit; }
+
+.alert-success { background-color: #c5e6c5; border-color: #a2d6a2; color: #347834; }
+
+.alert-warning { background-color: #fee7c7; border-color: #fcd296; color: #c17305; }
+
+.alert-error { background-color: #f4cac8; border-color: #eba19e; color: #da4f49; }
+
+.alert-inverse { background-color: #414141; border-color: black; color: white; }
+
+.alert-block { padding-top: 14px; padding-bottom: 14px; }
+.alert-block .alert-heading { margin-bottom: 0.188em; font-size: inherit; font-weight: bold; }
+.alert-block > p, .alert-block > ul { margin-bottom: 0; }
+.alert-block p + p { margin-top: 5px; }
+
+.badge { padding: 1px 9px 2px; font-size: 12px; font-size: 1.2rem; font-weight: bold; white-space: nowrap; color: gray; background-color: #e6e6e6; -moz-border-radius: 9px; -webkit-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; -moz-transition: background-color 0.25s 0 linear; -webkit-transition: background-color 0.25s 0 linear; -o-transition: background-color 0.25s 0 linear; transition: background-color 0.25s 0 linear; }
+.badge:hover { color: gray; text-decoration: none; cursor: pointer; }
+
+.badge-error { background-color: #da4f49; color: white; }
+.badge-error:hover { background-color: #9d2520; color: white; }
+
+.badge-warning { background-color: #faa732; color: white; }
+.badge-warning:hover { background-color: #c17305; color: white; }
+
+.badge-success { background-color: #5bb75b; color: white; }
+.badge-success:hover { background-color: #347834; color: white; }
+
+.badge-info { background-color: #d9edf7; color: #247fad; }
+.badge-info:hover { background-color: #85c5e5; }
+
+.badge-inverse { background-color: #414141; color: white; }
+.badge-inverse:hover { background-color: #0e0e0e; color: white; }
+
+.well { min-height: 21px; padding: 11px; margin-bottom: 1.5em; background-color: #f3f5f6; border: 1px solid #b8c1cb; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 10px #d6dbe1; -webkit-box-shadow: inset 0 1px 10px #d6dbe1; -o-box-shadow: inset 0 1px 10px #d6dbe1; box-shadow: inset 0 1px 10px #d6dbe1; }
+.well p:last-child { margin-bottom: 0; }
+
+.well-large { padding: 22px; }
+
+.well-small { padding: 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
+
+/* Font Awesome: http://fortawesome.github.com/Font-Awesome/ License ------------------------------------------------------- The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: http://creativecommons.org/licenses/by/3.0/ A mention of 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or mobile software). */
+@font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome-webfont.eot"); src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svgz#FontAwesomeRegular") format("svg"), url("../fonts/fontawesome-webfont.svg#FontAwesomeRegular") format("svg"); font-weight: normal; font-style: normal; }
+
+[class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: inherit; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; }
+
+li[class^="icon-"], li[class*=" icon-"] { display: block; }
+
+[class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; }
+
+a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; }
+
+/* makes the font 33% larger relative to the icon container */
+.icon-large:before { vertical-align: top; font-size: 4/3em; }
+
+.btn [class^="icon-"], .btn [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: 0.9em; }
+
+li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; }
+li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; }
+
+li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; }
+li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center; }
+li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -4/3em; }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
+.icon-glass:before { content: "\f000"; }
+
+.icon-music:before { content: "\f001"; }
+
+.icon-search:before { content: "\f002"; }
+
+.icon-envelope:before { content: "\f003"; }
+
+.icon-heart:before { content: "\f004"; }
+
+.icon-star:before { content: "\f005"; }
+
+.icon-star-empty:before { content: "\f006"; }
+
+.icon-user:before { content: "\f007"; }
+
+.icon-film:before { content: "\f008"; }
+
+.icon-th-large:before { content: "\f009"; }
+
+.icon-th:before { content: "\f00a"; }
+
+.icon-th-list:before { content: "\f00b"; }
+
+.icon-ok:before { content: "\f00c"; }
+
+.icon-remove:before { content: "\f00d"; }
+
+.icon-zoom-in:before { content: "\f00e"; }
+
+.icon-zoom-out:before { content: "\f010"; }
+
+.icon-off:before { content: "\f011"; }
+
+.icon-signal:before { content: "\f012"; }
+
+.icon-cog:before { content: "\f013"; }
+
+.icon-trash:before { content: "\f014"; }
+
+.icon-home:before { content: "\f015"; }
+
+.icon-file:before { content: "\f016"; }
+
+.icon-time:before { content: "\f017"; }
+
+.icon-road:before { content: "\f018"; }
+
+.icon-download-alt:before { content: "\f019"; }
+
+.icon-download:before { content: "\f01a"; }
+
+.icon-upload:before { content: "\f01b"; }
+
+.icon-inbox:before { content: "\f01c"; }
+
+.icon-play-circle:before { content: "\f01d"; }
+
+.icon-repeat:before { content: "\f01e"; }
+
+/* \f020 is not a valid unicode character. all shifted one down */
+.icon-refresh:before { content: "\f021"; }
+
+.icon-list-alt:before { content: "\f022"; }
+
+.icon-lock:before { content: "\f023"; }
+
+.icon-flag:before { content: "\f024"; }
+
+.icon-headphones:before { content: "\f025"; }
+
+.icon-volume-off:before { content: "\f026"; }
+
+.icon-volume-down:before { content: "\f027"; }
+
+.icon-volume-up:before { content: "\f028"; }
+
+.icon-qrcode:before { content: "\f029"; }
+
+.icon-barcode:before { content: "\f02a"; }
+
+.icon-tag:before { content: "\f02b"; }
+
+.icon-tags:before { content: "\f02c"; }
+
+.icon-book:before { content: "\f02d"; }
+
+.icon-bookmark:before { content: "\f02e"; }
+
+.icon-print:before { content: "\f02f"; }
+
+.icon-camera:before { content: "\f030"; }
+
+.icon-font:before { content: "\f031"; }
+
+.icon-bold:before { content: "\f032"; }
+
+.icon-italic:before { content: "\f033"; }
+
+.icon-text-height:before { content: "\f034"; }
+
+.icon-text-width:before { content: "\f035"; }
+
+.icon-align-left:before { content: "\f036"; }
+
+.icon-align-center:before { content: "\f037"; }
+
+.icon-align-right:before { content: "\f038"; }
+
+.icon-align-justify:before { content: "\f039"; }
+
+.icon-list:before { content: "\f03a"; }
+
+.icon-indent-left:before { content: "\f03b"; }
+
+.icon-indent-right:before { content: "\f03c"; }
+
+.icon-facetime-video:before { content: "\f03d"; }
+
+.icon-picture:before { content: "\f03e"; }
+
+.icon-pencil:before { content: "\f040"; }
+
+.icon-map-marker:before { content: "\f041"; }
+
+.icon-adjust:before { content: "\f042"; }
+
+.icon-tint:before { content: "\f043"; }
+
+.icon-edit:before { content: "\f044"; }
+
+.icon-share:before { content: "\f045"; }
+
+.icon-check:before { content: "\f046"; }
+
+.icon-move:before { content: "\f047"; }
+
+.icon-step-backward:before { content: "\f048"; }
+
+.icon-fast-backward:before { content: "\f049"; }
+
+.icon-backward:before { content: "\f04a"; }
+
+.icon-play:before { content: "\f04b"; }
+
+.icon-pause:before { content: "\f04c"; }
+
+.icon-stop:before { content: "\f04d"; }
+
+.icon-forward:before { content: "\f04e"; }
+
+.icon-fast-forward:before { content: "\f050"; }
+
+.icon-step-forward:before { content: "\f051"; }
+
+.icon-eject:before { content: "\f052"; }
+
+.icon-chevron-left:before { content: "\f053"; }
+
+.icon-chevron-right:before { content: "\f054"; }
+
+.icon-plus-sign:before { content: "\f055"; }
+
+.icon-minus-sign:before { content: "\f056"; }
+
+.icon-remove-sign:before { content: "\f057"; }
+
+.icon-ok-sign:before { content: "\f058"; }
+
+.icon-question-sign:before { content: "\f059"; }
+
+.icon-info-sign:before { content: "\f05a"; }
+
+.icon-screenshot:before { content: "\f05b"; }
+
+.icon-remove-circle:before { content: "\f05c"; }
+
+.icon-ok-circle:before { content: "\f05d"; }
+
+.icon-ban-circle:before { content: "\f05e"; }
+
+.icon-arrow-left:before { content: "\f060"; }
+
+.icon-arrow-right:before { content: "\f061"; }
+
+.icon-arrow-up:before { content: "\f062"; }
+
+.icon-arrow-down:before { content: "\f063"; }
+
+.icon-share-alt:before { content: "\f064"; }
+
+.icon-resize-full:before { content: "\f065"; }
+
+.icon-resize-small:before { content: "\f066"; }
+
+.icon-plus:before { content: "\f067"; }
+
+.icon-minus:before { content: "\f068"; }
+
+.icon-asterisk:before { content: "\f069"; }
+
+.icon-exclamation-sign:before { content: "\f06a"; }
+
+.icon-gift:before { content: "\f06b"; }
+
+.icon-leaf:before { content: "\f06c"; }
+
+.icon-fire:before { content: "\f06d"; }
+
+.icon-eye-open:before { content: "\f06e"; }
+
+.icon-eye-close:before { content: "\f070"; }
+
+.icon-warning-sign:before { content: "\f071"; }
+
+.icon-plane:before { content: "\f072"; }
+
+.icon-calendar:before { content: "\f073"; }
+
+.icon-random:before { content: "\f074"; }
+
+.icon-comment:before { content: "\f075"; }
+
+.icon-magnet:before { content: "\f076"; }
+
+.icon-chevron-up:before { content: "\f077"; }
+
+.icon-chevron-down:before { content: "\f078"; }
+
+.icon-retweet:before { content: "\f079"; }
+
+.icon-shopping-cart:before { content: "\f07a"; }
+
+.icon-folder-close:before { content: "\f07b"; }
+
+.icon-folder-open:before { content: "\f07c"; }
+
+.icon-resize-vertical:before { content: "\f07d"; }
+
+.icon-resize-horizontal:before { content: "\f07e"; }
+
+.icon-bar-chart:before { content: "\f080"; }
+
+.icon-twitter-sign:before { content: "\f081"; }
+
+.icon-facebook-sign:before { content: "\f082"; }
+
+.icon-camera-retro:before { content: "\f083"; }
+
+.icon-key:before { content: "\f084"; }
+
+.icon-cogs:before { content: "\f085"; }
+
+.icon-comments:before { content: "\f086"; }
+
+.icon-thumbs-up:before { content: "\f087"; }
+
+.icon-thumbs-down:before { content: "\f088"; }
+
+.icon-star-half:before { content: "\f089"; }
+
+.icon-heart-empty:before { content: "\f08a"; }
+
+.icon-signout:before { content: "\f08b"; }
+
+.icon-linkedin-sign:before { content: "\f08c"; }
+
+.icon-pushpin:before { content: "\f08d"; }
+
+.icon-external-link:before { content: "\f08e"; }
+
+.icon-signin:before { content: "\f090"; }
+
+.icon-trophy:before { content: "\f091"; }
+
+.icon-github-sign:before { content: "\f092"; }
+
+.icon-upload-alt:before { content: "\f093"; }
+
+.icon-lemon:before { content: "\f094"; }
+
+/* Elements =================================================== */
+hr { display: block; margin: 1em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #c7ced6; border-bottom: 1px solid white; }
+
+img { max-width: 100%; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
+
+svg:not(:root) { overflow: hidden; }
+
+figure { margin-bottom: 1.5em; }
+figure img { margin-bottom: 0.375em; }
+figure figcaption { display: block; font-weight: normal; font-size: 14px; font-size: 1.4rem; color: gray; }
+
+.list-bordered { list-style-type: none; margin: 0 0 1.5em 0; padding: 0; }
+.list-bordered li { margin-bottom: 0.375em; padding-bottom: 0.375em; border-bottom: 1px dashed #c7ced6; }
+.list-bordered li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom-width: 0; }
+
+/* Forms =================================================== */
+form { margin: 0 0 1.5em 0; }
+form fieldset { margin-bottom: 1.5em; padding: 0; border-width: 0; }
+form legend { display: block; width: 100%; margin-bottom: 3em; *margin-left: -7px; padding: 0; color: black; border: 0; border-bottom: 1px solid #8c9bab; white-space: normal; }
+form legend small { font-size: 14px; font-size: 1.4rem; color: #bfbfbf; }
+form p { margin-bottom: 0.75em; }
+form ul { list-style-type: none; margin: 0 0 1.5em 0; padding: 0; }
+form br { display: none; }
+
+label, input, button, select, textarea { font-size: 14px; font-size: 1.4rem; vertical-align: baseline; *vertical-align: middle; }
+
+input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
+
+label { display: block; margin-bottom: 0.188em; font-weight: bold; color: black; cursor: pointer; }
+label input, label textarea, label select { display: block; }
+
+input, textarea, select { display: inline-block; width: 100%; padding: 4px; margin-bottom: 0.375em; background-color: white; border: 1px solid #8c9bab; color: black; }
+input:hover, textarea:hover, select:hover { border-color: #586879; }
+
+.input-mini { width: 60px; }
+
+.input-small { width: 90px; }
+
+input[type="image"], input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; line-height: normal; cursor: pointer; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; border: 0 \9; }
+
+input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
+
+input[type="image"] { border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
+
+input[type="file"] { width: auto; padding: initial; line-height: initial; border: initial; background-color: transparent; background-color: initial; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
+
+input[type="button"], input[type="reset"], input[type="submit"] { width: auto; height: auto; cursor: pointer; *overflow: visible; }
+
+select, input[type="file"] { height: 28px; *margin-top: 4px; line-height: 28px; }
+
+select { width: auto; background-color: white; font-size: 13px; font-size: 1.3rem; }
+
+select[multiple], select[size] { height: auto; }
+
+textarea { resize: vertical; overflow: auto; height: auto; overflow: auto; vertical-align: top; }
+
+input[type="hidden"] { display: none; }
+
+.radio, .checkbox { padding-left: 18px; font-weight: normal; }
+
+.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; }
+
+.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }
+
+.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }
+
+input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: not-allowed; }
+
+input:focus, textarea:focus { border-color: #2d353e, 40%; outline: 0; outline: thin dotted \9; }
+
+input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
+
+::-webkit-input-placeholder { font-size: 14px; font-size: 1.4rem; }
+
+input:-moz-placeholder { font-size: 14px; font-size: 1.4rem; }
+
+.help-block, .help-inline { color: gray; }
+
+.help-block { display: block; margin-bottom: 0.75em; }
+
+.help-inline { display: inline-block; vertical-align: middle; padding-left: 5px; }
+
+.form-inline input, .form-inline textarea, .form-inline select { display: inline-block; margin-bottom: 0; }
+
+.form-inline label { display: inline-block; }
+
+.form-inline .radio, .form-inline .checkbox, .form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
+
+.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px; }
+
+.form-search input, .form-search textarea, .form-search select { display: inline-block; margin-bottom: 0; }
+
+.form-search .search-query { padding-left: 14px; padding-right: 14px; margin-bottom: 0; -moz-border-radius: 14; -webkit-border-radius: 14; -o-border-radius: 14; -ms-border-radius: 14; -khtml-border-radius: 14; border-radius: 14; }
+
+.form-search label { display: inline-block; }
+
+.form-search .radio, .form-search .checkbox, .form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
+
+.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px; }
+
+/* Buttons =================================================== */
+.btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 6px 11px 6px; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1.5em; color: #404040; text-align: center; vertical-align: middle; background-color: #e6e6e6; background-color: #d9d9d9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background-image: -webkit-linear-gradient(#ffffff, #d9d9d9); background-image: -moz-linear-gradient(#ffffff, #d9d9d9); background-image: -o-linear-gradient(#ffffff, #d9d9d9); background-image: -ms-linear-gradient(#ffffff, #d9d9d9); background-image: linear-gradient(#ffffff, #d9d9d9); background-repeat: repeat-x; border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; cursor: pointer; *margin-left: 0.3em; }
+.btn:visited, .btn:hover { color: #404040; text-decoration: none; }
+
+input[type="submit"].btn:hover { border-color: #cccccc; }
+
+.btn:first-child { *margin-left: 0; }
+
+.btn-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: default; }
+
+.btn-info { background-color: #afd9ee; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9edf7), color-stop(100%, #afd9ee)); background-image: -webkit-linear-gradient(#d9edf7, #afd9ee); background-image: -moz-linear-gradient(#d9edf7, #afd9ee); background-image: -o-linear-gradient(#d9edf7, #afd9ee); background-image: -ms-linear-gradient(#d9edf7, #afd9ee); background-image: linear-gradient(#d9edf7, #afd9ee); background-repeat: repeat-x; border-color: #9acfea; border-bottom-color: #85c5e5; color: #247fad; }
+.btn-info:visited, .btn-info:hover { color: #247fad; }
+
+.btn-inverse { background-color: #272727; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #414141), color-stop(100%, #272727)); background-image: -webkit-linear-gradient(#414141, #272727); background-image: -moz-linear-gradient(#414141, #272727); background-image: -o-linear-gradient(#414141, #272727); background-image: -ms-linear-gradient(#414141, #272727); background-image: linear-gradient(#414141, #272727); background-repeat: repeat-x; border-color: #1b1b1b; border-bottom-color: #0e0e0e; color: white; }
+.btn-inverse:visited, .btn-inverse:hover { color: white; }
+
+.btn-primary { background-color: #181c20; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2d353e), color-stop(100%, #181c20)); background-image: -webkit-linear-gradient(#2d353e, #181c20); background-image: -moz-linear-gradient(#2d353e, #181c20); background-image: -o-linear-gradient(#2d353e, #181c20); background-image: -ms-linear-gradient(#2d353e, #181c20); background-image: linear-gradient(#2d353e, #181c20); background-repeat: repeat-x; border-color: #0d0f12; border-bottom-color: #020203; color: white; }
+.btn-primary:visited, .btn-primary:hover { color: white; }
+
+.btn-success { background-color: #449b44; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5bb75b), color-stop(100%, #449b44)); background-image: -webkit-linear-gradient(#5bb75b, #449b44); background-image: -moz-linear-gradient(#5bb75b, #449b44); background-image: -o-linear-gradient(#5bb75b, #449b44); background-image: -ms-linear-gradient(#5bb75b, #449b44); background-image: linear-gradient(#5bb75b, #449b44); background-repeat: repeat-x; border-color: #3c893c; border-bottom-color: #347834; }
+
+.btn-warning { background-color: #f39106; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa732), color-stop(100%, #f39106)); background-image: -webkit-linear-gradient(#faa732, #f39106); background-image: -moz-linear-gradient(#faa732, #f39106); background-image: -o-linear-gradient(#faa732, #f39106); background-image: -ms-linear-gradient(#faa732, #f39106); background-image: linear-gradient(#faa732, #f39106); background-repeat: repeat-x; border-color: #da8205; border-bottom-color: #c17305; }
+
+.btn-extlarge { padding: 11px 22px; font-size: 21px; font-size: 2.1rem; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
+
+.btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; }
+
+.btn-large { padding: 11px 22px; font-size: 14px; font-size: 1.4rem; line-height: normal; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
+
+.btn-small { padding: 6px 10px; font-size: 11px; font-size: 1.1rem; line-height: 16px; }
+
+.btn-mini { padding: 3px 5px; font-size: 11px; font-size: 1.1rem; line-height: 14px; }
+
+.btn-group { position: relative; *zoom: 1; *margin-left: 0.3em; margin-bottom: 1.5em; }
+
+.btn-group .btn { position: relative; float: left; margin-left: -1px; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
+
+.btn-group .btn:first-child { margin-left: 0; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -o-border-top-left-radius: 2px; -ms-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -o-border-bottom-left-radius: 2px; -ms-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
+
+.btn-group .btn:last-child { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -o-border-top-right-radius: 2px; -ms-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -o-border-bottom-right-radius: 2px; -ms-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
+
+.btn-group .btn.large:first-child { margin-left: 0; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+
+.btn-group .btn.large:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+
+.btn-toolbar { clear: both; margin-top: 0.75em; margin-bottom: 0.75em; }
+
+.btn-toolbar .btn-group { display: inline-block; *display: inline; *zoom: 1; }
+
+/* Tables =================================================== */
+table { width: 100%; max-width: 100%; margin-bottom: 1.5em; border-collapse: collapse; border-spacing: 0; background-color: transparent; }
+table th, table td { padding: 8px; vertical-align: top; border-top: 1px solid #8c9bab; font-size: 14px; font-size: 1.4rem; line-height: 1.5em; text-align: left; }
+table th { font-weight: bold; }
+table thead th { vertical-align: bottom; }
+table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; }
+table tbody + tbody { border-top: 2px solid #8c9bab; }
+table tbody tr td, table tbody tr th { -moz-transition: background-color 0.25s 0 linear; -webkit-transition: background-color 0.25s 0 linear; -o-transition: background-color 0.25s 0 linear; transition: background-color 0.25s 0 linear; }
+table tbody tr:hover td, table tbody tr:hover th { background-color: #a9b4c1; }
+
+.table-condensed th, .table-condensed td { padding: 4px 5px; }
+
+.table-bordered { border: 1px solid #8c9bab; border-left: 0; border-collapse: separate; *border-collapse: collapsed; }
+.table-bordered th, .table-bordered td { border-left: 1px solid #8c9bab; }
+.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
+
+.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #c7ced6; }
+
+/* Banner =================================================== */
+[role="banner"] { margin: 0 auto; padding-top: 1.5em; width: 90%; }
+[role="banner"] a[href="#navigation"] { display: block; position: absolute; top: 11px; right: 22px; width: 43px; height: 43px; white-space: nowrap; overflow: hidden; background-color: #586879; border: 1px solid #4d5b6a; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; color: #f3f5f6; font-size: 32px; font-size: 3.2rem; line-height: 42px; text-align: center; text-decoration: none; }
+
+/* Navigation =================================================== */
+[role="navigation"] { margin: 0 auto 1.5em; width: 90%; background-color: #586879; border: 1px solid #4d5b6a; }
+[role="navigation"] p { margin-bottom: 0; padding: 6px 11px; color: white; }
+[role="navigation"] a { color: white; }
+
+/* Content =================================================== */
+.content { margin: 0 auto; width: 90%; }
+
+/* contentinfo =================================================== */
+[role="contentinfo"] { padding: 1.5em 0; border-top: 3px solid #c7ced6; }
+[role="contentinfo"] small { display: block; margin: 0 auto 1.5em; width: 90%; }
+
+@media print { /* Print =================================================== */
+ * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
+ @page { margin: 0.5cm; }
+ h2, h3 { orphans: 3; widows: 3; page-break-after: avoid; }
+ p { orphans: 3; widows: 3; }
+ pre, blockquote { border: 1px solid gray; page-break-inside: avoid; }
+ abbr[title]:after { content: " (" attr(title) ")"; }
+ a, a:visited { text-decoration: underline; }
+ a[href]:after { content: " (" attr(href) ")"; }
+ a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
+ img { max-width: 100% !important; page-break-inside: avoid; }
+ thead { display: table-header-group; }
+ tr { page-break-inside: avoid; } }
+@media only screen and (min-width: 480px) { /* 480 =================================================== */ }
+@media only screen and (min-width: 600px) { /* 600 =================================================== */ }
+@media only screen and (min-width: 768px) { /* 768 =================================================== */
+ body { display: table; border-collapse: collapse; }
+ [role="banner"] a[href="#navigation"] { display: none !important; visibility: hidden; }
+ [role="navigation"] { display: table-header-group; }
+ [role="navigation"] p { margin: 0 auto; width: 90%; } }
+@media only screen and (min-width: 992px) { /* 992 =================================================== */ }
+@media only screen and (min-width: 1382px) { /* 1382 =================================================== */
+ body { max-width: 1440px; } }
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /* 2x =================================================== */ }
+/* 320 and Up */
+/* Modules upstart */
+/* Version: 1.0 */
+/* Author: Andy Clarke */
+/* URL: http://stuffandnonsense.co.uk/projects/320andup */
+.grid { margin-bottom: 1.5em; border-bottom: 1px dashed #c7ced6; }
+
+.grid:last-child { margin-bottom: 0; border-bottom-width: 0; }
+
+.furniture-letter { overflow: hidden; }
+
+.furniture-letter span { display: block; float: left; margin: 0 12px 0 0; height: 44px; width: 44px; background-color: #2d353e; color: white; font-size: 32px; font-size: 3.2rem; font-weight: bold; line-height: 44px; text-align: center; }
+
+@media only screen and (min-width: 480px) { /* Styles */ }
+@media only screen and (min-width: 600px) { /* Styles */ }
+@media only screen and (min-width: 768px) { .grids-two .grid { width: 43.03%; margin-bottom: 0; border-bottom-width: 0; }
+ .grids-two .grid-1 { float: left; }
+ .grids-two .grid-2 { float: right; }
+ .grids-three .grid-a { float: left; width: 31.64%; margin-right: 2.53%; }
+ .grids-four .grid-a { float: left; width: 31.64%; margin-right: 2.53%; } }
+@media only screen and (min-width: 992px) { .grids-three .grid { float: left; width: 31.64%; margin: 0 2.53% 0 0; border-bottom-width: 0; }
+ .grids-three .grid-3 { float: right; margin-right: 0; }
+ .grids-three .grid .grid-a { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75em; }
+ .grids-four .grid { float: left; width: 20.25%; margin: 0 6.32% 0 0; border-bottom-width: 0; }
+ .grids-four .grid-4 { float: right; margin-right: 0; }
+ .grids-four .grid .grid-a { float: none; width: 100%; margin-right: 0; } }
+@media only screen and (min-width: 1382px) { /* Styles */ }
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /* Styles */ }
+/* 320 and Up */
+/* Panels Upstart */
+/* Version: 1.0 */
+/* Author: Andy Clarke */
+/* URL: http://stuffandnonsense.co.uk/projects/320andup */
+.full { margin-bottom: 1.5em; padding: 1.5em; background-color: #f3f5f6; border-top: 2px solid #c7ced6; border-bottom: 2px solid #c7ced6; }
+
+.full .grids { width: 90%; margin: 0 auto; padding: 1.5em 0; }
+
+@media only screen and (min-width: 480px) { /* Styles */ }
+@media only screen and (min-width: 600px) { /* Styles */ }
+@media only screen and (min-width: 768px) { .special .grids-three .grid-a, .special .grids-four .grid-a { width: 43.03%; } }
+@media only screen and (min-width: 992px) { .special .grids-three .grid-a, .special .grids-four .grid-a { width: 100%; } }
+@media only screen and (min-width: 1382px) { /* Styles */ }
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /* Styles */ }
107 css/320andup_scss.css
View
@@ -3,10 +3,6 @@
320 and Up by Andy Clarke
Version: 3.0
URL: http://stuffandnonsense.co.uk/projects/320andup/
-
-Sass Port by Jina Bolton
-URL: http://sushiandrobots.com
-
Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0
============================================================ */
@@ -44,8 +40,8 @@ h5, .h5 { font-size: 16px; font-size: 1.6rem; margin-bottom: 1.5em; }
h6, .h6 { margin-bottom: 1.5em; font-size: 14px; font-size: 1.4rem; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
.header h1, .header h2, .header h3 { float: left; margin-right: 24px; }
-.header a { display: block; position: relative; top: 6px; float: right; padding: 4px 12px; font-size: 14px; font-size: 1.4rem; background-color: #f3f5f6; }
-.header:hover { background-color: #f3f5f6; }
+.header h1 a, .header h2 a, .header h3 a { display: block; position: relative; top: 6px; float: right; padding: 4px 12px; font-size: 14px; font-size: 1.4rem; background-color: #f3f5f6; }
+.header h1:hover, .header h2:hover, .header h3:hover { background-color: #f3f5f6; }
.header .a-rss, .header .a-rss:hover { float: left; width: 16px; height: 16px; padding: 0; background: transparent url(../img/a-rss.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
@@ -54,6 +50,7 @@ p, ol, ul, dl, address { margin-bottom: 1.5em; font-size: 14px; font-size: 1.4re
small { font-size: 14px; font-size: 1.4rem; }
ul, ol { margin: 0 0 1.5em -24px; padding: 0 0 0 24px; }
+
li ul, li ol { margin: 0; font-size: 16px; font-size: 1.6rem; }
blockquote { margin: 0 0 1.5em -24px; padding-left: 24px; border-left: 2px solid #c7ced6; font-family: Cambria, Georgia, Times, "Times New Roman"; font-style: normal; }
@@ -69,7 +66,7 @@ dl, dd { margin-bottom: 1.5em; }
dt { font-weight: bold; }
.dl-horizontal dt { float: left; clear: left; width: 20.25%; text-align: right; }
-.dl-horizontal .dl-horizontal dd { margin-left: 22.78%; }
+.dl-horizontal dd { margin-left: 22.78%; }
abbr[title] { border-bottom: 1px dotted #c7ced6; cursor: help; }
@@ -98,6 +95,68 @@ a:hover { text-decoration: underline; color: #011b35; }
a:focus { outline: thin dotted; color: black; }
a:hover, a:active { outline: 0; }
+::-moz-selection { background-color: #d6dbe1; color: #2d353e; text-shadow: none; }
+
+::selection { background-color: #d6dbe1; color: #2d353e; text-shadow: none; }
+
+.swatch { margin: 0 0 1.5em 0; padding: 0; }
+
+.swatch-row { display: block; margin: 0; padding: 0; width: 200px; }
+
+.swatch-row-one { background-color: black; }
+
+.swatch-row-two { background-color: white; }
+
+.swatch-row span { display: block; float: left; width: 50px; height: 50px; }
+
+.swatch-base span:nth-child(1) { background-color: rgba(45, 53, 62, 0.9); }
+
+.swatch-base span:nth-child(2) { background-color: rgba(45, 53, 62, 0.8); }
+
+.swatch-base span:nth-child(3) { background-color: rgba(45, 53, 62, 0.7); }
+
+.swatch-base span:nth-child(4) { background-color: rgba(45, 53, 62, 0.6); }
+
+.swatch-alert span:nth-child(1) { background-color: rgba(252, 248, 227, 0.9); }
+
+.swatch-alert span:nth-child(2) { background-color: rgba(252, 248, 227, 0.8); }
+
+.swatch-alert span:nth-child(3) { background-color: rgba(252, 248, 227, 0.7); }
+
+.swatch-alert span:nth-child(4) { background-color: rgba(252, 248, 227, 0.6); }
+
+.swatch-error span:nth-child(1) { background-color: rgba(218, 79, 73, 0.9); }
+
+.swatch-error span:nth-child(2) { background-color: rgba(218, 79, 73, 0.8); }
+
+.swatch-error span:nth-child(3) { background-color: rgba(218, 79, 73, 0.7); }
+
+.swatch-error span:nth-child(4) { background-color: rgba(218, 79, 73, 0.6); }
+
+.swatch-info span:nth-child(1) { background-color: rgba(217, 237, 247, 0.9); }
+
+.swatch-info span:nth-child(2) { background-color: rgba(217, 237, 247, 0.8); }
+
+.swatch-info span:nth-child(3) { background-color: rgba(217, 237, 247, 0.7); }
+
+.swatch-info span:nth-child(4) { background-color: rgba(217, 237, 247, 0.6); }
+
+.swatch-success span:nth-child(1) { background-color: rgba(91, 183, 91, 0.9); }
+
+.swatch-success span:nth-child(2) { background-color: rgba(91, 183, 91, 0.8); }
+
+.swatch-success span:nth-child(3) { background-color: rgba(91, 183, 91, 0.7); }
+
+.swatch-success span:nth-child(4) { background-color: rgba(91, 183, 91, 0.6); }
+
+.swatch-warning span:nth-child(1) { background-color: rgba(250, 167, 50, 0.9); }
+
+.swatch-warning span:nth-child(2) { background-color: rgba(250, 167, 50, 0.8); }
+
+.swatch-warning span:nth-child(3) { background-color: rgba(250, 167, 50, 0.7); }
+
+.swatch-warning span:nth-child(4) { background-color: rgba(250, 167, 50, 0.6); }
+
/* Texture =================================================== */
.alert { margin-bottom: 1.5em; padding: 8px 35px 8px 14px; background-color: #fcf8e3; border: 1px solid #f2e187; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 1.4rem; color: #9c8611; }
.alert .alert-heading { color: inherit; }
@@ -142,10 +201,6 @@ a:hover, a:active { outline: 0; }
.well-small { padding: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
/* Font Awesome: http://fortawesome.github.com/Font-Awesome/
-/*
-/* Sass Port by Jina Bolton
-/* URL: http://sushiandrobots.com
-/*
License
-------------------------------------------------------
@@ -468,7 +523,7 @@ img { max-width: 100%; border-width: 0; vertical-align: middle; -ms-interpolatio
svg:not(:root) { overflow: hidden; }
figure { margin-bottom: 1.5em; }
-figure figure img { margin-bottom: 0.375em; }
+figure img { margin-bottom: 0.375em; }
figure figcaption { display: block; font-weight: normal; font-size: 14px; font-size: 1.4rem; color: gray; }
.list-bordered { list-style-type: none; margin: 0 0 1.5em 0; padding: 0; }
@@ -499,14 +554,19 @@ input:hover, textarea:hover, select:hover { border-color: #586879; }
.input-small { width: 90px; }
input[type="image"], input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; line-height: normal; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 \9; }
+
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
+
input[type="image"] { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
+
input[type="file"] { width: auto; padding: initial; line-height: initial; border: initial; background-color: transparent; background-color: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
+
input[type="button"], input[type="reset"], input[type="submit"] { width: auto; height: auto; cursor: pointer; *overflow: visible; }
select, input[type="file"] { height: 28px; *margin-top: 4px; line-height: 28px; }
select { width: auto; background-color: white; font-size: 13px; font-size: 1.3rem; }
+
select[multiple], select[size] { height: auto; }
textarea { resize: vertical; overflow: auto; height: auto; overflow: auto; vertical-align: top; }
@@ -518,6 +578,7 @@ input[type="hidden"] { display: none; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; }
.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }
+
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; cursor: not-allowed; }
@@ -537,14 +598,21 @@ input:-moz-placeholder { font-size: 14px; font-size: 1.4rem; }
.help-inline { display: inline-block; vertical-align: middle; padding-left: 5px; }
.form-inline input, .form-inline textarea, .form-inline select { display: inline-block; margin-bottom: 0; }
+
.form-inline label { display: inline-block; }
+
.form-inline .radio, .form-inline .checkbox, .form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
+
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px; }
.form-search input, .form-search textarea, .form-search select { display: inline-block; margin-bottom: 0; }
+
.form-search .search-query { padding-left: 14px; padding-right: 14px; margin-bottom: 0; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
+
.form-search label { display: inline-block; }
-.form-search .radio, .form-search .checkbox, .form-search .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
+
+.form-search .radio, .form-search .checkbox, .form-inline .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
+
.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px; }
/* Buttons =================================================== */
@@ -581,22 +649,28 @@ input[type="submit"].btn:hover { border-color: #cccccc; }
.btn-mini { padding: 3px 5px; font-size: 11px; font-size: 1.1rem; line-height: 14px; }
.btn-group { position: relative; *zoom: 1; *margin-left: .3em; margin-bottom: 1.5em; }
+
.btn-group .btn { position: relative; float: left; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
+
.btn-group .btn:first-child { margin-left: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; -moz-border-radius-topleft: 0; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; border-top-left-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
+
.btn-group .btn:last-child { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 2px; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; border-top-left-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
+
.btn-group .btn.large:first-child { margin-left: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 0; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
+
.btn-group .btn.large:last-child { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 4px; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.btn-toolbar { clear: both; margin-top: 0.75em; margin-bottom: 0.75em; }
+
.btn-toolbar .btn-group { display: inline-block; *display: inline; *zoom: 1; }
/* Tables =================================================== */
table { width: 100%; max-width: 100%; margin-bottom: 1.5em; border-collapse: collapse; border-spacing: 0; background-color: transparent; }
table th, table td { padding: 8px; vertical-align: top; border-top: 1px solid #8c9bab; font-size: 14px; font-size: 1.4rem; line-height: 1.5em; text-align: left; }
table th { font-weight: bold; }
-thead table th { vertical-align: bottom; }
+table thead th { vertical-align: bottom; }
table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0; }
-table tbody + table tbody { border-top: 2px solid #8c9bab; }
+table tbody + tbody { border-top: 2px solid #8c9bab; }
table tbody tr td, table tbody tr th { -webkit-transition: background-color 0.25s 0 linear; -moz-transition: background-color 0.25s 0 linear; -ms-transition: background-color 0.25s 0 linear; -o-transition: background-color 0.25s 0 linear; transition: background-color 0.25s 0 linear; }
table tbody tr:hover td, table tbody tr:hover th { background-color: #a9b4c1; }
@@ -656,9 +730,11 @@ only screen and (min-device-pixel-ratio: 1.5) { /* 2x ==========================
/* Author: Andy Clarke */
/* URL: http://stuffandnonsense.co.uk/projects/320andup */
.grid { margin-bottom: 1.5em; border-bottom: 1px dashed #c7ced6; }
+
.grid:last-child { margin-bottom: 0; border-bottom-width: 0; }
.furniture-letter { overflow: hidden; }
+
.furniture-letter span { display: block; float: left; margin: 0 12px 0 0; height: 44px; width: 44px; background-color: #2d353e; color: white; font-size: 32px; font-size: 3.2rem; font-weight: bold; line-height: 44px; text-align: center; }
@media only screen and (min-width: 480px) { /* Styles */ }
@@ -684,6 +760,7 @@ only screen and (min-device-pixel-ratio: 1.5) { /* Styles */ }
/* Author: Andy Clarke */
/* URL: http://stuffandnonsense.co.uk/projects/320andup */
.full { margin-bottom: 1.5em; padding: 1.5em; background-color: #f3f5f6; border-top: 2px solid #c7ced6; border-bottom: 2px solid #c7ced6; }
+
.full .grids { width: 90%; margin: 0 auto; padding: 1.5em 0; }
@media only screen and (min-width: 480px) { /* Styles */ }
224 css/320andup_scss_compass.css
View
@@ -7,18 +7,16 @@ Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0
============================================================ */
/* Reset =================================================== */
-article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, menu, meter, nav, output, progress, rp, rt, ruby, section, summary, time, video, wbr, h1, h2, h3, h4, h5, h6, html, body, body div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent; }
+html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
-article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
+article, aside, figure, footer, header, hgroup, nav, section { display: block; }
/* Variables =================================================== */
-/* Mixins & Extends =================================================== */
+/* Mixins =================================================== */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
-.hide-text, .header .a-rss, .header .a-rss:hover { text-indent: 100%; white-space: nowrap; overflow: hidden; }
-
/* Page =================================================== */
html { background: white; font-size: 62.5%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: #f3f5f6; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
@@ -29,38 +27,37 @@ h1, h2, h3, h4, h5, h6 { margin: 0; font-family: inherit; font-weight: bold; col
h1 small, h2 small { font-weight: normal; color: #bfbfbf; }
-h1, .h1, h2, .h2 { margin-bottom: 0.75em; line-height: 1.2; }
-
-h1, .h1 { font-size: 32px; font-size: 3.2rem; }
+h1, .h1 { margin-bottom: 0.75em; font-size: 32px; font-size: 3.2rem; line-height: 1.2; }
-h2, .h2 { font-size: 24px; font-size: 2.4rem; }
+h2, .h2 { margin-bottom: 0.75em; font-size: 24px; font-size: 2.4rem; line-height: 1.2; }
h3, .h3 { margin-bottom: 1em; font-size: 21px; font-size: 2.1rem; line-height: 1.3; }
-h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 1.5em; }
+h4, .h4 { margin-bottom: 1.5em; font-size: 18px; font-size: 1.8rem; line-height: 1.25; }
-h4, .h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.25; }
+h5, .h5 { font-size: 16px; font-size: 1.6rem; margin-bottom: 1.5em; }
-h5, .h5 { font-size: 16px; font-size: 1.6rem; }
+h6, .h6 { margin-bottom: 1.5em; font-size: 14px; font-size: 1.4rem; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
-h6, .h6 { font-size: 14px; font-size: 1.4rem; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
+.header h1, .header h2, .header h3 { float: left; margin-right: 24px; }
+.header a { display: block; position: relative; top: 6px; float: right; padding: 4px 12px; font-size: 14px; font-size: 1.4rem; background-color: #f3f5f6; }
+.header:hover { background-color: #f3f5f6; }
-.header h1, .header h2, .header h3 { display: inline; float: left; margin-right: 24px; }
-.header a { display: block; position: relative; top: 6px; display: inline; float: right; padding: 4px 12px; font-size: 14px; font-size: 1.4rem; background-color: #f3f5f6; }
-.header a:hover { background-color: #f3f5f6; }
-.header .a-rss, .header .a-rss:hover { display: inline; float: left; width: 16px; height: 16px; padding: 0; background: transparent url(../img/a-rss.png) no-repeat 0 0; }
+.header .a-rss, .header .a-rss:hover { float: left; width: 16px; height: 16px; padding: 0; background: transparent url(../img/a-rss.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
p, ol, ul, dl, address { margin-bottom: 1.5em; font-size: 14px; font-size: 1.4rem; line-height: 1.5em; }
small { font-size: 14px; font-size: 1.4rem; }
ul, ol { margin: 0 0 1.5em -24px; padding: 0 0 0 24px; }
+
li ul, li ol { margin: 0; font-size: 16px; font-size: 1.6rem; }
blockquote { margin: 0 0 1.5em -24px; padding-left: 24px; border-left: 2px solid #c7ced6; font-family: Cambria, Georgia, Times, "Times New Roman"; font-style: normal; }
-blockquote, q { quotes: none; }
-blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
+q { quotes: none; }
+
+blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
cite { font-style: normal; }
@@ -68,8 +65,8 @@ dl, dd { margin-bottom: 1.5em; }
dt { font-weight: bold; }
-.dl-horizontal dt { display: inline; float: left; clear: left; width: 20.25%; text-align: right; }
-.dl-horizontal .dl-horizontal dd { margin-left: 22.78%; }
+.dl-horizontal dt { float: left; clear: left; width: 20.25%; text-align: right; }
+.dl-horizontal dd { margin-left: 22.78%; }
abbr[title] { border-bottom: 1px dotted #c7ced6; cursor: help; }
@@ -83,7 +80,7 @@ mark { background-color: #f3f5f6; color: black; font-style: italic; font-weight:
pre, code, kbd, samp { font-family: Monaco, Courier New, monospace; font-size: 14px; font-size: 1.4rem; line-height: 1.5em; }
-pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; }
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
sub, sup { position: relative; font-size: 12px; font-size: 1.2rem; line-height: 0; vertical-align: baselineheight; }
@@ -93,18 +90,77 @@ sub { bottom: -0.25em; }
/* Colour =================================================== */
a { text-decoration: none; color: #013568; }
-a:hover { text-decoration: underline; }
a:visited { color: #000203; }
-a:focus { color: black; }
-a:hover { color: #011b35; }
-a:active { color: black; }
-a:focus { outline: thin dotted; }
+a:hover { text-decoration: underline; color: #011b35; }
+a:focus { outline: thin dotted; color: black; }
a:hover, a:active { outline: 0; }
+::-moz-selection { background-color: #d6dbe1; color: #2d353e; text-shadow: none; }
+
+::selection { background-color: #d6dbe1; color: #2d353e; text-shadow: none; }
+
+.swatch { margin: 0 0 1.5em 0; padding: 0; }
+
+.swatch-row { display: block; margin: 0; padding: 0; width: 200px; }
+
+.swatch-row-one { background-color: black; }
+
+.swatch-row-two { background-color: white; }
+
+.swatch-row span { display: block; float: left; width: 50px; height: 50px; }
+
+.swatch-base span:nth-child(1) { background-color: rgba(45, 53, 62, 0.9); }
+
+.swatch-base span:nth-child(2) { background-color: rgba(45, 53, 62, 0.8); }
+
+.swatch-base span:nth-child(3) { background-color: rgba(45, 53, 62, 0.7); }
+
+.swatch-base span:nth-child(4) { background-color: rgba(45, 53, 62, 0.6); }
+
+.swatch-alert span:nth-child(1) { background-color: rgba(252, 248, 227, 0.9); }
+
+.swatch-alert span:nth-child(2) { background-color: rgba(252, 248, 227, 0.8); }
+
+.swatch-alert span:nth-child(3) { background-color: rgba(252, 248, 227, 0.7); }
+
+.swatch-alert span:nth-child(4) { background-color: rgba(252, 248, 227, 0.6); }
+
+.swatch-error span:nth-child(1) { background-color: rgba(218, 79, 73, 0.9); }
+
+.swatch-error span:nth-child(2) { background-color: rgba(218, 79, 73, 0.8); }
+
+.swatch-error span:nth-child(3) { background-color: rgba(218, 79, 73, 0.7); }
+
+.swatch-error span:nth-child(4) { background-color: rgba(218, 79, 73, 0.6); }
+
+.swatch-info span:nth-child(1) { background-color: rgba(217, 237, 247, 0.9); }