User:Worf/anidb.css: Difference between revisions

From AniDB
Jump to navigation Jump to search
No edit summary
No edit summary
 
(46 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import "http://www.anidb.net/css/anidbstyle/anidbstyle_hacks.css";
/*
 
Change banner at the top of the page
h3 {
*/
  font-size: 122%;
#layout-search
{
  background:url("https://cdn.anidb.net/pics/banner/kodachrome-style2-1400.png") no-repeat scroll left top transparent;
}
}


#layout-content div.creq_data ins  {
/*
   color: #008800;
Remove the top-border from the navigation menu entries
   font-weight:bold;
*/
#layout-menu li.sub-menu ul,
#layout-menu li.sub-menu ul li + li
{
   border-top-color: #444444;
   background-color: #444444;
}
}


#layout-content div.creq_data del {
/*
   color: #ff0000;
Remove the padding between navigation menu entries and also keep the entries lowercased
   font-weight:bold;
*/
#layout-menu li.sub-menu ul li a
{
   text-transform: none;
   padding: 0.0em 0;
}
}


#layout-content div.block div.image {
/*
   float: left;
Remove the weird background from the navigation menu background
   padding-right: 10px;
*/
#layout-main div.tabbed_pane div.body div.pane div.forum ul.topics li.row:hover,
#layout-main div.forum ul.topics li.row:hover,
#layout-menu li.sub-menu ul li:hover,
#layout-menu li.sub-menu ul li:active
{
   background-color: #444444;
   background: none;
}
}


div.g_section.mylist {
/*
   background-color: #6FC279;
Remove a couple of navigation menu entries
*/
#layout-menu li.random,
#layout-menu li.myentries,
#layout-menu li.myimport,
#layout-menu li.myexport,
#layout-menu li.myvotes,
#layout-menu li.mysignatures,
#layout-menu li.myreviews,
#layout-menu li.mynotifies,
#layout-menu li.mywishlist,
#layout-menu li.applet,
#layout-menu li.report,
#layout-menu li.reclinks,
#layout-menu li.credits,
#layout-menu li.help,
#layout-menu li.user-name
{
   display: none;
}
}


tr.g_even {
/*
   background-color: #BFC2C9;
No minimum height for pages
*/
#layout-content #layout-main div.g_content {
   min-height: 1em !important;
}
}
tr.g_odd {
#layout-content, #layout-main {
  background-color: #B0B0B0;
    min-height: 50%;
}
}


tr.mylist {
/*
   background-color: #6FC279;
Display top links on anime/character/club/creator/collection/group/song page
*/
#layout-main div.anime_all ul.links_top,
#layout-main div.character_all ul.links_top,
#layout-main div.club_all ul.links_top,
#layout-main div.creator_all ul.links_top,
#layout-main div.collection_all ul.links_top,
#layout-main div.ep_all ul.links_top,
#layout-main div.group_all ul.links_top,
#layout-main div.song_all ul.links_top,
#layout-main div.tag_all ul.links_top
{
   display: block;
}
}
tr.g_odd.mylist {
 
   background-color: #6FC279;
/*
Remove the "quickadd" box on the anime page
Remove the "added by" column from the "add char-anime relation" page
*/
#layout-main div.mylistadd,
#layout-main div.addcharanimerel_all tr.char_added
{
   display: none;
}
}


tr.EDIT {
/*
Increase the size of the entity description textarea for add/edit forms
*/
textarea[name="adda.other"],
textarea[name="addc.other"],
textarea[name="addg.other"]
{
  height: 400px;
  width: 650px;
}
}
tr.DEL {
 
   background-color: #bf6269;
/*
Display the "Summary:" string on episode pages for the summary field
*/
#layout-main div.ep_all div.summary:before
{
   content:"Summary:";
  display: block;
  font-weight: bold;
}
}
tr.ADD {
 
   background-color: #19AF96;
/*
Decrease the padding of the table headers
*/
#layout-main tr.header th,
#layout-main tr.header th.sortable a
{
   padding: 0px 2px;
}
}


