Template:MainTopic/styles.css

/*** Styles for templates: MainTopicSC, MainTopicMA, MainTopicDB ***/ /* Container for links in all templates */ .mainpagetopiclinks { height: 112px; margin: 5px auto; line-height: 1.4; }

/*** SC ***/ .mainpageSC {         /* General */ width: 275px; padding: 5px 0; margin:20px 5px; text-align: center; border: 2px solid grey; border-radius: 6px; box-shadow: 0 0 5px #333333, inset 0 0 5px #333333, 0 0 5px #333333, inset 0 0 5px #333333, 0 0 10px black, inset 0 0 10px black; } .mainpageSC:hover {   /* Neon border hover */ border: 2px solid white; box-shadow: 0 0 5px white, inset 0 0 5px white, 0 0 5px white, inset 0 0 5px white, 0 0 10px #CA47FF, inset 0 0 10px #CA47FF, 0 0 10px #CA47FF, inset 0 0 10px #CA47FF, 0 0 10px #CA47FF, inset 0 0 10px #CA47FF, 0 0 20px #CA47FF; } .headerSC {           /* Header */ font-size: 150%; text-align: center; margin: 5px auto 10px; } .headerSC a:hover {   /* Header hover */ text-decoration:none; color: white !important; text-shadow: #CA47FF 0px 0px 5px, #CA47FF 0px 0px 10px, #CA47FF 0px 0px 10px, #CA47FF 0px 0px 10px; }

/*** MA ***/ .mainpageMA {         /* General */ width: 300px; padding: 5px 0; margin:20px 10px; text-align: center; border: 2px solid grey; border-radius: 6px; box-shadow: 0 0 5px #333333, inset 0 0 5px #333333, 0 0 5px #333333, inset 0 0 5px #333333, 0 0 10px black, inset 0 0 10px black; } .mainpageMA:hover {   /* Neon border hover */ border: 2px solid white; box-shadow: 0 0 5px white, inset 0 0 5px white, 0 0 5px white, inset 0 0 5px white, 0 0 10px #ED1450, inset 0 0 10px #ED1450, 0 0 10px #ED1450, inset 0 0 10px #ED1450, 0 0 10px #ED1450, inset 0 0 10px #ED1450, 0 0 20px #ED1450; } .headerMA {           /* Header */ font-size: 150%; text-align: center; margin: 5px auto 10px; } .headerMA a:hover {   /* Header hover */ text-decoration:none; color: white !important; text-shadow: #ED1450 0px 0px 5px, #ED1450 0px 0px 10px, #ED1450 0px 0px 10px, #ED1450 0px 0px 10px; }

/*** DB ***/ .mainpageDB {         /* General */ width: 300px; padding: 5px 0; margin:20px 10px; text-align: center; border: 2px solid grey; border-radius: 6px; box-shadow: 0 0 5px #333333, inset 0 0 5px #333333, 0 0 5px #333333, inset 0 0 5px #333333, 0 0 10px black, inset 0 0 10px black; } .mainpageDB:hover {   /* Neon border hover */ border: 2px solid white; box-shadow: 0 0 5px white, inset 0 0 5px white, 0 0 5px white, inset 0 0 5px white, 0 0 10px #0067FF, inset 0 0 10px #0067FF, 0 0 10px #0067FF, inset 0 0 10px #0067FF, 0 0 10px #0067FF, inset 0 0 10px #0067FF, 0 0 20px #0067FF; } .headerDB {           /* Header */ font-size: 150%; text-align: center; margin: 5px auto 10px; } .headerDB a:hover {   /* Header hover */ color: white !important; text-shadow: #0067FF 0px 0px 5px, #0067FF 0px 0px 10px, #0067FF 0px 0px 10px, #0067FF 0px 0px 10px; }

/** Changes for small/mobile screens **/ @media only screen and (max-width:600px) { .mainpagetopiclinks { /* Container for links in all templates */ height: unset; margin:3px auto; } }