Difference between revisions of "User:Felix/Felix.css"
Jump to navigation
Jump to search
imported>Felix (Created page with " @media only screen and (max-width: 794px) { #header { height: 2em; } #name { order:1; width: 100%; } #glyphs1, #glyphs2 { ...") |
imported>Felix |
||
| Line 1: | Line 1: | ||
| + | #also { | ||
| + | padding: 5px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | #also img { | ||
| + | width: 100%; | ||
| + | max-width: 720px; | ||
| + | height: auto; | ||
| + | } | ||
| + | .headbit { | ||
| + | margin: 0 15px; | ||
| + | } | ||
| + | #glyphs1 > img:last-of-type { | ||
| + | left: -5px; | ||
| + | position: relative; | ||
| + | } | ||
| + | #name { | ||
| + | white-space: nowrap; | ||
| + | } | ||
@media only screen and (max-width: 794px) { | @media only screen and (max-width: 794px) { | ||
#header { | #header { | ||
Revision as of 00:07, 14 September 2016
#also {
padding: 5px;
text-align: center;
}
#also img {
width: 100%;
max-width: 720px;
height: auto;
}
.headbit {
margin: 0 15px;
}
#glyphs1 > img:last-of-type {
left: -5px;
position: relative;
}
#name {
white-space: nowrap;
}
@media only screen and (max-width: 794px) {
#header {
height: 2em;
}
#name {
order:1;
width: 100%;
}
#glyphs1, #glyphs2 {
align-content: center;
align-items: center;
display: flex;
justify-content: center;
top: -0.75em;
}
#glyphs1 {
order:2;
}
#glyphs2 {
order:3;
}
.headbit {
margin: 0 !important;
position: relative;
}
}