tr.complete {
/*
   background-color: #6FC279;
Decrease the letter spacing for date, id and size fields
*/
span.date, span.user a.id, td.id, td.size
{
   letter-spacing: 0px
}
}
tr.finished {
 
   background-color: #19AF96;
/*
Display timestamps in a regular font again
*/
span.time, span.user a.id, td.rating span, a.filter
{
   font-size: 100%; vertical-align: top;
}
}
tr.ongoing {
 
   background-color: #BFC2C9;
/*
Highlight missing char-char and anime-anime relations in the table-fied views
*/
#layout-main div.g_content.rel_all td.relation.missing,
#layout-main div.g_content.characterrel_all td.relation.missing,
#layout-main div.g_content.characterrel_all td.type.ended.missing,
#layout-main div.g_content.addcharanimerel_all td.relation.missing,
#layout-main div.g_content.addcharanimerel_all td.type.ended.missing
{
  visibility: visible;
   background-color: #900000;
  color: #000000;
}
}
tr.stalled {
 
   background-color: #D7731E;
/*
Hide the undumped files column on the group page (unhide below)
*/
#layout-main td.number.undumped
{
   visibility: hidden;
}
}
tr.dropped {
 
   background-color: #bf6269;
/*
Unhide the undumped files column on the group page if there are undumped files
Mark table cells of undumped files red
*/
#layout-main td.number.undumped.notalldumped,
table.filelist td.date.added,
table.filelist tr.undumped td.id,
table.filelist tr.undumped td.action,
table.file.entities tr.undumped td.id
{
  visibility: visible;
   background-color: #900000;
  color: #000000;
  white-space: nowrap;
}
}
tr.unknown {
 
   background-color: #BFC2C9;
/*
PLACEHOLDER
*/
 
/*
Custom background color for dropped/unknown anime
Custom background color for users who deleted their file
*/
#layout-main tr.dropped,
#layout-main tr.unknown,
#layout-main td.user.deleted
{
   background-color: #900000;
}
}
tr.g_odd.complete {
 
   background-color: #6FC279;
/*
Custom background color for finished anime
*/
#layout-main tr.finished
{
   background-color: #000090;
}
}
tr.g_odd.finished {
 
   background-color: #19AF96;
/*
Custom background color for stalled anime
*/
#layout-main tr.stalled,
td.verified.no
{
   background-color: #A05000;
}
}
tr.g_odd.ongoing {
 
  background-color: #B0B0B0;
.i_vrs_2 span, .i_vrs_3 span, .i_vrs_4 span, .i_vrs_5 span, .i_vrs_6 span, .i_vrs_7 span, .i_vrs_8 span, .i_vrs_9 span {
    display: inline-block;
    background-color: #105289;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px;
    font-size: 8px;
    text-align: center;
}
}
tr.g_odd.stalled {
 
   background-color: #D7731E;
/*
Display all character/creator guises on the same page
Also hide the guise selectors at the top of the page
#layout-main div.g_content.character_all div.g_section.character_entry.hide { display: inherit !important; }
#layout-main div.g_content.character_all div.g_section.selector { display: none !important; }
#layout-main div.g_content.creator_all div.g_section.creator_entry.hide { display: inherit !important; }
#layout-main div.g_content.creator_all div.g_section.selector { display: none !important; }
*/
 
/*
Make the section headers a reasonable size and not look like shit again
*/
#layout-main div .g_section > h2 > span,
#layout-main div .g_section > form > h2 > span {
   font-size: 1.1rem;
  text-align: center;
}
}
tr.g_odd.dropped {
#layout-main div .g_section > h2 > span::before,
   background-color: #bf6269;
#layout-main div .g_section > form > h2 > span::before,
#layout-main div .g_section > h2 > span::after,
#layout-main div .g_section > form > h2 > span::after {
   content: "";
}
}
tr.g_odd.unknown {
 
  background-color: #B0B0B0;
 
/*
      CSS changes needed for Aniblackle2
 
.i_icon, a, a:active, a:link, a:visited, h4 span.nolink a, span.link, #layout-main a.filter { color: #cccccc !important; }
#layout-menu li.sub-menu span.tab { display: none; }
html { color: #cccccc; !important}
#layout-menu li.sub-menu, #layout-menu li.sub-menu ul { border-radius: 7px !important; }
 
h1 a:hover,
a:hover,
button:hover,
span.link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.i_icon:hover,
.g_button a:hover,
.g_bubble .name-colored,
#layout-main div.admin_all div.g_menu h4 span,
#layout-main a.filter:hover,
#layout-main div.pagination span a:hover,
#layout-main div.pagination span strong,
#layout-main div.forum a.topictitle:hover,
#layout-main ul.g_list li:hover,
#layout-main div.search_all div.suggestions span:hover,
#layout-main div.chartag-list a:hover,
#layout-main div.tag-column a:hover,
#layout-main div.addsimilaranime_all div.addsimilaranime_entries a.name-colored,
#layout-main div.cmt_entries a.username-colored,
#layout-main div.forum a.username-colored,
#layout-menu li.sub-menu span.tab,
#layout-main div.forum .g_bubble.infobox h3 {
color: #728972 !important;
}
}


tr.invalid {
.i_vrs_2:hover span,
  background-color: #bf6269;
.i_vrs_3:hover span,
}
.i_vrs_4:hover span,
tr.good {
.i_vrs_5:hover span,
  background-color: #6FC279;
.i_vrs_6:hover span,
}
.i_vrs_7:hover span,
tr.g_odd.invalid {
.i_vrs_8:hover span,
  background-color: #B0B0B0;
.i_vrs_9:hover span {
}
background-color: #728972;
tr.g_odd.good {
  background-color: #6FC279;
}
}


td.verified.yes, tr.yes td {
*/
  background-color: #6FC279;
 
}
:not(.g_overlaymenu):not(.folded).g_filter ~ table, .internet_explorer#anidb .animelist_all :not(.g_overlaymenu):not(.folded).g_filter ~ div table.animelist {
td.verified.no, tr.no td {
   width: calc(100% - 20em);
   background-color: #D7731E;
}
}


