Skip to content

Instantly share code, notes, and snippets.

@telic
Created October 3, 2014 19:34
Show Gist options
  • Save telic/b534a055b6d3df7a0aa4 to your computer and use it in GitHub Desktop.
Save telic/b534a055b6d3df7a0aa4 to your computer and use it in GitHub Desktop.
example CSS file for COMP 152 Lab 6
html {
background-color: #ddd;
padding: 0;
margin: 0;
}
body {
margin: 50px 200px;
padding: 0 3em 3em;
background-color: white;
border: 1px solid black;
box-shadow:
0px 0px 4px 1px white,
0px 0px 30px 7px forestgreen
;
border-radius: 0 0 25px 25px;
}
header {
margin: 0 -3em 2em;
padding: 2em;
border-bottom: 3px dotted blue;
background: linear-gradient(to top, blue, forestgreen 75%) no-repeat;
color: white;
}
header h1 {
text-transform: uppercase;
margin: 0 auto;
padding: 0;
text-align: center;
letter-spacing: 10px;
color: white;
}
header h1::before {
content: "– ";
}
header h1::after {
content: " –";
}
h2 { color: forestgreen; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment