typography.css 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
  1. /*!
  2. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  3. *
  4. * CASCADE FRAMEWORK 1.0
  5. *
  6. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  7. *
  8. *
  9. * Copyright 2013, John Slegers
  10. * Released under the MIT license
  11. * http://jslegers.github.com/cascadeframework/license.html
  12. *
  13. *
  14. * This means you can use Cascade Framework for any project,
  15. * whether commercial or not.
  16. *
  17. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  18. *
  19. *
  20. * Cascade Framework also contains the following goodies,
  21. * which all have the same or similar 'permissive licenses :
  22. *
  23. *
  24. * Includes polyfills by Joshua Bell
  25. * http://www.calormen.com/polyfill/
  26. * Released in public domain
  27. *
  28. *
  29. * Includes Google ExplorerCanvas
  30. * https://code.google.com/p/explorercanvas/
  31. * Released under the Apache 2.0 license
  32. *
  33. *
  34. * Includes Google Prettify
  35. * https://code.google.com/p/google-code-prettify/
  36. * Released under the Apache 2.0 license
  37. *
  38. *
  39. * Includes Yepnope
  40. * http://yepnopejs.com/
  41. * Released under the WTFPL license
  42. *
  43. *
  44. * Includes Modernizr
  45. * http://modernizr.com/
  46. * Released under the MIT license
  47. *
  48. *
  49. * Includes lodash
  50. * http://lodash.com/
  51. * Released under the MIT license
  52. *
  53. *
  54. * Includes jQuery
  55. * http://jquery.com/
  56. * Released under the MIT license
  57. *
  58. *
  59. * Includes jQuery Easing plugin
  60. * http://gsgd.co.uk/sandbox/jquery/easing/
  61. * Released under the BSD license
  62. *
  63. *
  64. * Includes jQuery Flot plugin
  65. * http://www.flotcharts.org/
  66. * Released under the MIT license
  67. *
  68. *
  69. * Includes the Font Awesome webfont
  70. * http://fortawesome.github.com/Font-Awesome/
  71. * Released under the SIL Open Font License
  72. *
  73. *
  74. *
  75. *
  76. *
  77. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  78. *
  79. * Cascade Framework was inspired by many articles and projects
  80. *
  81. * Especially these authors are worth mentioning :
  82. *
  83. * Nicolle Sullivan
  84. * Jonathan Snook
  85. * Chris Coyier
  86. * Eric Meyer
  87. * Nicolas Gallagher
  88. * Paul Irish
  89. * Mark Otto
  90. * Jacob Thornton
  91. *
  92. *
  93. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  94. * Date: 2013-03-15
  95. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  96. */
  97. @font-face {
  98. font-family:'FontAwesome';
  99. src: url('../font/fontawesome-webfont.eot?v=3.2.1');
  100. src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
  101. url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),
  102. url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),
  103. url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  104. }
  105. body,h1,h2,h3,h4,h5,h6 {
  106. text-rendering:optimizeLegibility;
  107. }
  108. body {
  109. font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  110. -webkit-text-size-adjust:100%;
  111. -ms-text-size-adjust:100%;
  112. }
  113. p,button,input,select,textarea {
  114. font-family: inherit;
  115. }
  116. pre,code,kbd,samp {
  117. font-family:Menlo,Monaco,"Courier New",monospace;
  118. }
  119. .icon {
  120. font-family:FontAwesome;
  121. }
  122. i,dfn,em,figcaption,cite {
  123. font-style:italic;
  124. }
  125. address,cite,legend {
  126. font-style:inherit;
  127. white-space:inherit;
  128. }
  129. .nav li,.label {
  130. white-space:nowrap;
  131. }
  132. pre {
  133. white-space:pre;
  134. white-space:pre-wrap;
  135. }
  136. .left li,.right li {
  137. white-space:normal;
  138. }
  139. pre {
  140. word-break:break-all;
  141. word-wrap:break-word;
  142. }
  143. b,th,strong,h1,h2,h3,h4,h5,h6,dt,.label,.fatty,.panel .header,.tags .blocks a,.tags .blocks .disabled,.pipes .stat a,.parsley-error-list li,.menu .links li,.site-header-ghost .nav a,.site-header .nav a,.tabs .active a {
  144. font-weight:700;
  145. }
  146. blockquote p,.menu .header {
  147. font-weight:300;
  148. }
  149. small,.pipes .stat span {
  150. font-weight:normal;
  151. }
  152. body {
  153. font-size:13px;
  154. }
  155. h1 {
  156. font-size:230%;
  157. }
  158. h2 {
  159. font-size:185%;
  160. }
  161. .tags .cloud .tag5 {
  162. font-size:180%;
  163. }
  164. .tags .cloud .tag4 {
  165. font-size:160%;
  166. }
  167. h3,.pipes .stat a,.tags .cloud .tag3 {
  168. font-size:140%;
  169. }
  170. .icon-button .icon, .tags .cloud .tag2,blockquote p,.site-header .nav a,.site-header-ghost .nav a {
  171. font-size:120%;
  172. }
  173. .panel .header {
  174. font-size:113%;
  175. }
  176. .fatty {
  177. font-size:110%;
  178. }
  179. h4,.menu .nav a,.menu .nav .disabled {
  180. font-size:106%;
  181. }
  182. p,button,.button,input,select,textarea,small,.icon,.tags .cloud .tag1 {
  183. font-size:100%;
  184. }
  185. abbr,.label,pre,code,kbd,samp,table,h4 small,h5 {
  186. font-size:95%;
  187. }
  188. h6,p small,sub,sup,.menu .header .nav a {
  189. font-size:85%;
  190. }
  191. h2 small,h3 small {
  192. font-size:75%;
  193. }
  194. .tiny,.pipes .stat span {
  195. font-size:70%;
  196. }
  197. h1 small {
  198. font-size:60%;
  199. }
  200. .tabs .nav a {
  201. line-height:270%;
  202. }
  203. h6 {
  204. line-height:170%;
  205. }
  206. body,input,button,.button,select,address,dt,dd,li,p,h2,h3,h5,pre {
  207. line-height:150%;
  208. }
  209. table input {
  210. line-height:135%;
  211. }
  212. h4,.pipes li,.panel .footer {
  213. line-height:130%;
  214. }
  215. .label,h1 {
  216. line-height:120%;
  217. }
  218. .menu a,.menu .disabled,.panel .header {
  219. line-height:110%;
  220. }
  221. td,th,small,.tiny {
  222. line-height:100%;
  223. }
  224. sub,sup {
  225. line-height:0;
  226. }
  227. .button .icon {
  228. line-height:16px;
  229. }
  230. .tags .nav li {
  231. line-height:19px;
  232. }
  233. .tags .nav a {
  234. line-height:inherit;
  235. }
  236. .icon-16 {
  237. font-size:14px;
  238. line-height: 16px;
  239. }
  240. .icon-32 {
  241. font-size:28px;
  242. line-height:32px;
  243. }
  244. .icon-64 {
  245. font-size:56px;
  246. line-height:64px;
  247. }
  248. .icon-128 {
  249. font-size:112px;
  250. line-height:128px;
  251. }
  252. h6,abbr,.tiny {
  253. text-transform:uppercase;
  254. }
  255. a:hover {
  256. text-decoration:underline;
  257. }
  258. del {
  259. text-decoration:line-through;
  260. }
  261. ins,a,.nav a:hover,.button:hover,.collapse-trigger a:hover {
  262. text-decoration:none;
  263. }
  264. .tiny {
  265. letter-spacing:1px;
  266. }
  267. button,.button,input,select,.radio,.checkbox {
  268. vertical-align:bottom;
  269. *vertical-align:middle;
  270. }
  271. th,td,.icon,textarea,td img {
  272. vertical-align:top;
  273. }
  274. .radio,.checkbox,.icon-16,.icon-32,.icon-64,.icon-128,.button .icon {
  275. vertical-align:middle;
  276. }
  277. sub,sup,.label {
  278. vertical-align:baseline;
  279. }