Back to Shut the Box Project

Shut the Box Project - CSS file

Starting your Styles

Instructions:

Use the block of code below to start a new .css file. This Cascading Style Script will help you make your designs unique on the mainpage for our game.
This code should be copied and pasted into a new file and saved in our top level ('ShutTheBox' folder). Save the file name to be stbStyles.css.

#wrapper {
    width: 1200px;
    margin-left:  auto;
    margin-right: auto;
    background-color: rgb(232, 181, 81);
    padding: 20px;
    height: 500px;
}

header {
    width: 1100px;
    box-shadow: 10px 10px 10px #7E6143;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(44,98,142,.9);
    text-align: center;
    color: white;
}

#tiles {
    margin-right: auto;
    margin-left: auto;
    width: 1180px;
    padding:10px;
    text-align: center;
}

.numbers {
    width: 110px;
    height: 130px;
    padding: 5px;
} 
           
David Johns and Electric Teaching ~ All Rights Reserved 2015