Шаблон:Микропедия/styles.css
Перейти к навигации
Перейти к поиску
/* {{pp|small=yes}} */
/* ********** GENERAL ********** */
/* Split main page contents into halves */
.mainpage-container-right {
display:flex;
flex-direction:column;
float: right;
width: 50%;
}
.mainpage-container-left {
display:flex;
flex-direction:column;
float: left;
width: 50%;
}
@media only screen and (max-width: 600px) {
.mainpage-container-left,
.mainpage-container-right {
width: 100%;
}
}
/* Row of buttons */
.links-contents {
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 5px;
}
/* ********** MAIN PAGE BOX ********** */
.mainpage-box {
background: #FFF;
border: 1px solid #B7B7B7;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin: 5px;
}
.mainpage-head {
background: #F6F6F6;
border-bottom: 1px solid #B7B7B7;
padding: 10px 15px;
margin: 0;
}
.mainpage-box h3 {
font-weight: bold;
margin: 0;
padding: 0;
}
/* Main page box content */
.mainpage-items { padding: 15px; }
.mainpage-items p { margin: 0; }
.mainpage-items hr {
background-color: #b7b7b7;
margin: 1em 0;
}
/* ********** SOCIAL BUTTONS ********* */
.microwiki-button {
margin-right: 5px !important;
background: #1D3C72;
border: 1px solid #112444;
padding: 0 10px 10px 10px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
height: 50px;
margin: 5px;
}
.microwiki-button,
.microwiki-button * { color: #FFF !important; }
.microwiki-button a { background-image: none !important; }
.microwiki-button-logo {
float: left;
width: 10%;
}
.microwiki-button-link {
float: right;
width: 80%;
text-align: center;
}
.microwiki-button-link a.external,
.microwiki-button-link a.external:visited {
color: #FFF;
background-image: none;
font-weight: bold;
display: block;
line-height: 60px;
width: 100%;
}
.mw-invite a.external:active { color: #FFF; }
/* ********** HORIZONTAL LIST OF LINKS ********** */
.mainpage-header-links {
margin-right: auto;
margin-left: auto;
}
.mw-box-browse {
width: 100%;
text-align: center;
}
.mw-box-browse a {
padding: 5px;
font-weight: bold;
color: #3F3F3F !important;
margin: 10px 5px 5px 5px;
}
.mw-box-browse ul li::after {
content: " • ";
font-size: 12px;
color: #3F3F3F;
}
.mw-box-browse-link a:hover { background-color: #B7B7B7; }
/* Interwiki */
/* [[ru:Шаблон:Микропедия/styles.css]] */
.mw-box-language {
display: flex;
flex-direction: row;
gap: 1ch;
text-align: center;
justify-content: center;
flex-wrap: wrap;
}
.mw-box-language >div {
margin: 0.5ex 1ch; /* Moved from >a */
position: relative; /* Bound the flag icon shenanigans */
}
.mw-box-language >div >.flagicon {
margin-top: -0.5ex; /* Undo the top margin from .mw-box-language */
position: absolute; /* Allow the flag icon to overlap the link/text */
width: 100%; /* Center the flag icon */
left: 0; /* Ensure flag icon is not centered on its left bound */
}
.mw-box-language >div >a {
margin: unset; /* Moved into parent div */
padding: unset;
z-index: 1; /* Display over top of flags, so that all clicks on the div count as clicks on the `a`. */
position: relative; /* Ensure that z-index will work */
height: 6ex; /* Make room for flag above */
display: flex;
flex-direction: column;
justify-content: end; /* Put the text at the bottom of the enlargèd element */
}