Advertisement
Guest User

css paz mal

a guest
Apr 1st, 2015
220
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.76 KB | None | 0 0
  1. @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/SaoTopbar.css";
  2. @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css";
  3. @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css";
  4. * {
  5. text-decoration: none;
  6. }
  7. body {
  8. background-attachment: fixed;
  9. background-clip: border-box;
  10. background-color: transparent;
  11. background-image: url("http://i.imgur.com/KW3WSwR.jpg");
  12. background-position: 0 50%;
  13. background-repeat: no-repeat no-repeat;
  14. background-size: cover;
  15. font-family: candara;
  16. }
  17. #inlineContent {
  18. background-repeat: no-repeat no-repeat;
  19. display: inline-block !important;
  20. height: 3000px !important;
  21. left: 0 !important;
  22. margin: auto !important;
  23. position: fixed;
  24. top: 0 !important;
  25. width: 3000px !important;
  26. z-index: -4 !important;
  27. }
  28. #list_surround {
  29. font-size: 81.25%;
  30. height: 250px;
  31. left: 4%;
  32. line-height: 1;
  33. margin: 0 auto;
  34. padding-bottom: 1px;
  35. padding-top: 1px;
  36. position: absolute;
  37. top: 0;
  38. width: 650px;
  39. }
  40. .td1, .td2 {
  41. transition: background-color 0.5s linear 0s;
  42. }
  43. td[class^="td"]:nth-of-type(2) {
  44. width: 429px !important;
  45. }
  46. tr:hover .animetitle {
  47. color: #ACF6FF;
  48. font-weight: bold !important;
  49. text-shadow: 2px 1px 2px black;
  50. transition: all 0.25s ease 0s;
  51. }
  52. tr:hover [class^="td"] {
  53. background-color: rgba(242, 166, 3, 0.9);
  54. transition: all 0.4s ease 0s;
  55. }
  56. a {
  57. color: black;
  58. text-shadow: none;
  59. }
  60. td:nth-of-type(3) {
  61. background-image: url("http://i42.tinypic.com/5mjv8.png");
  62. background-position: 14px 2px;
  63. background-repeat: no-repeat;
  64. background-size: 21px 21px;
  65. padding-top: 3px;
  66. }
  67. tr:hover td:nth-of-type(3) {
  68. background-image: url("http://i40.tinypic.com/2me67gz.png");
  69. background-size: 21px 21px;
  70. transition: all 0.4s ease 0s;
  71. }
  72. a:hover {
  73. color: red !important;
  74. font-weight: bold !important;
  75. text-shadow: 1px 1px 1px black !important;
  76. }
  77. .td1:nth-of-type(5), .td2:nth-of-type(5) {
  78. border-right: 2px solid white !important;
  79. }
  80. .td1:nth-of-type(1), .td2:nth-of-type(1) {
  81. border-left: 2px solid white !important;
  82. }
  83. .table_header:first-of-type {
  84. border-left: 2px solid white !important;
  85. border-radius: 20px 0 0 0;
  86. border-top: 2px solid white !important;
  87. }
  88. .table_header:nth-of-type(5) {
  89. border-right: 2px solid white !important;
  90. border-top: 2px solid white !important;
  91. }
  92. .table_header:nth-of-type(2) {
  93. text-align: left;
  94. }
  95. td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4), td.table_header:nth-of-type(5) {
  96. background-image: url("none");
  97. border-top: 2px solid white;
  98. }
  99. .table_header:nth-of-type(5) {
  100. border-bottom-right-radius: 0;
  101. border-top-left-radius: 0;
  102. border-top-right-radius: 20px;
  103. }
  104. .table_header, .td1, .td2, .category_totals {
  105. background-color: rgba(255, 255, 255, 0.6);
  106. border: 0 none;
  107. padding: 3px;
  108. text-align: center;
  109. vertical-align: top;
  110. }
  111. .td1:nth-of-type(2), .td2:nth-of-type(2) {
  112. text-align: left;
  113. }
  114. .table_header:nth-of-type(6) {
  115. display: none;
  116. width: 0;
  117. }
  118. small {
  119. color: #B73C3F;
  120. font-weight: bold;
  121. }
  122. .table_header, .td1, .td2, .category_totals {
  123. color: black;
  124. }
  125. [cellspacing="0"] {
  126. line-height: 17px;
  127. }
  128. .category_totals {
  129. background-color: rgba(255, 255, 255, 0.4);
  130. border: 2px solid white;
  131. border-radius: 0 0 12px 12px;
  132. text-align: center;
  133. }
  134. .category_totals:hover {
  135. background-color: rgba(196, 30, 14, 0.7);
  136. color: #FFFFFF;
  137. }
  138. [class^="header_"] * {
  139. background-repeat: no-repeat no-repeat;
  140. font-size: 0;
  141. height: 200px;
  142. line-height: 24px;
  143. padding-bottom: 0;
  144. text-align: right;
  145. vertical-align: bottom;
  146. }
  147. .header_title {
  148. border-radius: 4px 4px 4px 4px;
  149. color: #FFFFFF;
  150. display: inline-block;
  151. font-style: italic;
  152. height: auto;
  153. padding: 0 8px 0 0;
  154. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  155. }
  156. #grand_totals {
  157. background-color: rgba(255, 255, 255, 0.4);
  158. border: 0 none;
  159. border-radius: 3px 3px 3px 3px;
  160. color: #FFFFFF;
  161. line-height: 20px;
  162. min-height: 20px;
  163. padding: 8px;
  164. text-align: center;
  165. vertical-align: middle;
  166. }
  167. .status_not_selected {
  168. opacity: 0.8;
  169. right: -201px !important;
  170. transition: all 0.4s ease 0s;
  171. z-index: 0;
  172. }
  173. .status_not_selected:hover {
  174. color: transparent;
  175. opacity: 1 !important;
  176. right: 2% !important;
  177. transition: all 0.4s ease 0s;
  178. z-index: 2 !important;
  179. }
  180. .status_selected, .status_not_selected {
  181. display: block;
  182. }
  183. .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
  184. color: transparent;
  185. display: block;
  186. height: 100px;
  187. opacity: 0;
  188. right: 4px;
  189. width: 300px;
  190. }
  191. .header_cw {
  192. background-color: transparent;
  193. background-image: url("http://i44.tinypic.com/e6vdya.png");
  194. background-position: -26% 59%;
  195. background-repeat: no-repeat no-repeat;
  196. background-size: 75% auto;
  197. height: 200px;
  198. margin-bottom: -44px;
  199. margin-top: -15px;
  200. }
  201. .header_completed {
  202. background-color: transparent;
  203. background-image: url("http://i41.tinypic.com/34njjw8.png");
  204. background-repeat: no-repeat no-repeat;
  205. height: 200px;
  206. margin-bottom: -44px;
  207. margin-top: -15px;
  208. z-index: 0;
  209. }
  210. .header_onhold {
  211. background-color: transparent;
  212. background-image: url("http://i43.tinypic.com/fbz70y.png");
  213. background-repeat: no-repeat no-repeat;
  214. height: 200px;
  215. margin-bottom: -44px;
  216. margin-top: -15px;
  217. }
  218. .header_dropped {
  219. background-color: transparent;
  220. background-image: url("http://i44.tinypic.com/357j192.png");
  221. background-repeat: no-repeat no-repeat;
  222. height: 200px;
  223. margin-bottom: -44px;
  224. margin-top: -15px;
  225. }
  226. .header_ptw {
  227. background-color: transparent;
  228. background-image: url("http://i41.tinypic.com/345d25w.png");
  229. background-repeat: no-repeat no-repeat;
  230. height: 200px;
  231. margin-bottom: -44px;
  232. margin-top: -15px;
  233. }
  234. #list_surround .status_selected, #list_surround .status_not_selected {
  235. background-attachment: scroll;
  236. background-color: transparent;
  237. background-image: url("http://i44.tinypic.com/33mbj1h.png");
  238. background-position: 0 0;
  239. background-repeat: no-repeat no-repeat;
  240. display: block;
  241. height: 100px;
  242. padding: 0;
  243. position: fixed;
  244. right: 24px;
  245. top: 170px;
  246. width: 300px;
  247. }
  248. #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
  249. background-attachment: scroll;
  250. background-color: transparent;
  251. background-image: url("http://i40.tinypic.com/2w33igk.png");
  252. right: 24px;
  253. top: 270px;
  254. }
  255. #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected {
  256. background-attachment: scroll;
  257. background-color: transparent;
  258. background-image: url("http://i43.tinypic.com/2ibyya1.png");
  259. background-position: 0 0;
  260. background-size: 300px 100px !important;
  261. height: 100px !important;
  262. right: 24px;
  263. top: 370px;
  264. width: 300px !important;
  265. }
  266. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  267. background-attachment: scroll;
  268. background-color: transparent;
  269. background-image: url("http://i42.tinypic.com/2nla7h0.png");
  270. right: 24px;
  271. top: 470px;
  272. }
  273. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  274. background-attachment: scroll;
  275. background-color: transparent;
  276. background-image: url("http://i44.tinypic.com/iqdjpu.png");
  277. right: 24px;
  278. top: 570px;
  279. }
  280. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  281. background-attachment: scroll;
  282. background-color: transparent;
  283. background-image: url("http://i43.tinypic.com/am6002.png");
  284. background-position: 0 0;
  285. background-repeat: no-repeat no-repeat;
  286. right: 24px;
  287. top: 670px;
  288. }
  289. .hide:before {
  290. background: none repeat scroll 0 0 transparent;
  291. border-radius: 25px 25px 0 0;
  292. color: white;
  293. content: "";
  294. padding-bottom: 5px;
  295. position: absolute;
  296. text-align: center;
  297. top: 10px;
  298. width: 262px;
  299. }
  300. .td1:nth-of-type(6), .td2:nth-of-type(6) {
  301. background-color: rgba(255, 255, 255, 0.5) !important;
  302. border-color: white;
  303. border-radius: 15px 15px 15px 15px;
  304. border-style: solid;
  305. border-width: 2px;
  306. display: none;
  307. height: auto;
  308. left: 32px;
  309. padding: 10px;
  310. position: fixed;
  311. top: 634px;
  312. width: 183px;
  313. }
  314. #copyright, #copyright:hover {
  315. background-color: rgba(196, 30, 14, 0.7);
  316. border-radius: 5px 5px 5px 5px;
  317. bottom: 0;
  318. color: white;
  319. padding: 2px;
  320. width: 100%;
  321. }
  322. #copyright:hover {
  323. }
  324. #copyright:before {
  325. color: black;
  326. font-style: italic;
  327. content: "Pazukunous";
  328. font-size: 12px;
  329. padding-right: 10px;
  330. }
  331. #copyright:after {
  332. color: gold;
  333. content: " ";
  334. padding-left: 20px;
  335. }
  336. #copyright a {
  337. }
  338. a[href=""], [href=""] {
  339. background-attachment: scroll;
  340. background-color: transparent;
  341. background-image: url("http://i43.tinypic.com/6gg481.png");
  342. background-position: left top;
  343. background-repeat: no-repeat;
  344. color: gold;
  345. font-size: 16px;
  346. font-weight: bold;
  347. padding-left: 23px;
  348. text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
  349. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement