Комментарий #6679527

🍀 Goliard 🍀
Стандартный дизайн
/* AUTO=body_background */
body { background: url(/assets/background/greyfloral.png) repeat; }

meta[itemid*='spoyler'] ~ .inner .collection-row > article {
  pointer-events: none;
}
Альтернативные постеры
/* Новые постеры */
@import url(https://css-club.web.app/css/custom_posters.min.css);

[href*="characters/25270-"] {
  --show-default: 0;
  --custom-image: url(https://i6.imageban.ru/out/2022/10/10/fe4d0d7dff375e2e7e6e45c738a11f1d.jpg);
}
[href*="people/1870-"] {
  --show-default: 0;
  --custom-image: url(https://i7.imageban.ru/out/2022/10/10/720628c947b32a6ff2df4c7654008e34.jpg);
}

Устарело
img[alt="Fox Mulder"] {
content: url("https://i6.imageban.ru/out/2022/10/10/fe4d0d7dff375e2e7e6e45c738a11f1d.jpg");
}
img[alt="Hayao Miyazaki"] {
content: url("https://i7.imageban.ru/out/2022/10/10/720628c947b32a6ff2df4c7654008e34.jpg");
}
Код, скрывающий постеры в спойлерных коллекциях
meta[itemid*='spoyler'] ~ .inner .collection-row > article {
  pointer-events: none;
}

/* Скрываем постеры и названия тайтлов/персонажей */
meta[itemid*='spoyler'] ~ .inner .collection-row > article img,
meta[itemid*='spoyler'] ~ .inner .collection-row > article .title {
  display: none;
}

/* Заменяем постер персонажа/тайтла на другую картинку */
meta[itemid*='spoyler'] ~ .inner .collection-row > article .image-cutter {
  background: url(/assets/globals/missing_preview.jpg) center top / cover;
}

/* Задаём размер для картинки */
meta[itemid*='spoyler'] ~ .inner .collection-row > article .image-cutter::after {
  content: '';
  display: block;
  padding-top: 155.5%;
}
Winter Theme
/* Top menu */

.l-top_menu-v2
{ background: url(https://myanimelist.net/images/event/2016_christmas/bg_menu_anime.gif); }
.l-top_menu-v2,
.l-top_menu-v2 .glyph, .l-top_menu-v2 .logo-container .logo,
.l-top_menu-v2 .active .submenu,
.l-top_menu-v2 .submenu, .l-top_menu-v2 .menu-dropdown>span:focus
{ background-color: #176093; }

.l-top_menu-v2 .menu-dropdown>span, .l-top_menu-v2 .menu-dropdown>span:hover, .l-top_menu-v2 .menu-dropdown.active>span
{ background-color: initial; }

.l-top_menu-v2 .logo-container:hover, .l-top_menu-v2 .menu-icon:hover, .l-top_menu-v2 .menu-dropdown>span a:hover
{ background-color: white; color: #176093; }

/* Header */

header.head h1, .p-topics header h1 a.reload
{ color: #176093; }

/* Headline, Hot topic */

.subheadline a:hover, .subheadline a:hover:before, .midheadline a:hover, .p-dashboards-show .linkheadline a:hover, .p-dashboards-show .linkheadline a:hover:before
{ background-color: #176093; }

.subheadline, .subheadline a, .subheadline a:before, .headline, .midheadline, .midheadline a:before,
.b-hot_topics-v2, .b-link_button.dark
{ color: #176093; }

.subheadline, .subheadline a, .subheadline a:before, .headline, .midheadline,
.b-hot_topics-v2, .b-link_button.dark,
.headline .misc-links>a:hover, .midheadline .misc-links>a:hover, .subheadline .misc-links>a:hover
{ background-color: initial; }

.subheadline a:hover, .subheadline a:hover:before, .subheadline a:hover:before, .midheadline a:hover, .p-dashboards-show .linkheadline a:hover, .p-dashboards-show .linkheadline a:hover:before
{ color: white; }

/* Other */

.b-stats_bar.anime .bar .first, .b-stats_bar.manga .bar .first, .b-stats_bar.lifetime .bar .first
{ background-color: #1B71AA; }

.b-stats_bar.anime .bar .third, .b-stats_bar.manga .bar .third
{ background-color: #E0E0E0; }

.b-stats_bar.anime .bar .third, .b-stats_bar.manga .bar .third
{ color: #176093; }

/*----------------------------*/

.l-top_menu-v2 { height: 36px; }

.l-top_menu-v2 .logo-container:hover, .l-top_menu-v2 .menu-icon:hover, .l-top_menu-v2 .menu-dropdown>span a:hover
{ height: 30px; border-radius: 3px; }

.l-top_menu-v2 .glyph, .l-top_menu-v2 .logo-container .logo
{ height: 21px; background-position: center; }

.l-top_menu-v2 .global-search input
{ border: none; border-radius: 3px; }

.b-link_button.dark
{ border: 1px solid; }

.subheadline, .headline, .midheadline, .b-hot_topics-v2
{ border-bottom: 1px solid; }

.subheadline, .headline, .midheadline
{ border-left: initial; padding-left: 0; padding-right: 1px; }

.subheadline a:hover, .subheadline a:hover:before, .subheadline a:hover:before, .midheadline a:hover, .p-dashboards-show .linkheadline a:hover, .p-dashboards-show .linkheadline a:hover:before
{ text-decoration: none; }

.p-dashboards-show .linkheadline>a
{ text-decoration: none; }

.l-top_menu-v2 .active .submenu
{ margin-top: -4px; }
MAL-Theme #1
/*
// Self-explanatory
*/
BODY
{
background-image: url();
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-color: transparent;

color: #000000;
font-size: 14.00px;
font-family: Segoe UI;
background-color: #000000;
}
/*
// Determines the positioning of your list
*/

#list_surround
{
margin-left: auto;
margin-right: 20px;
width: 800px;
}

/*
// All links on your list
*/

a {color: #f3f3f3; text-decoration: none;}

a:visited {color: #f3f3f3; text-decoration: none;}

a:hover {color: #f3f3f3; text-decoration: underline;}

/*
// Alternating row color 1
*/

.td1
{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;

color: #f3f3f3;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #292929;
padding: 2px;
background-color: #000000;
}

/*
// Alternating row color 2
*/

.td2
{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;

color: #f3f3f3;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #292929;
padding: 2px;
background-color: #000000;
}

/*
// This represents the "Anime Title", "Score", "# Eps" columns
*/

.table_header
{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;

color: #f3f3f3;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #292929;
background-color: #000000;
padding: 2px;
}

/*
// headerLink represents the color of the links inside the_header
*/

.table_headerLink
{
color: ;
}

.table_headerLink:Visited
{
color: ;
}

.table_headerLink:Hover
{
color: ;
}

/*
// Controls the select form decoration (the drop down select box)
*/

.form
{
border-width: 1px 1px 1px 1px;
border-color: #292929;
border-style: solid;
color: #000000;
padding: 2px;
font-size: 11.00px;
font-family: Verdana, Arial;
}


/* Which 'status' up top is selected? */

.status_selected
{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;

color: #ffffff;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #292929;
padding: 2px;
background-color: #000000;
}

.status_not_selected
{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;

color : #ffffff;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #292929;
padding: 2px;
background-color: #000000;
}

/*
Header classes for Currently Watching, Completed, Dropped, etc...
*/

.header_cw
{
height: 8px;
position: bottom left;
}

.header_completed
{
height: 8px;
position: bottom left;
}

.header_onhold
{
height: 8px;
position: bottom left;
}

.header_dropped
{
height: 8px;
position: bottom left;
}

.header_ptw
{
height: 8px;
position: bottom left;
}

.header_title {
font-size: 14px;
font-weight: bold;
}


.category_totals
{

}

#grand_totals
{
text-align: center;
}

/* header_al is thesurrounding "User's Anime List" at the top */

.header_al
{
font-weight: bold;
font-size: 16px;
}

/* header_al_links is thewith your "Profile" and "MyAnimeList home" links */
.header_al_links
{

}

/* controls what styles you can give to all the anime titles in your list */
.animetitle
{
font-weight: bold;
}

/*
copyright contains the "Producted by Garrett Gyssler" text
DO NOT REMOVE OR HIDE THIS DIV
IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO
*/

#copyright
{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;

color: #f3f3f3;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
width: 640px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #292929;
background-color: #000000;
}

/clubs/811-css-club-nastroyka-vneshnego-vida-sayta

Ответы

Нет комментариев

назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть