1. /* -----------------------------------------------------------------------------

  2.   ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___

  3.  / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|

  4.  \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \

  5.  |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/

  6.  --------------------------------------------------------------------------------

  7.  - requested by lolicles --------------------------------------------------------

  8.  -------------------------------------------------------------------------------- 

  9.  ----------------------------------------------------------------------------- */

  10.  

  11.  @import url('https://fonts.googleapis.com/css?family=ABeeZee|Leckerli+One');

  12. 

  13. /*

  14. // custom css by n y m p h i a e @ m a l

  15. */

  16. 

  17. *

  18. {font-weight: 400 !important;}

  19. 

  20. body

  21. {font-size: 12px;

  22. font-family: ABeeZee;

  23. color: #8a5b5e;

  24. background-color: #fcebec;

  25. background-image: url(https://i.imgur.com/VgXtvvI.jpg);

  26. background-position: bottom left;

  27. background-attachment: fixed;

  28. background-repeat: no-repeat;

  29. letter-spacing: 1px;}

  30. 

  31. /*

  32. // list positioning

  33. */

  34. 

  35. #list_surround

  36. {position: absolute !important;

  37. right: 30px !important;

  38. width: 600px;}

  39. 

  40. /*

  41. // all links on your list

  42. */

  43. 

  44. a

  45. {color: #8a5b5e;

  46. text-decoration: none;

  47. transition: color 0.5s linear;}

  48. 

  49. a:visited

  50. {color: #8a5b5e;

  51. text-decoration: none;}

  52. 

  53. a:hover

  54. {color: #ed6c94;

  55. text-decoration: none;}

  56. 

  57. .td1

  58. {padding: 5px;

  59. background-color: rgba(245,227,228,0.5);}

  60. 

  61. .td2

  62. {padding: 5px;

  63. background-color: rgba(242,217,219,0.5);}

  64. 

  65. small

  66. {color: #ed6c94;}

  67. 

  68. /*

  69. // table header

  70. */

  71. 

  72. .table_header

  73. {color: #ed6c94;

  74. border-bottom: 1px solid;

  75. border-color: #ecbfc1;

  76. background-color: rgba(242,217,219,0.5);

  77. padding: 5px;}

  78. 

  79. /*

  80. // table header links

  81. */

  82. 

  83. .table_headerLink

  84. {color: #ed6c94;}

  85. 

  86. .table_headerLink:visited

  87. {color: #ed6c94;}

  88. 

  89. .table_headerLink:hover

  90. {color: #ed6c94;}

  91. 

  92. /*

  93. headers: watching, completed, on-hold, dropped, plan to watch

  94. */

  95. 

  96. .header_title

  97. {color: #ed6c94;

  98. font-size: 24px;

  99. font-family: Leckerli One;

  100. padding-bottom: 3px;}

  101. 

  102. .category_totals

  103. {padding-top: 8px;

  104. font-size: 9px;

  105. text-align: center;}

  106. 

  107. #grand_totals

  108. {font-size: 10px;

  109. text-align: center;}

  110. 

  111. /*

  112. top menu bar full customization

  113. */

  114. 

  115. /*

  116. first part: "username, logout"

  117. */

  118. 

  119. #mal_cs_listinfo

  120. {background-color: #f6e2e3;

  121. border-bottom: 1px solid #ecbfc1;}

  122. 

  123. #mal_cs_listinfo a, #mal_cs_listinfo a strong

  124. {color: #ed6c94 !important;

  125. text-decoration: none !important;

  126. font-size: 10px !important;

  127. font-family: ABeeZee !important;

  128. font-style: italic;}

  129. 

  130. /*

  131. second part: "add to list, home, anime list, manga list"

  132. */

  133. 

  134. #mal_cs_links

  135. {background-color: #f6e2e3;

  136. border-bottom: 1px solid #ecbfc1;}

  137. 

  138. #mal_cs_links a

  139. {color: #ed6c94 !important;

  140. text-decoration: none !important;

  141. font-size: 10px !important;

  142. font-family: ABeeZee !important;

  143. font-style: italic;}

  144. 

  145. /*

  146. third part: "you are viewing your/username's list"

  147. */

  148. 

  149. #mal_cs_otherlinks

  150. {background-color: #f6e2e3;

  151. border-bottom: 1px solid #ecbfc1;}

  152. 

  153. #mal_cs_otherlinks strong

  154. {color: #ed6c94 !important;

  155. text-decoration: none !important;

  156. font-size: 10px !important;

  157. font-family: ABeeZee !important;}

  158. 

  159. #mal_cs_otherlinks a, #mal_cs_otherlinks span

  160. {color: #ed6c94 !important;

  161. text-decoration: none !important;

  162. font-size: 10px !important;

  163. font-family: ABeeZee !important;

  164. font-style: italic;}

  165. 

  166. #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links

  167. {border-right: 1px solid #ecbfc1 !important;}

  168. 

  169. #mal_cs_pic img[src="https://myanimelist.cdn-dena.com/images/list-top-logo.gif"]

  170. {width: 0;

  171. height: 40px;

  172. padding-right: 162px;

  173. background:transparent url(https://i.imgur.com/EpBZpAG.png) top left no-repeat;}

  174. 

  175. #mal_cs_pic

  176. {background-color: #f6e2e3;

  177. border-bottom: 1px solid #ecbfc1;}

  178. 

  179. #searchBox

  180. {padding-right: 10px !important;

  181. width: 145px !important;}

  182. 

  183. #searchListButton

  184. {display: none;}

  185. 

  186. /*

  187. top menu bar full customization end

  188. */

  189. 

  190. .status_selected, .status_not_selected

  191. {color: #ed6c94;

  192. background-color: rgba(242,217,219,0.5);

  193. padding: 5px;

  194. border-bottom: 1px solid;

  195. border-color: #ecbfc1;

  196. font-family: Leckerli One;

  197. font-size: 12px;}

  198. 

  199. .status_selected a, .status_not_selected a

  200. {color: #ed6c94;}

  201. 

  202. /*

  203. do not remove this

  204. */

  205. 

  206. #copyright:before

  207. {content: "List style by nymphiae@mal ; Chobits wallpaper by Yamionpu";

  208. display: block;}

  209. 

  210. #copyright

  211. {padding-top: 6px;

  212. padding-bottom: 6px;

  213. text-align: center;}