Skip to content

Instantly share code, notes, and snippets.

@Socratic1
Last active August 27, 2015 15:00
Show Gist options
  • Save Socratic1/41fa97fbfa56ae7d4a2a to your computer and use it in GitHub Desktop.
Save Socratic1/41fa97fbfa56ae7d4a2a to your computer and use it in GitHub Desktop.
* { box-sizing: border-box; }
body {
/* text-align: center; */
background-color: white;
}
p { margin: 0; }
/* navigation */
.nav {
background: -webkit-linear-gradient(left, rgba(0, 0, 0, .90) , rgba(0, 0, 60, .90)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(0, 0, 60, .90)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(0, 0, 60, .90)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(0, 0, 0, .90) , rgba(0, 0, 60, .90)); /* Standard syntax */
position: fixed;
width: 100%;
top: 0;
padding: .4% 10.7% .25%;
z-index: 1;
}
.nav ul li {
display: inline-block;
}
.nav ul li a {
color: white;
text-transform: uppercase;
letter-spacing: 0.05em;
padding-right: 1.8em;
transition: color 300ms;
-webkit-transition: color 300ms;
text-decoration: none;
}
.nav a:hover {
color: gray;
text-decoration: none;
}
.header {
color: black;
text-align: center;
margin-top: 6.5%;
position: relative;
}
.container {
width: 90%;
position: relative;
}
.intro {
position: relative;
left: 8.8%;
}
.intro p {
margin: .37%;
}
#feel {
margin-left: 3em;
font-weight: bold;
font-style: italic;
}
#drop {
margin-left: 6em;
}
.info {
display: inline-block;
position: relative;
color: black;
background-color: #dddddd;
padding: 2em 1.5em;
margin-left: 8.8%;
height: 742px;
}
.info h2 {
padding-left: 2.5em;
padding-top: .6em;
word-spacing: .4em;
}
.email {
margin-top: 3.5em;
}
.address {
margin-top: 3.5em;
}
.pigeon {
margin-top: 7em;
}
.thanks {
position: absolute;
bottom: 2em;
}
.image {
position: absolute;
top: 8em;
right: 0;
display: inline-block;
z-index: -1;
}
/*Typography*/
.nav ul li a {
font-family: Arial, sans-serif;
}
p {
font-family: Georgia, Cambria, serif;
font-size: 150%;
}
h1,
h2 {
font-family: Oswald, Futura, Helvetica, Arial, sans-serif;
}
.header h1 {
font-size: 3em;
}
.info h2 {
font-size: 2em;
}
.glyphicon {
font-size: .7em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment