PageRenderTime 45ms CodeModel.GetById 20ms RepoModel.GetById 0ms app.codeStats 0ms

/public/stylesheets/roflmaoer.css

https://github.com/dy-dx/natf2
CSS | 192 lines | 184 code | 2 blank | 6 comment | 0 complexity | 473253711f97dd49bddff61f73f7a392 MD5 | raw file
  1. /* reset */
  2. * { margin: 0; padding: 0; }
  3. h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0; }
  4. fieldset { padding: .5em; }
  5. li { margin: 0; padding: 0; list-style-type: none; }
  6. a img { border: 0; }
  7. /* application */
  8. body{background:url(http://i.imgur.com/DwKws.gif);color:#333;font-family:verdana, sans-serif;font-size:11px;}
  9. .wrapper{width:960px;border:1px solid #bbb;background:#fff;margin:20px auto;padding:10px;}
  10. .header{position:relative;height:200px;background-color:#333;}
  11. .footer{font-size:10px;margin-top:10px;color:#999;padding:0 5px;}
  12. a:link,a:visited{color:#004A7E;text-decoration:none;}
  13. a:active,a:hover{text-decoration:none;color:#004A7E;}
  14. h1{font-family:'Trebuchet MS', Verdana, Sans-Serif;font-size:30px;font-weight:700;letter-spacing:-1px;margin:0;padding:83px 0 0 40px;}
  15. h1,h1 a:link,h1 a:visited,h1 a:hover,h1 a:active{text-decoration:none;color:#fff;}
  16. h1 a:hover,h1 a:active{text-decoration:underline;}
  17. h3{font-size:14px;font-weight:400;}
  18. .tagline{font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;font-size:10px;color:#fff;padding:0 40px;}
  19. .tabs{position:absolute;bottom:0;font-size:10px;margin:-18px 0 0 14px;padding:0;}
  20. .tabs li{display:inline;margin:0 2px;}
  21. .tabs,.tabs li a{padding:6px 12px;}
  22. .tabs li a{color:#FFF;text-decoration:none;}
  23. .tabs li a:hover{background:#333;color:#eee;}
  24. .tabs li.current_tab a,.tabs li.current_tab a:hover{color:#333;background:#FFF;}
  25. .nav{height:20px;border:1px solid #ccc;background:url(http://i.imgur.com/a7jwy.gif);margin:10px 0;color: #FFF;font-size:11px; overflow:auto;}
  26. .nav-footer{color:#FFF;}
  27. .nav a{color: #CEEFFF;}
  28. .nav-left{float:left;margin:3px 0 0 5px;}
  29. .nav-right{float:right;margin:3px 5px 0 0;}
  30. .nav-stats{color:#999;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:0 1px 7px;}
  31. .nav-stats p.nav-left{width:70%;}
  32. .box{border:1px solid #474747;margin-bottom:10px;background:#f1f1f1;padding:0 10px;}
  33. .box .top{display:block;background:url(http://i.imgur.com/co9lQ.gif);color:#000;margin:0 -10px;padding:4px 5px;}
  34. .box .label{margin-bottom:-10px;}
  35. .box-comment{margin-left:6px;}
  36. .text-field{width:66%;}
  37. table{width:100%;border:1px solid #474747;margin-bottom:10px;}
  38. table a:link, table a:visited, table a:hover{text-decoration:none;color:#004A7E;font-weight:bold;}
  39. thead th{color:#000;text-align:left;padding:0px 5px;height:5px}
  40. tbody{background:#f1f1f1;}
  41. tbody td{vertical-align:top;border-top:1px solid #cedeb9;border-right:1px solid #cedeb9;padding:5px;}
  42. tbody .tci{width:10px !important;border-right:0;}
  43. tbody .tcm{text-align:center;background:transparent;}
  44. .forums-index .tcm{vertical-align:middle;width:8%;}
  45. tbody .tcr{border-right:0;}
  46. tbody .tds{border:0;padding:10px;}
  47. .thread .profile{width:24%; background:#F1F1F1;}
  48. .thread .body{width:76%;max-width:560px;line-height:1.4em;background:#dedfdf;}
  49. .thread .body p{margin-top:0;}
  50. .thread .body pre{margin-top:-10px;}
  51. .thread thead th{color:#000;text-align:left;padding:0px 9px;height:5px}
  52. .thread thead{font-weight:bold;background:url(http://i.imgur.com/a7jwy.gif);height:20px;}
  53. .post-body{overflow:auto;}
  54. .post-body ul{margin:10px !important;padding:6px;}
  55. .post-body li{list-style-type:disc;}
  56. .thread dd.avatar{margin:8px 0 4px;}
  57. .thread .links{text-align:right;color:#ccc;}
  58. .thread .links a{font-weight:normal;}
  59. .forums-index .tcl{width:58%;}
  60. .forums-index .tcr{width:34%;vertical-align:middle;}
  61. .forums-list th{background:#d1d1d1;color:#333;}
  62. .forums-admin ul ul{margin-left:15px;}
  63. .forum-name{font-weight:700;font-size:12px;}
  64. .topic-status{font-size:9px;}
  65. .topics-index .tcm{width:7%;}
  66. .topics-index .tcr{width:27%;}
  67. .topics-index .tcf{width:14%;}
  68. #primary{float:left;width:550px;margin:6px 10px 0 0;}
  69. #secondary{float:left;width:180px;margin-top:12px;padding:0 10px;}
  70. .article-body{margin:6px 6px 40px;}
  71. #comments{margin:6px 0 26px;}
  72. .article-body p,.comment-body p{line-height:1.4em;margin-top:0;}
  73. .comment{margin:0 0 25px 6px;}
  74. .comment-body{margin-top:4px;}
  75. .secondary-list{padding-bottom:20px;margin:5px 10px;}
  76. .secondary-list li{margin-bottom:6px;}
  77. .messages-index .tcu{width:20%;text-align:right;font-weight:700;padding-right:8px;}
  78. .messages-index .tcl{width:60%;max-width:477px;overflow:auto;border-right:0;background:#dedfdf;}
  79. .messages-index .tcr{width:20%;text-align:right;border-left:0;color:#999;}
  80. .info-left{float:left;padding-left:5px;border-left:1px solid #f1f1f1;margin:0 0 10px;}
  81. .info-center{float:left;text-align:center;margin:0 8px 10px;}
  82. .info-right{float:right;text-align:right;padding-right:5px;border-right:1px solid #f1f1f1;margin:0 0 10px;}
  83. .info-width{width:32%;}
  84. .info-space{margin-top:5px;}
  85. .info-footer{margin-bottom:10px;}
  86. .article-title{font-size:18px;font-weight:400;padding-bottom:3px;}
  87. .comments-link{float:right;margin-top:-20px;}
  88. .archives li{margin:7px;}
  89. .detail,.detail a.text{color:#999;letter-spacing:-1px;font-weight:400;}
  90. #filters{text-align:right;margin:2px;padding:4px;}
  91. blockquote{background:#f1f1f1 !important;border:1px solid #f1f1f1;border-color:#ACA899 #FFF #FFF #ACA899;margin:10px !important;padding:6px;}
  92. .article-body blockquote{background:none !important;border:none;border-left:1px solid #ccc;padding:10px;}
  93. cite{font-weight:700;font-style:normal;}
  94. .sig-hr{margin-top:20px;width:200px;color:#ccc;}
  95. .edited{margin-top:15px !important;font-style:italic;}
  96. .profile-avatar{float:right;margin:10px 0;}
  97. .profile-title{color:#333;font-size:20px;font-weight:700;letter-spacing:-1px;}
  98. .profile-info{margin-top:20px;}
  99. .profile-bio{width:500px;}
  100. .avatar-list .avatar{float:left;margin:18px;}
  101. .chk{float:left;margin:0 6px 10px 0;}
  102. .inline{float:right;width:32%;height:130px;border:1px solid #ccc;}
  103. .thread dd.avatar img,.profile-avatar img,.avatar-list .avatar img{width:64px;height:64px}
  104. .home-left{float:left;width:68%;}
  105. .home-right{float:right;width:30%;}
  106. .home-left .topics-index .tcr{width:40%;}
  107. .home-right .specialDay{background:#d1d1d1;}
  108. .dayName th{background:#d1d1d1;color:#333;width:14%;}
  109. .otherMonth{color:#ccc;}
  110. .specialDay p{text-align:left;margin:2px 0 4px;}
  111. .reminders{background:#35604d;color:#fff;text-align:center;margin-bottom:10px;padding:4px;}
  112. .wrapper-footer{text-align:center;color:#999;}
  113. .icon{border-color:#E6E6E6 #DEDEDE #DADADA #E2E2E2;border-style:solid;border-width:6px;margin:0 -3px 0 2px;}
  114. .inew{border-color: #0079CF #006CB8 #0064AB #006AB5;}
  115. .prototip{position:absolute;}
  116. .tooltip{position:relative;color:#fff;background-color:#35604d;padding:4px 5px;}
  117. .vote-positive{color:#FF9800;}
  118. .vote-negative{color:#40A4FF;}
  119. .post-body img{max-width:100%;}
  120. .post-body blockquote img{max-width:532px;}
  121. .post-body blockquote blockquote img{max-width:498px;}
  122. .post-body blockquote blockquote blockquote img{max-width:464px;}
  123. .post-body blockquote blockquote blockquote blockquote img{max-width:430px;}
  124. .post-nuked{display:none;}
  125. .post-nuked-show{font-style:italic;}
  126. .messages-index img{max-width:477px;}
  127. .messages-index blockquote img{max-width:445px;}
  128. .messages-index blockquote blockquote img{max-width:412px;}
  129. .messages-index blockquote blockquote blockquote img{max-width:380px;}
  130. .calendar_select{width:220px;float:right;text-align:center;margin:2px;padding:0;}
  131. .calendar_date_select .cds_header,.calendar_date_select .cds_footer{padding:8px;}
  132. .calendar_date_select .cds_header a.prev{float:left;margin:0 2px;padding:4px 7px;}
  133. .calendar_date_select .cds_header a.next{float:right;margin:0 2px;padding:4px 7px;}
  134. .calendar_date_select .cds_header a.close{float:right;display:none;}
  135. .calendar_date_select .cds_header a.prev:hover,.calendar_date_select .cds_header a.next:hover{background:#35604d;color:#fff;text-decoration:none;}
  136. #notice,#error{border:1px solid #999;background:#eee;margin-bottom:10px;}
  137. #notice{background-color:#FBFBB1;text-align:center;padding:5px 0;}
  138. #errorExplanation{border:1px solid #333;background-color:#f1f1f1;margin-bottom:10px;}
  139. #errorExplanation h2{border-bottom:1px solid #333;font-size:11px;background-color:#FBFBB1;margin:0;padding:4px 5px;}
  140. #errorExplanation ul{margin:0;padding:6px 10px;}
  141. #errorExplanation ul li{padding:2px 0;}
  142. .content,.clear{clear:both;}
  143. .nav-footer,.box .small{margin:0 0 10px;}
  144. .box label,.thread dd.rank,.today,.calendar_date_select td.today{font-weight:700;}
  145. thead th a:link,thead th a:visited,.reminders a{color:#000; font-weight: bold;}
  146. thead th{color:#000;text-align:left;padding:0px 5px;height:5px}
  147. thead .tcm,.avatar-list,.avatar-show,.center{text-align:center;}
  148. thead th{font-weight:bold;}
  149. .thread,.forums-index,.forums-admin ul ul li{margin-bottom:5px;}
  150. .thread td,.messages-index{border:0;}
  151. .thread dl,.messages-index p{margin:0;}
  152. .thread dt,.comment-user,.title{font-size:12px;font-weight:700;letter-spacing:-1px;}
  153. .thread .thr,.day,.otherMonth,.specialDay,.todayDay{text-align:right;}
  154. .messages-index .tcr a,.disabled,.profile-rank,.calendar_date_select td div.other{color:#999;}
  155. .title a,.home-right .specialDay a:link,.home-right .specialDay a:visited{color:#333;}
  156. .home-right .calendar-nav,.at_sign,#errorExplanation p{display:none;}
  157. .pagination,.fieldWithErrors{display:inline;}
  158. .calendar_date_select td:hover,.calendar_date_select td.selected{background-color:#D1D1D1;}
  159. .topics-index tr{background: url(http://i.imgur.com/OHxZJ.gif); height: 39px;}
  160. .topics-index thead tr, thead tr, .home-right thead tr, #reply{background:url(http://i.imgur.com/co9lQ.gif); height:20px;}
  161. .topics-index thead th:first-child{color:#000;text-align:left;font-weight:400;padding:0px 27px;height:5px;}
  162. .topics-index tbody tr td {padding:5px;}
  163. .thread tr:first-child{background:url(http://i.imgur.com/5EoVp.gif);}
  164. .post-content a:link, .post-content a:visited, .post-content a:hover{font-weight:normal;}
  165. tr .headf .topics-index .tcm{width:7%; background url(http://i.imgur.com/co9lQ.gif); font-weight:bold;}
  166. thead th{background:transparent;}
  167. #reply {color:#000;}
  168. .steam_icon { margin-bottom: -3px; }
  169. /*
  170. github.com style (c) Vasily Polovnyov <vast@whiteants.net>
  171. http://softwaremaniacs.org/media/soft/highlight/styles/github.css
  172. */
  173. pre code{display:block;color:#000;background:#f8f8ff;margin-top:20px;overflow:auto;}
  174. pre .comment,pre .template_comment,pre .diff .header,pre .javadoc{color:#998;font-style:italic;}
  175. pre .keyword,pre .css .rule .keyword,pre .winutils,pre .javascript .title,pre .lisp .title,pre .subst{color:#000;font-weight:700;}
  176. pre .number,pre .hexcolor{color:#40a070;}
  177. pre .string,pre .attribute .value,pre .phpdoc{color:#d14;}
  178. pre .title,pre .id{color:#900;font-weight:700;}
  179. pre .javascript .title,pre .lisp .title,pre .subst{font-weight:400;}
  180. pre .tag,pre .css .keyword,pre .html .keyword,pre .tag .title,pre .django .tag .keyword{color:navy;font-weight:400;}
  181. pre .attribute,pre .variable,pre .instancevar,pre .lisp .body{color:teal;}
  182. pre .regexp{color:#009926;}
  183. pre .symbol,pre .lisp .keyword{color:#990073;}
  184. pre .builtin,pre .built_in,pre .lisp .title{color:#0086b3;}
  185. pre .preprocessor,pre .pi,pre .doctype,pre .shebang,pre .cdata{color:#999;font-weight:700;}
  186. pre .deletion{background:#fdd;}
  187. pre .addition{background:#dfd;}
  188. pre .diff .change{background:#0086b3;}
  189. pre .chunk{color:#aaa;}
  190. pre .class .title,pre .class{color:#458;font-weight:700;}