.g_bubble.stripe.schedule.mylist {background: repeating-linear-gradient(45deg, #364a36, #364a36 10px, #333333 10px, #333333 20px);}
.g_bubble.stripe.schedule.mylist.ep_watched {background: none; background-color: #364a36;}


#layout-content div.g_menu ul.state {
  height: 15px;
  padding-top: 2px;
  padding-bottom: 1px;
}


#layout-content div.g_menu ul.state + ul {
.g_bubble.box.wishlist.wishlist_type_towatch.wishlist_priority_med,
   clear: both;
.g_bubble.stripe.schedule.wishlist.wishlist_type_towatch.wishlist_priority_med {
   background: repeating-linear-gradient(45deg, #364a36, #364a36 10px, #333333 10px, #333333 20px);
}
}


#layout-content div.mylist_menu {
tr.wishlist.wishlist_type_towatch.wishlist_priority_high td.name {
   width: 115px;
   background: repeating-linear-gradient(45deg, #904500, #904500 10px, #333333 10px, #333333 20px);
}
}


#layout-content div.mylist_menu ul.filters,  
/*
#layout-content div.mylist_menu ul.state,  
Custom background color for completed anime
#layout-content div.mylist_menu ul.user,  
Custom background color for anime in mylist
#layout-content div.mylist_menu ul.util {
Custom background color for users with files on hdd or cd
   margin: 1px;
*/
  width: 110px;
#layout-main tr.complete,
#layout-main div.g_section.mylist td.state.watched,
#layout-main td.user.onhdd, td.user.oncd,
#layout-main tr.wishlist.all_watched.state_onhdd.liststate_completed td.name {
#layout-main td.mylist,
td.verified.yes
{
   background-color: #006000; !important;
}
}


#layout-content div.mylist_list table.animelist {
/*
   width: 70%
.main_nav#layout-nav {
   min-height: 0em;
}
}
*/

Latest revision as of 08:41, 11 April 2022

/*
	Change banner at the top of the page
*/
#layout-search
{
  background:url("https://cdn.anidb.net/pics/banner/kodachrome-style2-1400.png") no-repeat scroll left top transparent;
}

/*
	Remove the top-border from the navigation menu entries
*/
#layout-menu li.sub-menu ul,
#layout-menu li.sub-menu ul li + li
{
  border-top-color: #444444;
  background-color: #444444;
}

/*
	Remove the padding between navigation menu entries and also keep the entries lowercased
*/
#layout-menu li.sub-menu ul li a
{
  text-transform: none;
  padding: 0.0em 0;
}

/*
	Remove the weird background from the navigation menu background
*/
#layout-main div.tabbed_pane div.body div.pane div.forum ul.topics li.row:hover,
#layout-main div.forum ul.topics li.row:hover,
#layout-menu li.sub-menu ul li:hover,
#layout-menu li.sub-menu ul li:active
{
  background-color: #444444;
  background: none;
}

/*
	Remove a couple of navigation menu entries
*/
#layout-menu li.random,
#layout-menu li.myentries,
#layout-menu li.myimport,
#layout-menu li.myexport,
#layout-menu li.myvotes,
#layout-menu li.mysignatures,
#layout-menu li.myreviews,
#layout-menu li.mynotifies,
#layout-menu li.mywishlist,
#layout-menu li.applet,
#layout-menu li.report,
#layout-menu li.reclinks,
#layout-menu li.credits,
#layout-menu li.help,
#layout-menu li.user-name
{
  display: none;
}

/*
	No minimum height for pages
*/
#layout-content #layout-main div.g_content {
  min-height: 1em !important;
}
#layout-content, #layout-main {
    min-height: 50%;
}

