MediaWiki:Mainpage.css

/* =======================  This creates styles necessary for the creation of the main page. The main page is in many ways an exception, so it might as well have its own CSS. ======================== */

/* ========================   The core grid of circular buttons ======================== */ .lines { background-image: url("https://images.wikia.nocookie.net/tardistest/images/0/05/Lines.png"); width: 612px; height: 1351px; margin: auto; position: relative; }

.lines a:hover { background: transparent !important; } .button1 { width: 316px; height: 277px; position: absolute; left: 14px; background: url("https://images.wikia.nocookie.net/tardistest/images/1/19/Button1.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button1:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/7/77/Button1-hover.png"); } .button2 { width: 322px; height: 277px; position: absolute; top: 320px; background: url("https://images.wikia.nocookie.net/tardistest/images/8/8f/Button2.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button2:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/9/94/Button2-hover.png"); } .button3 { width: 280px; height: 288px; position: absolute; left: 15px; top: 640px; background: url("https://images.wikia.nocookie.net/tardistest/images/f/fd/Button3.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button3:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/a/ac/Button3-hover.png"); } .button4 { width: 281px; height: 279px; position: absolute; left: 15px; top: 960px; background: url("https://images.wikia.nocookie.net/tardistest/images/5/53/Button4.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button4:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/b/b8/Button4-hover.png"); } .button5 { width: 292px; height: 277px; position: absolute; left: 319px; top: 140px; background: url("https://images.wikia.nocookie.net/tardistest/images/5/55/Button5.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button5:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/9/9d/Button5-hover.png"); } .button6 { width: 280px; height: 280px; position: absolute; left: 319px; top: 460px; background: url("https://images.wikia.nocookie.net/tardistest/images/a/a0/Button6.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button6:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/8/88/Button6-hover.png"); } .button7 { width: 299px; height: 313px; position: absolute; left: 300px; top: 744px; background: url("https://images.wikia.nocookie.net/tardistest/images/1/1f/Button7.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button7:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/4/47/Button7-hover.png"); } .button8 { width: 280px; height: 277px; position: absolute; left: 319px; top: 1098px; background: url("https://images.wikia.nocookie.net/tardistest/images/d/d0/Button8.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button8:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/a/a8/Button8-hover.png"); }

/* ==================  MAIN PAGE FIX to make the right column work better when collapsed to   tablet width ================== */ @media screen and (max-width: 1023px) { /* .page-Doctor_Who_Wiki iframe { width: 49%; } */ .page-Doctor_Who_Wiki #twitter-widget-0 { float: right; width:48%;} .front-page-right-column { float:left; clear:left; margin-left:2em } }   .twitter-timeline { width:100%; float:right; clear:right; }