MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,169: | Line 1,169: | ||
margin-left: 0.4em; | margin-left: 0.4em; | ||
transition: 0.3s ease-out; | transition: 0.3s ease-out; | ||
} | |||
.oswf-page-container { | |||
width: 100%; | |||
border-radius: 0.5em; | |||
max-width: 80rem; | |||
margin-left: auto; | |||
margin-right: auto; | |||
border: 1px solid #e4eaee; | |||
background: #ffffff; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | |||
.oswf-page-container .mw-headline-underline { | |||
display: none; | |||
} | |||
.oswf-page-container .oswf-tile { | |||
max-width: 35em; | |||
padding: 0; | |||
border-color: #3c780a; | |||
} | |||
.oswf-page-container .oswf-tile.oswf-tile-complete { | |||
order: 10; | |||
border-color: #9f261e; | |||
} | |||
.oswf-page-container .oswf-tile.oswf-tile-complete .oswf-tile-banner { | |||
background: #9f261e; | |||
} | |||
.oswf-page-container .oswf-tile.oswf-tile-complete .oswf-tile-content { | |||
opacity: 0.5; | |||
} | |||
.oswf-page-container .oswf-tile .oswf-tile-banner { | |||
padding: 0.5em 2em; | |||
background: #3c780a; | |||
color: #ffffff; | |||
} | |||
.oswf-page-container .oswf-tile .oswf-tile-content { | |||
padding: 1.5em 2em 1.5em; | |||
} | |||
.oswf-section-header { | |||
padding: 0.25em 2em; | |||
background: #eeeeee; | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
border-top: 1px solid #e4eaee; | |||
border-bottom: 1px solid #e4eaee; | |||
justify-content: space-between; | |||
} | |||
.oswf-section-header h2, | |||
.oswf-section-header h5 { | |||
padding: 0; | |||
margin: 0.3em 0; | |||
} | |||
.oswf-section-header.oswf-page-header { | |||
background: #f7861b; | |||
border-radius: 0.5em 0.5em 0 0; | |||
border: none; | |||
} | |||
.oswf-section-header.oswf-page-header h2, | |||
.oswf-section-header.oswf-page-header h5 { | |||
color: #ffffff; | |||
padding: 0; | |||
margin: 0.5em 0; | |||
} | |||
.oswf-page-section { | |||
padding: 1em 2em; | |||
} | |||
.oswf-page-section p:last-child, | |||
.oswf-page-section.rules-section ul { | |||
margin-bottom: 0; | |||
} | |||
.oswf-page-quicklinks { | |||
padding: 0 2em; | |||
background: #f9fafa; | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
border-bottom: 1px solid #e4eaee; | |||
} | |||
.oswf-page-quicklinks .oswf-page-quicklinks-col { | |||
padding: 0.5em 1em 0.5em 0; | |||
border-right: 1px solid #e4eaee; | |||
} | |||
.oswf-page-quicklinks .oswf-page-quicklinks-col p, | |||
.oswf-page-quicklinks .oswf-page-quicklinks-col h5 { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.oswf-page-quicklinks .oswf-page-quicklinks-col:not(:first-child) { | |||
padding-left: 1em; | |||
} | |||
.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord { | |||
background: #5865F2; | |||
} | |||
.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord a, | |||
.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord h5 { | |||
color: #ffffff; | |||
} | |||
.oswf-page-quicklinks .oswf-page-quicklinks-col.oswf-ql-discord img { | |||
margin-right: 0.3em; | |||
} | |||
.oswf-text-primary { | |||
color: #f7861b; | |||
} | } | ||