Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*importuje covery do anime*/
- @import url(http://mal.isvn.pl/xmenu-anime.DONTOPEN.css);
- /*importuje czcionkę z google*/
- @import url(https://fonts.googleapis.com/css?family=Arimo);
- * { /* brak dekoracji na linkach */
- text-decoration: none;
- }
- body { /* ciało strony */
- background-attachment: fixed;
- background-clip: border-box;
- background-color: transparent;
- background-image: url("https://dl.dropboxusercontent.com/s/osq1rf2repanrrc/sigilist.jpg?dl=0");
- background-position: 50% 0;
- background-repeat: no-repeat no-repeat;
- background-size: cover;
- font-family: Arimo;
- font-size: 12px;
- }a { /* Wszystkie linki na liście */
- color: white;
- text-shadow: none;
- }#list_surround { /* Blok listy */
- background-attachment: fixed;
- background-position: 24% 0;
- background-repeat: no-repeat no-repeat;
- height: 250px;
- left: 0px;
- line-height: 1;
- margin: 0 auto;
- padding-bottom: 0;
- padding-top: 0;
- position: absolute;
- right: 1000px;
- width: 700px; /* zmieniając szerokość listy należy również zmienić pozycję nakładki dodając lub odejmując wartość do jej marginesu */
- }#list_surround table:first-of-type { /* wybór kategorii na górze (obejrzane, oglądane, porzucone itp.) */
- margin-top: 30px;
- margin-bottom: 30px;
- opacity: 0.5;
- transition: opacity 3s;
- } #list_surround table:first-of-type:hover {
- opacity: 1.0;
- }.status_selected a, .status_not_selected a {
- text-transform: uppercase;
- vertical-align: middle;
- transition: text-shadow 2s;
- } .status_selected a:hover, .status_not_selected a:hover {
- text-shadow: 0px 0px 3px;
- }
- .status_selected a {
- font-size: 14px;
- border: 1px dotted;
- padding-left: 3px;
- padding-right: 3px;
- }
- .status_not_selected a {
- font-size: 10px;
- } .status_not_selected a:hover {
- font-size: 14px;
- transition: all 0.3s ease-in-out;
- }#list_surround table:first-of-type td:nth-of-type(2) { /* Zwiększa kolumne 'completed', bo normalnie jest za mala */
- width: 90px;
- }.table_header, .category_totals,
- .td1, .td2,
- #grand_totals,
- #copyright { /* color listy - tło */
- background-color: rgba(128, 192, 238, 0.5);
- cursor: default; /* Na wszelkim tekście ustawia kursor strzałki, a nie kursor tekstu jak to jest domyślnie - lepiej wygląda */
- }.td1, .td2 { /* Ustawienia wszystkich 'wierszy' */
- color: white !important;
- padding: 5px 2px; /* zmieniająć tutaj trzeba zmienić też w pasku kategorii, bo się rozjedzie */
- }.td1:nth-of-type(2), .td2:nth-of-type(2) { /* Ustawienie tytułu w wierszach do lewej */
- text-align: left;
- }small:nth-child(3) { /* To są napisy airing */
- display: inline-block;
- padding-left: 3px;
- padding-right: 3px;
- border: 1px dotted;
- text-transform: uppercase;
- font-size: 9px;
- vertical-align: middle;
- opacity: 0.3;
- } tr:hover [class^=td] small:nth-child(3) {
- opacity: 1.0;
- }tr [class^=td] { /* fake border, poprawia podswietlanie wierwszy */
- border-top: 1px dotted transparent;
- border-bottom: 1px dotted transparent;
- }tr:hover [class^=td] { /* Podświetlenie wierwszy */
- color: rgb(255, 255, 255);
- background-color: rgba(38, 25, 65, 0.5) !important;
- transition: all 500ms ease-in-out;
- border-top: 1px dotted rgb(147, 98, 188);
- border-bottom: 1px dotted rgb(147, 98, 188);
- }.table_header, .category_totals { /* Pasek z kategoriami, numer, tytuł, ocena itp. */
- color: white !important;
- padding: 5px 2px;
- text-align: center;
- } .table_header:nth-of-type(2) { /* tytuły do lewej */
- text-align: left;
- }
- [cellspacing="0"] { /* odstępy miedzy wierszami */
- line-height: 17px;
- }[class^="header_"] * { /* header reading itp */
- background-repeat: no-repeat no-repeat;
- font-size: 53px;
- height: 130px;
- line-height: 24px;
- padding-bottom: 5px;
- text-align: left;
- cursor: default; /* kursor*/
- vertical-align: bottom;
- } .header_title {
- border: medium none !important;
- color: white;
- display: block;
- height: auto;
- margin-left: 73px;
- padding: 0 8px 0 0;
- text-shadow: 4px 4px 7px rgb(128, 192, 238), 2px 2px 6px white;
- }
- #grand_totals { /*podsumowanie*/
- border: 0 none;
- border-radius: 5px;
- color: white;
- line-height: 20px;
- min-height: 20px;
- padding: 8px;
- text-align: center;
- vertical-align: middle;
- }
- /* OkĹadki*/
- .td1 div small a[title*="View"], .td2 div small a[title*="View"] {display:none;color:transparent;font-size:0px;}
- .td1 div small, .td2 div small {visibility: hidden;}
- .td1 div small a, .td2 div small a {visibility: visible !important;}
- #list_surround table:hover small a:last-of-type {
- background-position: center 50% !important;
- background-repeat: no-repeat !important;
- background-size: cover;
- border-radius: 10px;
- box-shadow: 0px 0px 10px rgb(122, 80, 122), 0px 0px 6px white;
- display: block !important;
- height: 350px;
- padding-bottom: 0;
- position: fixed;
- left: 50%;
- margin-left: 410px;
- top: 160px;
- width: 226px;
- } #list_surround table:hover small a:last-of-type:before {
- font-size: 42px;
- color: white;
- text-shadow: 4px 4px 7px rgb(122, 80, 122), 2px 2px 6px white;
- content: "Cover";
- padding-bottom: 5px;
- position: absolute;
- text-align: center;
- top: -45px;
- width: 225px;
- }
- #copyright, #copyright:hover { /* stopka */
- font-size: 10px;
- border: 0 none;
- border-radius: 5px;
- color: white;
- line-height: 20px;
- min-height: 20px;
- padding: 8px;
- margin-bottom: 30px;
- text-align: center;
- vertical-align: middle;
- } #copyright:after {
- display: block;
- content: " Design by Ura ";
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement