Professional Documents
Culture Documents
"https://malscraper.azurewebsites.net/covers/anime/SpaceCowboy/presets/dataimag
elinkbefore";
@\import
"https://malscraper.azurewebsites.net/covers/manga/DateYutaka/presets/dataimageli
nkbefore";
@\import
"https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Theme%2
0-%20Compressed.css";
@\import
"https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-
%20Hover%20Image%20Compressed.css";
@\import
"https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/Mod%20-
%20Dark%20Mode%20Compressed.css";
/*-S-T-A-R-T--------------------*\
| Banner Titles |
\*------------------------------*/
/*-S-T-A-R-T--------------------*\
| Banner Background Image
To change background images: delete what's in the parenthesis. Upload
the new background to Imgur or a similar site, then copy the direct link (or Original
GIF link if it's animated) and paste it into the parenthesis. Save.
|
\*------------------------------*/
/*-S-T-A-R-T--------------------*\
| Banner Character (Render)
Background size is the size of the image. 100% is full size.
The first percentage after background position is the position from the left. Lower
percentages move it left and you can go negative. The second percentage is position
from the top. Lower percentages move it down.
|
\*------------------------------*/
/*-S-T-A-R-T--------------------*\
| Banner Avatar |
\*------------------------------*/
/*-S-T-A-R-T--------------------*\
| Per-Category Background Image
If you want a wallpaper on a category, you can add direct background images links
to the parenthesis here for each category! By default, there is no wallpaper.
|
\*------------------------------*/
To resize the renders, adjust the percentage after "width". 0% will remove the
render.*/
body footer:before {
left: -5%;
top: 15%;
width: 35% !important;
background-size: contain !important;
background-image: url(none);
background-position: left bottom !important;
}
body footer:after {
right: -10%;
top: 0%;
width: 40% !important;
background-size: contain !important;;
background-image: url(none);
background-position: right bottom !important;
}
/*------------------------------*\
| Character Renders R0.3 |
\*------------------------------*/
footer:before, footer:after {
content: "";
position: fixed;
top: 0;
z-index: -1;
/*------------------------------*\
| List colors |
pbg is the color of the wallpaper when you have no image there
banner-text is the banner text color, and its shadow color is under that
--pbg: #161616;
--bg: #212121;
--bg-dark: #444;
--text: #ababab;
--text-h: #416abe;
--text-dim: #777;
--text-dim-h: #999;
--text-dark: #ababab;
--shadow: rgba(0,0,0,0.8);
--icon: #959595;
--accent: #416abe;
--banner-text: #f6f5ff;
--banner-text-shadow: #e4bef4;
--btn-bg: #191919;
--btn-bg-h: #ababab;
--btn-head-bg-h: #416abe;
--btn-text-h: #212121;
--text-head: #9b9b9b;
--text-head-h: #ababab;
--cover-bg: #090909;
--edit-btn: #323232;
--checkmark: #416abe;
}
/*------------------------------*\
| List colors |
status menu container is the color of the header under the banner when there is
transparency on your tables, and the last codes control the rows on hover and the
glow around them. Make a new box shadow here
https://html-css-js.com/css/generator/box-shadow/
\*------------------------------*/
.status-menu-container{
background: ;
}
.list-table-data:hover{
background: ;
box-shadow: ;
/*-S-T-A-R-T--------------------*\
| Review Tags R0.1 |
\*------------------------------*/
/* Raise or lower this number to change how wide the box is. Make sure not to remove the
"px" at the end. */
.data.tags { width: 240px; }
.data.tags div:not(:empty){padding:2px
8px;background:var(--btn-bg);border-radius:8.5px}.data.tags
span{display:inline;font-size:11px!important;cursor:text}.data.tags
a:not(.edit){display:inline;padding:0;background:0 0;pointer-events:none}
/*------------------------E-N-D-*/