API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 24th, 2018
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.29 KB | None | 0 0
raw download clone embed print report
  1. /* COVERS */
  2.  
  3. @import "https://dl.dropbox.com/s/czf7gmx1fv6i11y/animecovers2.css";
  4.  
  5.  
  6. /* Stylesheet by Wyverncloak */
  7. /* ------------------------------------------------------------ */ /* Font imports */
  8.  
  9. @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500);
  10. @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:800);
  11.  
  12. /* ------------------------------------------------------------ */ /* Cover art setup */
  13.  
  14. :hover + .hide {
  15. width: 12vw; height:17vw;
  16. bottom:30vw; right:27vw;
  17.  
  18. background-size: cover;
  19. background-color: white;
  20. background-position: center center !important;
  21. background-repeat: no-repeat !important;
  22.  
  23. border-width: 1px;
  24. border-style: solid;
  25. border-color: black;
  26.  
  27. display: block;
  28. position: fixed;
  29. }
  30.  
  31. .hide:before {
  32. background: transparent;
  33. }
  34.  
  35. /* ------------------------------------------------------------ */ /* Color scheme and setup */
  36.  
  37. #grand_totals, .category_totals, [class^=status_], [style^="float: right"] {
  38. display: none;
  39. }
  40.  
  41. [href] {
  42. text-decoration: none;
  43. color: #555555;
  44. }
  45.  
  46. [href]:hover, [id^="scor"]:hover {
  47. color: #7388A1;
  48. }
  49.  
  50. tr:hover [class^="td"] {
  51. background-color: #97C472;
  52. }
  53.  
  54. #list_surround {
  55. position: relative;
  56. background-image: url('http://signavatar.com/47547_s.gif');
  57. background-repeat: no-repeat;
  58. background-position: right bottom;
  59. background-size: 33% auto;
  60. background-attachment: fixed;
  61.  
  62. font-family: "Roboto", "Arial";
  63. font-size: 13px;
  64. color: #555555;
  65. }
  66.  
  67. #list_surround [cellpadding="0"] {
  68. position: relative;
  69. width: 55%;
  70. left: 5%;
  71. }
  72.  
  73. [class^=header_] {
  74. margin-right: 100%;
  75. margin-top: 15px;
  76. white-space: nowrap;
  77. }
  78.  
  79. .header_title {
  80. font-family: "Alegreya Sans SC", "Arial";
  81. font-size: 32px;
  82. font-weight: 800;
  83. }
  84.  
  85. .table_header {
  86. padding: 8px 9px 8px;
  87. }
  88.  
  89. .td1 {
  90. background-color: #DFEDD4;
  91. }
  92.  
  93. .td2 {
  94. background-color: #eeeeee;
  95. }
  96.  
  97. .td1, .td2 {
  98. padding: 5px 8px 5px;
  99. border-right: 1px solid white;
  100. border-left: 1px solid white;
  101. }
  102.  
  103. td[align="left"] {
  104. text-align: center;
  105. font-size: 12px;
  106. }
  107.  
  108. #copyright {
  109. font-size: 12px;
  110. font-weight: 250;
  111. padding-top: 25px;
  112. margin-bottom: 25px;
  113. }
  114.  
  115. /* header fix from geo */
  116.  
  117.  
  118. #list_surround>[align=center] {
  119. width: calc(67% + 2px);
  120. margin-right: 100%;
  121. }
  122. #list_surround>[align="center"]>*>* {
  123. display: flex;
  124. justify-content: space-between;
  125. }
  126. [class^="status_"] {
  127. flex: 0 1 100%;
  128. margin: 0 2px 0 0;
  129. display: block;
  130. }
  131. [class^="status_"] a {
  132. display: block !important;
  133. background: #DFEDD4;
  134. padding: 10px;
  135. }
  136. .status_selected a { background: #FCC }
  137.  
  138.  
  139.  
  140.  
  141. /* header_al is the div surrounding "User's Anime List" at the top */
  142.  
  143. .header_al
  144. {
  145. font-weight: bold;
  146. font-size: 16px;
  147. }
  148.  
  149. td:nth-of-type(6) small {
  150. display: true;
  151. }
  152.  
  153.  
  154.  
  155. /* ------------------------------------------------------------ */ /* Custom MAL banner setup */
  156. /*
  157. #mal_cs_listinfo,
  158. #mal_cs_links,
  159. #mal_cs_otherlinks,
  160. #mal_cs_powered {
  161. box-sizing: border-box;
  162. background: none no-repeat scroll 100% 0 transparent;
  163. border: 0 none;
  164. height: 0 !important;
  165. overflow: hidden;
  166. padding: 32px 0 0 !important;
  167. position: fixed;
  168. right: 4px;
  169. text-align: right;
  170. top: 4px;
  171. z-index: 10;
  172. width: 210px !important;
  173. }
  174.  
  175. #mal_cs_listinfo:hover,
  176. #mal_cs_links:hover,
  177. #mal_cs_otherlinks:hover,
  178. #mal_cs_powered:hover {
  179. height: 500px !important;
  180. padding-top: 32px !important;
  181. }
  182.  
  183. #mal_cs_listinfo div,
  184. #mal_cs_links div,
  185. #mal_cs_otherlinks div,
  186. #mal_cs_powered div,
  187. #mal_cs_powered dd {
  188. background-color: transparent;
  189. font-size: 0 !important;
  190. line-height: 0;
  191. margin: 0 !important;
  192. opacity: 0;
  193. padding: 4px 0 0 !important;
  194. }
  195.  
  196. #mal_cs_listinfo:hover div,
  197. #mal_cs_links:hover div,
  198. #mal_cs_otherlinks:hover div,
  199. #mal_cs_powered:hover div,
  200. #mal_cs_powered:hover dd {
  201. opacity: 1;
  202. }
  203.  
  204. #mal_cs_listinfo div:nth-of-type(2),
  205. #mal_cs_links div:nth-of-type(2),
  206. #mal_cs_otherlinks div:nth-of-type(2),
  207. #mal_cs_powered div:nth-of-type(2) {
  208. padding: 4px 0 0 !important;
  209. }
  210.  
  211. #mal_cs_listinfo a,
  212. #mal_cs_links a,
  213. #mal_cs_otherlinks a,
  214. #mal_cs_powered a {
  215. background-color: #555555 !important;
  216. display: block;
  217. font: 18px/17px 'Arial', sans-serif !important;
  218. font-weight: bold;
  219. margin: 4px 0 0;
  220. padding: 8px 8px 8px !important;
  221. text-decoration: none !important;
  222. }
  223.  
  224. #mal_cs_listinfo a:nth-of-type(1),
  225. #mal_cs_links a:nth-of-type(1),
  226. #mal_cs_otherlinks a:nth-of-type(1),
  227. #mal_cs_powered a:nth-of-type(1) {
  228. margin-top: 0;
  229. }
  230.  
  231. #mal_cs_listinfo a:hover,
  232. #mal_cs_links a:hover,
  233. #mal_cs_otherlinks a:hover {
  234. background-color: #444444 !important;
  235. }
  236.  
  237. #mal_cs_listinfo strong a strong {
  238. font-weight: normal;
  239. }
  240.  
  241. #mal_cs_otherlinks strong {
  242. color: #555555;
  243. display: block;
  244. font: bold 13px/17px 'Arial',sans-serif !important;
  245. padding: 0 4px 4px;
  246. }
  247.  
  248. #mal_cs_otherlinks strong a {
  249. background: none transparent !important;
  250. color: #555555;
  251. display: inline;
  252. font: bold 13px/17px 'Arial',sans-serif !important;
  253. margin: 0;
  254. padding: 0;
  255. }
  256.  
  257. #mal_cs_powered a {
  258. background-color: white !important;
  259. display: block !important;
  260. margin: 0 !important;
  261. opacity: 0;
  262. padding: 4px 0 0 !important;
  263. }
  264.  
  265. #mal_cs_powered:hover a {
  266. opacity: 1;
  267. }
  268.  
  269.  
  270. #mal_cs_powered #search {
  271. padding: 8px 2px 0px 0px !important;
  272. position: relative;
  273. }
  274.  
  275. #searchBox {
  276. box-sizing: border-box;
  277. border-color: #555555;
  278. border-style: solid;
  279. border-width: 1px;
  280. color: #555555;
  281. padding: 0 8px 0 !important;
  282. display: inline-block;
  283. font-family: arial, sans-serif;
  284. font-size: 14px !important;
  285. height: 32px;
  286. vertical-align: top;
  287. width: 210px !important;
  288. }
  289.  
  290. #searchBox:hover,
  291. #searchBox:focus {
  292. border-color: #444444;
  293. }
  294.  
  295. #searchListButton {
  296. display: none !important;
  297. }
  298.  
  299. #mal_cs_listinfo {
  300. background-image: url("http://i.imgur.com/LSwncOV.jpg");
  301. right: 106px !important;
  302. }
  303.  
  304. #mal_cs_links {
  305. background-image: url("http://i.imgur.com/vl379rT.jpg");
  306. right: 72px !important;
  307. z-index: 9;
  308. }
  309.  
  310. #mal_cs_otherlinks {
  311. background-image: url("http://i.imgur.com/Rz4IQCY.jpg");
  312. right: 38px !important;
  313. z-index: 8;
  314. }
  315.  
  316. #mal_cs_powered {
  317. background-image: url("http://i.imgur.com/SzwsIrV.jpg");
  318. right: 4px !important;
  319. z-index: 7;
  320. position: fixed !important;
  321. }
  322.  
  323. #mal\_control\_strip {
  324. background: transparent !important;
  325. }
  326.  
  327. #mal_cs_pic img {
  328. display: none !important;
  329. }
  330.  
  331. #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {
  332. border-right: 0 none !important;
  333. }
  334.  
  335. */
  336.  
  337. /*Custom Mal banner from other sheet */
  338.  
  339. #mal\_control_strip,#mal\_control_strip>#mal_cs_links,#mal\_control_strip>#mal_cs_listinfo,#mal\_control_strip>#mal_cs_otherlinks{text-decoration:none!important}{margin-top:none;margin-bottom:none;margin-left:none;margin-right:none;padding-top:none;padding-bottom:none;padding-left:none;padding-right:none}#fancybox-overlay{background-color:rgba(0,0,0,.95)!important}.List_LightBox{border:2px solid #c5e9c4;color:#c5e9c4;text-transform:uppercase;padding:2px 7px;text-shadow:1px 1px 2px rgba(0,0,0,.7);box-shadow:1px 1px 2px rgba(0,0,0,.7)}.List_LightBox:hover{background-color:rgba(32,130,95,.25)!important;color:#c5e9c4} #mal\_control_strip .List_LightBox{border:0!important;padding:0!important;text-shadow:0!important;box-shadow:0px 0px 0px !important}#mal\_control_strip .List_LightBox:hover{background-color:transparent!important}#list_surround .animetitle+small{background:#fff;color:#212121;font-size:9px;margin-left:10px;opacity:1;padding:2px 10px;text-transform:uppercase;font-family:Roboto,ariel,sans-serif;cursor:default}#mal\_control_strip,:hover+.hide{background-position:center center!important;background-repeat:no-repeat!important}::-webkit-scrollbar{width:7px;background-color:#414141}::-webkit-scrollbar-track{-webkit-background:none!important}::-webkit-scrollbar-thumb{background:#2d2d2d}::-webkit-scrollbar-thumb:hover{background:#141414}::-webkit-scrollbar-thumb:focus{-webkit-box-shadow:0 0 20px -1px rgba(0,0,0,.7);-moz-box-shadow:0 0 20px -1px rgba(0,0,0,.7);box-shadow:0 0 20px -1px rgba(0,0,0,.7)}#mal\_control_strip{background-color:rgba(0,0,0,.3)!important;background-image:url(http://i.imgur.com/GEkzOYo.png)!important;background-size:cover!important;background-attachment:fixed!important;transform:translateY(-43px);-webkit-transform:translateY(-43px);-moz-transform:translateY(-43px);-o-transform:translateY(-43px);-ms-transform:translateY(-43px);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;border-bottom:0 #000 solid;position:fixed!important;text-shadow:2px 1px 2px rgba(150,150,150,1)!important;z-index:99999}#mal\_control_strip #mal\_cs_powered input{background:0 0!important;border-bottom:2px solid #fff!important;border-top:0!important;border-left:0!important;border-right:0!important;color:#b5b5b5;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#mal\_control_strip #mal\_cs_powered input:focus{width:calc(127px + 50px)!important;outline:none!important;color:#fff}#mal\_control_strip #mal\_cs_powered #searchListButton{width:0!important;height:0!important}#mal\_control_strip:before{content:"MENU";position:fixed;display:block;margin-left:.6%;left:2px;top:86px;font-size:10px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,1);cursor:default;transition:all .23s ease}#mal\_control_strip:after{content:"+";position:fixed;top:42px;font-size:40px;margin-left:.5%;width:30px!important;height:35px;padding:2px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,1);transition:all .2s ease;display:block;cursor:default}#mal\_control_strip:hover{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);height:43px!important;border-bottom:0 #000 solid}#mal\_control_strip:hover:after{width:9000px!important;margin-top:-10px;height:70px;display:block;position:absolute;margin-left:-10%;color:transparent}#mal\_control_strip:hover:before{color:transparent;text-shadow:0 0 0 transparent!important;transform:translateX(-420px)}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!