Advertisement
daisukiseiya

Minimalist 5.3 Anime - Full Code

Aug 26th, 2015
1,211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.21 KB | None | 0 0
  1. body {
  2.      font-family: Arial,Verdana,Helvetica,sans-serif;
  3.      font-size: 13px;
  4.      background-attachment: fixed ! important;
  5.      background-color: #f0f0f0 ! important;
  6.      background-image: url("http://i.imgur.com/LvvaNSQ.png") ! important;
  7.      background-repeat: repeat-x ! important;
  8. }
  9.  
  10. * {
  11.      text-decoration: none ! important;
  12. }
  13.  
  14. a {
  15.      color: #ffffff;
  16. }
  17.  
  18. a:hover {
  19.      border-bottom: 2px solid #5c8ae6;
  20.      color: #ffffff;
  21.      text-decoration: none;
  22. }
  23.  
  24. .status_selected {
  25.      background-color: #5c8ae6;
  26.      border-color: #000000;
  27.      border-width: 0px 1px 1px 0px;
  28.      color: #000000;
  29.      line-height: 2.5em;
  30.      text-decoration: none ! important;
  31. }
  32.  
  33. .status_not_selected a:hover {
  34.      border-bottom: 0px none ! important;
  35. }
  36.  
  37. .status_selected a:hover {
  38.      border-bottom: 0px none ! important;
  39. }
  40.  
  41. .status_not_selected:hover {
  42.      box-shadow: 0px -5px 0px 0px #5c8ae6 inset;
  43.      transition: all 0.2s ease 0s;
  44. }
  45.  
  46. .status_not_selected {
  47.      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
  48.      border-bottom: 0px none ! important;
  49.      border-left-color: #000000;
  50.      border-right-color: #000000;
  51.      border-top-color: #000000;
  52.      color: #000000;
  53.      line-height: 2.5em;
  54. }
  55.  
  56. .status_selected:hover {
  57.    
  58. }
  59.  
  60. .status_selected a, .status_not_selected a {
  61.      display: block;
  62. }
  63.  
  64. #list_surround {
  65.      background: none no-repeat scroll 0px 0px rgba(143, 143, 143, 0.77);
  66.      box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.41);
  67.      height: 100%;
  68.      margin: 240px auto 20px;
  69.      width: 850px;
  70. }
  71.  
  72. :nth-child(5) .header_title {
  73.      background: url("http://i.imgur.com/azu1K25.png") no-repeat scroll center center / 100% 100% rgba(255, 255, 255, 0);
  74. }
  75.  
  76. :nth-child(5) .header_title {
  77.      border-color: #f5f5f5;
  78.      border-top-left-radius: 25px;
  79.      border-top-right-radius: 25px;
  80.      border-width: 2px;
  81.      box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.41);
  82.      height: 200px;
  83.      margin-left: -28px;
  84.      position: absolute;
  85.      top: 60px;
  86.      width: 850px;
  87. }
  88.  
  89. :nth-child(5) .header_title:before {
  90.      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
  91.      color: #f5f5f5;
  92.      display: block;
  93.      font-size: 65px ! important;
  94.      position: relative;
  95.      text-align: center;
  96.      text-shadow: 1px 2px 6px #000000;
  97.      top: 61px;
  98. }
  99.  
  100.  
  101. :nth-child(5) .header_title:before {
  102.      content: "MyAnimeList";
  103. }
  104.  
  105. #list_surround .header_cw {
  106.      background: url("http://i.imgur.com/uuWODfe.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  107.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  108. }
  109.  
  110. #list_surround .header_completed {
  111.      background: url("http://i.imgur.com/n9e38rQ.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  112.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  113. }
  114.  
  115. #list_surround .header_onhold {
  116.      background: url("http://i.imgur.com/2nFyk8R.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  117.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  118. }
  119.  
  120. #list_surround .header_ptw {
  121.      background: url("http://i.imgur.com/av1NSs6.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  122.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  123. }
  124.  
  125. #list_surround .header_dropped {
  126.      background: url("http://i.imgur.com/gZAmz5H.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  127.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  128. }
  129.  
  130. #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped {
  131.      margin-bottom: 7px;
  132.      margin-left: 0px;
  133.      padding: 28px;
  134. }
  135.  
  136. #list_surround .header_title span {
  137.      color: #000000;
  138.      display: none;
  139.      font-size: 1px;
  140. }
  141.  
  142. #list_surround .header_title .thickbox {
  143.      display: none;
  144. }
  145.  
  146. #list_surround br {
  147.      display: none;
  148. }
  149.  
  150. .borderRBL {
  151.      color: #cccccc ! important;
  152. }
  153.  
  154. .borderRBL br {
  155.      display: block ! important;
  156. }
  157.  
  158. .table_header {
  159.      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
  160.      border-color: #ababab;
  161.      border-style: solid;
  162.      border-width: 1px 1px 1px 0px;
  163.      color: #ffffff;
  164.      line-height: 1.8em;
  165.      padding: 4px;
  166. }
  167.  
  168. .td1 {
  169.      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.56);
  170.      line-height: 20px;
  171.      padding: 4px;
  172. }
  173.  
  174. .td2 {
  175.      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.45);
  176.      line-height: 20px;
  177.      padding: 4px;
  178. }
  179.  
  180. #list_surround .animetitle + small {
  181.      background: none repeat scroll 0% 0% #5c8ae6;
  182.      font-size: 13px;
  183.      margin-left: 10px;
  184.      opacity: 1;
  185.      padding: 2px;
  186.      text-transform: lowercase;
  187. }
  188.  
  189. .td1, .td2, .table_header {
  190.      border-color: #ffffff;
  191.      border-width: 0px 0px 1px ! important;
  192.      color: #ffffff;
  193. }
  194.  
  195. tr:hover td.td1 small, tr:hover td.td2 small {
  196.      font-size: 13px;
  197.      opacity: 1;
  198. }
  199.  
  200. .td1 small, .td2 small {
  201.      font-size: 13px;
  202.      opacity: 0;
  203. }
  204.  
  205. tr:hover .td2, tr:hover .td1 {
  206.      background: none repeat scroll 0% 0% rgba(5, 5, 5, 0.7);
  207. }
  208.  
  209. #list_surround .category_totals {
  210.      background-color: rgba(0, 0, 0, 0.7);
  211.      color: #ffffff;
  212.      line-height: 25px;
  213.      margin-top: 15px;
  214.      text-align: center;
  215. }
  216.  
  217. #list_surround #grand_totals {
  218.      background-color: #5c8ae6;
  219.      color: #ffffff;
  220.      display: none;
  221.      line-height: 25px;
  222.      text-align: center;
  223. }
  224.  
  225. #search {
  226.      bottom: 50px ! important;
  227.      left: 100px ! important;
  228. }
  229.  
  230. #searchBox {
  231.      background: none repeat scroll 0px 0px #ffffff ! important;
  232.      border-radius: 5px;
  233.      border-style: hidden;
  234.      box-shadow: 0px 0px 3px #e2e2e2;
  235.      color: #aaaaaa;
  236.      display: block ! important;
  237.      font-family: Consolas,Arial,sans-serif ! important;
  238.      font-size: 10px;
  239.      height: 20px ! important;
  240.      letter-spacing: 0.1em;
  241.      padding-left: 10px;
  242.      padding-right: 10px;
  243.      right: 6px ! important;
  244.      text-align: center ! important;
  245.      text-transform: uppercase ! important;
  246.      top: 8px ! important;
  247.      width: 220px ! important;
  248. }
  249.  
  250. #searchListButton {
  251.      display: none;
  252. }
  253.  
  254. #mal\_control\_strip {
  255.      background-color: #8f8f8f ! important;
  256.      background-image: url("http://i.imgur.com/fv1Pc.png") ! important;
  257. }
  258.  
  259. #mal_cs_powered a {
  260.      display: none;
  261. }
  262.  
  263. #copyright {
  264.      background: none repeat scroll 0% 0% #5c8ae6;
  265.      color: #ffffff;
  266.      line-height: 2.5em;
  267.      margin-top: 0px ! important;
  268. }
  269.  
  270. #copyright:after {
  271.      background-color: #333333;
  272.      background-image: url("http://db.tt/uBvPkq8g");
  273.      background-position: center center;
  274.      background-repeat: no-repeat;
  275.      bottom: 5px;
  276.      color: rgba(0, 0, 0, 0) ! important;
  277.      content: "Minimalist Version 5.3 Designed by iSayChris";
  278.      display: block;
  279.      font-size: 0px ! important;
  280.      height: 5px;
  281.      padding-bottom: 20px;
  282.      position: fixed;
  283.      right: 5px;
  284.      transition: all 0.15s ease-out 0s;
  285.      width: 25px;
  286. }
  287.  
  288. #copyright:hover:after {
  289.      background-image: none;
  290.      color: #e5e5e5 ! important;
  291.      font-size: 13px ! important;
  292.      height: auto ! important;
  293.      padding: 5px;
  294.      text-align: justify ! important;
  295.      transition: all 0.15s ease-in 0s;
  296.      width: 150px;
  297. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement