User:Worf/anidb.css: Difference between revisions

Revision as of 23:10, 17 August 2014

#layout-search
{
  background:url("http://static.anidb.net/pics/banner/kodachrome-style2-1100.png") no-repeat scroll left top transparent;
} 

/*
#layout-search input.text
{
  float: left;
}
*/

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

/*
	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 the top-border from the navigation menu entries
*/
#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 a couple of navigation menu entries
	Remove the "quickadd" box on the anime page
	Remove the "added by" column from the "add char-anime relation" page
*/
#layout-menu li.random,
#layout-menu li.myentries,
#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,
#layout-main p.mylistadd,
#layout-main div.addcharanimerel_all tr.char_added
{
  display: none;
}

/*
	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.group_all ul.links_top,
#layout-main div.song_all ul.links_top
{
  display: block;
}

/*
	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;
}

/*
	Setting the left column of the stats block to a fixed width and disallowing line wrap
*/
#layout-main div.userpage_all div.stats div table th.field,
#layout-main div.myplace_all div.stats div table th.field
{
  white-space: nowrap;
  width: 10em;
}

/*
	Setting the right column of the stats block to a fixed width and disallowing line wrap
*/
#layout-main div.userpage_all div.stats div table td.value,
#layout-main div.myplace_all div.stats div table td.value
{
  white-space: nowrap;
  text-align: right;
  width: 15em;
}

#layout-main div.block
{
   display: block;
}

#layout-main div.block div.data
{
   width: auto;
}

#layout-main div.block div.image
{
   width: auto;
   float: left;
   margin-left: 2em;
   overflow: hidden;
   text-align: right;
   margin-right: 1em;
   margin-bottom: 1em;
}

#layout-main div.desc
{
   clear: left;
}

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

span.date, span.user a.id, td.id, td.size
{
  letter-spacing: 0px
}

span.time, span.user a.id, td.rating span, a.filter
{
  font-size: 100%; vertical-align: top;
}

/*
	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
{
  visibility: visible;
  background-color: #900000;
  color: #000000;
}

/*
	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,
#layout-main td.user.onhdd, td.user.oncd,
#layout-main td.mylist,
td.verified.yes
{
  background-color: #006000;
}

/*
	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;
}

/*
	Move "user menu" on myplace to the right side
	Move "buddies" on myplace to the right side
	Move "favorite reviewers" on myplace to the right side
*/
#layout-main div.userpage_all div.g_menu div.general,
#layout-main div.userpage_all div.g_menu div.buddies,
#layout-main div.userpage_all div.g_menu div.favreviewers
{
  position: absolute !important;
  float: right;
  left: auto;
  right: 10px;
  width: 15em;
}

#layout-main div.userpage_all div.g_menu div.buddies
{
  margin-top: -64em;
}

#layout-main div.userpage_all div.g_menu div.favreviewers
{
  margin-top: -45em;
}

#layout-main div.userpage_all > div.g_section
{
  margin-right: 16em;
}

/*
	Display club images on myplace
*/
div.g_block.club img
{
  display: inline-block;
}

/*
	Making the animelist take the whole screen width again
*/
#layout-main div.animelist_all table.animelist tr td.name,
#layout-main div.mangalist_all table.mangalist tr td.name,
#layout-main div.animelist_table table.animelist tr td.name
{
  width:75%;
}

#layout-main div.ep_all div.summary:before
{
  content:"Summary:";
  display: block;
  font-weight: bold;
}

#layout-main div.block
{
	width: 100%;
	margin-top: 0.5em;
	display: block;
}

#layout-main div.block > div.data
{
	float: left;
	width: 49%;
	text-align: left;
	margin-bottom: 1em;
}

#layout-main div.main_all div.datablocks > div
{
  display:inline-table;
  vertical-align:top;
  width:100%;
  max-width: 382px; /*hack to get ie and opera in line as they lack multi column support atm*/
}


#layout-main div.userpage_all div.userdetails .block
{
  display: inline-table;
  margin-top: 0;
  width: 100%;
}

#layout-main div.userpage_all div.userdetails .block .notify > div
{
  width: 750px;
}

#layout-main div.userpage_all div.userdetails .block > div
{
  display: table-cell;
  float: none;
  vertical-align: top;
  width: auto;
}

#layout-main div.userpage_all div.userdetails img
{
  margin-right: 1em;
  margin-top: 1.5em;
}