MediaWiki:Common.css: различия между версиями
Shihov (обсуждение | вклад) Новая страница: «→Размещённый здесь CSS будет применяться ко всем темам оформления: @media (max-width: 767px) { →Adjust the max-width value as needed: .mw-mf .mw-category-generated #mw-subcategories { display: none; } }» |
Shihov (обсуждение | вклад) Нет описания правки |
||
| (не показано 6 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
.category-tagcloud.auto { | |||
padding: 1em; | |||
border-radius: 12px; | |||
background: #fafafa; | |||
border: 1px solid #ccc; | |||
max-width: 100%; | |||
box-shadow: 0 0 4px rgba(0,0,0,0.1); | |||
line-height: 1.6; | |||
font-family: sans-serif; | |||
} | |||
.category-tagcloud.auto a { | |||
margin: 4px; | |||
display: inline-block; | |||
color: #223388; | |||
text-decoration: none; | |||
transition: all 0.2s ease; | |||
} | |||
/* Имитируем облако — рандомные размеры и веса */ | |||
.category-tagcloud.auto a:nth-child(6n+1) { font-size: 90%; font-weight: 400; } | |||
.category-tagcloud.auto a:nth-child(6n+2) { font-size: 110%; font-weight: 500; } | |||
.category-tagcloud.auto a:nth-child(6n+3) { font-size: 120%; font-weight: 600; } | |||
.category-tagcloud.auto a:nth-child(6n+4) { font-size: 140%; font-weight: 700; } | |||
.category-tagcloud.auto a:nth-child(6n+5) { font-size: 100%; font-weight: 400; } | |||
.category-tagcloud.auto a:nth-child(6n) { font-size: 130%; font-weight: 500; } | |||
.category-tagcloud.auto a:hover { | |||
color: #0055aa; | |||
text-decoration: underline; | |||
} | |||
.category-tagcloud { | |||
border: 2px solid #cccccc; | |||
border-radius: 10px; | |||
padding: 1em; | |||
text-align: center; | |||
background: #fff; | |||
max-width: 500px; | |||
margin: 1em auto; | |||
font-family: Arial, sans-serif; | |||
} | |||
.category-tagcloud-links a { | |||
display: inline-block; | |||
margin: 0.4em; | |||
color: #1a237e; | |||
text-decoration: none; | |||
font-weight: bold; | |||
transition: transform 0.2s; | |||
} | |||
.category-tagcloud-links a:hover { | |||
color: #0d47a1; | |||
transform: scale(1.1); | |||
} | |||
#p-categorytree-portlet.category-hidden { | |||
visibility: hidden; | |||
} | |||
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ | |||
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ | /* Размещённый здесь CSS будет применяться ко всем темам оформления */ | ||
@media (max-width: 767px) { /* Adjust the max-width value as needed */ | @media (max-width: 767px) { /* Adjust the max-width value as needed */ | ||
.mw-mf .mw-category-generated | .mw-mf .mw-category-generated { | ||
display: none; | display: none; | ||
} | } | ||
} | |||
#back-to-top { | |||
position: fixed; | |||
bottom: 50px; | |||
right: 20px; | |||
background: rgba(0, 0, 0, 0.6); | |||
color: white; | |||
padding: 10px 15px; | |||
border-radius: 5px; | |||
font-size: 14px; | |||
cursor: pointer; | |||
display: none; /* Скрыто по умолчанию */ | |||
z-index: 9999; | |||
} | |||
#back-to-top:hover { | |||
background: rgba(0, 0, 0, 0.8); | |||
} | |||
/*скрытие категорий на странице вход */ | |||
body.page-Служебная_Вход #p-categorytree-portlet { | |||
display: none !important; | |||
} | |||
body.mw-special-Userlogin #p-categorytree-portlet { | |||
display: none !important; | |||
} | } | ||