Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Line 100: | Line 100: | ||
text-align: center; | text-align: center; | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
+ | } | ||
+ | /* used for columns template */ | ||
+ | .two-columns-container { | ||
+ | display: flex; | ||
+ | max-width: 720px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | .two-columns-container .first-column { | ||
+ | flex: 1; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | .two-columns-container .second-column { | ||
+ | flex: 1; | ||
+ | } | ||
+ | .two-columns-container .column-questions-delimiter { | ||
+ | border-top: 0.15em solid; | ||
+ | width: 56px; | ||
+ | color: #5f6367; | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | .two-columns-container .column-question-container { | ||
+ | font-size: 11.9px; | ||
+ | } | ||
+ | @media only screen and (max-width: 855px) { | ||
+ | .two-columns-container { | ||
+ | flex-direction:column; | ||
+ | } | ||
+ | .two-columns-container .first-column { | ||
+ | margin-right: 0; | ||
+ | margin-bottom: 25px; | ||
+ | } | ||
+ | .two-columns-container .second-column { | ||
+ | margin-bottom: 25px; | ||
+ | } | ||
} | } |
Revision as of 12:52, 13 June 2020
/* CSS placed here will be applied to all skins */
.pagenum {
display:flex;
padding-right: 10px;
}
.publication-firstpage {
display:flex;
}
.page-splitter {
content: '';
display: block;
border-top: 1px solid #80a276;
border-bottom: 1px solid #fff;
}
.custom-delimiter-container {
display: flex;
align-items: center;
}
.custom-delimiter-container .page-splitter{
flex: 1;
}
.cover-container .cover-header-container h1, .cover-container .cover-header-container h2, .cover-container .cover-header-container h3 {
border-bottom: 0;
margin: 0;
padding-top: 0;
}
.cover-container .cover-header-container p {
margin: 0;
}
.cover-container .cover-header-container {
margin-bottom: 1.5em;
background: white;
border: 1px solid #c8ccd1;
padding: 12px 24px 12px 24px;
display: flex;
flex-direction: column;
align-items: center;
}
.cover-container .file-container {
margin: 0;
margin-right: 20px;
}
.cover-container .file-container .thumb.tright {
margin:0;
}
.cover-container .cover-content-container {
display: flex;
justify-content: space-around;
margin-bottom: 3em;
}
.cover-container .cover-left-side {
text-align: center;
display: flex;
flex-direction: column;
flex: 1;
margin-right: 32px;
align-items: center;
justify-content: space-evenly;
}
.cover-container .cover-left-side .header {
background-color: #f8f9fa;
border: 1px solid #c8ccd1;
padding: 12px 24px 12px 24px;
display: flex;
align-items: center;
}
.cover-container .cover-left-side .middle-section {
flex: 1;
}
.cover-container .cover-content-header {
text-align: center;
margin-bottom: 1.5em;
margin-top: 1em;
}
.cover-container .cover-right-side {
border: 10px solid #72777d;
border-style: double;
padding: 12px 24px 12px 24px;
background-color: #f8f9fa;
border: 1px solid #c8ccd1;
flex: 1;
max-width: 450px;
}
.cover-container .cover-content-footer {
text-align: center;
margin-top: 2em;
}
.cover-container .cover-content-header h3, .cover-container .cover-content-header h4 {
padding: 0;
margin: 0;
}
.cover-container .cover-content table {
background: white;
border: 1px solid #c8ccd1;
padding: 12px 24px 12px 24px;
width: 100%;
}
.cover-container .cover-content p {
text-align: center;
margin-bottom: 1em;
}
/* used for columns template */
.two-columns-container {
display: flex;
max-width: 720px;
text-align: justify;
}
.two-columns-container .first-column {
flex: 1;
margin-right: 20px;
}
.two-columns-container .second-column {
flex: 1;
}
.two-columns-container .column-questions-delimiter {
border-top: 0.15em solid;
width: 56px;
color: #5f6367;
background-color: inherit;
}
.two-columns-container .column-question-container {
font-size: 11.9px;
}
@media only screen and (max-width: 855px) {
.two-columns-container {
flex-direction:column;
}
.two-columns-container .first-column {
margin-right: 0;
margin-bottom: 25px;
}
.two-columns-container .second-column {
margin-bottom: 25px;
}
}