deiga/new-Roydon

// Place all the styles related to the Shows controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

#content {
    #shows {
        padding-top: 3%;

        p ,  #shows_table {
            margin: 0 auto;
            text-align: center;
        }

        #shows_table {
            border-collapse: collapse;

            caption {
                padding: 0 0 1% 1%;
                caption-side: top;
                text-align: left;
                font-weight: bold;
                min-width: 26em;
            }

            th {
                border-bottom: 2px solid black;
                padding: 0.3em;
                background-color: darkGreen;
            }

            td , th {
                text-align: center;
            }

            td {
                padding: 0.3em 0.8em;
                background-color: darkSeaGreen;
                border-bottom: 1px dashed darkGreen;
            }

            tr:nth-of-type(2n+0) td {
                background-color: mediumSeaGreen;
            }
        }
    }

    #years {
        margin: 0 auto;
        text-align: center;

        #yearslist {
            list-style: none;
            padding: 0;

            li {
                display: inline;
                padding: 5px 10px;
                margin: 2%;
            }
        }

        p {
            padding-bottom: 1%;
        }
    }
    
}