„MediaWiki:Common.css” változatai közötti eltérés
Jump to navigation
Jump to search
(Új oldal, tartalma: „→Közös CSS az összes felületnek: .pagenum { display:flex; } .publication-firstpage { display:flex; } .page-splitter { content: ''; display: block; margin-t…”) |
|||
| 1. sor: | 1. sor: | ||
| − | /* | + | /* CSS placed here will be applied to all skins */ |
.pagenum { | .pagenum { | ||
display:flex; | display:flex; | ||
| + | padding-right: 10px; | ||
} | } | ||
.publication-firstpage { | .publication-firstpage { | ||
| 9. sor: | 10. sor: | ||
content: ''; | content: ''; | ||
display: block; | display: block; | ||
| − | |||
border-top: 1px solid #80a276; | border-top: 1px solid #80a276; | ||
border-bottom: 1px solid #fff; | border-bottom: 1px solid #fff; | ||
} | } | ||
| − | .page-splitter: | + | .custom-delimiter-container { |
| − | margin-top: | + | 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; | ||
} | } | ||
A lap 2019. november 5., 05:08-kori változata
/* 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;
}
