MediaWiki:Common.css: Difference between revisions

From Podcrash Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(14 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: 8em;
margin-top: 6em;
}
}


Line 51: Line 125:
justify-content: space-around;
justify-content: space-around;
}
}
}


.mw-footer {
.mw-footer {
background: #000000;
margin-left: 0;
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;
}
}


#catlinks {
#catlinks {
position: absolute;
top: -48px;
min-width: 25%;
left: 6px;
top: -34px;
left: 8px;
background: #393e40;
color: white;
border: 4px solid #10b0e6;
padding: 4px;
}
 
.vector-body {
flex: 1 0 auto;
}
}


.vector-search-box form {
.mw-first-heading {
margin: 0;
padding-top: 1em!important;
}
 
.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;
}
}

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;
}

}