Advertisement
Guest User

Rei

a guest
Dec 10th, 2014
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.40 KB | None | 0 0
  1. /*
  2. Got a question or want to learn more? Try this link:
  3. http://myanimelist.net/forum/?topicid=419405&show=0#post1
  4. */
  5.  
  6. /*
  7. BACKGROUND IMAGE
  8. This is the main background image for the whole page.
  9. Change the image link to the background you want!
  10.  
  11. If you're not seeing a background, make sure you are copied the
  12. entire CSS code or added any new background image codes correctly.
  13. Also your image link may be broken, try uploading a new background then!
  14. */
  15.  
  16. body {
  17. background-image:
  18. url(http://i61.tinypic.com/125i3v6.jpg);
  19. background-attachment: fixed;
  20. }
  21.  
  22.  
  23.  
  24. /*
  25. HEADER COLOR AND FONT
  26. These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). if you don't want a solid color there, go to the line that starts with background-color and replace it the color type (blue for example) with the word "transparent" (no quotations).
  27. */
  28.  
  29. .header_title {
  30. background-color:transparent;
  31. color:black;
  32. font-family:english111 vivace bt;
  33. font-size:40px;
  34. }
  35.  
  36.  
  37.  
  38. /*
  39. SUB-HEADERS BACKGROUND COLOR COLOR
  40. Below each main header is the sub-header which says Score, Episodes, Tags, etc.
  41. */
  42.  
  43. .table_header {
  44. background-color:transparent;
  45. color:black;
  46. }
  47.  
  48.  
  49.  
  50. /*
  51. ANIME/MANGA TITLE FONTS
  52. This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc.
  53. */
  54.  
  55. .animetitle, .animetitle:visited {
  56. color:black;
  57. font-family:century gothic;
  58. font-size:20px;
  59. }
  60.  
  61.  
  62.  
  63. /*
  64. LIST FONTS
  65. This is the type and color for more of the numbers, links, and words on the list itself!
  66. */
  67.  
  68. .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {
  69. color:white;
  70. font-family:Lucida Grande;
  71. }
  72.  
  73.  
  74.  
  75. /*
  76. LIST WIDTH
  77. Use this to increase the width of your list!
  78. */
  79.  
  80. #list_surround {
  81. width:950px;
  82. }
  83.  
  84.  
  85. /*
  86. REPOSITION MAIN BACKGROUND
  87. Change the position your background starts on your screen from with the two properties after "background-position" below.
  88.  
  89. You replace 'center' and '43%' with two other properties, they can be any of the following: left, top, bottom, right, or center.
  90.  
  91. So if you want your background to start from the center of the screen, use "center center" after background-position in the code below, replacing "center 43%".
  92. If you want it to start from the top and left, use "top left"
  93. If you want it to start from the top and center, use "top center".
  94. If you want it to start from the right and top, use "right top"
  95. If you want it to start from the right and bottom, use "right bottom"
  96. and so forth...
  97.  
  98. Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom.
  99. */
  100.  
  101. body{
  102. background-position: center 43%;}
  103.  
  104.  
  105.  
  106. /*OTHER CODES
  107. Important codes for the layout's setup. Don't mess with these unless you know exactly what you're doing. If you want to customize more on the page, use the link at the top of this CSS, or ask in my club!
  108. */
  109.  
  110.  
  111. body {
  112. font-weight: light;
  113. background-repeat: no-repeat;
  114. background-color: black;
  115. }
  116. #list_surround {
  117. margin:auto;
  118. background-image:url();
  119. }
  120. a {
  121. text-decoration:none;
  122. }
  123. a:visited {
  124. text-decoration:none;
  125. }
  126. a:hover, a:visited:hover {
  127. color:red;
  128. text-decoration:underline;
  129. }
  130. .category_totals,
  131. .td1,
  132. .td2,
  133. #grand_totals,
  134. #copyright {
  135. background-image:url(http://img15.imageshack.us/img15/228/frame6518.png);
  136. border-width:0;
  137. padding:2px;
  138. }
  139.  
  140. .category_totals:HOVER,
  141. .td1:HOVER,
  142. .td2:HOVER,
  143. #grand_totals:HOVER,
  144. #copyright:HOVER {background-color:black;
  145. border-width:0;
  146. padding:2px;
  147. }
  148. #copyright:after {
  149. content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs or info.";
  150. }
  151. .status_selected {
  152. background-color:black;
  153. padding:2px;
  154. color:white;
  155. text-decoration: blink;
  156. }
  157. .status_not_selected {
  158. background-color:black;
  159. padding:2px;
  160. color:white;
  161. }
  162. .status_selected a{
  163. color:cyan;
  164. }
  165. .status_not_selected a{
  166. color:white;
  167. }
  168. .thickbox {
  169. color:cyan;
  170. font-family:fantasy;
  171. font-size:12px;
  172. }
  173. .header_title {
  174. height:52px;
  175. padding:2px;
  176. }
  177. .table_header {
  178. border-width:0;
  179. font-weight:bold;
  180. padding:2px;
  181. }
  182. .category_totals {
  183. height:30px;
  184. }
  185. #copyright, #grand_totals {
  186. text-align: center;
  187. margin:0 auto;
  188. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement