Difference between revisions of "User:Felix/Felix.css"

From City of Hope MUSH
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;
    }
}