Улучшения mikupa.ru by ayaaop

/* ==UserStyle==
@name         Фикс mikupa.ru
@version      20220712.17.19
@namespace    userstyles.world/user/ayaaop
@description  Убрал не настроенные части сайта (хедер, футер и т.д)
@author       ayaaop
@license      No License
==/UserStyle== */

@-moz-document domain("mikupa.ru") {
:root {
	--bgcolor: #86cecb;
	--color: #373b3e;
	--bgcolor--rgb:134, 206, 203;
	--link:#e12885;
	--link--rgb:225, 40, 133;
	--bgcolor--secondary: #137a7f;
	--bgcolor--secondary--rgb: 19, 122, 127;
}

.footer-top,
header.navbar .main-menu ul.menu li a[href^="/category/ekonomi"].dropdown-toggle,
header.navbar .main-menu ul.menu li a[href^="/node/167"]:not(.dropdown-toggle),
header.navbar .main-menu ul.menu li a[href^="/category/internasional"].dropdown-toggle,
header.navbar .main-menu ul.menu li a[href^="/category/nasional"].dropdown-toggle,
header.navbar .main-menu ul.menu li a[href^="/category/olahraga"].dropdown-toggle,
aside.col-sm-3,
header.navbar .main-menu ul.menu li.expanded.dropdown.first .dropdown-menu,
header.navbar .main-menu ul.menu li.expanded.dropdown.first .dropdown-toggle span.caret::before,
.col-lg-3.col-md-3.col-12,
.middle-header-wrapper .col-md-9.text-right {
	display: none
}

body {
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #202122;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: sans-serif
}
.top-header-wrapper {
	height: 25px;
}
.top-header-wrapper .container {
	height: inherit;
}
.top-header-wrapper .left-top-header {
	margin-top: 0;
	line-height: inherit;
	height: inherit;
}
.top-header-wrapper .container em {
	font-style: normal;
}
.top-header-wrapper a {
	text-decoration: none;
}
.top-header-wrapper .right-top-header ul.menu a {
	height: 25px;
	line-height: 25px;
}

.middle-header-wrapper.clearfix .logo.navbar-btn.pull-left {
	float: none !important;
}
.middle-header-wrapper .logo img {
	width: 64px;
	position: absolute;
	left: 0;
	z-index: 501
}
.middle-header-wrapper {
	padding: 0;
	position: absolute;
	z-index: 501;
	margin: 0 auto;
	width: 100%;
}
.middle-header-wrapper .col-md-3 {
	width: 100%;
}
.navbar {
	height: 50px;
	position: sticky;
	width: 100%;
	top: 0;
	z-index: 500;
}
.navbar .container {
	height: 50px;
}
header.navbar .block-search-navigation, header.navbar .search-block-form {
	height: 48px;
}
header.navbar .block-search-navigation .search-icon, header.navbar .search-block-form .search-icon {
	line-height: 48px;
}
header.navbar .main-menu {
	float: none;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 2px;
}
.navbar-nav > li > .dropdown-menu {
	padding: 0;
}
ul.dropdown-menu li a:hover {
	background: rgba(var(--bgcolor--rgb),.3)!important;
	color:var(--bgcolor--secondary)!important
}
ul.dropdown-menu li a {
	padding: 0 15px!important;
}
ul.dropdown-menu li {
	margin-right: 0 !important;
	width: 100%
}
.field.field--name-field-avtor.field--type-entity-reference.field--label-above {
	display: flex;
	gap: 5px;
}

.btn-primary {
	color: #fff;
	background-color: var(--bgcolor);
	border-color: var(--bgcolor);
}
.btn-primary:hover,header.navbar .block-search-navigation .search-icon:hover, header.navbar .block-search-navigation .search-icon.active, header.navbar .search-block-form .search-icon:hover, header.navbar .search-block-form .search-icon.active {
	color: #fff;
	background-color: var(--bgcolor--secondary);
	border-color: var(--bgcolor--secondary);
}
h1.page-header {
	color: var(--bgcolor--secondary);
	padding: 8px 16px;
	background: rgba(var(--bgcolor--rgb),0.5);
	display: inline-block;
	border-radius: 15px;
	margin: 15px 15px 26px;
	user-select:none;
}
.article h3:first-of-type {
	margin: 19px auto 25px;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.article h3:first-of-type span {
	color: var(--bgcolor--secondary);
	padding: 8px 16px;
	background: rgba(var(--bgcolor--rgb),0.5);
	border-radius: 15px;
	user-select: none;
	word-wrap: anywhere;
	line-height: 1.9;
	overflow: hidden;
	text-overflow: ellipsis;
}
.field.field--type-image, .video-filter {
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.image-title {
	text-align: center;
}
.article-category .field--item,.field.field--name-field-tags .field--item {
	padding: 4px 16px;
	background: rgba(var(--bgcolor--rgb),0.5);
	color: var(--bgcolor--secondary);
	border-radius: 10px;
}
.article-category .field--item a,.field.field--name-field-tags .field--item a {
	color: var(--bgcolor--secondary);
}
.carousel-caption {
	width: calc(100% - 30px);
	text-align: center;
	padding: 100px 30px 30px;
	left: initial;
	right: initial;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
	bottom: 0;
}
.carousel-caption a {
	color: inherit;
}
a {
	transition: all 0.1s ease-in-out;
	color: var(--link);
}
a:hover {
	color: rgba(var(--link--rgb),.6);
}
header.navbar .main-menu ul.menu li .dropdown-menu a:hover {
	font-weight: normal;
}
#myBtn {
	bottom: 30px;
	right: 30px;
	border: solid 1px rgba(var(--bgcolor--rgb),.5);
	background-color: var(--bgcolor--secondary);
	width: 50px;
	height: 50px;
	transition: 0.3s
}
#myBtn:hover {
	background-color: var(--link)
}
.footer {
	padding: 0
}
.col-sm-9,
.col-lg-9 {
	width: 100%;
}
.rating-table {
	border-radius: 10px;
	border: 1px solid #bebebe;
	display: inline-block;
	padding: 10px 20px 0;
	background: #f2f2f2;
}
@media (min-width: 1200px) {
	.container {
		width: 70%;
	}
}
.messages__wrapper {
	width: 68%;
	margin: 0 auto;
}
}