Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more";
- /*
- // Self-explanatory
- */
- BODY
- {
- background-image: url(http://myanimelist.net/images/userwalls/1508191.jpg);
- background-attachment:fixed;
- background-position:center;
- background-repeat: repeat-n;
- background-size: 100%;
- background-color: #3b3b3b;
- opacity:0.8;
- filter:alpha(opacity=80); /* For IE8 and earlier */
- color: #000000;
- font-size: 15px;
- font-family: Verdana, Arial;
- }
- /*
- // Determines the positioning of your list
- */
- #list_surround
- {
- margin: 0 2.5%;
- width: 95%;
- }
- /*
- // All links on your list
- */
- a
- {
- color: #ff0000;
- text-decoration: none;
- }
- a:visited
- {
- color: #ff0000;
- text-decoration: none;
- }
- a:hover
- {
- color: #0000ee;
- text-decoration: underline;
- }
- /*
- // Alternating row color 1
- */
- .td1
- {
- color: #FFFFFF;
- border-width: 0px 1px 1px 0px;
- border-style: solid;
- border-color: #000000;
- padding: 2px;
- background-color: #2b2b2b;
- opacity:0.85;
- filter:alpha(opacity=85); /* For IE8 and earlier */
- }
- /*
- // Alternating row color 2
- */
- .td2
- {
- color: #FFFFFF;
- border-width: 0px 1px 1px 0px;
- border-style: solid;
- border-color: #000000;
- padding: 2px;
- background-color: #2b2b2b;
- opacity:0.85;
- filter:alpha(opacity=85); /* For IE8 and earlier */
- }
- .td1 a
- {
- font-weight:bold;
- background-color: #000000;
- color: #f393a0;
- }
- .td2 a
- {
- font-weight:bold;
- background-color: #000000;
- color: #f393a0;
- }
- .td1 a:hover
- {
- color: #00BFFF;
- text-decoration: underline;
- }
- .td2 a:hover
- {
- color: #00BFFF;
- text-decoration: underline;
- }
- /*
- // This represents the "Anime Title", "Score", "# Eps" columns
- */
- .table_header
- {
- background-color: #000000;
- color: #000000;
- border-width: 1px 1px 1px 0px;
- border-style: solid;
- border-color: #000000;
- padding: 2px;
- opacity:0.9;
- filter:alpha(opacity=90); /* For IE8 and earlier */
- }
- /*
- // headerLink represents the color of the links inside the_header
- */
- .table_headerLink
- {
- color: ;
- }
- .table_headerLink:Visited
- {
- color: ;
- }
- .table_headerLink:Hover
- {
- color: ;
- }
- /*
- // Controls the select form decoration (the drop down select box)
- */
- .form
- {
- border-width: 1px 1px 1px 1px;
- border-color: #FFFFFF;
- border-style: solid;
- color: #000000;
- padding: 2px;
- font-size: 11.00px;
- font-family: Verdana, Arial;
- }
- /* Which 'status' up top is selected? */
- .status_selected
- {
- color: #FFFFFF;
- border-width: 0px 1px 1px 0px;
- border-style: solid;
- border-color: #000000;
- padding: 2px;
- background-color: #3b3b3b;
- }
- .status_not_selected
- {
- color: #FFFFFF;
- border-width: 0px 1px 1px 0px;
- border-style: solid;
- border-color: #000000;
- padding: 2px;
- background-color: #1c1c1c;
- }
- /*
- Header classes for Currently Watching, Completed, Dropped, etc...
- */
- .header_cw
- {
- text-align: center;
- color: #00FF00;
- }
- .header_completed
- {
- text-align: center;
- color: #880000;
- }
- .header_onhold
- {
- text-align: center;
- color: #dddddd;
- }
- .header_dropped
- {
- text-align: center;
- color: #251a1a;
- }
- .header_ptw
- {
- text-align: center;
- color: #0066FF;
- }
- .header_title {
- font-size: 14px;
- font-weight: bold;
- }
- .category_totals
- {
- background-color: #3b3b3b;
- opacity:0.8;
- filter:alpha(opacity=80); /* For IE8 and earlier */
- color: #FFD700;
- }
- #grand_totals
- {
- text-align: center;
- background-color: #3b3b3b;
- opacity:0.8;
- filter:alpha(opacity=80); /* For IE8 and earlier */
- color: #FFD700;
- }
- /* header_al is thesurrounding "User's Anime List" at the top */
- .header_al
- {
- font-weight: bold;
- font-size: 16px;
- }
- /* header_al_links is thewith your "Profile" and "MyAnimeList home" links */
- .header_al_links
- {
- }
- /* controls what styles you can give to all the anime titles in your list */
- .animetitle
- {
- font-weight: bold;
- }
- span
- {
- margin: 1%;
- padding: -5% 1%;
- }
- small
- {
- margin: auto;
- padding: auto;
- }
- /*
- copyright contains the "Producted by Garrett Gyssler" text
- DO NOT REMOVE OR HIDE THIS DIV
- IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO
- */
- #copyright
- {
- padding-top: 6px;
- text-align: center;
- margin: 0 auto;
- width: 920px;
- }
- /* THUMBNAIL SETTINGS
- Settings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/
- .hide {
- height:155px;
- width:5%;
- margin-left:2.6%;
- margin-top:-160px;
- padding-right:50px;
- border:1px solid #FFFFFF;
- background-color:rgba(248, 162, 200, 0.7);
- background-position:50% 50%;
- background-repeat:no-repeat no-repeat;
- background-size:cover;
- display:inline-block !important;
- position: absolute;
- }
- /*THUMBNAIL HOVER SETTING
- This is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */
- .hide:hover {
- margin-left:4.6%;
- margin-top:-160px;
- padding-right:150px;
- padding-top:220px !important;
- background-color:transparent;
- background-repeat:no-repeat no-repeat;
- background-size:cover;
- border-bottom-left-radius:20px;
- border-bottom-right-radius:20px;
- border-top-left-radius:20px;
- border-top-right-radius:20px;
- box-shadow:rgba(63, 52, 60, 0.55) 0 0 8px 8px;
- position:absolute;
- z-index:1;
- }
- /*THUMBNAIL HOVER FLICKER FIX
- If you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent!
- */
- .hide:hover:after {
- background: transparent;
- content: " ";
- height: 75px;
- left: 0;
- position: absolute;
- top: 0;
- width: 210px;
- z-index: 20;
- }
- /*ANIMATION FOR ZOOM
- Change the timing of how long it takes for it zoom out here! Its set to .25 seconds by default.
- */
- * {
- -webkit-transition:all 0.25s ease-in-out;
- transition:all 0.25s ease-in-out;
- }
- /*ROW WIDTH AND SPACING
- This will increase the height of your rows and move the anime title to the left. It might look funny on some layouts so you'll have to adjust it or ask for help! Height is the height, padding left is the space the anime title moves from the left.
- */
- .td1:nth-of-type(2), .td2:nth-of-type(2) {
- height: 160px;
- padding: 0%;
- padding-left: 10%;
- padding-right: 10%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement