Template:SoundBox/styles.css

/* For Template:SoundBox */

.soundbox, .soundboxlone, .soundboxlast {
    background: #0D5467;
    border: 3px solid #3FB9BE;
    width: 47%;
    padding: 0 7px 7px 0; }

.soundbox {
    margin: 0 0 10px; }

.soundboxlast {
    margin: 0 50% 10px 0; }

.soundboxlone {
    margin: 0 0 10px 0.75%; }

.soundhead {
    width: calc(100% - 3px);
    margin: 0 0 7px;
    padding: 7px 0 10px 10px;
    background: #1A7D93;
    font-size: 120%;
    color: #FBFAD9;
    font-weight: bold; }
.soundhead img {
    margin: -4px 3px 0 0; }

@media only screen and (max-width: 500px) { 
    .soundbox, .soundboxlast, .soundboxlone {
        margin: 0 0 10px; }
    .soundbox, .soundboxlast {
        width: 100%; }
    .soundboxlone {
        width: unset; }
}

/* [[Category:Styling pages]] */