Template:MainTopic/styles.css
From Soft Cell Wiki
/*** Styles for templates: MainTopicSC, MainTopicMA, MainTopicDB ***/
/* Container for links in all templates */
.mainpagetopiclinks {
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: 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; }
.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: 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; }
.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 */
margin:3px auto; }
.mainpageMA, .mainpageDB, .mainpageSC { /* Smaller margin for all topic blocks */
margin:10px 5px; }
}
@media only screen and (max-width:400px) {
.mainpageMA, .mainpageDB, .mainpageSC {
width: 90%; }
}
/* [[Category:Styling pages]] */