API tools faq
paste
Advertisement
Guest User

123

a guest
Jul 19th, 2019
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.49 KB | None | 0 0
raw download clone embed print report
  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. }
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!