Kabushikigaisha Magi-LumièreКомпания «Маги-Люмьер»
Добавлено в списокOLD
[code]
только одна строка, то она выделяется красным — через текст, заключённый в апострофы `пример текста`
или через [/code], подробнее здесь: /bb_codes ```
пример текста
```
Результат:пример текста
[span=red][url]https://shikimori.me/mangas/17051-barakamon[/url][/span]
, результат: /mangas/17051-barakamon||
— ||ыыыыы||
, результат: ыыыыы [spoiler]
, где между текстом и квадратной скобкой [spoiler=спойлер]
нужно поставить пробел — инлайновый [spoiler=спойлер]спойлер[/spoiler]
, результат: инлайновый спойлер [spoiler_v1=Спойлер]OLD[/spoiler_v1]
ИЛИ через пробел пробел между текстом и [spoiler=спойлер]
. Пример: Спойлер [spoiler=спойлеру]рознь[/spoiler]
, результат: Спойлер [spoiler_block=блочный cпойлер 01]spoiler content[/spoiler_block]
, результат:[spoiler=блочный cпойлер 02]spoiler content[/spoiler]
, результат:[spoiler=блочный cпойлер 02]
будет текст, то ШИКИ преобразует его в уже не в [spoiler_v1=Спойлер]
. TEST: уже не [spoiler=блочный cпойлер 02]spoiler content[/spoiler]
— уже не [spoiler_block=блочный cпойлер 01]spoiler content[/spoiler_block]
этого не произойдет и спойлер перенесется на новую строку, но сохранит свой первоначальный вид — Все еще [spoiler_block=блочный cпойлер 01]spoiler content[/spoiler_block]
, результат: [spoiler=блочный cпойлер 02]
преобразуется в в спойлер вида [spoiler_v1=Спойлер]
, когда перед спойлером ставится пробел после переноса на новую строку: Уже не
[spoiler=блочный cпойлер 02]spoiler content[/spoiler]
[spoiler=блочный cпойлер 02]
не ставить, то спойлер сохранит свой вид:Все еще
[spoiler=блочный cпойлер 02]spoiler content[/spoiler]
https://shikimori.me
http://shikimori.one/
(снова доступен с 10 октября 2023)http://shikimori.org/
https://web.archive.org/web/20161024223337/https://shikimori.org/animes/97-last-exile
или коллекция до ее удаления с сайта: https://web.archive.org/web/20220307234010/https://shikimori.one/collections/1314-spokoystvie-tolko-spokoystvie
https://web.archive.org/web/20190105132141/https://myanimelist.net/anime/29949/Nami
https://web.archive.org/web/20160221204135/http://myanimelist.net/anime/29293/Isu
или https://web.archive.org/web/20210730192439/https://myanimelist.net/anime/29293
либо ссылки вида https://web.archive.org/web/20080731125846/http://myanimelist.net/anime.php?id=224
(зачастую поиск страниц через этот вариант не дает результатов)https://myanimelist.net/anime/1210/NHK_ni_Youkoso
(знаки препинания опускаются, а пробел между словами заменяется подчеркиванием, если же знаки препинания стоят между словами в названии как в "Clannad: After Story", то тогда за место этого знака ставится дополнительный знак нижнего подчеркивания, и в таком случае ссылка будет иметь вид https://myanimelist.net/anime/4181/Clannad__After_Story
, впрочем такие правила были не всегда что только усложняет поиск нужных страниц в архиве -_-)https://web.archive.org/web/20160606080639/https://myanimelist.net/people/11471/Yoshiten
https://web.archive.org/web/20220307234010/https://shikimori.one/collections/1314-spokoystvie-tolko-spokoystvie
https://web.archive.org/web/20210511011005/https://shikimori.one/collections/191-spokony
https://web.archive.org/web/20221007184851/https://shikimori.one/collections/7207-ih-kinuli-ne-vyshedshie-anime
/* собственная надпись вместо стандартного логотипа*/
.l-top_menu-v2 .logo-container .logo { background: none; height: 31px; }
.logo:after { content: '士気 m o r i ~' ; color: #f7f7f7; font-size: 22px; padding-left: 4px; }
.l-top_menu-v2 .menu-dropdown>button>span, .l-top_menu-v2 .submenu>a, .l-top_menu-v2 .global-search, .l-top_menu-v2 .global-search input{ font-size: 11px; }
.l-top_menu-v2 .submenu>a{ height:20px; padding-left: 7px; }
.l-top_menu-v2 .menu-dropdown.main>button:not(.mobile) span { margin-left: 7px; }
.l-top_menu-v2 .menu-dropdown.profile>button, .l-top_menu-v2 .menu-dropdown.main, .l-top_menu-v2 .menu-dropdown.main>button:not(.mobile) { min-width: 130px; max-width: 150px; }
/* фон */
.l-top_menu-v2 { background: #343434; border-bottom: 0px; height: 32px; }
/* фон под разворотами */
.l-top_menu-v2 .submenu, .b-main_search ul.popup{ border: 0px; background: #343434; }
.l-top_menu-v2 .menu-icon, .l-top_menu-v2 .menu-dropdown>button{ height: 32px; }
/* выборы прочих разворотов */
.l-top_menu-v2 .submenu>.entry, .b-main_search ul.popup li { border: 0px; }
/* обычное состояние */
.l-top_menu-v2 .inner .logo, .l-top_menu-v2 .menu-items>.entry.selected, .l-top_menu-v2 .menu-items>.entry, .menu.menu-userbox { transition: 0.2s; }
/* Закрепление верхнего меню */
.l-top_menu-v2 { position: fixed; top: 0; left: 0; right: 0; } .l-page { margin-top: 33px; } .b-comments-notifier { top: 33px !important; }
/* прозрачность */
.l-top_menu-v2 { opacity: .85; }
.l-top_menu-v2 .logo-container .glyph, .l-top_menu-v2 .global-search .hotkey-marker, .l-top_menu-v2 .global-search .search-marker, .l-top_menu-v2 .global-search .clear,
.l-top_menu-v2 .icon-profile:before, .l-top_menu-v2 .icon-anime_list:before, .l-top_menu-v2 .icon-manga_list:before, .l-top_menu-v2 .icon-characters:before, .l-top_menu-v2 .icon-mail:before, .l-top_menu-v2 .icon-achievements:before, .l-top_menu-v2 .icon-settings:before,
.l-top_menu-v2 .icon-site_rules:before, .l-top_menu-v2 .icon-faq:before, .l-top_menu-v2 .icon-sign_out:before, .l-top_menu-v2 .icon-anime:before, .l-top_menu-v2 .icon-manga:before, .l-top_menu-v2 .icon-ranobe:before, .l-top_menu-v2 .icon-forum:before, .l-top_menu-v2 .icon-clubs:before, .l-top_menu-v2 .icon-collections:before, .l-top_menu-v2 .icon-reviews:before, .l-top_menu-v2 .icon-contests:before, .l-top_menu-v2 .icon-users:before, .l-top_menu-v2 .icon-calendar:before, .l-top_menu-v2 .icon-info:before, .l-top_menu-v2 .icon-socials:before, .l-top_menu-v2 .icon-moderation:before,
.l-top_menu-v2 .global-search .search-results .nothing_found.active:before, .l-top_menu-v2 .global-search .search-results .nothing_found:focus:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus:before, .l-top_menu-v2 .global-search .search-results .search-mode.active:before, .l-top_menu-v2 .global-search .search-results .search-mode:focus:before,
.l-top_menu-v2 .global-search .search-results .nothing_found:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:before, .l-top_menu-v2 .global-search .search-results .search-mode:before,
.l-top_menu-v2 .global-search input.has-value ~ .clear,
.l-top_menu-v2.is-search-mobile .global-search .clear { display:none; }
.l-top_menu-v2 .global-search .search-results .search-mode:active:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:active:before
{ background: none; }
/* фикс поиска */
.l-top_menu-v2 .global-search, .l-top_menu-v2 .global-search input{ background: rgba(25,25,25,0.65); color: #ffffff; transition: 0.2s; height: 20px; margin-right: 0px; }
.l-top_menu-v2 .global-search input{ padding: 0 0 0 4px; border-radius: 0px; }
.l-top_menu-v2 .menu-dropdown.profile>button img { height: 24px; }
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .search-mode{ font-size: 11px; line-height: 20px; padding-top: 0px; }
.l-top_menu-v2 .global-search .search-results{ top:28px; }
.l-top_menu-v2 .global-search .search-results .nothing_found.active, .l-top_menu-v2 .global-search .search-results .nothing_found:focus, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus, .l-top_menu-v2 .global-search .search-results .search-mode.active, .l-top_menu-v2 .global-search .search-results .search-mode:focus,
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .search-mode{ padding-left: 5px; }
.l-top_menu-v2 .menu-icon.search:before { line-height: 35px; }
@media screen and (max-width: 1024px){ .l-top_menu-v2.is-search-mobile .global-search { position: relative; background: none; }
.l-top_menu-v2.is-search-mobile .global-search{ padding: 0px 0; top: 0px; }
.l-top_menu-v2.is-search-mobile .global-search .search-results { margin-top: 0px; } }
.l-top_menu-v2 .menu-icon.trigger:before{ line-height: 0px; }
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .search-mode{ padding-left:5px }
/* альтернативный макет профиля без графиков активности */
.profile-head .p-profiles-show .profile-content .cc-2 > .c-left { display: none; }
.p-profiles-show .profile-content .cc-2 > .c-right { display: flex; flex-direction: row-reverse; width: 100%; float: none; margin: 0; }
.p-profiles-show .profile-content .cc-2 > .c-right > .cc-2a { flex-shrink: 0; width: 19%; margin: 0 0 0 30px !important; }
.p-profiles-show .profile-content .cc-2 > .c-right > .block { flex-grow: 1; }
.p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column { width: 100%; }
.p-profiles-show .lifetime { display: none; }
.p-profiles-show .profile-content .activity:last-child { display: none; }
/* а конкретно эта часть кода меняет местами блоки */
@media (min-width:1200px) {
.p-profiles .profile-head .c-history.x3 { margin-top: -999px !important; }
.p-profiles-show .profile-content .cc-2 > .c-right > .cc-2a { position: absolute; top: -240px; }
.p-profiles .profile-head .c-info { width: 62%; } } /* либо значение width 60% */
/* альтернативный макет профиля без графиков активности */
.profile-head .p-profiles-show .profile-content .cc-2 > .c-left { display: none; }
.p-profiles-show .profile-content .cc-2 > .c-right { display: flex; flex-direction: row-reverse; width: 100%; float: none; margin: 0; }
.p-profiles-show .profile-content .cc-2 > .c-right > .cc-2a { flex-shrink: 0; width: 19%; margin: 0 0 0 30px !important; }
.p-profiles-show .profile-content .cc-2 > .c-right > .block { flex-grow: 1; }
.p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column { width: 100%; }
.p-profiles-show .lifetime { display: none; }
.p-profiles-show .profile-content .activity:last-child { display: none; }
/* блок скрыт с иконкой вместо истории просмотра */
.p-profiles .profile-head .c-history:after { content: "Блок скрыт"; opacity: .5; visibility: visible; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%);font-size: max(1em, min(1em, 5.333vw)); }
.p-profiles .profile-head .c-history:before { visibility: visible; opacity: .4; content: "\e83f"; font-family: 'fuji'; font-size: max(4em, min(1em, 5.333vw)); position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); }
.p-profiles .profile-head .c-history{ visibility: hidden; }
@import url(https://raw.githubusercontent.com/Fujitawa/Lab/main/icons/css/fuji-embedded.css);
@media (min-width:768px) { .profile-content { top: -60px; position: relative; } }
/* альтернативное расположение блоков */
.profile-head .p-profiles-show .profile-content .cc-2 > .c-left { display: none; }
.p-profiles-show .profile-content .cc-2 > .c-right { display: flex; flex-direction: row-reverse; width: 100%; float: none; margin: 0; }
.p-profiles-show .profile-content .cc-2 > .c-right > .cc-2a { flex-shrink: 0; width: 19%; margin: 0 0 0 30px !important; }
.p-profiles-show .profile-content .cc-2 > .c-right > .block { flex-grow: 1; }
.p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column { width: 100%; }
.p-profiles-show .lifetime { display: none; }
.p-profiles-show .profile-content .activity:last-child { display: none; }
.p-profiles .profile-head .c-history:after { content: "Блок скрыт"; opacity: .5; visibility: visible; position: absolute; top: 60%; left: 50%; transform: translate(-40%, -50%);font-size: max(1em, min(1em, 5.333vw)); }
.p-profiles .profile-head .c-history:before { visibility: visible; opacity: .4; content: "\e83f"; font-family: 'fuji'; font-size: max(4em, min(1em, 5.333vw)); position: absolute; top: 35%; left: 50%; transform: translate(-40%, -50%); }
.p-profiles .profile-head .c-history{ visibility: hidden; }
@import url(https://raw.githubusercontent.com/Fujitawa/Lab/main/icons/css/fuji-embedded.css);
@media (min-width:768px) {
.profile-content { top: -62px; position: relative; } }
/* доп настройка длинны блоков список аниме и манги */
.p-profiles .profile-head .c-history.x3 { margin-bottom: 13px }
.p-profiles .profile-head .c-history{ visibility: hidden; margin-left: 0px; width: 22% }
.b-catalog_entry .cover .image-cutter::before { padding-bottom: 170%; }
/* положение иконок под аватаркой */
.p-profiles .profile-head .c-brief .avatar .profile-actions { margin-top: 4px; text-align: center; }
https://raw.githubusercontent.com/Fujitawa/Lab/main/icons/css/fuji-embedded.css
/* скрыть историю просмотра */
.p-profiles .profile-head .c-history:after { content: "Блок скрыт"; opacity: .5; visibility: visible; position: absolute; top: 60%; left: 50%; transform: translate(-40%, -50%);font-size: max(1em, min(1em, 5.333vw)); }
.p-profiles .profile-head .c-history:before { visibility: visible; opacity: .4; content: "\e83f"; font-family: 'fuji'; font-size: max(4em, min(1em, 5.333vw)); position: absolute; top: 35%; left: 50%; transform: translate(-40%, -50%); }
.p-profiles .profile-head .c-history{ visibility: hidden; }
@import url(https://raw.githubusercontent.com/Fujitawa/Lab/main/icons/css/fuji-embedded.css); /* импорт иконок */
@media (min-width:768px) {
.profile-content { top: -62px; position: relative; } }
@media (min-width:1024px) { .block.achievements .cc-2 { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; }
.block.achievements .cc-2 > .c-column { width: 100% !important; }
.block.achievements .cc-2 > .c-column:nth-child(1) {
grid-area: 1 / 1 / 2 / 2; }
.block.achievements .cc-2 > .c-column:nth-child(2) {
grid-area: 1 / 2 / 2 / 3; }
.block.achievements .cc-2 > .c-column:nth-child(3) { grid-area: 2 / 1 / 3 / 4; }
.block.achievements .cc-2 > .c-column:nth-child(4) { grid-area: 1 / 3 / 2 / 4; }
.p-profiles-show .achievements .cc-authors .b-achievement {
width: 49.25%; }
.profile-content .cc-authors > *:nth-child(2), .profile-content .cc-authors > *:nth-child(4) { display: none; }
.cc-franchises { display: grid; grid-template-columns: repeat(8, 1fr); grid-column-gap: 5px; }
.p-profiles-show .achievements .cc-franchises .b-badge { width: 100%; }
#profiles_show .cc-2 > .c-column { margin-bottom: 10px; } }
/* Избранное в виде фото */
@media (min-width: 1024px) { #profiles_show .cc-favourites { background: url(https://66.media.tumblr.com/00816ee3f3a0e74d2316080a3e9a10e3/tumblr_mjnncySTeM1rb345qo1_500.gif) center; background-size: cover; transition: all 2.55s ease; border-radius: 10px; } /* center выравнивает по центру, а border-radius делает скругление картинки/гифки (убираем если не нужно) */
#profiles_show .cc-favourites:hover { background: none; }
#profiles_show .cc-favourites:hover .c-column { opacity: 1; transition: opacity 0.60s ease, background 0.20s ease; }
#profiles_show .cc-favourites .c-column { opacity: 0; transition: opacity 0.55s ease, background 0.20s ease; border-top: none; } }
Результат:.p-profiles .profile-head .c-brief .avatar { position: relative; }
.p-profiles .profile-head .c-brief .avatar::before { content: ''; position: absolute; width: 100%; padding-bottom: 100%; background: url(https://i.imgur.com/ZCZ2Qfc.gif) top center / cover; border-radius: 0px; } .p-profiles .profile-head .c-brief .avatar img { opacity: 0; }
.p-profiles-show .b-feedback:after { content: ''; display: inline-block; position: fixed; width: 70px; height: 70px; right: 25px; bottom: 20px; background: url("https://abs.twimg.com/emoji/v2/72x72/1f530.png") no-repeat; background-size: cover; z-index: 10; pointer-events: none; }
.b-feedback { display: none; }
.p-profiles-show .b-feedback:after { content: ''; display: inline-block; position: fixed; width: 207px; height: 40px; right: 55px; bottom: 20px; background: url("https://sun9-3.userapi.com/impf/bXkq6VFNc-xXDGpXrkxqKBMQcFg_M3-uLaVqrA/if6evL5aigg.jpg?size=207x40&quality=95&sign=28b35ef78caac2ee0722444b2d3562de&type=album") no-repeat; background-size: cover; z-index: 10; pointer-events: none; }
.b-feedback { display: none; }
.bs_tabs [data-tab-switch] { display: inline-block; padding: 10px 15px; margin-right: 2px; margin-bottom: -1px; border: 1px solid transparent; border-radius: 4px 4px 0 0; cursor: pointer; user-select: none; opacity: .6; }
/* padding 10px(высота) 15px(ширина) - размер кнопок */
/* margin-right: 2px - отступ между кнопками */
/* margin-bottom: -1px - отступ между кнопкой таба и самим вложением */
/* border-radius - настройка закругленности углов рамки */
/* opacity: .6 - значение прозрачности неактивных кнопок*/
.bs_tabs [data-tab-switch]:not(.active):hover { background-color: rgba(137,157,169,0 .2); } /* цвет неактивных кнопок при наведении */
.bs_tabs [data-tab-switch].active { cursor: default; border: 2px solid rgba(137,157,169, .5); border-bottom-color: transparent; opacity: 1; }
.bs_tabs [data-tab] { padding: 15px; border: 1px solid rgba(137,157,169, .5); } /* настройка отступов, толщины и цвета рамки */
.bs_tabs [data-tab-switch].active,
.bs_tabs [data-tab] { background-color: #fff; } /* изменения цвета фона вложения */
[div=bs_tabs to-process data-dynamic=tabs]
[div]
[div=active data-tab-switch]Tab 1[/div][div data-tab-switch]Tab 2[/div][div data-tab-switch]Tab 3[/div][div data-tab-switch]Tab 4[/div]
[/div][div data-tab]
Content 1[/div]
[div=hidden data-tab]
Content 2[/div]
[div=hidden data-tab]
Content 3[/div]
[div=hidden data-tab]
Content 4[/div]
[/div]
/* настройка табов */
[data-tab-switch] { display: inline-block; padding: 10px 45px; margin-right: 2px; margin-bottom: -5px; border: 1px solid transparent; border-radius: 0px 0px 0 0; cursor: pointer; user-select: none; opacity: .9;}
[data-tab-switch]:not(.active):hover { background-color: #525e65; }
[data-tab-switch].active { cursor: default; border: 2px solid black; border-bottom-color: transparent; opacity: 1; }
[data-tab] { padding: 10px; border: 2px solid black; opacity: 1 }
[data-tab-switch].active,
[data-tab] { background-color: #f2f3f4; }
[div=to-process data-dynamic=tabs]
[div=b-link_button inline active data-tab-switch]Tab 1[/div]
[div=b-link_button inline data-tab-switch]Tab 2[/div]
[div data-tab]Content 1[/div]
[div=hidden data-tab]Content 2[/div]
[/div]
/* Тёмный фон страницы, чтобы на нём видеть белые снежинки. */
/* (можно удалить) */
body {
background: #1e3078;
}
/* Слой с изображениями снега */
body:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Изображения снега: */
background-image: url("https://i.imgur.com/TpOI4DC.png"),
url("https://i.imgur.com/92lgmBN.png"),
url("https://i.imgur.com/ACiIkIG.png");
/* Размер изображений по порядку: */
/* (размер уменьшен в 2 раза: снежинки больше похожи на точки, чем на детские рисунки */
/* (можно удалить) */
background-size: 250px, 200px, 150px;
/* Скорость анимации: */
/* (чем больше время, тем медленнее идет снег) */
animation: snow 16s linear infinite;
}
/* Анимация снега */
@keyframes snow {
0% {
background-position: 0px 0px,
0px 0px,
0px 0px;
}
100% {
/* (Указан полный размер изображений по прядку, указанному в body:before) */
background-position: 500px 1000px,
400px 400px,
300px 300px;
}
}
Демо: know-online.com/examples/htmlcss/4316/index.php/* гифка с Юки в списках */
.p-user_rates-index .l-menu .avatar::before {
content: ''; position: absolute; width: 99%; padding-bottom: 75%; background: url(https://i.imgur.com/lYcNRZe.gif) top center / cover; border-radius: 0px;
}
/* добавление черной рамки */
.p-user_rates-index .l-menu .avatar::before { border: 2px solid black; }
width: 99%; padding-bottom: 75%; - это изменение отображаемой области пикчи..b-animes-menu .friend-rate .b-user16 { overflow: visible }
[span=b-menu-line is-spoilers][span=blurred]пример текста[/span][/span]
https://shikimori.me/mangas/genre/!55,73
https://web.archive.org/web/20210423101847/https://shikimori.one/collections/757-luchshee-po-godam-chast-2