Advertisement
daisukiseiya

minimalist 5.3 manga - full code

Aug 26th, 2015
560
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.      content: "MyAnimeList";
  91. }
  92.  
  93. :nth-child(5) .header_title:before {
  94.      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
  95.      color: #f5f5f5;
  96.      display: block;
  97.      font-size: 65px ! important;
  98.      position: relative;
  99.      text-align: center;
  100.      text-shadow: 1px 2px 6px #000000;
  101.      top: 61px;
  102. }
  103.  
  104. #list_surround .header_cw {
  105.      background: url("http://i.imgur.com/9BxS2Jj.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  106.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  107. }
  108.  
  109. #list_surround .header_completed {
  110.      background: url("http://i.imgur.com/n9e38rQ.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  111.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  112. }
  113.  
  114. #list_surround .header_onhold {
  115.      background: url("http://i.imgur.com/2nFyk8R.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  116.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  117. }
  118.  
  119. #list_surround .header_ptw {
  120.      background: url("http://i.imgur.com/wBM2a3N.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  121.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  122. }
  123.  
  124. #list_surround .header_dropped {
  125.      background: url("http://i.imgur.com/gZAmz5H.png") no-repeat scroll center center rgba(255, 255, 255, 0.75);
  126.      box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
  127. }
  128.  
  129. #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped {
  130.      margin-bottom: 7px;
  131.      margin-left: 0px;
  132.      padding: 28px;
  133. }
  134.  
  135. #list_surround .header_title span {
  136.      color: #000000;
  137.      display: none;
  138.      font-size: 1px;
  139. }
  140.  
  141. #list_surround .header_title .thickbox {
  142.      display: none;
  143. }
  144.  
  145. #list_surround br {
  146.      display: none;
  147. }
  148.  
  149. .borderRBL {
  150.      color: #cccccc ! important;
  151. }
  152.  
  153. .borderRBL br {
  154.      display: block ! important;
  155. }
  156.  
  157. .table_header {
  158.      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
  159.      border-color: #ababab;
  160.      border-style: solid;
  161.      border-width: 1px 1px 1px 0px;
  162.      color: #ffffff;
  163.      line-height: 1.8em;
  164.      padding: 4px;
  165. }
  166.  
  167. .td1 {
  168.      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.56);
  169.      line-height: 20px;
  170.      padding: 4px;
  171. }
  172.  
  173. .td2 {
  174.      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.45);
  175.      line-height: 20px;
  176.      padding: 4px;
  177. }
  178.  
  179. #list_surround .animetitle + small {
  180.      background: none repeat scroll 0% 0% #5c8ae6;
  181.      font-size: 13px;
  182.      margin-left: 10px;
  183.      opacity: 1;
  184.      padding: 2px;
  185.      text-transform: lowercase;
  186. }
  187.  
  188. .td1, .td2, .table_header {
  189.      border-color: #ffffff;
  190.      border-width: 0px 0px 1px ! important;
  191.      color: #ffffff;
  192. }
  193.  
  194. tr:hover td.td1 small, tr:hover td.td2 small {
  195.      font-size: 13px;
  196.      opacity: 1;
  197. }
  198.  
  199. .td1 small, .td2 small {
  200.      font-size: 13px;
  201.      opacity: 0;
  202. }
  203.  
  204. tr:hover .td2, tr:hover .td1 {
  205.      background: none repeat scroll 0% 0% rgba(5, 5, 5, 0.7);
  206. }
  207.  
  208. #list_surround .category_totals {
  209.      background-color: rgba(0, 0, 0, 0.7);
  210.      color: #ffffff;
  211.      line-height: 25px;
  212.      margin-top: 15px;
  213.      text-align: center;
  214. }
  215.  
  216. #list_surround #grand_totals {
  217.      background-color: #5c8ae6;
  218.      color: #ffffff;
  219.      display: none;
  220.      line-height: 25px;
  221.      text-align: center;
  222. }
  223.  
  224. #search {
  225.      bottom: 50px ! important;
  226.      left: 100px ! important;
  227. }
  228.  
  229. #searchBox {
  230.      background: none repeat scroll 0px 0px #ffffff ! important;
  231.      border-radius: 5px;
  232.      border-style: hidden;
  233.      box-shadow: 0px 0px 3px #e2e2e2;
  234.      color: #aaaaaa;
  235.      display: block ! important;
  236.      font-family: Consolas,Arial,sans-serif ! important;
  237.      font-size: 10px;
  238.      height: 20px ! important;
  239.      letter-spacing: 0.1em;
  240.      padding-left: 10px;
  241.      padding-right: 10px;
  242.      right: 6px ! important;
  243.      text-align: center ! important;
  244.      text-transform: uppercase ! important;
  245.      top: 8px ! important;
  246.      width: 220px ! important;
  247. }
  248.  
  249. #searchListButton {
  250.      display: none;
  251. }
  252.  
  253. #mal\_control\_strip {
  254.      background-color: #8f8f8f ! important;
  255.      background-image: url("http://i.imgur.com/fv1Pc.png") ! important;
  256. }
  257.  
  258. #mal_cs_powered a {
  259.      display: none;
  260. }
  261.  
  262. #copyright {
  263.      background: none repeat scroll 0% 0% #5c8ae6;
  264.      color: #ffffff;
  265.      line-height: 2.5em;
  266.      margin-top: 0px ! important;
  267. }
  268.  
  269. #copyright:after {
  270.      background-color: #333333;
  271.      background-image: url("http://db.tt/uBvPkq8g");
  272.      background-position: center center;
  273.      background-repeat: no-repeat;
  274.      bottom: 5px;
  275.      color: rgba(0, 0, 0, 0) ! important;
  276.      content: "Minimalist Version 5.3 Designed by iSayChris";
  277.      display: block;
  278.      font-size: 0px ! important;
  279.      height: 5px;
  280.      padding-bottom: 20px;
  281.      position: fixed;
  282.      right: 5px;
  283.      transition: all 0.15s ease-out 0s;
  284.      width: 25px;
  285. }
  286.  
  287. #copyright:hover:after {
  288.      background-image: none;
  289.      color: #e5e5e5 ! important;
  290.      font-size: 13px ! important;
  291.      height: auto ! important;
  292.      padding: 5px;
  293.      text-align: justify ! important;
  294.      transition: all 0.15s ease-in 0s;
  295.      width: 150px;
  296. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement