MediaWiki:Mobile.css
From Zak
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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the mobile site */ .homeBoxBorder { width:100%; box-sizing: border-box; border: 1px solid #aaaaaa; margin-bottom:20px; } .homeWelcomeText { font-size:170%; margin: 2px !important; text-align:center; } .homeWelcomeTitle { width:100%; box-sizing: border-box; padding:8px; background-color:#ddddff; } .homeBoxTitle { width:100%; box-sizing: border-box; padding:8px; background-color:#eeeeee; text-align:center; } .homeBoxContent { width:100%; box-sizing: border-box; padding:8px; } .homeContentLeft { width:100%; float:none; box-sizing: border-box; } .homeContentRight { width:100%; float:none; box-sizing: border-box; } .homeNavigationGames { width:33%; float:left; box-sizing: border-box; text-align:center; } .homeNavigationGames20 { width:20%; float:left; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; } .bgLightBlue { background-color:#eeeeff; } .bgLightGray { background-color:#f9f9f9; } .txtCenter { text-align:center; } .fontSmall { font-size:95%; } .styleLang { width:100%; font-size:95%; } .styleLangText { vertical-align:top; background-color:#eee; border:1px solid #aaa; } .styleLangSelect { width:100%; background-color:#f9f9f9; border:1px solid #aaa; border-left:0; } .hiddenStructure { display: none; speak: none; } .hideMobile { display:none; } .floatingDiv { float:none; } .WhButton { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6)); background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0); background-color:#ffffff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#333; font-size:10px; padding:1px 4px; text-decoration:none; margin-top:3px; } .WhButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff)); background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0); background-color:#f6f6f6; } .WhButton:active { position:relative; top:1px; } .WhButton2 { -moz-box-shadow:inset 0px 1px 0px 0px #a0c6ff; -webkit-box-shadow:inset 0px 1px 0px 0px #a0c6ff; box-shadow:inset 0px 1px 0px 0px #a0c6ff; background-color:transparent; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #0066ff; display:inline-block; cursor:pointer; color:#333; font-size:10px; padding:1px 4px; text-decoration:none; margin-top:3px; } .WhButton2:hover { background-color:transparent; } .WhButton2:active { position:relative; top:1px; } @media (max-width: 450px) { .breakMobile { width:100%; float:none; } }