Skip to content

Instantly share code, notes, and snippets.

@chuck0523

chuck0523/divLikeBelt02.css

Created October 5, 2015 13:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chuck0523/c70788e1a3b3ce896ee8 to your computer and use it in GitHub Desktop.
Save chuck0523/c70788e1a3b3ce896ee8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
divLikeBelt02.css
body {
margin: 0;
padding-top: 20px;
background-color: #eee; }
body div.belt1 {
box-sizing: border-box;
margin-bottom: 30px;
padding-top: 10px;
width: 100%;
height: 100px;
background-color: #b20008;
box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.4); }
body div.belt1:after {
content: "";
display: block;
height: 80px;
border-top: #eee 2px dashed;
border-bottom: #eee 2px dashed; }
body div.belt2 {
box-sizing: border-box;
margin-bottom: 30px;
padding-top: 10px;
width: 100%;
height: 100px;
background-color: #774635;
box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.4); }
body div.belt2:after {
content: "";
display: block;
height: 80px;
border-top: #eee 2px dashed;
border-bottom: #eee 2px dashed; }
body div.belt3 {
box-sizing: border-box;
margin-bottom: 30px;
padding-top: 10px;
width: 100%;
height: 100px;
background-color: #573121;
box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.4); }
body div.belt3:after {
content: "";
display: block;
height: 80px;
border-top: #eee 2px dashed;
border-bottom: #eee 2px dashed; }
/*# sourceMappingURL=divLikeBelt.css.map */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment