Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://www.dropbox.com/s/5ukbl2j0o3tk2jv/AnimeCovers.css);
- /* COVER AREA
- The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover).
- Move the cover's location around with left and top.
- Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
- Increase height and width to make the pics bigger.
- Delete border-style: solid; to remove the border.
- For changing the original background color see the bottom of the original post:
- http://myanimelist.net/forum/?topicid=563993
- */
- :hover + .hide {
- background-size: cover;
- left: 990px;
- top: 120px;
- height: 350px;
- width: 226px;
- background-color: rgba(0, 100, 255, 0.3);
- background-position: center 50% !important;
- background-repeat: no-repeat !Important;
- display: block !important;
- position: fixed;
- }
- /* PREVIEW MSG ABOVE COVERS
- Remove content: "preview"; to remove the PREVIEW text.
- Change the text in quotations after content to what you want it to say above your cover pic.
- Top and width controls the position of the text.
- */
- .hide:before {
- background: transparent;
- padding-bottom: 5px;
- position: absolute;
- text-align: center;
- width: 225px;
- top: -25px;
- border-radius: 0px 0px 0px 0px;
- }
- /*
- // Self-explanatory
- */
- BODY
- {
- color:blue ;
- font-size: 11px;
- font-family: Verdana, Arial ;
- background-color:black ;
- }
- *
- {
- text-decoration: none !important;
- }
- /*
- // Determines the positioning of your list
- */
- #list_surround
- {
- position: absolute !important;
- left: 50px !important;
- width: 920px;
- }
- tbody {
- background-color: black;
- }
- /*
- // All links on your list
- */
- a
- {
- color:white;
- text-decoration: none;
- }
- a:visited
- {
- color:white;
- text-decoration: none;
- }
- a:hover
- {
- color:white;
- text-decoration: underline !important;
- }
- tr:hover [class^=td]
- {
- background-color: rgba(0, 100, 255, 0.2) !important;
- }
- /*
- // Alternating row color 1
- */
- .td1
- {
- color: white;
- border-width: ;
- border-style: ;
- border-color: ;
- padding:3px 3px;
- background-color: rgba(0, 100, 255, 0.3);
- }
- /*
- // Alternating row color 2
- */
- .td2
- {
- color: white;
- border-width: ;
- border-style: ;
- border-color: ;
- padding:3px 3px;
- background-color: rgba(0, 100, 255, 0.3);
- }
- /*
- // This represents the "Anime Title", "Score", "# Eps" columns
- */
- .table_header
- {
- background: rgba(0, 100, 255, 0.5) !important;
- color: white;
- border-width: ;
- border-style: ;
- border-color: ;
- padding: 5px 5px;
- border-radius: 0px 0px 0px 0px;
- }
- /*
- // headerLink represents the color of the links inside the_header
- */
- .table_headerLink
- {
- color:white;
- }
- .table_headerLink:Visited
- {
- color:white;
- }
- .table_headerLink:Hover
- {
- color:white;
- }
- /*
- Header classes for Currently Watching, Completed, Dropped, etc...
- */
- .header_cw
- {
- color:white;
- padding: 5px 5px;
- }
- .header_completed
- {
- color:white;
- padding: 5px 5px;
- }
- .header_onhold
- {
- color:white;
- padding: 5px 5px;
- }
- .header_dropped
- {
- color:white;
- padding: 5px 5px;
- }
- .header_ptw
- {
- color:white;
- padding: 5px 5px;
- }
- .header_title {
- font-size: 14px;
- font-weight: bold;
- }
- .category_totals
- {
- color: white;
- background: rgba(0, 100, 255, 0.5) !important;
- padding: 5px 5px;
- border-radius: 0px 0px 0px 0px;
- }
- #grand_totals
- {
- color: white;
- text-align: center;
- background: rgba(0, 100, 255, 0.5) !important;
- padding: 5px 5px;
- border-radius: 10px 10px 10px 10px;
- }
- /* 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;
- }
- /*
- 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
- {
- color:white;
- padding-top: 6px;
- text-align: center;
- margin: 0 auto;
- width: px;
- }
- /*
- TOP MENU BAR ADVANCED CUSTOMIZATION
- */
- #mal_cs_listinfo {
- background: rgba(0, 100, 255, 0.5) !important;
- }
- #mal_cs_listinfo a {
- color:white !important;
- }
- #mal_cs_listinfo a strong {
- color:white;
- }
- #mal_cs_links {
- background: rgba(0, 100, 255, 0.5) !important;
- }
- #mal_cs_links a {
- color:white !important;
- }
- #mal_cs_otherlinks {
- background: rgba(0, 100, 255, 0.5) !important;
- }
- #mal_cs_otherlinks a {
- color:white !important;
- }
- #mal_cs_otherlinks strong {
- color:white !important;
- }
- #mal_cs_otherlinks strong a {
- color:white !important;
- }
- /*
- AIRING
- */
- .animetitle + small
- {
- position: relative;
- line-height: 1px !important;
- }
- #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3),
- #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4),
- #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5),
- #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6),
- #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7),
- #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) {
- display: tab\le-cell;
- }
- #list_surround small a:last-of-type {
- display: none !important;
- }
- .animetitle + small {
- visibility: visible !important;
- }
- #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"],
- #list_surround a[href*="http://myanimelist.net/editlist.php?type="],
- #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
- visibility: visible !important;
- margin-right: 10px
- }
- .td1:nth-of-type(6) small, .td2:nth-of-type(6) small,
- .td1:nth-of-type(5) small, .td2:nth-of-type(5) small,
- .td1:nth-of-type(4) small, .td2:nth-of-type(4) small {
- visibility: visible !important;
- }
- .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover,
- .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover,
- .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{
- text-decoration: underline;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement