TaZAssistante DB
– Lanceur du sujet#1Spoiler Design
$spoiler: gray; /* Set color */
.spoiler:hover {background-color: transparent;}
.spoiler, .spoiler-visible {border: 1px solid $spoiler;}
.spoiler {background: transparent;}
.spoiler::before {color: $spoiler;}
.spoiler::after {display: none;} /* Remove "+" */
.spoiler:hover {background-color: transparent;}
.spoiler, .spoiler-visible {border: 1px solid $spoiler;}
.spoiler {background: transparent;}
.spoiler::before {color: $spoiler;}
.spoiler::after {display: none;} /* Remove "+" */
Remove Path (Anime, Manga, Movie, Seiyuu, Company)
#start > h1 { font-size: 0px;}
#htitle { font-size: 18px !important;}
#htitle { font-size: 18px !important;}
Bigger Screenshots (will crop thumbnails to 16:9)
#details-outer #details-inner > section #screens > a {
min-width: 310px !important;
min-height: 174px !important;
}
#details-outer #details-inner > section #screens {
min-height: 180px !important;} /* For element containing screens*/
min-width: 310px !important;
min-height: 174px !important;
}
#details-outer #details-inner > section #screens {
min-height: 180px !important;} /* For element containing screens*/
Reverse Hover (Characters, Anime,...)
.gallery>li>a .title,
.covers>li>a .title {opacity: 0; transition: ease 3s all 350ms;}
.gallery>li>a:hover> .title,
.gallery>li>a:hover> .rank,
.covers>li>a:hover> .title,
.covers>li>a:hover> .rank {opacity: 1; transition: all 0ms ease 0s;}
.covers>li {background-color: rgb(255, 252, 221);}
.covers>li> .genre {display: none;} /* Removes genre from covers */
.covers>li>a .title {opacity: 0; transition: ease 3s all 350ms;}
.gallery>li>a:hover> .title,
.gallery>li>a:hover> .rank,
.covers>li>a:hover> .title,
.covers>li>a:hover> .rank {opacity: 1; transition: all 0ms ease 0s;}
.covers>li {background-color: rgb(255, 252, 221);}
.covers>li> .genre {display: none;} /* Removes genre from covers */
- Name disappears on hover.
- Name appears on hover.
- Name disappears on hover.
Name appears on hover and genre removed.
Rating Pop-up
$ratingPopUp: #a55941;
$ratingPopUpShadow: transparent;
$ratingPopUpStars: #a55941;
#ratingBox { max-width: 800px; margin-left: 500px;} /* Move PopUp to the right */
#ratingBox > div {
background-image: url("images/member/upload/1/1518/images/RatingPopUp.jpg");
background-size: cover; }
#ratingBox > div > header {
color: $ratingPopUp;
background-color: transparent;
text-shadow: 2px 0 0 $ratingPopUpShadow;}
#ratingBox > div > header > h2 + div {
color: $ratingPopUp;
text-shadow: 2px 0 0 $ratingPopUpShadow;}
#ratingBox > div #ratingSettings tr > td:first-child {
color: $ratingPopUp;
font-size: 1.0em;
text-shadow: 2px 0 0 $ratingPopUpShadow; }
#cstar-rating > div {color: $ratingPopUpStars; }
.ui-slider .ui-slider-handle {
background-color: $ratingPopUpStars;
border: 2px solid $ratingPopUpStars; }
.ui-slider {
border: 1px solid $ratingPopUpStars; }
.calendarA { display: none;} /* removes new calendar option */
$ratingPopUpShadow: transparent;
$ratingPopUpStars: #a55941;
#ratingBox { max-width: 800px; margin-left: 500px;} /* Move PopUp to the right */
#ratingBox > div {
background-image: url("images/member/upload/1/1518/images/RatingPopUp.jpg");
background-size: cover; }
#ratingBox > div > header {
color: $ratingPopUp;
background-color: transparent;
text-shadow: 2px 0 0 $ratingPopUpShadow;}
#ratingBox > div > header > h2 + div {
color: $ratingPopUp;
text-shadow: 2px 0 0 $ratingPopUpShadow;}
#ratingBox > div #ratingSettings tr > td:first-child {
color: $ratingPopUp;
font-size: 1.0em;
text-shadow: 2px 0 0 $ratingPopUpShadow; }
#cstar-rating > div {color: $ratingPopUpStars; }
.ui-slider .ui-slider-handle {
background-color: $ratingPopUpStars;
border: 2px solid $ratingPopUpStars; }
.ui-slider {
border: 1px solid $ratingPopUpStars; }
.calendarA { display: none;} /* removes new calendar option */
One-line Information
#infoline {display: block;}
#infodetails {display: none;}
#infodetails {display: none;}
Remove row from rating
#ratingstats>tbody>tr:first-of-type { display:none }
Database input: smaller rows
.cloud { display: inline-block;
margin-left: 10px;
vertical-align: middle;} /* Puts categories on same line as name */
margin-left: 10px;
vertical-align: middle;} /* Puts categories on same line as name */
Commentaires (1)
Meins ist ein Zusammenklau mit anpassungen aus dem original.
Übrigens super zusammen gestellt