Difference between revisions of "MediaWiki:Timeless.css"
From Open Electrical by SMPex
| Line 13: | Line 13: | ||
#personal h2:after { | #personal h2:after { | ||
width: 36px; | width: 36px; | ||
} | } | ||
} | } | ||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
| Line 53: | Line 52: | ||
} | } | ||
@media only screen and (min-width: 992px) and (max-width:768px) { | @media only screen and (min-width: 992px) and (max-width:768px) { | ||
#p-logo-text { | |||
right:74vw; | |||
} | } | ||
} | } | ||
@media only screen and (min-width: 900px) and (max-width:100px) { | @media only screen and (min-width: 900px) and (max-width:100px) { | ||
#p-logo-text { | #p-logo-text { | ||
right: 74vw; | |||
top: 3em; | |||
} | } | ||
} | } | ||
@media screen and (max-width: 900px) and (min-width: 100px) { | @media screen and (max-width: 900px) and (min-width: 100px) { | ||
#p-logo-text a.long { | #p-logo-text a.long { | ||
font-size: 43px !important; | |||
} | } | ||
} | } | ||
@media screen and (max-width: 1700px) and (min-width: 800px) { | @media screen and (max-width: 1700px) and (min-width: 800px) { | ||
#p-logo-text { | #p-logo-text { | ||
left: 12px !important; | |||
} | |||
} | } | ||
@media screen and (max-width: 1700px) and (min-width: 851px) { | |||
@media screen and (max-width: 1700px) and ( | #p-search { | ||
width: 70em; | |||
padding-right: 33px; | |||
#p-search { | } | ||
} | } | ||
Revision as of 08:41, 18 January 2022
@media screen and (min-width: 851px) {
#p-logo-text a {
position: fixed;
right: 75vw;
}
#p-logo-text {
width: 29em;
}
#user-tools {
left: 74vw;
top: 5px;
}
#personal h2:after {
width: 36px;
}
}
@media screen and (max-width: 850px) {
#p-logo-text {
margin-top: 0;
}
#personal h2 {
display: none;
}
#p-logo-text a.long {
width: 100%;
top: 7px;
text-align: center;
font-size: 40px !important;
}
#p-logo-text {
position: static;
left: 0 !important;
right: 0;
margin-left: 0;
margin-right: 0;
width: 100%;
top: 3.3em;
}
#searchInput {
padding: 0 0 0 6px !important;
}
|
@media screen and (max-width: 1099px) and (min-width: 851px) {
#p-logo-text a.long {
padding-left: 7px;
float: left;
font-size: 23px !important;
}
}
@media screen and (max-width: 851px) {
}
@media only screen and (min-width: 992px) and (max-width:768px) {
#p-logo-text {
right:74vw;
}
}
@media only screen and (min-width: 900px) and (max-width:100px) {
#p-logo-text {
right: 74vw;
top: 3em;
}
}
@media screen and (max-width: 900px) and (min-width: 100px) {
#p-logo-text a.long {
font-size: 43px !important;
}
}
@media screen and (max-width: 1700px) and (min-width: 800px) {
#p-logo-text {
left: 12px !important;
}
}
@media screen and (max-width: 1700px) and (min-width: 851px) {
#p-search {
width: 70em;
padding-right: 33px;
}
}
