Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ul{
- list-style: none;
- }
- .container{
- width: 80%;
- margin: 0 auto;
- }
- .column{
- box-sizing: border-box;
- width: 33.3333333333333333333333333333%;
- padding: 15px;
- }
- .float-left{
- float: left;
- }
- .float-right{
- float: right;
- }
- .block{
- display: block;
- }
- .width-40{
- width: 40%;
- }
- .inline-block{
- display: inline-block;
- width: 40%;
- margin-left: 5%;
- }
- .inline{
- display: inline;
- border-radius: 3px;
- color: orange;
- }
- .clearfix{
- clear: both;
- }
- .back-btn{
- top: 200px;
- left: 0;
- display: inline-block;
- border-radius: 3px;
- color: white;
- text-decoration: none;
- padding: 20px;
- }
- .legends li *{
- display: inline-block;
- margin-right: 10px;
- }
- .legend{
- width: 20px;
- height: 20px;
- }
- .positions-div{
- width: 100%;
- height: 500px;
- }
- .box{
- width: 100px;
- height: 100px;
- }
- .relative{
- position: relative;
- }
- .static{
- position: static;
- top: 100px;
- left: 200px;
- }
- .absolute{
- position: absolute;
- top: 100px;
- left: 200px;
- }
- .fixed{
- position: fixed;
- }
- .red-bg{
- background: red;
- }
- .blue-bg{
- background: blue;
- }
- .green-bg{
- background: green;
- }
- .black-bg{
- background: black;
- }
- .red-border{
- border: 1px solid red;
- }
- .blue-border{
- border: 1px solid blue;
- }
- .green-border{
- border: 1px solid green;
- }
- .box-model1, .box-model2{
- width: 300px;
- margin-right: 10px;
- padding-left: 10px;
- color: white;
- background: blue;
- border: 5px solid red;
- }
- .box-model2{
- box-sizing: border-box;
- }
Add Comment
Please, Sign In to add comment