MediaWiki:Common.css
Revision as of 12:52, 13 June 2020 by Administrator (talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;
}
}