Soft Cell Wiki:Create new article/styles.css

.maincontainer { margin: auto; width: 745px; }

.tabs-label { background-color: #4D3667; /* Inactive tab color */ padding: 2px 12px; font-weight: bold; border: 0; border-radius: 0 !important; } .tabs-label:hover { /* Inactive tab hover */ background-color: #800649; } .tabs-tabbox > .tabs-input + .tabs-input + .tabs-label { /* Removing left margin of first tab label */ margin-left: 0; } .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label { /* Active tab */ background-color: #E6005C; cursor: default; } .tabs-tabbox > .tabs-container { /* Content container */ border-radius: 0; border: 2px solid #E6005C; } .tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-3:checked ~ .tabs-container .tabs-content-3, .tabs-input-4:checked ~ .tabs-container .tabs-content-4, .tabs-input-0:checked ~ .tabs-container .tabs-content-1 { display: block; }

.createlabel { width: 180px; }

/* Changes for other templates on small/mobile screens */ @media only screen and (max-width:700px) { .maincontainer { width: 100% !important; } .createlabel { width: unset; } } @media only screen and (max-width:500px) { .maincontainer .tabs-label { padding: 2px 8px; } }