Advertisement
Guest User

Untitled

a guest
Jun 27th, 2014
204
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.48 KB | None | 0 0
  1. /*
  2. MAIN BACKGROUND COLOR AND IMAGE
  3.  
  4. */
  5. body {
  6. background-image: url(http://i.imgur.com/SkOnUFF.jpg);
  7. background-attachment: fixed;
  8. background-size: cover;
  9. text-shadow: 1px 0px 4px #800000;
  10. }
  11.  
  12. /*
  13. TITLE
  14. */
  15. #list_surround {
  16. background: url("http://i44.tinypic.com/15s9esp.jpg") no-repeat scroll 50% 1px transparent;
  17. font-size: 81,25%;
  18. line-height: 1;
  19. margin: 0 auto;
  20. padding-bottom: 10px;
  21. padding-top: 227px;
  22. width: 920px;
  23. }
  24.  
  25.  
  26.  
  27. /*
  28. FONT
  29. Font used across the whole list.
  30. */
  31. body {
  32. font-family: arial;
  33. }
  34.  
  35.  
  36. /*
  37. LINK COLOR
  38. */
  39. a {
  40. -moz-transition: all 0.25s ease-in-out 0s;
  41. -webkit-transition: all 0.25s ease-in-out 0s;
  42. -o-transition: all 0.25s ease-in-out 0s;
  43. transition: all 0.25s ease-in-out 0s;
  44. color: #EEEEEE;
  45. text-decoration: none;
  46. text-shadow: none;
  47. }
  48. a:hover {
  49. color: #3F1786;
  50. text-shadow: 0 1px rgba(255, 255, 255, 0.15);
  51. }
  52.  
  53.  
  54.  
  55. /* CATEGORY LINKS */
  56. .status_not_selected, .status_selected {
  57. border: 0 none !important;
  58. height: auto !important;
  59. padding: 0 8px;
  60. text-align: center !important;
  61. width: 16.667% !important;
  62. }
  63. .status_not_selected a, .status_selected a {
  64. background-color: rgba(64, 60, 90, 0.6);
  65. border-color: rgba(48, 44, 64, 0.5);
  66. border-radius: 2px 2px 2px 2px;
  67. border-style: solid;
  68. border-width: 1px;
  69. color: #FFFFFF;
  70. display: block !important;
  71. font-weight: bold;
  72. padding: 8px;
  73. text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  74. }
  75. .status_selected a {
  76. background-color: rgba(180, 32, 48, 0.6);
  77. border-color: rgba(164, 16, 32, 0.5);
  78. }
  79. .status_not_selected a:hover {
  80. background-color: #403C5A;
  81. border-color: #201C3A;
  82. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  83. text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  84. }
  85. .status_selected a:hover {
  86. background-color: #B42030;
  87. border-color: rgba(148, 0, 24, 0.5);
  88. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  89. text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  90. }
  91.  
  92.  
  93.  
  94. /* HEADER */
  95. .table_header {
  96. background-color: rgba(65, 35, 95, 0.6);
  97. }
  98. .table_header:first-of-type {
  99. border-radius: 3px 0 0 0;
  100. }
  101. .table_header:nth-of-type(2) {
  102. text-align: left;
  103. }
  104. .table_header:last-of-type {
  105. border-radius: 0 3px 0 0;
  106. }
  107.  
  108.  
  109.  
  110. /* ROWS COLOR */
  111. .td1 {
  112. -moz-transition: all 0.25s ease-in-out 0s;
  113. -webkit-transition: all 0.25s ease-in-out 0s;
  114. -o-transition: all 0.25s ease-in-out 0s;
  115. transition: all 0.25s ease-in-out 0s;
  116. background-color: rgba(136, 147, 169, 0.6);
  117. }
  118. .td2 {
  119. -moz-transition: all 0.25s ease-in-out 0s;
  120. -webkit-transition: all 0.25s ease-in-out 0s;
  121. -o-transition: all 0.25s ease-in-out 0s;
  122. transition: all 0.25s ease-in-out 0s;
  123. background-color: rgba(151, 164, 183, 0.6);
  124. }
  125.  
  126.  
  127.  
  128. /* ROWS HOVER */
  129. tr:hover [class^="td"] {
  130. background-color: rgba(72, 64, 87, 0.6);
  131. }
  132. .td1:nth-of-type(2), .td2:nth-of-type(2) {
  133. text-align: left;
  134. }
  135.  
  136.  
  137.  
  138. /* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */
  139. noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 {
  140. font-size: 15px;
  141. }
  142.  
  143.  
  144.  
  145. /* LIST SETTINGS */
  146. .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals {
  147. border: 0;
  148. padding: 4px;
  149. text-align: center;
  150. vertical-align: middle;
  151. }
  152. .table_header, .td1, .td2, .category_totals {
  153. line-height: 30px;
  154. }
  155. .borderRBL{
  156. line-height: normal !important;
  157. }
  158. [cellspacing="0"] {
  159. line-height: 17px;
  160. }
  161. [class^="header_"] +{
  162. border-collapse: separate !important;
  163. }
  164.  
  165.  
  166.  
  167. /* CATEGORY TOTALS */
  168. .category_totals {
  169. -moz-transition: all 0.25s ease-in-out 0s;
  170. -webkit-transition: all 0.25s ease-in-out 0s;
  171. -o-transition: all 0.25s ease-in-out 0s;
  172. transition: all 0.25s ease-in-out 0s;
  173. background-color: rgba(72, 64, 87, 0);
  174. border-radius: 0 0 3px 3px;
  175. color: rgba(51, 51, 51, 0);
  176. text-align: center;
  177. }
  178. .category_totals:hover {
  179. background-color: rgba(72, 64, 87, 0.6);
  180. color: #EEEEEE;
  181. }
  182.  
  183.  
  184.  
  185. /* HEADER TEXT AND DIMENSIONS */
  186. [class^="header_"] * {
  187. font-size: 19px;
  188. height: 60px;
  189. line-height: 24px;
  190. padding-bottom: 4px;
  191. text-align: right;
  192. vertical-align: bottom;
  193. }
  194. .header_title {
  195. border-radius: 4px 4px 4px 4px;
  196. display: inline-block;
  197. font-style: italic;
  198. height: auto;
  199. padding: 0 8px 0 0;
  200. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
  201. }
  202.  
  203.  
  204.  
  205. /* BOTTOM OF LIST */
  206. #grand_totals {
  207. background-color: rgba(72, 64, 87, 0.6);
  208. border: 0 none;
  209. border-radius: 3px 3px 3px 3px;
  210. color: #EEEEEE;
  211. line-height: 20px;
  212. min-height: 20px;
  213. padding: 8px;
  214. text-align: center;
  215. vertical-align: middle;
  216. }
  217. #copyright {
  218. background-color: rgba(180, 32, 48, 0.6);
  219. border-radius: 3px 3px 3px 3px;
  220. color: #EEEEEE;
  221. line-height: 17px;
  222. margin-top: 10px;
  223. padding: 8px;
  224. text-align: center;
  225. }
  226. body {
  227. background-size: cover;
  228. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement