Created
January 12, 2014 21:49
-
-
Save begriffs/8391042 to your computer and use it in GitHub Desktop.
www.kenpowers.net run through css ratiocinator then through prefixr
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@media (min-width: 961px) { | |
#about { | |
margin-bottom: 10px; | |
margin-left: 0px; | |
margin-right: 0px; | |
margin-top: 10px; | |
} | |
#about div { | |
margin-left: 10px; | |
} | |
#copyright { | |
text-align: right; | |
} | |
#main { | |
margin-top: 75px; | |
} | |
.container { | |
width: 960px; | |
} | |
figure { | |
display: block; | |
} | |
footer { | |
height: 60px; | |
} | |
header { | |
height: 75px; | |
position: fixed; | |
} | |
nav { | |
text-align: right; | |
} | |
} | |
@media (min-width: 651px) and (max-width: 960px) { | |
#about { | |
margin-bottom: 10px; | |
margin-left: 0px; | |
margin-right: 0px; | |
margin-top: 10px; | |
} | |
#about div { | |
margin-left: 10px; | |
} | |
#copyright { | |
text-align: right; | |
} | |
#main { | |
margin-top: 75px; | |
} | |
.container { | |
padding-bottom: 0px; | |
padding-left: 10px; | |
padding-right: 10px; | |
padding-top: 0px; | |
width: 100%; | |
} | |
figure { | |
display: block; | |
} | |
footer { | |
height: 60px; | |
} | |
header { | |
height: 75px; | |
position: fixed; | |
} | |
nav { | |
text-align: right; | |
} | |
} | |
@media (max-width: 650px) { | |
#about { | |
margin: 10px; | |
} | |
#about div { | |
margin: 0px; | |
} | |
#copyright { | |
text-align: center; | |
} | |
#main { | |
margin-top: 0px; | |
padding: 10px; | |
} | |
.container { | |
width: 100%; | |
} | |
figure { | |
display: none; | |
} | |
footer { | |
height: 120px; | |
text-align: center; | |
} | |
footer .container { | |
padding-bottom: 0px; | |
padding-left: 10px; | |
padding-right: 10px; | |
padding-top: 0px; | |
} | |
header { | |
height: 150px; | |
position: static; | |
text-align: center; | |
} | |
header .container { | |
padding-bottom: 0px; | |
padding-left: 10px; | |
padding-right: 10px; | |
padding-top: 0px; | |
} | |
nav { | |
text-align: center; | |
} | |
} | |
#about { | |
-moz-box-flex: 1; | |
-ms-box-flex: 1; | |
box-flex: 1; | |
} | |
#copyright { | |
-webkit-box-flex: 1; | |
-moz-box-flex: 1; | |
-ms-box-flex: 1; | |
box-flex: 1; | |
height: 60px; | |
} | |
#copyright a { | |
color: rgb(255, 255, 255); | |
} | |
#logo { | |
-webkit-box-flex: 1; | |
-moz-box-flex: 1; | |
-ms-box-flex: 1; | |
box-flex: 1; | |
} | |
#main { | |
text-align: justify; | |
} | |
#main a { | |
color: rgb(246, 55, 0); | |
} | |
#social { | |
-webkit-box-flex: 1; | |
-moz-box-flex: 1; | |
-ms-box-flex: 1; | |
box-flex: 1; | |
font-size: 0px; | |
height: 60px; | |
} | |
#social a { | |
background-image: url(http://www.kenpowers.net/img/icons.png); | |
background-repeat: no-repeat; | |
color: rgb(255, 255, 255); | |
display: inline-block; | |
height: 32px; | |
margin-right: 12px; | |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
filter: alpha(opacity=50); | |
opacity: 0.5; | |
position: relative; | |
top: 14px; | |
width: 32px; | |
} | |
* { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.bitbucket { | |
background-position-x: 0px; | |
background-position-y: 0px; | |
} | |
.container { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.github { | |
background-position-x: -32px; | |
background-position-y: 0px; | |
} | |
.gittip { | |
background-position-x: 0px; | |
background-position-y: -32px; | |
} | |
.linkedin { | |
background-position-x: -32px; | |
background-position-y: -32px; | |
} | |
.twitter { | |
background-position-x: -64px; | |
background-position-y: 0px; | |
} | |
a { | |
background-color: transparent; | |
text-decoration: none; | |
} | |
body { | |
color: rgb(57, 66, 64); | |
font-weight: 300; | |
margin: 0px; | |
} | |
figure { | |
background-image: url(http://www.kenpowers.net/img/portrait.jpg); | |
background-repeat: no-repeat; | |
height: 300px; | |
margin: 0px; | |
width: 250px; | |
} | |
footer { | |
background-color: rgb(57, 66, 64); | |
display: block; | |
line-height: 60px; | |
width: 100%; | |
} | |
footer .container { | |
font-weight: 300; | |
margin: 0px; | |
} | |
h2 { | |
font-weight: 300; | |
margin: 0px; | |
} | |
h3 { | |
font-weight: 300; | |
margin: 0px; | |
} | |
header { | |
background-color: rgba(246, 55, 0, 0.898438); | |
display: block; | |
width: 100%; | |
z-index: 2; | |
} | |
header .container { | |
color: rgb(255, 255, 255); | |
display: -webkit-box; | |
display: -moz-box; | |
display: box; | |
} | |
header a { | |
color: rgb(255, 255, 255); | |
} | |
header h1 { | |
height: 45px; | |
line-height: 45px; | |
} | |
header h2 { | |
font-size: 16px; | |
height: 30px; | |
line-height: 30px; | |
} | |
html { | |
font-family: sans-serif; | |
} | |
li { | |
display: inline; | |
height: 75px; | |
line-height: 75px; | |
list-style-type: none; | |
padding-left: 20px; | |
} | |
nav { | |
-webkit-box-flex: 1; | |
-moz-box-flex: 1; | |
-ms-box-flex: 1; | |
box-flex: 1; | |
display: block; | |
} | |
ul { | |
margin: 0px; | |
padding: 0px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment