Difference between revisions of "MediaWiki:Mobile.css"
Jump to navigation
Jump to search
Dustin Loup (talk | contribs) |
Dustin Loup (talk | contribs) |
||
Line 83: | Line 83: | ||
width:100%; | width:100%; | ||
text-align: center; | text-align: center; | ||
+ | } | ||
+ | #topbar { | ||
+ | background: -moz-linear-gradient(#098280, #E95F26);/* For Firefox 3.6 to 15 */ | ||
+ | background: #098280; /* For browsers that do not support gradients */ | ||
+ | background: -webkit-linear-gradient(#098280, #E95F26); /* For Safari 5.1 to 6.0 */ | ||
+ | background: -o-linear-gradient(#098280, #E95F26); /* For Opera 11.1 to 12.0 */ | ||
+ | background: linear-gradient(#098280, #E95F26); /* Standard syntax */ | ||
+ | width:100%; | ||
+ | color:white; | ||
+ | font-size:4vw; | ||
+ | text-align:center; | ||
+ | text-shadow:2px 2px black; | ||
+ | font-weight:bold; | ||
+ | min-height:130px; | ||
+ | display:flex; | ||
+ | align-items:center; | ||
+ | } | ||
+ | #body { | ||
+ | width:100%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .fixed { | ||
+ | margin:0 auto; | ||
+ | vertical-align:baseline; | ||
+ | } | ||
+ | .flexbox{ | ||
+ | display:flex; | ||
+ | flex-direction:column; | ||
+ | margin: 15px 15px; | ||
+ | font-size:1.3vw; | ||
+ | } | ||
+ | .button { | ||
+ | border-right:.2vw solid #587560; | ||
+ | color:white; | ||
+ | font-weight:bold; | ||
+ | font-size:1.8vw; | ||
+ | padding:0 .5vw; | ||
+ | display:flex; | ||
+ | flex-direction:column; | ||
+ | width:11.5vw; | ||
+ | height:3vw; | ||
+ | text-align:center; | ||
+ | float:left; | ||
+ | text-shadow:1px 1px black; | ||
+ | } | ||
+ | .button2 { | ||
+ | color:white; | ||
+ | font-weight:bold; | ||
+ | font-size:1.8vw; | ||
+ | padding:0 .5vw; | ||
+ | display:flex; | ||
+ | flex-direction:column; | ||
+ | width:11vw; | ||
+ | height:3vw; | ||
+ | text-align:center; | ||
+ | float:left; | ||
+ | text-shadow:1px 1px black; | ||
+ | } | ||
+ | #navbar { | ||
+ | background:#E95F26; | ||
+ | border:.2vw solid #587560; | ||
+ | height:3vw; | ||
+ | display:flex; | ||
+ | flex-direction:column; | ||
+ | } | ||
+ | .sectionheader{ | ||
+ | background:#098280; | ||
+ | width:100%; | ||
+ | color:white; | ||
+ | font-size:2vw; | ||
+ | text-align:center; | ||
+ | text-shadow:1px 1px black; | ||
+ | font-weight:bold; | ||
+ | min-height:40px; | ||
+ | border-radius:25px; | ||
+ | display:flex; | ||
+ | align-items:left; | ||
+ | padding:0 0px 0 0px; | ||
+ | } | ||
+ | .primerlogo { | ||
+ | width:auto; | ||
+ | max-width:13vw; | ||
+ | height:auto; | ||
+ | max-height:13vw; | ||
+ | margin:0 0 2vw 3vw; | ||
+ | } | ||
+ | .camel { | ||
+ | width: auto; | ||
+ | max-width: 16vw; | ||
+ | height: auto; | ||
+ | max-height: 11vw; | ||
+ | width: auto; | ||
+ | position:relative; | ||
+ | top:1vw; | ||
+ | } | ||
+ | .editathonTall { | ||
+ | width:auto; | ||
+ | max-width:13vw; | ||
+ | height:auto; | ||
+ | max-height:30vw; | ||
+ | padding:0 0 0 0; | ||
+ | } | ||
+ | #editathonsection { | ||
+ | font-size:1.3vw; | ||
+ | text-align:left; | ||
+ | display:flex; | ||
+ | align-items:center; | ||
+ | } | ||
+ | .sectionheader2{ | ||
+ | background:#52A7A6; | ||
+ | width:100%; | ||
+ | color:white; | ||
+ | font-size:2vw; | ||
+ | text-align:center; | ||
+ | text-shadow:1px 1px black; | ||
+ | font-weight:bold; | ||
+ | min-height:30px; | ||
+ | border-radius:0px; | ||
+ | display:flex; | ||
+ | align-items:left; | ||
+ | padding:10px 0 0 10px; | ||
+ | } | ||
+ | .primertextbox{ | ||
+ | background-color:gray; | ||
+ | color:white; | ||
+ | padding:25px 15px 15px 15px; | ||
+ | position:relative; | ||
+ | bottom:.4vw; | ||
+ | font-size:1.3vw; | ||
} | } |
Revision as of 05:32, 1 March 2016
/* CSS placed here will affect users of the mobile site */
.AOW {
background:#466f81;
color:#FFF;
padding:.2em 0 .2em .4em;
font-style:bold;
font-size:1.5em;
}
.WelcomeBox {
height:8em;
width:100%;
background:#d8dfe8;
}
.MissingLinks {
background-color: #f6f6f6;
border: 2px solid #466f81;
width: 100%;
}
.PrimerICW {
width:100%;
background-color:whitesmoke;
float:left;
padding: 1em 1em 1em 1em;
border: 2px solid gray;
}
.PrimerIM {
width:100%;
background-color:whitesmoke;
float:right;
padding: 1em 1em 1em 1em;
border: 2px solid gray;
}
.ICANNBoardMobile {
height:1px;
width:1px;
overflow:hidden;
display:none;
}
.MainPage {
width:100%;
}
#AOWBox {
border:1px solid #bcd7c4;
margin: 0 0 .5em 0;
}
.MainPageHeader {
background:#4c9662;
height:20px;
font-family:sans-serif;
font-size:120%;
font-weight:bold;
border:2px solid #0d8323;
text-align:left;
color:#FFF;
margin:.25em .25em .25em .25em;
padding:.25em .25em.25em .25em;
}
#FeaturedVideo {
height:280px;
width:62%;
border:1px solid #bcd7c4;
margin:0 .15em .5em 0;
float:left;
background:white;
clear:both;
}
#News {
height:225px;
width:100%;
border:1px solid #bcd7c4;
margin-bottom:.5em;
background:white;
float:left;
}
#Welcome {
float:left;
width:100%;
text-align: center;
}
#topbar {
background: -moz-linear-gradient(#098280, #E95F26);/* For Firefox 3.6 to 15 */
background: #098280; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#098280, #E95F26); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#098280, #E95F26); /* For Opera 11.1 to 12.0 */
background: linear-gradient(#098280, #E95F26); /* Standard syntax */
width:100%;
color:white;
font-size:4vw;
text-align:center;
text-shadow:2px 2px black;
font-weight:bold;
min-height:130px;
display:flex;
align-items:center;
}
#body {
width:100%;
margin:0 auto;
}
.fixed {
margin:0 auto;
vertical-align:baseline;
}
.flexbox{
display:flex;
flex-direction:column;
margin: 15px 15px;
font-size:1.3vw;
}
.button {
border-right:.2vw solid #587560;
color:white;
font-weight:bold;
font-size:1.8vw;
padding:0 .5vw;
display:flex;
flex-direction:column;
width:11.5vw;
height:3vw;
text-align:center;
float:left;
text-shadow:1px 1px black;
}
.button2 {
color:white;
font-weight:bold;
font-size:1.8vw;
padding:0 .5vw;
display:flex;
flex-direction:column;
width:11vw;
height:3vw;
text-align:center;
float:left;
text-shadow:1px 1px black;
}
#navbar {
background:#E95F26;
border:.2vw solid #587560;
height:3vw;
display:flex;
flex-direction:column;
}
.sectionheader{
background:#098280;
width:100%;
color:white;
font-size:2vw;
text-align:center;
text-shadow:1px 1px black;
font-weight:bold;
min-height:40px;
border-radius:25px;
display:flex;
align-items:left;
padding:0 0px 0 0px;
}
.primerlogo {
width:auto;
max-width:13vw;
height:auto;
max-height:13vw;
margin:0 0 2vw 3vw;
}
.camel {
width: auto;
max-width: 16vw;
height: auto;
max-height: 11vw;
width: auto;
position:relative;
top:1vw;
}
.editathonTall {
width:auto;
max-width:13vw;
height:auto;
max-height:30vw;
padding:0 0 0 0;
}
#editathonsection {
font-size:1.3vw;
text-align:left;
display:flex;
align-items:center;
}
.sectionheader2{
background:#52A7A6;
width:100%;
color:white;
font-size:2vw;
text-align:center;
text-shadow:1px 1px black;
font-weight:bold;
min-height:30px;
border-radius:0px;
display:flex;
align-items:left;
padding:10px 0 0 10px;
}
.primertextbox{
background-color:gray;
color:white;
padding:25px 15px 15px 15px;
position:relative;
bottom:.4vw;
font-size:1.3vw;
}