/*
	Display top links on anime/character/club/creator/collection/group/song page
*/
#layout-main div.anime_all ul.links_top,
#layout-main div.character_all ul.links_top,
#layout-main div.club_all ul.links_top,
#layout-main div.creator_all ul.links_top,
#layout-main div.collection_all ul.links_top,
#layout-main div.ep_all ul.links_top,
#layout-main div.group_all ul.links_top,
#layout-main div.song_all ul.links_top,
#layout-main div.tag_all ul.links_top
{
  display: block;
}

/*
	Remove the "quickadd" box on the anime page
	Remove the "added by" column from the "add char-anime relation" page
*/
#layout-main div.mylistadd,
#layout-main div.addcharanimerel_all tr.char_added
{
  display: none;
}

/*
	Increase the size of the entity description textarea for add/edit forms
*/
textarea[name="adda.other"],
textarea[name="addc.other"],
textarea[name="addg.other"]
{
  height: 400px;
  width: 650px;
}

/*
	Display the "Summary:" string on episode pages for the summary field
*/
#layout-main div.ep_all div.summary:before
{
  content:"Summary:";
  display: block;
  font-weight: bold;
}

/*
	Decrease the padding of the table headers
*/
#layout-main tr.header th,
#layout-main tr.header th.sortable a
{
  padding: 0px 2px;
}

/*
	Decrease the letter spacing for date, id and size fields
*/
span.date, span.user a.id, td.id, td.size
{
  letter-spacing: 0px
}

/*
	Display timestamps in a regular font again
*/
span.time, span.user a.id, td.rating span, a.filter
{
  font-size: 100%; vertical-align: top;
}

/*
	Highlight missing char-char and anime-anime relations in the table-fied views
*/
#layout-main div.g_content.rel_all td.relation.missing,
#layout-main div.g_content.characterrel_all td.relation.missing,
#layout-main div.g_content.characterrel_all td.type.ended.missing,
#layout-main div.g_content.addcharanimerel_all td.relation.missing,
#layout-main div.g_content.addcharanimerel_all td.type.ended.missing
{
  visibility: visible;
  background-color: #900000;
  color: #000000;
}

/*
	Hide the undumped files column on the group page (unhide below)
*/
#layout-main td.number.undumped
{
  visibility: hidden;
}

/*
	Unhide the undumped files column on the group page if there are undumped files
	Mark table cells of undumped files red
*/
#layout-main td.number.undumped.notalldumped,
table.filelist td.date.added,
table.filelist tr.undumped td.id,
table.filelist tr.undumped td.action,
table.file.entities tr.undumped td.id
{
  visibility: visible;
  background-color: #900000;
  color: #000000;
  white-space: nowrap;
}

/*
PLACEHOLDER
*/

/*
	Custom background color for dropped/unknown anime
	Custom background color for users who deleted their file
*/
#layout-main tr.dropped,
#layout-main tr.unknown,
#layout-main td.user.deleted
{
  background-color: #900000;
}

/*
	Custom background color for finished anime
*/
#layout-main tr.finished
{
  background-color: #000090;
}

/*
	Custom background color for stalled anime
*/
#layout-main tr.stalled,
td.verified.no
{
  background-color: #A05000;
}

