MediaWiki:Mobile.css
Revision as of 05:32, 1 March 2016 by Dustin Loup (talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;
}