daily pastebin goal
76%
SHARE
TWEET

Untitled

a guest Jan 18th, 2019 48 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2.  --------------------------------------------------------------------------------
  3.   ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___   _____ _  _ ___ __  __ ___ ___
  4. /__| || |_ _| _ \/ _ \| | |/__| /_\/__|_ _| |_   _| || | __|  \/  | __/ __|
  5.  \__ \ __ || ||  /(_) | |_| \__ \/ _ \ (_ || |    | | | __ | _|| |\/| | _|\__ \
  6.  |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___|   |_| |_||_|___|_|  |_|___|___/
  7.                                                                                  
  8.  - ♤ LAYOUT NO.6; VARIANT TWO. --------------------------------------------------
  9.  -- ♤ DESIGN AND CODING BY NYMPHIAE (SHIROUSAGITHEMES). -------------------------
  10.  --- ♤ GIF FROM "KOSÉ ESPRIQUE" CM FEATURING NAMIE AMURO. -----------------------
  11.  ---- ♤ FONTS: ROBOTO, SATISFY, DEJAVU SANS. ------------------------------------
  12.  --------------------------------------------------------------------------------
  13.  */
  14.  
  15. @import url(https://fonts.googleapis.com/css?family=Roboto);
  16. @import url(https://fonts.googleapis.com/css?family=Satisfy);
  17.  
  18. @font-face {
  19.     font-family: 'DejaVu Sans';
  20.     src: url('https://dl.dropboxusercontent.com/u/188037746/Fonts/DejaVuSans.eot');
  21.     src: url('https://dl.dropboxusercontent.com/u/188037746/Fonts/DejaVuSans.eot?#iefix') format('embedded-opentype'),
  22.          url('https://dl.dropboxusercontent.com/u/188037746/Fonts/DejaVuSans.woff') format('woff'),
  23.          url('https://dl.dropboxusercontent.com/u/188037746/Fonts/DejaVuSans.ttf') format('truetype'),
  24.          url('https://dl.dropboxusercontent.com/u/188037746/Fonts/DejaVuSans.svg#dejavu_sans') format('svg');
  25. }
  26.  
  27. *
  28. {text-transform: lowercase;
  29. font-weight: normal;
  30. text-decoration: none;}
  31.  
  32. body
  33. {font-family: Roboto, Verdana, Arial, DejaVu Sans;
  34. font-size: 9pt;
  35. color: #777;
  36. cursor: default;
  37. background: #ffffaa;}
  38.  
  39. a
  40. {color: #555;
  41. cursor: pointer;
  42. transition: .45s;}
  43.  
  44. tr:hover td[class^="td"]:not(.borderRBL)
  45. {color: #222;}
  46. tr:hover td[class^="td"]:not(.borderRBL) a
  47. {color: #f7dd16;}
  48. tr:hover .animetitle
  49. {letter-spacing: 0.05em;}
  50.  
  51. #mal_cs_otherlinks:before
  52. {display: block;
  53. content: "";
  54. box-sizing: border-box;
  55. position: fixed;
  56. top: calc(50% - 125px);
  57. left: calc((((100% - 630px)/2) - 150px)/2);
  58. width: 150px;
  59. height: 150px;
  60. border: 1px solid #ffea49;
  61. background-color: #ffffff;
  62. z-index: 5;}
  63.  
  64. #copyright:before
  65. {display: block;
  66. content: "";
  67. width: 120px;
  68. height: 120px;
  69. position: fixed;
  70. top: calc(50% - 125px);
  71. left: calc((((100% - 630px)/2) - 150px)/2);
  72. margin: 15px;
  73. /* background-image: url(https://dl.dropboxusercontent.com/s/hl1ntv6q4m2t3at/6bb69be4896b4812ed751ba22db54309ba407824_hq.gif?dl=0); */
  74. background-size: cover;
  75. z-index: 10 !important;}
  76.  
  77. #list_surround
  78. {padding: 0 15px 15px 15px;
  79. width: 630px;
  80. margin: auto;
  81. left: 0%;
  82. right: 0%;
  83. top: 75px;
  84. overflow-y: scroll;
  85. bottom: 75px;
  86. background-color: #fff;
  87. position: absolute;
  88. box-sizing: border-box;
  89. border: 1px solid #f9e814;}
  90.  
  91. .header_title
  92. {font-family: Satisfy;
  93. font-size: 15pt;
  94. text-align: center;
  95. color: #f7dd16;
  96. padding: 15px;}
  97.  
  98. .td1, .td2, .table_header, .category_totals
  99. {height: 20px;
  100. line-height: 20px;
  101. padding: none !important;
  102. transition: .45s;}
  103.  
  104. td[class^="status_"] a
  105. {display: block;
  106. width: 150px;
  107. left: calc((((100% - 630px)/2) - 150px)/2);
  108. height: 16px;
  109. line-height: 16px;
  110. position: fixed;
  111. border-left: 1px solid #ffea49;
  112. border-right: 1px solid #ffea49;
  113. text-align: center;
  114. padding: 0 2px 0 2px;
  115. box-sizing: border-box;
  116. letter-spacing: -0.05em;
  117. transition: all .45s ease;
  118. background-color: #fff;}
  119.  
  120. td[class^="status_"] a:hover
  121. {letter-spacing: 0.05em;
  122. color: #e05f9f;}
  123.  
  124. td[class^="status_"]:first-of-type a:before, td[class^="status_"]:last-of-type a:before
  125. {content: "";
  126. position: fixed;
  127. display: block !important;
  128. width: 150px;
  129. left: calc((((100% - 630px)/2) - 150px)/2);
  130. border-left: 1px solid #ffea49;
  131. border-right: 1px solid #ffea49;
  132. height: 15px;
  133. width: 150px;
  134. background: #fff;
  135. box-sizing: border-box;
  136. pointer-events: none;}
  137. td[class^="status_"]:first-of-type a:before
  138. {top: calc(50% + 33px);
  139. border-top: 1px solid #ffea49;}
  140. td[class^="status_"]:last-of-type a:before
  141. {top: calc(50% + 144px);
  142. border-bottom: 1px solid #ffea49;}
  143.  
  144. td[class^="status_"]:first-of-type a
  145. {top: calc(50% + 48px);}
  146.  
  147. td[class^="status_"]:nth-of-type(2) a
  148. {top: calc(50% + 64px);}
  149.  
  150. td[class^="status_"]:nth-of-type(3) a
  151. {top: calc(50% + 80px);}
  152.  
  153. td[class^="status_"]:nth-of-type(4) a
  154. {top: calc(50% + 96px);}
  155.  
  156. td[class^="status_"]:nth-of-type(5) a
  157. {top: calc(50% + 112px);}
  158.  
  159. td[class^="status_"]:last-of-type a
  160. {top: calc(50% + 128px);}
  161.  
  162. .table_header, .category_totals
  163. {opacity: 0.75;}
  164.  
  165. .category_totals
  166. {text-align: center;
  167. letter-spacing: -0.05em;}
  168.  
  169. a[title="Click to increase your watched ep number by one"]
  170. {opacity: 0;
  171. transition: .45s;
  172. display: block;
  173. position: absolute;
  174. right: 10px;
  175. margin-top: -20px;}
  176. tr:hover a[title="Click to increase your watched ep number by one"]
  177. {opacity: 1;}
  178.  
  179. div[style="float: right;"]
  180. {opacity: 0;
  181. font-size: 0pt;
  182. color: transparent;
  183. transition: .45s;
  184. margin-top: 6px;
  185. vertical-align: top;
  186. white-space: nowrap;
  187. height: 10px;
  188. width: 20px;}
  189.  
  190. tr:hover div[style="float: right;"]
  191. {opacity: 1;}
  192.  
  193. td[class^="td"] .List_LightBox, td[class^="td"] a[href*="edit"], a[title="View More Information"]
  194. {font-size: 0px !important;
  195. display: inline-block;
  196. height: 8px !important;
  197. width: 8px !important;
  198. cursor: help;
  199. background-color: #777;
  200. background-image: url(https://dl.dropboxusercontent.com/s/4iysss9ukkvxg4j/aem.png);
  201. transition: .45s;}
  202.  
  203. td[class^="td"] .List_LightBox:hover, td[class^="td"] a[href*="edit"]:hover, a[title="View More Information"]:hover
  204. {background-color: #f7dd16;}
  205.  
  206. td[class^="td"] .List_LightBox
  207. {background-position: left top;}
  208.  
  209. td[class^="td"] a[href*="edit"]
  210. {background-position: 16px top;}
  211.  
  212. a[title="View More Information"]
  213. {background-position: 8px top;
  214. margin-left: 3px;}
  215.  
  216. .borderRBL
  217. {line-height: 9pt !important;
  218. background: #ffffaa;
  219. color: #f7dd16;
  220. padding: 0 10px 10px 10px;
  221. border: 10px solid #fff !important;
  222. font-size: 7pt;}
  223.  
  224. .borderRBL a
  225. {color: #f7dd16;
  226. text-shadow: 1px 1px 0px #fff;}
  227.  
  228. .borderRBL a[href*="id="]
  229. {border-bottom: 1px dotted #f7dd16;}
  230.  
  231. .borderRBL br
  232. {display: block !important;}
  233.  
  234. .borderRBL:before
  235. {content: "";
  236. display: block;
  237. height: 12px;
  238. width: 12px;
  239. position: relative;
  240. top: -6px;
  241. left: 10px;
  242. background-color: #ffffaa;
  243. transform: rotate(45deg);}
  244.  
  245. #mal_control_strip:before
  246. {display: block;
  247. box-sizing: border-box;
  248. content: "";
  249. position: fixed;
  250. top: calc(50% - 159px);
  251. left: calc((((100% - 630px)/2) - 150px)/2);
  252. width: 150px;
  253. height: 26px;
  254. border: 1px solid #ffea49;
  255. background-color: #ffffff;}
  256.  
  257. #mal_cs_listinfo a[href*="profile"], #mal_cs_listinfo a[onclick="$(this).parent().submit();"], #mal_cs_links .List_LightBox, #mal_cs_links a[href="/"],
  258. #mal_cs_otherlinks a[href="/login.php"], #mal_cs_otherlinks a[href="/register.php"], #mal_cs_otherlinks a[href="/forum/?topicid=515949"], #mal_cs_pic a
  259. {display: block;
  260. position: fixed;
  261. height: 16px;
  262. width: 16px;
  263. background-color: #777 !important;
  264. font-size: 0pt !important;
  265. top: calc(50% - 154px);
  266. transition: .45s;}
  267.  
  268. #mal_cs_listinfo a[href*="profile"], #mal_cs_listinfo a[onclick="$(this).parent().submit();"], #mal_cs_links .List_LightBox, #mal_cs_links a[href="/"]
  269. {background-image: url(https://dl.dropboxusercontent.com/s/mrh1bg18mce7ffn/inbtns.png) !important;}
  270.  
  271. #mal_cs_otherlinks a[href="/login.php"], #mal_cs_otherlinks a[href="/register.php"], #mal_cs_otherlinks a[href="/forum/?topicid=515949"], #mal_cs_pic a
  272. {background-image: url(https://dl.dropboxusercontent.com/s/7gky5ssgk9w91lf/outbtns.png) !important;}
  273.  
  274. #mal_cs_listinfo a[href*="profile"]:hover, #mal_cs_listinfo a[onclick="$(this).parent().submit();"]:hover, #mal_cs_links .List_LightBox:hover, #mal_cs_links a[href="/"]:hover,
  275. #mal_cs_otherlinks a[href="/login.php"]:hover, #mal_cs_otherlinks a[href="/register.php"]:hover, #mal_cs_otherlinks a[href="/forum/?topicid=515949"]:hover, #mal_cs_pic a:hover
  276. {background-color: #ffffaa !important;}
  277.  
  278. #mal_cs_listinfo a[href*="profile"], #mal_cs_otherlinks a[href="/register.php"]
  279. {left: calc((((100% - 630px)/2) - 150px)/2 + 77px);
  280. background-position: 32px top;}
  281.  
  282. #mal_cs_listinfo a[onclick="$(this).parent().submit();"], #mal_cs_otherlinks a[href="/forum/?topicid=515949"]
  283. {left: calc((((100% - 630px)/2) - 150px)/2 + 97px);
  284. background-position: 16px top;}
  285.  
  286. #mal_cs_links .List_LightBox, #mal_cs_pic a
  287. {left: calc((((100% - 630px)/2) - 150px)/2 + 37px);
  288. background-position: left top;}
  289.  
  290. #mal_cs_links a[href="/"], #mal_cs_otherlinks a[href="/login.php"]
  291. {left: calc((((100% - 630px)/2) - 150px)/2 + 57px);
  292. background-position: -16px top;}
  293.  
  294. #mal_control_strip
  295. {position: fixed;
  296. top: -100px !important;}
  297.  
  298. #list_surround br, #mal_cs_pic img
  299. {display: none;}
  300.  
  301. .animetitle
  302. {display: inline-block !important;
  303. vertical-align: top;
  304. height: 20px;
  305. line-height: 20px;
  306. max-width: 335px;
  307. white-space: nowrap;
  308. overflow: hidden;
  309. text-overflow: ellipsis;
  310. letter-spacing: 0em;
  311. transition: .45s;}
  312.  
  313. .animetitle + small
  314. {color: #ffea49;
  315. font-size: 7pt;
  316. height: 20px;
  317. display: inline-block !important;
  318. vertical-align: top;
  319. line-height: 21px;}
  320.  
  321. @-moz-document url-prefix() {
  322.  
  323.     .animetitle {
  324.     max-width: 323px;
  325.     }
  326.  
  327.     .animetitle + small {
  328.     line-height: 23px;
  329.     }
  330. }
  331.  
  332. .animetitle + small:before
  333. {content: "[ ";}
  334.  
  335. .animetitle + small:after
  336. {content: " ]";}
  337.  
  338. #grand_totals
  339. {display: block;
  340. background: #ffffaa;
  341. color: #f7dd16;
  342. padding: 0 13px 13px 13px;
  343. text-align: center;
  344. letter-spacing: -0.05em;
  345. margin-top: 15px;}
  346.  
  347. #grand_totals:before
  348. {content: "";
  349. display: block;
  350. height: 12px;
  351. width: 12px;
  352. position: relative;
  353. top: -6px;
  354. left: 281px;
  355. background-color: #ffffaa;
  356. transform: rotate(45deg);}
  357.  
  358. #copyright
  359. {color: #ffea49;
  360. margin-bottom: 10px;}
  361.  
  362. #copyright:after
  363. {display: block;
  364. content: "design and coding by nymphiae";
  365. color: #ffea49;
  366. margin-bottom: 15px;}
  367.  
  368. ::-webkit-scrollbar
  369. {width: 6px;
  370. background-color: #fff;
  371. border-left: 1px solid #ffea49;}
  372. ::-webkit-scrollbar-thumb
  373. {background-color: #ffea49;}
  374.  
  375. ::-moz-selection
  376. {color: #f9e440;
  377. background: #f3f3f3;
  378. text-shadow: none;}
  379. ::selection
  380. {color: #e092b5;
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top