Changes
Jump to navigation
Jump to search
Line 134:
Line 134: − + − + − + − + − + − + − + − + − +
OBF:Translations/whatsinmyshampoo.com/English (view source)
Revision as of 22:07, 3 March 2016
, 22:07, 3 March 2016changing sizes of the title / logo
@media only screen and (min-width: 32em) {
@media only screen and (min-width: 32em) {
#whats {font-size:36px !important;}
#whats {font-size:32px !important;}
#yogurt {width:100px;top:7px;right:15px;}
#yogurt {width:100px;top:7px;right:15px;}
}
}
@media only screen and (min-width: 40em) {
@media only screen and (min-width: 40em) {
#whats {font-size:44px !important;}
#whats {font-size:40px !important;}
#yogurt {width:125px;top:9px;right:18px;}
#yogurt {width:120px;top:9px;right:18px;}
}
}
@media only screen and (min-width: 48em) {
@media only screen and (min-width: 48em) {
#whats {font-size:55px !important;}
#whats {font-size:50px !important;}
#yogurt {width:150px;top:10px;right:20px;}
#yogurt {width:140px;top:10px;right:20px;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 56em) {
@media only screen and (min-width: 56em) {
#whats {font-size:64px !important;}
#whats {font-size:60px !important;}
#yogurt {width:175px;top:12px;right:24px;}
#yogurt {width:170px;top:12px;right:24px;}
}
}
@media only screen and (min-width: 64em) {
@media only screen and (min-width: 64em) {
#whats {font-size:74px !important;}
#whats {font-size:70px !important;}
#yogurt {width:200px;}
#yogurt {width:191px;}
top:15px;right:30px;
top:15px;right:30px;
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */