5,849
edits
Difference between revisions of "MediaWiki:Mobile.css"
Jump to navigation
Jump to search
no edit summary
Tags: Mobile web edit Mobile edit |
|||
| Line 337: | Line 337: | ||
.box-links ul { | .box-links ul { | ||
margin: 0.3em 0 0 1.16em; | margin: 0.3em 0 0 1.16em; | ||
} | |||
/* Flex Container */ | |||
.flex-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
grid-gap: 1em; | |||
} | |||
.flex-container .flex-item { | |||
flex: 1 1 49%; | |||
} | |||
.skin-vector-legacy .flex-container .flex-item { | |||
flex: 1 1 32%; | |||
} | |||
/* Stub, Wiki Project, Notice Templates */ | |||
.custom-notice { | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
clear: both; | |||
text-align: center; | |||
max-width: 600px; | |||
padding: .5em; | |||
margin: 0.5em auto; | |||
} | |||
/* Navigation Button template style */ | |||
.nav-container { | |||
display: grid; | |||
grid-template-columns: auto auto; | |||
} | |||
.nav-button a { | |||
color: #fff !important; | |||
background-color: #36c; | |||
border-color: #36c; | |||
padding: 0.5em 4.2em 0.5em 4.2em !important; | |||
font-weight: bold; | |||
border-radius: 4px; | |||
text-align: center; | |||
} | |||
.nav-button a:hover { | |||
text-decoration: none; | |||
background-color: #447ff5; | |||
border-color: #447ff5; | |||
} | |||
.no-prev, .no-next { | |||
display: none; | |||
} | |||
/* Button Box template */ | |||
.button-section h3 { | |||
margin: 0; | |||
border: none; | |||
padding: .5em 0; | |||
} | |||
.button-links { | |||
display: flex; | |||
flex-wrap: wrap; | |||
border: 1px solid #a2a9b1; | |||
border-radius: 3px; | |||
background-color: #f8f9fa; | |||
} | |||
.button-object { | |||
flex: 0 1 100%; | |||
max-height: 64px; | |||
} | |||
.button-object:not(:last-of-type) { | |||
border-bottom: 1px solid #a2a9b1; | |||
} | |||
.button-object p { | |||
display: flex; | |||
margin: 0; | |||
max-height: 64px; | |||
} | |||
.button-object a { | |||
display: block; | |||
color: black; | |||
text-decoration: none; | |||
line-height: 1.15em; | |||
padding: .85em; | |||
flex: 1 1 100%; | |||
} | |||
.button-object a.external { | |||
background-image: none; | |||
} | |||
.button-object.button-collection a { | |||
font-weight: bold; | |||
padding: .5em; | |||
text-align: center; | |||
} | |||
.button-object a:hover { | |||
background: #c7c7c7; | |||
transition: linear .1s; | |||
} | |||
.button-object a:visited, | |||
.button-object a.external:visited { | |||
color: black; | |||
} | } | ||