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 23:07, 13 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; } }