.i_vrs_2 span, .i_vrs_3 span, .i_vrs_4 span, .i_vrs_5 span, .i_vrs_6 span, .i_vrs_7 span, .i_vrs_8 span, .i_vrs_9 span {
    display: inline-block;
    background-color: #105289;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px;
    font-size: 8px;
    text-align: center;
}

/*
	Display all character/creator guises on the same page
	Also hide the guise selectors at the top of the page
#layout-main div.g_content.character_all div.g_section.character_entry.hide { display: inherit !important; }
#layout-main div.g_content.character_all div.g_section.selector { display: none !important; }
#layout-main div.g_content.creator_all div.g_section.creator_entry.hide { display: inherit !important; }
#layout-main div.g_content.creator_all div.g_section.selector { display: none !important; }
*/

/*
	Make the section headers a reasonable size and not look like shit again
*/
#layout-main div .g_section > h2 > span,
#layout-main div .g_section > form > h2 > span {
  font-size: 1.1rem;
  text-align: center;
}
#layout-main div .g_section > h2 > span::before,
#layout-main div .g_section > form > h2 > span::before,
#layout-main div .g_section > h2 > span::after,
#layout-main div .g_section > form > h2 > span::after {
  content: "";
}


/*
      CSS changes needed for Aniblackle2

.i_icon, a, a:active, a:link, a:visited, h4 span.nolink a, span.link, #layout-main a.filter { color: #cccccc !important; }
#layout-menu li.sub-menu span.tab { display: none; }
html { color: #cccccc; !important}
#layout-menu li.sub-menu, #layout-menu li.sub-menu ul { border-radius: 7px !important; }

h1 a:hover,
a:hover,
button:hover,
span.link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.i_icon:hover,
.g_button a:hover,
.g_bubble .name-colored,
#layout-main div.admin_all div.g_menu h4 span,
#layout-main a.filter:hover,
#layout-main div.pagination span a:hover,
#layout-main div.pagination span strong,
#layout-main div.forum a.topictitle:hover,
#layout-main ul.g_list li:hover,
#layout-main div.search_all div.suggestions span:hover,
#layout-main div.chartag-list a:hover,
#layout-main div.tag-column a:hover,
#layout-main div.addsimilaranime_all div.addsimilaranime_entries a.name-colored,
#layout-main div.cmt_entries a.username-colored,
#layout-main div.forum a.username-colored,
#layout-menu li.sub-menu span.tab,
#layout-main div.forum .g_bubble.infobox h3 {
	color: #728972 !important;
}

.i_vrs_2:hover span,
.i_vrs_3:hover span,
.i_vrs_4:hover span,
.i_vrs_5:hover span,
.i_vrs_6:hover span,
.i_vrs_7:hover span,
.i_vrs_8:hover span,
.i_vrs_9:hover span {
	background-color: #728972;
}

*/

:not(.g_overlaymenu):not(.folded).g_filter ~ table, .internet_explorer#anidb .animelist_all :not(.g_overlaymenu):not(.folded).g_filter ~ div table.animelist {
  width: calc(100% - 20em);
}

.g_bubble.stripe.schedule.mylist {background: repeating-linear-gradient(45deg, #364a36, #364a36 10px, #333333 10px, #333333 20px);}
.g_bubble.stripe.schedule.mylist.ep_watched {background: none; background-color: #364a36;}


.g_bubble.box.wishlist.wishlist_type_towatch.wishlist_priority_med,
.g_bubble.stripe.schedule.wishlist.wishlist_type_towatch.wishlist_priority_med {
  background: repeating-linear-gradient(45deg, #364a36, #364a36 10px, #333333 10px, #333333 20px);
}

tr.wishlist.wishlist_type_towatch.wishlist_priority_high td.name {
  background: repeating-linear-gradient(45deg, #904500, #904500 10px, #333333 10px, #333333 20px);
}

/*
	Custom background color for completed anime
	Custom background color for anime in mylist
	Custom background color for users with files on hdd or cd
*/
#layout-main tr.complete,
#layout-main div.g_section.mylist td.state.watched,
#layout-main td.user.onhdd, td.user.oncd,
#layout-main tr.wishlist.all_watched.state_onhdd.liststate_completed td.name {
#layout-main td.mylist,
td.verified.yes
{
  background-color: #006000; !important;
}

/*
.main_nav#layout-nav {
  min-height: 0em;
}
*/