Advertisement
Guest User

Untitled

a guest
Jan 28th, 2015
195
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 KB | None | 0 0
  1. @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/TopBarReduxGreen.css";
  2. @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css";
  3. @import "http://fonts.googleapis.com/css?family=Autour+One";
  4. @import "http://fonts.googleapis.com/css?family=Patrick+Hand+SC";
  5. * {
  6. text-decoration: none;
  7. }
  8. body {
  9. background-attachment: fixed;
  10. background-clip: border-box;
  11. background-color: transparent;
  12. background-image: url("http://www.emptyblue.it/data/wallpaper/LittleBusters/little_busters_everyone.jpg");
  13. background-position: 0 83%;
  14. background-repeat: no-repeat no-repeat;
  15. background-size: cover;
  16. font-family: Autour One;
  17. }
  18. #inlineContent {
  19. background-image: url("");
  20. background-repeat: no-repeat no-repeat;
  21. display: inline-block !important;
  22. height: 3000px !important;
  23. left: 0 !important;
  24. margin: auto !important;
  25. position: fixed;
  26. top: 0 !important;
  27. width: 3000px !important;
  28. z-index: -4 !important;
  29. }
  30. #list_surround {
  31. background-attachment: scroll;
  32. background-image: url("http://i.imgur.com/wQOU6p5.png");
  33. background-position: 50% 16%;
  34. background-repeat: no-repeat no-repeat;
  35. background-size: 800px auto;
  36. font-size: 13px;
  37. height: 250px;
  38. left: 0;
  39. margin: 0 auto;
  40. padding-bottom: 10px;
  41. padding-top: 283px;
  42. position: absolute;
  43. right: 0;
  44. top: 21px;
  45. width: 900px;
  46. }
  47. .td1, .td2 {
  48. background-color: rgba(119, 177, 137, 0.6);
  49. height: 65px;
  50. padding: 2px;
  51. }
  52. tr:hover [class^="td"] {
  53. background-color: rgba(38, 135, 252, 0.7);
  54. transition: all 0.4s linear 0s;
  55. }
  56. a, .table_header, .category_totals {
  57. color: white;
  58. text-shadow: none;
  59. }
  60. a:hover {
  61. text-decoration: underline;
  62. text-shadow: 1px 2px 3px black !important;
  63. }
  64. .table_header a {
  65. color: white;
  66. }
  67. .table_header {
  68. background-color: rgba(79, 124, 55, 0.8);
  69. padding: 3px;
  70. text-align: center;
  71. }
  72. .table_header:nth-of-type(3) {
  73. padding-right: 9px;
  74. text-align: center;
  75. }
  76. .table_header:first-of-type {
  77. border-top-left-radius: 10px;
  78. }
  79. .table_header:nth-of-type(2) {
  80. padding-left: 39px;
  81. text-align: left;
  82. z-index: 6;
  83. }
  84. .table_header:nth-of-type(4) {
  85. padding-right: 5px;
  86. }
  87. .table_header:nth-of-type(5) {
  88. border-top-right-radius: 10px;
  89. padding-right: 7px;
  90. }
  91. .category_totals {
  92. background-color: rgba(79, 124, 55, 0.8);
  93. border-radius: 0 0 10px 10px;
  94. height: 40px;
  95. padding: 3px;
  96. text-align: center;
  97. }
  98. .td1:nth-of-type(1), .td2:nth-of-type(1) {
  99. color: white;
  100. }
  101. .td1:nth-of-type(2), .td2:nth-of-type(2) {
  102. padding-left: 42px;
  103. text-align: left;
  104. vertical-align: top;
  105. width: 639px;
  106. }
  107. .td1:nth-of-type(3), .td2:nth-of-type(3) {
  108. color: white;
  109. padding-right: 11px !important;
  110. vertical-align: top;
  111. }
  112. .td1:nth-of-type(4), .td2:nth-of-type(4) {
  113. color: white;
  114. padding-right: 10px;
  115. vertical-align: top;
  116. }
  117. .td1:nth-of-type(5), .td2:nth-of-type(5) {
  118. color: white;
  119. padding-right: 8px;
  120. vertical-align: top;
  121. }
  122. .animetitle + small {
  123. color: yellow;
  124. font-size: 12px !important;
  125. font-weight: bold;
  126. left: 4%;
  127. margin-top: 66px;
  128. padding-right: 2px;
  129. text-overflow: ellipsis;
  130. z-index: 1;
  131. }
  132. [cellspacing="0"] {
  133. line-height: 17px;
  134. }
  135. .category_totals:hover {
  136. background-color: rgba(196, 30, 14, 0.7);
  137. color: #FFFFFF;
  138. }
  139. #grand_totals {
  140. background-color: rgba(79, 124, 55, 0.8);
  141. border: 0 none;
  142. border-radius: 10px 10px 10px 10px;
  143. box-shadow: 0 0 15px 0 white inset;
  144. color: #FFFFFF;
  145. line-height: 20px;
  146. min-height: 20px;
  147. padding: 8px;
  148. text-align: center;
  149. vertical-align: middle;
  150. }
  151. .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
  152. color: transparent;
  153. display: block;
  154. font-size: 0;
  155. height: 113px;
  156. width: 263px;
  157. }
  158. .status_selected {
  159. display: block;
  160. }
  161. .status_not_selected {
  162. display: block;
  163. }
  164. .status_not_selected {
  165. opacity: 0.7;
  166. }
  167. .status_not_selected:hover {
  168. color: transparent;
  169. opacity: 1;
  170. transition: all 0.4s ease 0s;
  171. }
  172. #list_surround .status_selected, #list_surround .status_not_selected {
  173. background-clip: padding-box !important;
  174. background-color: transparent;
  175. background-image: url("http://i.imgur.com/lLZjlP8.png");
  176. background-position: 0 0;
  177. background-repeat: no-repeat no-repeat;
  178. background-size: 100% auto;
  179. border: 1px solid transparent;
  180. border-radius: 10px 10px 10px 10px;
  181. display: block;
  182. left: -450px;
  183. padding: 0;
  184. position: absolute;
  185. top: 60px;
  186. width: 263px;
  187. }
  188. #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
  189. background-image: url("http://i.imgur.com/lLZjlP8.png");
  190. background-position: 100% 20%;
  191. top: 180px;
  192. }
  193. #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 {
  194. background-image: url("http://i.imgur.com/lLZjlP8.png");
  195. background-position: 0 40%;
  196. top: 300px;
  197. }
  198. #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 {
  199. background-image: url("http://i.imgur.com/lLZjlP8.png");
  200. background-position: 100% 60%;
  201. top: 420px;
  202. }
  203. #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 {
  204. background-image: url("http://i.imgur.com/lLZjlP8.png");
  205. background-position: 0 80%;
  206. top: 540px;
  207. }
  208. #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 {
  209. background-image: url("http://i.imgur.com/lLZjlP8.png");
  210. background-position: 100% 100%;
  211. top: 660px;
  212. }
  213. [class^="header_"] * {
  214. background-repeat: no-repeat no-repeat;
  215. font-size: 0;
  216. height: 200px;
  217. line-height: 24px;
  218. padding-bottom: 4px;
  219. text-align: right;
  220. vertical-align: bottom;
  221. }
  222. .header_title {
  223. border-radius: 4px 4px 4px 4px;
  224. color: #FFFFFF;
  225. display: inline-block;
  226. font-style: italic;
  227. height: auto;
  228. padding: 0 8px 0 0;
  229. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  230. }
  231. .header_cw {
  232. background-color: transparent;
  233. background-image: url("http://i.imgur.com/UTtMcvh.png");
  234. background-position: 50% 150px;
  235. background-repeat: no-repeat no-repeat;
  236. height: 50px;
  237. margin-bottom: 0;
  238. margin-top: -50px;
  239. }
  240. .header_completed {
  241. background-color: transparent;
  242. background-image: url("http://i.imgur.com/xqwnTt5.png");
  243. background-position: 50% 150px;
  244. background-repeat: no-repeat no-repeat;
  245. height: 50px;
  246. margin-bottom: 0;
  247. margin-top: -100px;
  248. }
  249. .header_onhold {
  250. background-color: transparent;
  251. background-image: url("http://i.imgur.com/80gqkum.png");
  252. background-position: 50% 150px;
  253. background-repeat: no-repeat no-repeat;
  254. height: 50px;
  255. margin-bottom: 0;
  256. margin-top: -100px;
  257. }
  258. .header_dropped {
  259. background-color: transparent;
  260. background-image: url("http://i.imgur.com/xMvAM2j.png");
  261. background-position: 50% 150px;
  262. background-repeat: no-repeat no-repeat;
  263. height: 50px;
  264. margin-bottom: 0;
  265. margin-top: -100px;
  266. }
  267. .header_ptw {
  268. background-color: transparent;
  269. background-image: url("http://i.imgur.com/wfRvQHM.png");
  270. background-position: 50% 150px;
  271. background-repeat: no-repeat no-repeat;
  272. height: 50px;
  273. margin-bottom: 0;
  274. margin-top: -100px;
  275. }
  276. .hide {
  277. background-color: rgba(248, 162, 200, 0.7);
  278. background-position: 50% 50%;
  279. background-repeat: no-repeat no-repeat;
  280. background-size: cover;
  281. border: 1px solid #FFFFFF;
  282. border-radius: 5px 5px 5px 5px;
  283. display: inline-block !important;
  284. height: 55px;
  285. margin-left: 30px;
  286. margin-top: -61px;
  287. position: absolute;
  288. transition: all 0.25s ease-in-out 0s;
  289. width: 35px;
  290. }
  291. .hide:hover {
  292. background-color: transparent;
  293. background-repeat: no-repeat no-repeat;
  294. background-size: cover;
  295. border-radius: 20px 20px 20px 20px;
  296. box-shadow: 0 0 8px 8px white;
  297. margin-left: -218px;
  298. padding-right: 150px;
  299. padding-top: 220px !important;
  300. position: absolute;
  301. z-index: 20;
  302. }
  303. .hide:hover:after {
  304. background: none repeat scroll 0 0 transparent;
  305. content: " ";
  306. height: 65px;
  307. left: 42px;
  308. position: absolute;
  309. top: 0;
  310. width: 247px;
  311. z-index: 20;
  312. }
  313. .td1:nth-of-type(6), .td2:nth-of-type(6) {
  314. background-attachment: scroll;
  315. background-color: transparent !important;
  316. background-image: none;
  317. background-position: 0 0;
  318. background-repeat: repeat repeat;
  319. border-radius: 10px 10px 10px 10px;
  320. color: white;
  321. display: inline-block;
  322. font-family: Patrick Hand SC;
  323. font-size: 14px;
  324. height: 50px;
  325. left: 89px;
  326. line-height: 16px !important;
  327. margin-left: -16px;
  328. margin-top: 18px;
  329. padding: 5px;
  330. position: absolute;
  331. width: 740px;
  332. z-index: 2;
  333. }
  334. .table_header:nth-of-type(6) {
  335. display: none;
  336. }
  337. span[id*="tagRow"] {
  338. display: block !important;
  339. }
  340. span[id*="tagLinks"] {
  341. display: none !important;
  342. }
  343. .td1 div, .td2{
  344. color: transparent;
  345. padding-left: 4px;
  346. }
  347. .td1small a:first-of-type, .td2small a:first-of-type {
  348. color: white;
  349. float: right;
  350. position: relative;
  351. right: 23px;
  352. top: 0;
  353. }
  354. .td1small a:last-of-type, .td2small a:last-of-type {
  355. color: transparent;
  356. display: none;
  357. float: right;
  358. position: relative;
  359. right: 59px;
  360. }
  361. #copyright, #copyright:hover {
  362. background-color: rgba(79, 124, 55, 0.8);
  363. border-radius: 10px 10px 10px 10px;
  364. bottom: 0;
  365. color: white;
  366. padding: 4px;
  367. width: 100%;
  368. }
  369. #copyright:before {
  370. color: white;
  371. content: " Original Design by TheHolyPotato, redesigned by SylakentH_";
  372. font-size: 12px;
  373. padding-right: 10px;
  374. }
  375. #copyright:after {
  376. color: gold;
  377. content: " ";
  378. padding-left: 20px;
  379. }
  380. #copyright a {
  381. }
  382. @media all and (max-device-width: 1366px){
  383. #list_surround {
  384. left: 300px !important;
  385. width: 750px;
  386. }
  387. .td1:nth-of-type(6), .td2:nth-of-type(6) {
  388. margin-top: 25px;
  389. width: 640px;
  390. }
  391. .td1:nth-of-type(2), .td2:nth-of-type(2) {
  392. width: 517px;
  393. }
  394. #list_surround .status_selected, #list_surround .status_not_selected {
  395. left: -400px;
  396. }
  397. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement