/cassius/default-layout.cassius

http://github.com/snoyberg/haskellers · Cassius · 289 lines · 287 code · 2 blank · 0 comment · 0 complexity · b5f1edce1af3526f4cf714c2b5a686ac MD5 · raw file

  1. html
  2. overflow-y: scroll
  3. body, html
  4. min-height: 100%
  5. body
  6. background: #E6E6E6
  7. color: #f9f9f9
  8. font-family: Helvetica, Arial, sans-serif
  9. a
  10. color: white
  11. a:visited, a:hover
  12. color: #e0e0e0
  13. h1
  14. font-size: 30px
  15. font-weight: normal
  16. text-transform: capitalize
  17. font-weight: bold
  18. margin-bottom: 20px
  19. h1,h2,h3,h4,h5,h6
  20. line-height: 120%
  21. h4, p
  22. margin-bottom: 10px
  23. div
  24. line-height: 120%
  25. p
  26. line-height: 30px
  27. h2
  28. font-size: 25px
  29. margin: 20px 0 5px 0
  30. h3
  31. font-size: 20px
  32. margin: 15px 0 5px 0
  33. #haskell_bar
  34. font-size: 13px
  35. background: #293845
  36. border-top: 5px solid #4E6272
  37. color: #DDDDDD
  38. padding: 3px
  39. position: relative
  40. text-align: left
  41. #haskell_bar .title
  42. background: url(@{StaticR hslogo_16_png}) no-repeat scroll 0 50% transparent
  43. color: white
  44. font-style: normal
  45. font-weight: normal
  46. margin: 0 3px
  47. padding: 2px 30px
  48. #haskell_bar a
  49. padding-right: 1em
  50. text-decoration: none
  51. #heading, #main_content, #footer_content, #section_title div
  52. margin: 0 auto
  53. width: 940px
  54. #heading_wrapper
  55. background: #151515 url(@{StaticR background_png}) repeat-x
  56. #heading
  57. height: 155px
  58. position: relative
  59. #heading .logo
  60. margin-top: 34px
  61. float: left
  62. #heading .tagline
  63. float: left
  64. clear: both
  65. margin: 4px
  66. color: #444
  67. font-family: serif
  68. font-size: 12px
  69. font-style: italic
  70. #main_menu
  71. right: 0px
  72. position: absolute
  73. top: 95px
  74. #main_menu a
  75. display: block
  76. width: 115px
  77. height: 50px
  78. float: left
  79. background: url(@{StaticR buttons_png}) no-repeat 0 -77px
  80. color: #4B5057
  81. padding: 22px 0 0
  82. text-align: center
  83. text-decoration: none
  84. body.overview #main_menu a#overview, body.teams #main_menu a#teams
  85. background-position: 0 -1px;
  86. #main_menu a#find_job
  87. background-position: -240px -77px
  88. color: #DBEDFF
  89. body.find-job #main_menu a#find_job
  90. background-position: -240px -1px
  91. #main_menu a#find_haskeller
  92. background-position: -120px -77px
  93. padding: 14px 0 0
  94. color: #FFDBDB
  95. height: 55px
  96. body.find-haskeller #main_menu a#find_haskeller
  97. background-position: -120px -1px
  98. #secondary_menu
  99. -moz-border-radius: 2px
  100. -webkit-border-radius: 2px
  101. position: absolute
  102. right: 0px
  103. top: 10px
  104. #secondary_menu a
  105. color: #4B5057
  106. text-decoration: none
  107. padding: 10px
  108. #secondary_menu a:hover
  109. color: #ABC7CF
  110. #im_a_haskeller
  111. -moz-border-radius: 2px
  112. -webkit-border-radius: 2px
  113. background: none repeat scroll 0 0 #506982
  114. padding: 4px 0
  115. display: inline
  116. #im_a_haskeller a
  117. color: #DBEDFF
  118. text-decoration: none
  119. padding: 0 10px
  120. #im_a_haskeller a:hover
  121. color: #fafafa
  122. #section_title
  123. height: 30px
  124. #section_title div
  125. font-size: 13px
  126. padding: 8px 0
  127. body #section_title
  128. color: #4B5057
  129. background: #E5EEF9
  130. body.find-job #section_title
  131. color: #DBEDFF
  132. background: #506982
  133. body.find-haskeller #section_title
  134. color: #FFDBDB
  135. background: #B84848
  136. #section_title, #section_title a
  137. color: inherit
  138. text-decoration: none
  139. #content_wrapper
  140. background: url(@{StaticR background_png}) repeat-x scroll 0 -175px #151515
  141. #main_content
  142. background: #2A2D38
  143. min-height: 400px
  144. padding: 10px
  145. overflow: hidden
  146. position: relative
  147. width: 910px
  148. #footer_wrapper
  149. border-top: solid 5px #506982
  150. background: #e6e6e6
  151. body #footer_wrapper
  152. border-color: #E5EEF9
  153. body.find-job #footer_wrapper
  154. border-color: #506982
  155. body.find-haskeller #footer_wrapper
  156. border-color: #B84848
  157. #footer_content
  158. background: #f9f9f9
  159. height: 70px
  160. color: #666
  161. text-align: center
  162. padding: 15px
  163. width: 910px
  164. font-size: 15px
  165. #footer_content p
  166. line-height: 17px
  167. margin-bottom: 5px
  168. #footer_content a
  169. color: #B84848
  170. text-decoration: none
  171. #footer_content a:hover, #footer_content a:visited
  172. color: #506982
  173. #breadcrumbs li
  174. display: inline
  175. #breadcrumbs li:after
  176. content: " Â? "
  177. #breadcrumbs li:last-child:after
  178. content: ''
  179. th, td
  180. vertical-align: top
  181. tr.required label
  182. font-weight: bold
  183. .subscribe
  184. overflow: hidden
  185. .subscribe a
  186. float: right
  187. font-size: 13px
  188. line-height: 22px
  189. text-decoration: none
  190. margin: 3px 0 3px 10px
  191. .subscribe img
  192. height: 20px
  193. .news, .job, .team
  194. -moz-border-radius: 2px
  195. -webkit-border-radius: 2px
  196. padding: 10px
  197. margin-bottom: 10px
  198. .news .time, .job .time
  199. display: block
  200. float: right
  201. font-size: 12px
  202. line-height: 12px
  203. .news
  204. color: #FFDBDB
  205. background: #B84848
  206. .news a, .job a
  207. color: #fafafa
  208. .job, .team
  209. color: #DBEDFF
  210. background: #506982
  211. #disqus_thread
  212. margin-top: 20px
  213. .dsq-brlink
  214. font-size: 11px
  215. text-align: left
  216. .login-options
  217. -moz-border-radius: 3px
  218. -webkit-border-radius: 3px
  219. padding: 10px
  220. background: white
  221. text-align: center
  222. width: 334px
  223. margin: 0 auto
  224. .login-options .button
  225. float: left
  226. height: 40px
  227. line-height: 35px
  228. margin-left: 20px
  229. .login-options h3
  230. color: #333
  231. clear: both
  232. text-align: center
  233. margin-bottom: 10px
  234. float: left
  235. width: 100%
  236. form.big
  237. background: #506982
  238. padding: 20px
  239. -moz-border-radius: 2px
  240. -webkit-border-radius: 2px
  241. margin: 30px auto 0
  242. width: 600px
  243. form.big .nicEdit-main
  244. background: white
  245. color: black
  246. form.big td
  247. vertical-align: top
  248. padding: 2px
  249. form.big label
  250. font-size: 14px
  251. form h2
  252. font-size: 25px
  253. margin: 0 0 5px 0
  254. .full-width-table
  255. background: #506982
  256. margin: 30px auto 0
  257. padding: 20px
  258. -moz-border-radius: 2px
  259. -webkit-border-radius: 2px
  260. font-size: 14px
  261. border-collapse: collapse
  262. .full-width-table table
  263. width: 100%
  264. .full-width-table h2
  265. margin-top: 0
  266. .full-width-table td, .full-width-table th
  267. vertical-align: middle
  268. text-align: left
  269. padding: 3px 6px
  270. .full-width-table td:nth-child(4)
  271. text-align: right
  272. .full-width-table tbody tr
  273. line-height: 30px
  274. .full-width-table tr:nth-child(even), .full-width-table thead tr
  275. background: #2A2D38
  276. .reddit
  277. overflow: hidden
  278. .reddit iframe
  279. float: right
  280. font-size: 13px
  281. line-height: 22px
  282. text-decoration: none
  283. margin-right: 10px
  284. #haskell_bar form, #haskell_bar p
  285. display: inline
  286. #browserid
  287. cursor: pointer