kissanime.com.ru search advanced - compact by osirisgothra

/* ==UserStyle==
@name         kissanime.com.ru search advanced - compact
@version      20230226.18.30
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://kissanime.com.ru/AdvanceSearch") {
/**
	Kissanime(.com.ru or otherwise)

	Affects: Advanced Search Page (websiteaddr.com/AdvanceSearch only)

	What it does:

	- Removes excess inline tokens like 'HOT' and 'Completed'
	- Removes inline images that bloat the result and prevent giving a longer list to view without having to scroll all the time
	- Tucks away the advanced search selections behind an expandable box, simply mouse-over the box where you put the advanced 
    search terms in, and it will expand to reveal all the other possible items (sub, dub, genre, etc.)
  - Moves the "Results" down to the bottom/right corner, and styles it
  
  You can mouse-over each list item to see a popup view of the series or movie DVD Cover, description and summary, and click
  to watch it (of course).

	The 'Completed' text is offsetted from the 'Episode Number' text (meaning incomplete) to make it easier to pick out episodes based
	on their unfinished/finished status!

	Created: 2/26/2023 by Gabriel T Sharp <osirisgothra@hotmail.com>
	License: Public Domain OR Creative Commons SA (whichever applies to your current locale)

**/


#formAdvanceSearch
{
	max-height: 4em;
	overflow: hidden;
	border: #9998 1px solid;
	/*NOTE: some linters will error this next line because they don't understand per-corner radius assignments 
	        this is indeed standard (for years now) so you can disregard it.
	*/
	border-radius: 12px 12px 1px 1px;
	padding-top: 12px;
	transition: max-height 1s;
	transition-delay: 200ms;	
	margin-bottom: 2px;
}
#formAdvanceSearch:hover
{
	border-color: #999f;
	max-height: 40em;
}

.thumb_in_cat,
#leftside > div > div.barContent.full > div.listing.full > div > div > div > div > div > img
{
	display: none;
}
.status_text_vertical,
#leftside > div > div.barContent.full > div.listing.full > div > .status_in_cat_container > span,
#leftside > div > div.barContent.full > div.listing.full > div *, 
#leftside > div > div.barContent.full > div.listing.full > div
{
	box-sizing: border-box;
	/* NOTE: needed for star selector but WILL be seen as an error */
	padding: 0px !important;
	margin: 0px !important;
	height: 1.5em !important;
	text-align: right;
}
#leftside > div > div.barContent.full > div.listing.full > div
{	
	
	margin: 0px !important;
	height: 1.35em;
	text-overflow: ellipsis !important;
	overflow: hidden;
	
}


/* Removes some of the obvious stuff and stuff that isn't all that meaningful
like HOT or COMPLETED graphics. The reasoning here is there is already a text for 'completed' and
the HOT stuff is under trending or listed first anyway, so it is already pretty obvious. You can
still mouse over for images of each title, IMO images bloating the initial list are a real distraction
and can make you miss a lot of titles. I might have gone a different path but the image/descriptions are
done through scripting, not the CSS, and I doubt many even have custom scripting extensions installed, nor
do I want to rewrite the entire website :P
*/
.mb30,
#leftside > div > div.barContent.full > div.listing.full > div.head
{
	display: none;
}
div.barContent.full > p
{
	
	display: block;
	position: fixed;
	right: 0.25em;
	bottom: 1em;
	margin: 0px !important;
	padding: 0.25em !important;
	font-size: 34pt;
	
	-webkit-text-stroke: 0.75px white;
	-webkit-text-fill-color: transparent;
	background:  linear-gradient( #9fd602,#65a302);	
	-webkit-background-clip: text;
	-webkit-box-reflect: below 0 linear-gradient(#0000,#0001)
	
}





}