MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (26 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
pre { font-family: 'poppins'; } | pre { font-family: 'poppins'; } | ||
.vector-menu-portal .vector-menu-content li { font-size: 0.9em; } | .vector-menu-portal .vector-menu-content li { font-size: 0.9em; } | ||
.mw-indicators { z-index: 0; } | |||
.mw-footer { | |||
background: #000000; | |||
display: flex; | |||
flex-direction: row; | |||
justify-content: space-between; | |||
margin-left: 10em; | |||
margin-top: 1em; | |||
margin-right: 0em; | |||
bottom: 0; | |||
} | |||
body { | |||
display: flex; | |||
flex-direction: column; | |||
overflow-x: hidden; | |||
} | |||
#mw-page-base { | |||
flex: 0 0 5em; | |||
} | |||
.mw-body { | |||
flex: 1 0 auto; | |||
display: flex; | |||
flex-direction: column; | |||
border-radius: 0; | |||
border: 10px solid black; | |||
position: relative; | |||
box-shadow: 4px 6px 2px 0 rgba(0, 0, 0, 0.5); | |||
} | |||
#catlinks { | |||
position: absolute; | |||
min-width: 25%; | |||
top: -34px; | |||
left: 8px; | |||
padding: 4px 8px; | |||
box-shadow: 4px 3px 2px 0 rgba(0,0,0,0.5); | |||
background: white; | |||
border: 3px solid black; | |||
font-size: 0.9em; | |||
text-transform: uppercase; | |||
color: #10b0e6; | |||
font-weight: 600; | |||
} | |||
.vector-body { | |||
flex: 1 0 auto; | |||
} | |||
.vector-search-box form { | |||
margin: 0; | |||
} | |||
.vector-search-box-input { | |||
border-radius: 0; | |||
font-size: 0.85em; | |||
border: 3px solid #FFEA27; | |||
padding: 4px 5px; | |||
} | |||
#mw-head-base { | |||
margin-top: auto; | |||
margin-bottom: auto; | |||
max-height: 5em; | |||
height: unset; | |||
} | |||
.vector-body { | |||
position: initial; | |||
} | |||
@media only screen and (max-width: 1200px) { | @media only screen and (max-width: 1200px) { | ||
| Line 31: | Line 105: | ||
.mw-body { | .mw-body { | ||
margin-left: 1em; | margin-left: 1em; | ||
margin-top: | margin-top: 6em; | ||
} | } | ||
| Line 51: | Line 125: | ||
justify-content: space-around; | justify-content: space-around; | ||
} | } | ||
.mw-footer { | .mw-footer { | ||
margin-left: 0; | |||
margin-left | |||
} | } | ||
#catlinks { | |||
top: -48px; | |||
left: 6px; | |||
} | } | ||
.mw-first-heading { | |||
padding-top: 1em!important; | |||
} | } | ||
} | } | ||
Latest revision as of 04:18, 4 August 2024
#p-tb { display: none; }
pre { font-family: 'poppins'; }
.vector-menu-portal .vector-menu-content li { font-size: 0.9em; }
.mw-indicators { z-index: 0; }
.mw-footer {
background: #000000;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-left: 10em;
margin-top: 1em;
margin-right: 0em;
bottom: 0;
}
body {
display: flex;
flex-direction: column;
overflow-x: hidden;
}
#mw-page-base {
flex: 0 0 5em;
}
.mw-body {
flex: 1 0 auto;
display: flex;
flex-direction: column;
border-radius: 0;
border: 10px solid black;
position: relative;
box-shadow: 4px 6px 2px 0 rgba(0, 0, 0, 0.5);
}
#catlinks {
position: absolute;
min-width: 25%;
top: -34px;
left: 8px;
padding: 4px 8px;
box-shadow: 4px 3px 2px 0 rgba(0,0,0,0.5);
background: white;
border: 3px solid black;
font-size: 0.9em;
text-transform: uppercase;
color: #10b0e6;
font-weight: 600;
}
.vector-body {
flex: 1 0 auto;
}
.vector-search-box form {
margin: 0;
}
.vector-search-box-input {
border-radius: 0;
font-size: 0.85em;
border: 3px solid #FFEA27;
padding: 4px 5px;
}
#mw-head-base {
margin-top: auto;
margin-bottom: auto;
max-height: 5em;
height: unset;
}
.vector-body {
position: initial;
}
@media only screen and (max-width: 1200px) {
.vector-body {
font-size: 1.4em
}
.mw-body h1 {
font-size: 2em;
}
.vector-body h2 {
font-size: 1.8em;
}
.vector-body h3 {
font-size: 1.5em;
}
#mw-head {
display: none;
}
#mw-panel {
min-height: unset;
display: flex;
flex-direction: row;
width: 100%;
justify-content: center;
}
.mw-body {
margin-left: 1em;
margin-top: 6em;
}
.vector-main-page {
grid-template-columns: 1fr;
}
#mw-panel .vector-menu, .vector-menu-heading-label {
display: none;
}
.vector-menu-portal .vector-menu-content li {
font-size: 1.4em;
}
.vector-menu-content-list {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.mw-footer {
margin-left: 0;
}
#catlinks {
top: -48px;
left: 6px;
}
.mw-first-heading {
padding-top: 1em!important;
}
}