SHARE
TWEET

123

a guest Jul 19th, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* MAIN BACKGROUND AND FONT SETTINGS*/
  2.  
  3. body{
  4. background-image: url(http://i.imgur.com/FVz4M.jpg);
  5. background-position: 60% 18%;
  6. font-family: 'Segoe UI', 'Century Gothic', sans-serif;
  7. font-size: 11px;
  8. }
  9.  
  10.  
  11. /* TOP BAR SETTINGS
  12. the numbers in parenthesis change the color and opacity of the bar. Get a color number
  13.  
  14. easily from this page:
  15. http://www.css3maker.com/css-3-rgba.
  16.  
  17. Change position to absolute to make the bar not scroll with the page.
  18. Change the background image out with the url in parenthesis.
  19. */
  20.  
  21. #mal\_control\_strip {
  22. background-color: rgba(1,1,250,.5) !important;
  23. background-image: url('http://i.imgur.com/hzPJrg4.png') !important;
  24. position:fixed;
  25. }
  26.  
  27.  
  28. /* LIST SIZE */
  29.  
  30. #list_surround{
  31.     margin: -25px auto 0;
  32.     width: 950px;
  33. }
  34.  
  35.  
  36. /* HEADER*/
  37.  
  38. .table_header {
  39. background-color: rgba(0,0,0,0.4);
  40. border-color: rgba(255,255,255,0.25);
  41. }
  42.  
  43. .table_header, .table_headerLink{
  44. /* Color of the sort links. */
  45. color: #FFF;
  46. /* Remove the following line if you want links to be underlined */
  47. text-decoration: none;
  48. }
  49.  
  50. .table_headerLink:hover{
  51. /* This configures a light white glow on hovered links */
  52. text-shadow: rgba(255,255,255,0.4) -1px -1px 3px, rgba(255,255,255,0.4) 1px 1px 3px;
  53. }
  54.  
  55. /* ROW COLOR */
  56. .td1, .td2{
  57. background-color: rgba(0,0,0,0.6);
  58. border-color: rgba(255,255,255,0.25);
  59. color: #FFF;
  60. }
  61.  
  62. /* This is for the links in the rest of the */
  63. .td1 a, .td2 a{
  64. text-decoration: none;
  65. color: #ffc700;
  66. }
  67.  
  68. /*List row color on hover*/
  69. tr:hover [class^=td] {
  70. background-color: rgba(4, 150, 100, 0.9) !important;
  71. }
  72.  
  73. /* Glow effect on link hover. The same text-shadow property */
  74. .td1 a:hover, .td2 a:hover{
  75. text-shadow: #9d9d31 -1px -1px 3px, #9d9d31 1px 1px 3px;
  76. }
  77.  
  78.  
  79.  
  80.  
  81. /* OTHER CODES*/
  82. #list_surround td[class^=td]:first-child, #list_surround td[class^=td]:nth-child(n+3), .animetitle{font-weight:bold}
  83.  
  84. .header_title{
  85. background-image: url(http://i.imgur.com/VImNB.png);
  86. }
  87.  
  88. .category_totals{
  89. background-color: rgba(0,0,0,0.5);
  90. border-color: rgba(255,255,255,0.25);
  91. color: #fff;
  92. font-weight: bold;
  93. text-shadow: orange 1px 1px 2px,cyan -1px -1px 2px;
  94. }
  95.  
  96. /* Text displaying global totals */
  97. #grand_totals{
  98. color: #fff;
  99. font-size: larger;
  100. font-weight: bold;
  101. text-shadow: #c51 -1px -1px 3px, #c51 1px 1px 3px, #c51 1px -1px 4px, #c51 -1px 1px 3px;
  102. /* The following line makes it ALL-CAPS */
  103. text-transform: uppercase;
  104. }
  105.  
  106. #copyright{
  107. background-color: rgba(0,0,0,0.6);
  108. border-color: rgba(255,255,255,0.25);
  109. }
  110.  
  111. #copyright:after {
  112. content: "Custom CSS by Veriti, with edits by Shishio-kun and Al_exs. Google 'Shishio's Custom Lists' for more info.";
  113. }
  114.  
  115. #copyright, #copyright a{
  116. color: #FFF;
  117. }
  118.  
  119. .status_not_selected a, .status_selected a{
  120. background-image: url('http://i.imgur.com/rSgqF.png');
  121. }
  122.  
  123.  
  124.  
  125. /*FIX FOR 2015*/
  126.  
  127. body{
  128.     background-repeat: no-repeat;
  129.         background-attachment: fixed;
  130.         background-color: black;
  131.     background-size: cover;
  132.     color: #000;
  133.     -moz-background-size: cover;
  134. }
  135.  
  136.  
  137. /* ---------- LAYOUT ---------- */
  138.  
  139. /* header & sort links */
  140. .table_header{
  141.     border-bottom: 0px !important;
  142.     border-style: solid;
  143.     border-width: 1px 1px 0px 0px;
  144.     padding: 2px;
  145. }
  146.  
  147. .table_headerLink{
  148.     color: #FFF;
  149.     text-decoration: none;
  150. }
  151.  
  152. .table_headerLink:visited{
  153.     color: #FFF;
  154. }
  155.  
  156.  
  157. /* List body content (anime titles) */
  158. .td1, .td2{
  159.     border-style: solid;
  160.     border-width: 1px 1px 0 0;
  161.     padding: 2px;
  162. }
  163.  
  164.  
  165. /* Highlighting hovered row */
  166.  
  167. t\d{    -o-transition: background-color .2s linear;
  168.     -moz-transition: background-color .2s linear;
  169.     -webkit-transition: background-color .2s linear;
  170.     transition: background-color .2s linear;
  171. }
  172.  
  173.  
  174. /* Brackets for small text like 'rewatching' or 'airing' */
  175. .td1 small:before, .td2 small:before{
  176.     content:'(';
  177. }
  178.  
  179. .td1 small:after, .td2 small:after{
  180.     content:')';
  181. }
  182.  
  183. /* This makes all text in list body bold except for Edit - More */
  184. #list_surround td[class^='td']:first-child, #list_surround td[class^='td']:nth-child(n
  185.  
  186. +3), .animetitle{font-weight:bold}
  187.  
  188. .borderRBL{
  189.     border-width: 1px 1px 0 36px !important;
  190. }
  191.  
  192. /* Header image for Currently Watching, Completed, Dropped, etc... */
  193. .header_title{
  194.     color: transparent;
  195.     content: none;
  196.     height: 60px;
  197.     margin-bottom: 5px;
  198.     margin-left: auto;
  199.     margin-right: auto;
  200.     margin-top: 25px;
  201.     width: 520px;
  202. }
  203.  
  204. .header_cw di\v{
  205.     background-position: 0px 0px;
  206. }
  207.  
  208. .header_completed di\v{
  209.     background-position: 0px -60px;
  210. }
  211.  
  212. .header_onhold di\v{
  213.     background-position: 0px -120px;
  214. }
  215.  
  216. .header_dropped di\v{
  217.     background-position: 0px -240px;
  218. }
  219.  
  220. .header_ptw di\v{
  221.     background-position: 0px -180px;
  222. }
  223.  
  224. /* Block displaying category totals */
  225. .category_totals{
  226.     padding-left: 37px !important;
  227.     padding: 2px;
  228. }
  229.  
  230. /* Text displaying global totals */
  231. #grand_totals{
  232.     display: block;
  233.     padding: 5px;
  234.     text-align: center;
  235. }
  236.  
  237. /* Modifying copyright section */
  238. #copyright{
  239.     border: 1px solid rgba(255,255,255,0.25);
  240.     margin-bottom: 40px;
  241.     padding: 2px;
  242. }
  243.  
  244. #copyright a{color: #FFF}
  245.  
  246. #copyright br{display:none}
  247.  
  248. /* ---------- BAR AT BOTTOM ---------- */
  249.  
  250. /* Setting a position */
  251. #list_surround tab\le:first-of-type {
  252.     bottom: 0;
  253.     margin-left: -25px;
  254.     position: fixed;
  255.     width: 1000px;
  256.         z-index: 1 !important;
  257. }
  258.  
  259. /* Setting elements to display pure image */
  260. #list_surround tab\le:first-of-type t\d {
  261.     background-color: transparent;
  262.     border-width: 0 !important;
  263. }
  264.  
  265. .status_not_selected, .status_selected{
  266.     border-width: 0 !important;
  267.     padding: 0 !important;
  268.     width: auto !important;
  269. }
  270.  
  271. .status_not_selected a, .status_selected a{
  272.     color: transparent !important;
  273.     content: none;
  274.     display: block;
  275.     height: 30px;
  276.     width: 150px;
  277. }
  278.  
  279. /* Override size for wider parts */
  280. .status_not_selected a[href*="status=1"],.status_selected a[href*="status=1"], .status_not_selected a[href*="status=7"], .status_selected a[href*="status=7"]{
  281.     width: 200px;
  282. }
  283.  
  284. /* Currently watching */
  285. .status_not_selected a[href*="status=1"]{background-position: 0px 0px}
  286. .status_not_selected a[href*="status=1"]:hover{background-position: 0px 30px}
  287. .status_not_selected a[href*="status=1"]:active, .status_selected a[href*="status=1"]
  288.  
  289. {background-position: 0px 60px}
  290.  
  291. /* Completed */
  292. .status_not_selected a[href*="status=2"]{background-position: -200px 0px}
  293. .status_not_selected a[href*="status=2"]:hover{background-position: -200px 30px}
  294. .status_not_selected a[href*="status=2"]:active, .status_selected a[href*="status=2"]
  295.  
  296. {background-position: -200px 60px}
  297.  
  298. /* On Hold */
  299. .status_not_selected a[href*="status=3"]{background-position: -350px 0px}
  300. .status_not_selected a[href*="status=3"]:hover{background-position: -350px 30px}
  301. .status_not_selected a[href*="status=3"]:active, .status_selected a[href*="status=3"]
  302.  
  303. {background-position: -350px 60px}
  304.  
  305. /* Dropped */
  306. .status_not_selected a[href*="status=4"]{background-position: -500px 0px}
  307. .status_not_selected a[href*="status=4"]:hover{background-position: -500px 30px}
  308. .status_not_selected a[href*="status=4"]:active, .status_selected a[href*="status=4"]
  309.  
  310. {background-position: -500px 60px}
  311.  
  312. /* Plan to watch */
  313. .status_not_selected a[href*="status=6"]{background-position: -650px 0px}
  314. .status_not_selected a[href*="status=6"]:hover{background-position: -650px 30px}
  315. .status_not_selected a[href*="status=6"]:active, .status_selected a[href*="status=6"]
  316.  
  317. {background-position: -650px 60px}
  318.  
  319. /* All Anime */
  320. .status_not_selected a[href*="status=7"]{background-position: -800px 0px}
  321. .status_not_selected a[href*="status=7"]:hover{background-position: -800px 30px}
  322. .status_not_selected a[href*="status=7"]:active, .status_selected a[href*="status=7"]
  323.  
  324. {background-position: -800px 60px}
  325.  
  326.  
  327.  
  328. /*
  329. OTHER CODES
  330. */
  331. #mal\_control\_strip {
  332. background-position: bottom !important;
  333. top: -16px;
  334. height: 1px !important;}
  335. #mal\_control\_strip di\v {display:inline}
  336. #mal\_cs\_pic img {height: 24px !important; width: auto !important}
  337. #mal\_cs\_listinfo {
  338.   width: 26% !important;
  339.   height: 0 !important;
  340.   padding-bottom: 18px !important;
  341.   padding-top: 27px !important;
  342. background: ;
  343. position: absolute;
  344. top:-5px;
  345. border-right-color: rgba(0,0,0,0.8) !important;}
  346. #mal\_cs\_listinfo div:first-of-type:before {content:'Logged in as '}
  347. #mal\_cs\_listinfo div:last-of-type a {text-decoration: none}
  348. #mal\_cs\_listinfo div:last-of-type a:hover {text-decoration: underline}
  349. #mal\_cs\_listinfo div:last-of-type:before {font-weight:normal;content:'('}
  350. #mal\_cs\_listinfo div:last-of-type:after {font-weight:normal;content:')'}
  351. #mal\_cs\_links {
  352.   width: 92px !important;
  353.   height: 0 !important;
  354.   padding-bottom: 20px !important;
  355.   padding-top: 27px !important;
  356. left: 28%;
  357. top: -7px;
  358. position: absolute;
  359. border-right-color: rgba(0,0,0,0.8) !important;}
  360. #mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !
  361.  
  362. important;width:16px;height:16px;content:none; display: inline-block !important;color:
  363.  
  364. transparent !important; letter-spacing: -1ex;font-size:xx-small}
  365. #mal\_cs\_links div:first-of-type:after {content: '\a0'}
  366. #mal\_cs\_links div:first-of-type a:first-of-type {background-position: 0px 0px}
  367. #mal\_cs\_links div:first-of-type a:last-of-type {background-position: -16px 0px}
  368. #mal\_cs\_links div:last-of-type a:first-of-type {background-position:-32px 0px}
  369. #mal\_cs\_links div:last-of-type a:last-of-type {background-position:-48px 0px}
  370. #mal\_cs\_otherlinks strong{
  371.   width: 25% !important;
  372.   height: 0 !important;
  373.   padding-bottom: 20px !important;
  374.   padding-top: 27px !important;
  375. left:28%;
  376. margin-left: 130px;
  377. top: -5px;
  378. position: absolute;
  379. border-right-color: rgba(0,0,0,0.8) !important;}
  380. #mal\_cs\_otherlinks div:last-of-type {float:right;padding-right:150px;
  381. margin-top: 19px;}
  382. #mal\_cs\_otherlinks div:first-of-type {float:left}
  383. #mal\_cs\_powered img {display:none}
  384. #searchBox {margin-top: 15px !important; width: 135px !important}
  385. #mal\_control\_strip img {
  386. margin-top: 15px !important;
  387. }
  388.  
  389.  
  390. #mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;}
  391.  
  392.  
  393. form[action*="logout"] {
  394. display: inline;
  395. }
  396.  
  397. .status_not_selected a, .status_selected a {
  398. background-image: url("http://i.imgur.com/4rtZb.png");
  399. }
  400. .header_title {
  401. background-image: url("http://i.imgur.com/qNxEE.png");
  402. }
  403.  
  404.  
  405.  
  406. /*BACKGROUND
  407. Change the background image link below to get a new background.*/
  408. body {
  409. background-image: url("https://i.imgur.com/rKBbHTL.jpg");
  410. background-position: 60% 18%;
  411. }
  412.  
  413. /*CATEGORY HEADER AND MENU IMAGES*/
  414. .header_title {
  415. background-image: url("http://i.imgur.com/qNxEE.png");
  416. }
  417. .status_not_selected a, .status_selected a {
  418. background-image: url("http://i.imgur.com/4rtZb.png");
  419. }
  420.  
  421. /*FONTS
  422. Change the properties below to change the list font style.*/
  423. #list_surround, #list_surround a {
  424. font-family: tahoma !important;
  425. font-size: 8pt !important;
  426. font-style: inherit !important;
  427. font-variant: small-caps !important;
  428. font-weight: bold !important;
  429. text-decoration: none !important;
  430. text-rendering: auto !important;
  431. text-transform: uppercase !important;
  432. text-overflow: clip !important;
  433. }
  434.  
  435.  
  436. /*OTHER CODES
  437. The codes to change the colors are all at the top.*/
  438.  
  439. .table_header {
  440. background-color: rgba(70, 164, 225, 0.4);
  441. border-color: rgba(255, 255, 255, 0.25);
  442. }
  443. .table_header, .table_headerLink {
  444. color: #FFFFFF;
  445. text-decoration: none;
  446. }
  447. .table_headerLink:hover {
  448. text-shadow: -1px -1px 3px rgba(255, 255, 255, 0.4), 1px 1px 3px rgba(255, 255, 255, 0.4);
  449. }
  450. .td1, .td2 {
  451. background-color: rgba(252, 50, 36, 0.5);
  452. border-color: rgba(70, 164, 150, 0.5);
  453. color: #FFFFFF;
  454. }
  455. .td1 a, .td2 a {
  456. color: lightBlue;
  457. text-decoration: none;
  458. }
  459. .td1 a:hover, .td2 a:hover {
  460. text-shadow: -1px -1px 3px #56D9D3, 1px 1px 3px #56D9D3;
  461. }
  462. tr:hover [class^="td"] {
  463. background-color: rgba(80, 50, 225, 0.9) !important;
  464. }
  465. #list_surround td[class^="td"]:first-child, #list_surround td[class^="td"]:nth-child(n+3), .animetitle {
  466. font-weight: bold;
  467. }
  468. .category_totals {
  469. background-color: rgba(70, 164, 225, 0.5);
  470. border-color: rgba(255, 255, 255, 0.25);
  471. color: #FFFFFF;
  472. font-weight: bold;
  473. text-shadow: 0px 1px 2px orange, -1px -1px 2px #B514FF;
  474. }
  475. #grand_totals {
  476. color: #FFFFFF;
  477. font-size: larger;
  478. font-weight: bold;
  479. text-shadow: -1px -1px 3px #CC5511, 1px 1px 3px #B514FF, 1px -1px 4px #B514FF, -1px 1px 3px #B514FF;
  480. text-transform: uppercase;
  481. }
  482. #copyright {
  483. background-color: rgba(70, 164, 225, 0.6);
  484. border-color: rgba(255, 255, 255, 0.25);
  485. }
  486. #copyright, #copyright a {
  487. color: #FFFFFF;
  488. }
  489. #copyright:after {
  490. content: " Custom CSS by Veriti. Edits by Miketsukami-kun. Google 'Shishio's Custom Lists' for more designs and info.";
  491. }
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