Skip to content

Instantly share code, notes, and snippets.

@carsonfarmer
Last active November 26, 2018 05:47
Show Gist options
  • Save carsonfarmer/331963a09e016aa61e4ac245af1e3fb7 to your computer and use it in GitHub Desktop.
Save carsonfarmer/331963a09e016aa61e4ac245af1e3fb7 to your computer and use it in GitHub Desktop.
Profile app css
html, body {
margin: 0;
height:100%;
position: relative;
font-family: Tahoma, Helvetica, Verdana, sans-serif;
}
h1 {
margin-top: 0px;
text-transform: uppercase;
}
a:link, a:hover, a:visited {
color: darkgrey;
text-decoration: none;
}
h2 {
font-size: 1.2em;
margin: 0 auto;
}
ul {
padding-left: 0;
list-style-type: none;
}
#image {
background-size: contain;
background-position: left top;
height: 100vh;
background-repeat: no-repeat;
}
#profile {
position: absolute;
right: 5%;
top: 2.5rem;
padding: 20px;
background: white;
width: 400px;
}
#social ul {
overflow: hidden;
font-size: 2em;
}
#social li {
float: left;
margin-right: 1em;
}
#loader {
border: 16px solid #f3f3f3;
border-top: 16px solid rgb(11, 58, 83);
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
position: absolute;
left: 50%;
top: 50%;
margin-left: -76px;
margin-top: -76px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
[contenteditable="true"] {
outline-style: dotted;
outline-color: darkgrey;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment