Advertisement
Guest User

Untitled

a guest
Sep 3rd, 2015
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.54 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5. /*importuje covery do anime*/
  6. @import url(http://mal.isvn.pl/xmenu-anime.DONTOPEN.css);
  7.  
  8.  
  9. /*importuje czcionkę z google*/
  10. @import url(https://fonts.googleapis.com/css?family=Arimo);
  11.  
  12. * { /* brak dekoracji na linkach */
  13.     text-decoration: none;
  14. }
  15. body { /* ciało strony */
  16.     background-attachment: fixed;
  17.     background-clip: border-box;
  18.     background-color: transparent;
  19.     background-image: url("https://dl.dropboxusercontent.com/s/osq1rf2repanrrc/sigilist.jpg?dl=0");
  20.     background-position: 50% 0;
  21.     background-repeat: no-repeat no-repeat;
  22.     background-size: cover;
  23.     font-family: Arimo;
  24.     font-size: 12px;
  25.  
  26.  
  27. }a { /* Wszystkie linki na liście */
  28.     color: white;
  29.     text-shadow: none;
  30.  
  31.  
  32. }#list_surround { /*  Blok listy */
  33.         background-attachment: fixed;
  34.         background-position: 24% 0;
  35.         background-repeat: no-repeat no-repeat;
  36.         height: 250px;
  37.         left: 0px;
  38.         line-height: 1;
  39.         margin: 0 auto;
  40.         padding-bottom: 0;
  41.         padding-top: 0;
  42.         position: absolute;
  43.         right: 1000px;
  44.         width: 700px; /* zmieniając szerokość listy należy również zmienić pozycję nakładki dodając lub odejmując wartość do jej marginesu */
  45.  
  46.  
  47. }#list_surround table:first-of-type { /* wybór kategorii na górze (obejrzane, oglądane, porzucone itp.) */
  48.     margin-top: 30px;
  49.     margin-bottom: 30px;
  50.     opacity: 0.5;
  51.     transition: opacity 3s;
  52.  
  53.  
  54. } #list_surround table:first-of-type:hover {
  55.     opacity: 1.0;
  56.  
  57.  
  58. }.status_selected a, .status_not_selected a {
  59.     text-transform: uppercase;
  60.     vertical-align: middle;
  61.     transition: text-shadow 2s;
  62. } .status_selected a:hover, .status_not_selected a:hover {
  63.     text-shadow: 0px 0px 3px;
  64. }
  65.  
  66. .status_selected a {
  67.     font-size: 14px;
  68.     border: 1px dotted;
  69.     padding-left: 3px;
  70.     padding-right: 3px;
  71.  
  72. }
  73. .status_not_selected a {
  74.     font-size: 10px;
  75. } .status_not_selected a:hover {
  76.     font-size: 14px;
  77.     transition: all 0.3s ease-in-out;
  78.  
  79. }#list_surround table:first-of-type td:nth-of-type(2) { /* Zwiększa kolumne 'completed', bo normalnie jest za mala */
  80.     width: 90px;
  81.  
  82. }.table_header, .category_totals,
  83. .td1, .td2,
  84. #grand_totals,
  85. #copyright { /* color listy - tło */
  86.     background-color: rgba(128, 192, 238, 0.5);
  87.     cursor: default; /* Na wszelkim tekście ustawia kursor strzałki, a nie kursor tekstu jak to jest domyślnie - lepiej wygląda */
  88.  
  89. }.td1, .td2 { /* Ustawienia wszystkich 'wierszy' */
  90.     color: white !important;
  91.     padding: 5px 2px; /* zmieniająć tutaj trzeba zmienić też w pasku kategorii, bo się rozjedzie */
  92.  
  93. }.td1:nth-of-type(2), .td2:nth-of-type(2) { /* Ustawienie tytułu w wierszach do lewej */
  94.     text-align: left;
  95.  
  96. }small:nth-child(3) { /* To są napisy airing */
  97.     display: inline-block;
  98.     padding-left: 3px;
  99.     padding-right: 3px;
  100.     border: 1px dotted;
  101.     text-transform: uppercase;
  102.     font-size: 9px;
  103.     vertical-align: middle;
  104.     opacity: 0.3;
  105. } tr:hover [class^=td] small:nth-child(3) {
  106.     opacity: 1.0;
  107.  
  108. }tr [class^=td] { /* fake border, poprawia podswietlanie wierwszy */
  109.     border-top: 1px dotted transparent;
  110.     border-bottom: 1px dotted transparent;
  111.  
  112. }tr:hover [class^=td] { /* Podświetlenie wierwszy */
  113.     color: rgb(255, 255, 255);
  114.     background-color: rgba(38, 25, 65, 0.5) !important;
  115.     transition: all 500ms ease-in-out;
  116.     border-top: 1px dotted rgb(147, 98, 188);
  117.     border-bottom: 1px dotted rgb(147, 98, 188);
  118.  
  119. }.table_header, .category_totals { /* Pasek z kategoriami, numer, tytuł, ocena itp. */
  120.     color: white !important;
  121.     padding: 5px 2px;
  122.     text-align: center;
  123. } .table_header:nth-of-type(2) { /* tytuły do lewej */
  124.     text-align: left;
  125. }
  126. [cellspacing="0"] { /* odstępy miedzy wierszami */
  127.     line-height: 17px;
  128.  
  129. }[class^="header_"] * { /* header reading itp */
  130.     background-repeat: no-repeat no-repeat;
  131.     font-size: 53px;
  132.     height: 130px;
  133.     line-height: 24px;
  134.     padding-bottom: 5px;
  135.     text-align: left;
  136.     cursor: default; /* kursor*/
  137.     vertical-align: bottom;
  138.  
  139. } .header_title {
  140.     border: medium none !important;
  141.     color: white;
  142.     display: block;
  143.     height: auto;
  144.     margin-left: 73px;
  145.     padding: 0 8px 0 0;
  146.     text-shadow: 4px 4px 7px rgb(128, 192, 238), 2px 2px 6px white;
  147.  
  148.  
  149.  
  150.  
  151. }
  152.  
  153. #grand_totals { /*podsumowanie*/
  154.     border: 0 none;
  155.     border-radius: 5px;
  156.     color: white;
  157.     line-height: 20px;
  158.     min-height: 20px;
  159.     padding: 8px;
  160.     text-align: center;
  161.     vertical-align: middle;
  162. }
  163.  
  164.  
  165. /* Okładki*/
  166. .td1 div small a[title*="View"], .td2 div small a[title*="View"] {display:none;color:transparent;font-size:0px;}
  167. .td1 div small, .td2 div small {visibility: hidden;}
  168. .td1 div small a, .td2 div small a {visibility: visible !important;}
  169.  
  170. #list_surround table:hover small a:last-of-type {
  171.     background-position: center 50% !important;
  172.     background-repeat: no-repeat !important;
  173.     background-size: cover;
  174.     border-radius: 10px;
  175.     box-shadow: 0px 0px 10px rgb(122, 80, 122), 0px 0px 6px white;
  176.     display: block !important;
  177.     height: 350px;
  178.     padding-bottom: 0;
  179.     position: fixed;
  180.     left: 50%;
  181.     margin-left: 410px;
  182.     top: 160px;
  183.     width: 226px;
  184.  
  185.  
  186.  
  187. } #list_surround table:hover small a:last-of-type:before {
  188.     font-size: 42px;
  189.     color: white;
  190.     text-shadow: 4px 4px 7px rgb(122, 80, 122), 2px 2px 6px white;
  191.     content: "Cover";
  192.     padding-bottom: 5px;
  193.     position: absolute;
  194.     text-align: center;
  195.     top: -45px;
  196.     width: 225px;
  197.  
  198. }
  199.  
  200.  
  201.  
  202.  
  203. #copyright, #copyright:hover { /* stopka */
  204.     font-size: 10px;
  205.     border: 0 none;
  206.     border-radius: 5px;
  207.     color: white;
  208.     line-height: 20px;
  209.     min-height: 20px;
  210.     padding: 8px;
  211.     margin-bottom: 30px;
  212.     text-align: center;
  213.     vertical-align: middle;
  214. } #copyright:after {
  215.     display: block;
  216.     content: " Design by Ura ";
  217. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement