Skip to content

Instantly share code, notes, and snippets.

@jeremyboggs
Created July 31, 2013 20:47
Show Gist options
  • Save jeremyboggs/6126015 to your computer and use it in GitHub Desktop.
Save jeremyboggs/6126015 to your computer and use it in GitHub Desktop.
praxis-network.org deminified CSS.
@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html { line-height: 1 }
ol,
ul { list-style: none }
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q,
blockquote { quotes: none }
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}
a img { border: none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary { display: block }
@media only screen {
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* html { font-size: 100% }
html {
font-size: 16px;
line-height: 1.75em;
}
.pie-element,
body.program div[role="main"] article>header,
body.program div[role="main"] article section,
div[role="main"] section.category h1,
div[role="main"] section.category p {
behavior: url("/PIE.htc");
position: relative;
}
html {
background: #fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
font-family: Sanchez,Georgia,serif;
*zoom: 1;
width: auto;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
background-color: #fff;
color: #555;
}
body:after {
content: "";
display: table;
clear: both;
}
p,
ul,
ol,
dl {
margin-top: 1.75em;
padding-top: 0em;
padding-bottom: 0em;
margin-bottom: 0em;
}
ul { list-style: square }
ol { list-style: decimal }
ul,
ol { margin-left: 1.75em }
nav ul,
nav ol { margin: 0 }
em,
i { font-style: italic }
strong,
b { font-weight: bold }
form fieldset {
margin: 0;
padding: 0;
border: none;
}
form textarea { width: 100% }
form textarea,
form input,
form select {
font-family: Sanchez,Georgia,serif;
color: #3c3c3c;
font-size: 0.75em;
line-height: 2.33333em;
line-height: 1.75em;
}
nav ul,
nav ol {
list-style: none;
margin-left: 0;
padding-left: 0;
}
a {
text-decoration: none;
-webkit-transition: background 0.3s linear,color 0.3s linear;
-moz-transition: background 0.3s linear,color 0.3s linear;
-o-transition: background 0.3s linear,color 0.3s linear;
transition: background 0.3s linear,color 0.3s linear;
}
a:link { color: #0ad }
a:visited { color: #0083aa }
a:hover {
border-bottom: 1px dotted #0083aa;
color: #0083aa;
}
a:active {
border-bottom: 1px solid #0083aa;
color: #0083aa;
}
h1 {
font-size: 2.5em;
line-height: 1.4em;
line-height: 1.53125em;
font-weight: normal;
}
h2 {
font-size: 1.5em;
line-height: 1.16667em;
line-height: 1.75em;
margin-top: 1.75em;
color: #f60;
}
h2+* { margin-top: 0 }
h3 {
font-weight: bold;
color: rgba(60,60,60,0.75);
font-size: 1.25em;
line-height: 1.4em;
}
h4 { font-weight: bold }
h5 { font-style: italic }
h6 {
font-style: italic;
color: rgba(60,60,60,0.5);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { text-decoration: none }
figure {
margin-top: 1.75em;
padding-top: 0em;
padding-bottom: 0em;
margin-bottom: 0em;
}
figcaption {
font-size: 0.75em;
line-height: 2.33333em;
line-height: 1.75em;
color: rgba(60,60,60,0.5);
}
figcaption>* { margin-top: 0 }
table {
width: 100%;
font-size: 0.875em;
line-height: 2em;
margin-top: 3.5em;
padding-top: 0em;
padding-bottom: 0em;
margin-bottom: 0em;
border: 5px solid rgba(0,0,0,0.25);
border-width: 5px 0;
}
table th,
table td {
padding: 0.4375em;
vertical-align: top;
}
table thead { border-bottom: 2px solid rgba(0,0,0,0.1) }
table tr+tr { border-top: 1px dotted rgba(0,0,0,0.1) }
table tbody th {
width: 20%;
font-weight: bold;
}
img {
max-width: 100%;
width: auto;
height: auto;
}
.intro {
font-size: 1.125em;
line-height: 1.55556em;
line-height: 1.75em;
margin: 0;
padding: 4.34783% 0;
border: 1px dotted rgba(60,60,60,0.25);
border-width: 1px 0;
color: #f60;
}
.program-category-intro {
font-size: 0.875em;
line-height: 2em;
font-style: italic;
color: rgba(60,60,60,0.5);
}
header[role="banner"] {
overflow: hidden;
*zoom: 1;
padding: 4.34783% 4.34783% 1.75em;
background-color: #fff;
border-top: 10px solid rgba(0,0,0,0.1);
}
header[role="banner"] h1 {
font-size: 1.25em;
line-height: 1.4em;
}
.home header[role="banner"] h1 {
font-size: 1.875em;
line-height: 1.86667em;
line-height: 1.75em;
margin: 0;
margin-bottom: 0.875em;
display: block;
}
header[role="banner"] nav {
margin-top: 1.75em;
font-size: 0.875em;
line-height: 2em;
}
header[role="banner"] nav a {
background: #0083aa;
display: block;
float: left;
margin: 0 5px 5px 0;
color: #fff;
padding: 4px 8px;
}
header[role="banner"] nav a:link,
header[role="banner"] nav a:visited {
background-color: #0083aa;
color: #fff;
}
header[role="banner"] nav a:hover,
header[role="banner"] nav a:focus,
header[role="banner"] nav a:active {
background-color: #0ad;
color: #fff;
}
.home header[role="banner"] nav {
font-size: 1em;
line-height: 1.75em;
}
header[role="banner"] a { border: none !important }
div[role="main"] {
width: 100%;
float: left;
margin-right: 4.34783%;
display: inline;
}
div[role="main"] article {
padding-left: 4.34783%;
padding-right: 4.34783%;
}
body.program div[role="main"] article {
width: 100%;
float: left;
margin-right: 4.34783%;
display: inline;
margin-left: 0%;
padding-left: 0%;
padding-right: 0%;
}
body.program div[role="main"] article>header {
width: 100%;
float: left;
margin-right: 4.34783%;
display: inline;
padding: 4.34783%;
color: #fff;
display: block;
background: rgba(0,0,0,0.5);
-pie-background: rgba(0,0,0,0.5);
}
body.program div[role="main"] article>header a {
color: #ddd;
text-decoration: underline;
border: none;
}
body.program div[role="main"] article section {
z-index: 1000;
width: 100%;
float: left;
margin-right: 4.34783%;
display: inline;
margin-left: 0%;
padding: 4.34783%;
margin: 0 0 21em;
background-color: #fff;
background-color: rgba(255,255,255,0.95);
-pie-background: rgba(255,255,255,0.95);
-webkit-box-shadow: rgba(0,0,0,0.5) 0 0 20px;
-moz-box-shadow: rgba(0,0,0,0.5) 0 0 20px;
box-shadow: rgba(0,0,0,0.5) 0 0 20px;
}
body.program div[role="main"] article section h2 { margin-top: 0 }
div[role="main"] #category-nav {
width: 100%;
float: left;
margin-right: 4.34783%;
display: inline;
background-color: #0083aa;
margin-top: 1.75em;
line-height: 2.625em;
padding-left: 4.34783%;
padding-right: 4.34783%;
padding-top: 0.5em;
}
div[role="main"] #category-nav a {
background-color: rgba(0,0,0,0.1);
color: #fff;
color: rgba(255,255,255,0.8);
border: none;
padding: 0 1.3125em;
display: block;
float: left;
margin-right: 0.25em;
margin-bottom: 0.5em;
}
div[role="main"] #category-nav a:link,
div[role="main"] #category-nav a:visited { background-color: rgba(0,0,0,0.1) }
div[role="main"] #category-nav a:hover,
div[role="main"] #category-nav a:focus,
div[role="main"] #category-nav a:active {
color: #fff;
background-color: rgba(0,0,0,0.2);
}
div[role="main"] #program-nav {
border: 1px dotted rgba(60,60,60,0.25);
border-width: 1px 0;
padding: 1.75em 0;
margin: 1.75em 0;
}
div[role="main"] #program-nav a { border: none }
div[role="main"] #program-nav a+a:before {
content: "· ";
color: rgba(0,0,0,0.5);
}
div[role="main"] section#introduction {
width: 100%;
float: left;
margin-right: 4.34783%;
display: inline;
margin-left: 0%;
padding: 1.75em 4.34783%;
}
div[role="main"] section.category {
width: 100%;
float: left;
margin-right: 4.34783%;
display: inline;
margin-left: 0%;
overflow: hidden;
*zoom: 1;
}
div[role="main"] section.category h1,
div[role="main"] section.category p {
padding: 4.34783% 4.34783% 0;
color: #fff;
color: rgba(255,255,255,0.8);
margin: 0;
background: rgba(0,0,0,0.5);
-pie-background: rgba(0,0,0,0.5);
}
div[role="main"] section.category p { padding-bottom: 4.34783% }
div[role="main"] section.category table {
display: block;
margin: 0;
border-width: 0;
}
div[role="main"] section.category .table {
padding: 4.34783% 4.34783%;
background-color: #fff;
background-color: rgba(255,255,255,0.9);
border: 1px solid rgba(0,0,0,0.2);
border-width: 10px 0;
}
div[role="main"] section.category#mission {
background: url("../images/mission.jpg") 0 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
div[role="main"] section.category#support {
background: url("../images/support.jpg") 0 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
div[role="main"] section.category#people {
background: url("../images/people.jpg") 0 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
div[role="main"] section.category#structure {
background: url("../images/structure.jpg") 0 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
div[role="main"] section.category#research {
background: url("../images/research.jpg") 0 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
div[role="main"] section.category#directions {
background: url("../images/directions.jpg") 0 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
div[role="main"] section.category#nuts-and-bolts {
background: url("../images/nuts-and-bolts.jpg") 0 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body.uva-praxis-program {
background-image: url("../images/uva-praxis-program.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
body.chi-initiative {
background-image: url("../images/chi-initiative.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
body.hope-mellon-scholars {
background-image: url("../images/hope-mellon-scholars.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
body.cuny-gcdi {
background-image: url("../images/cuny-gcdi.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
body.ucldh {
background-image: url("../images/ucldh.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
body.duke-phd-lab {
background-image: url("../images/duke-phd-lab.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
body.brock-iasc {
background-image: url("../images/brock-iasc.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
#image-credits figure {
width: 47.82609%;
float: left;
margin-right: 4.34783%;
display: inline;
height: 250px;
}
#image-credits figure:nth-child(2n) {
width: 47.82609%;
float: right;
margin-right: 0;
#margin-left: -50px;
display: inline;
}
#image-credits figure img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.875em;
}
footer[role="contentinfo"] {
clear: both;
padding: 4.34783% 4.34783% 7em;
background-color: #fff;
border-bottom: 10px solid rgba(0,0,0,0.1);
}
footer[role="contentinfo"] h2 { margin-top: 0 }
#back-to-top {
font-size: 0.875em;
line-height: 2em;
position: fixed;
bottom: 0;
right: 20px;
z-index: 10000;
display: none;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border: 2px solid white;
background-color: #fafafa;
padding: 6px 10px;
cursor: pointer;
color: #007a99;
}
#back-to-top:hover { color: #333 }
}
@media only screen and (min-width: 700px) {
header[role="banner"] { padding: 3.0625em 13.04348% 1.75em }
.home header[role="banner"] h1 {
font-size: 3.75em;
line-height: 1.4em;
}
.intro {
font-size: 1.5em;
line-height: 1.16667em;
line-height: 2.1875em;
}
div[role="main"] article {
padding-left: 13.04348%;
padding-right: 13.04348%;
}
body.program div[role="main"] article>header {
padding-left: 13.04348%;
padding-right: 13.04348%;
}
body.program div[role="main"] article section {
padding-left: 13.04348%;
padding-right: 13.04348%;
padding-top: 4.34783%;
padding-bottom: 4.34783%;
}
div[role="main"] section#introduction { padding: 1.75em 13.04348% }
div[role="main"] section.category h1,
div[role="main"] section.category p {
padding-left: 13.04348%;
padding-right: 13.04348%;
}
div[role="main"] section.category .table { padding: 4.34783% 13.04348% }
div[role="main"] #category-nav {
padding-left: 13.04348%;
padding-right: 13.04348%;
}
#image-credits figure {
width: 21.73913%;
float: left;
margin-right: 4.34783%;
display: inline;
height: 250px;
}
#image-credits figure:nth-child(2n) {
float: left;
margin-right: 4.34783%;
#margin-left: auto;
width: 21.73913%;
float: left;
margin-right: 4.34783%;
display: inline;
}
#image-credits figure:nth-child(4n) {
width: 21.73913%;
float: right;
margin-right: 0;
#margin-left: -50px;
display: inline;
}
footer[role="contentinfo"] { padding: 3.5em 13.04348% 7em }
}
@media only screen and (min-width: 860px) {
.program section {
overflow: hidden;
*zoom: 1;
}
.program section header {
width: 34.78261%;
float: left;
margin-right: 4.34783%;
display: inline;
}
.program section .content { margin-left: 39.13043% }
.program section figure {
float: right;
margin-left: 1.75em;
}
.program section figure>div {
float: left;
width: 48%;
}
.program section figure>div+div { float: right }
.program section figure.normal,
.program section figure.feature {
float: none;
margin-left: 0;
}
.program section figure figcaption { clear: both }
.program section figure.feature { margin-left: -65.21739% }
.program section figure.feature figcaption {
width: 21.73913%;
float: left;
margin-right: 4.34783%;
display: inline;
clear: none;
}
section h2 {
font-size: 2.25em;
line-height: 1.55556em;
line-height: 2.625em;
margin-top: 0;
}
section#introduction {
overflow: hidden;
*zoom: 1;
}
section#introduction .content {
width: 60.86957%;
float: left;
margin-right: 4.34783%;
display: inline;
}
section#introduction .content p { margin: 0 0 1.75em }
section#introduction .intro {
width: 34.78261%;
float: right;
margin-right: 0;
#margin-left: -50px;
display: inline;
line-height: 1.75em;
}
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a,
a:visited { text-decoration: underline }
a[href]:after { content: " (" attr(href) ")" }
abbr[title]:after { content: " (" attr(title) ")" }
a[href^="javascript:"]:after,
a[href^="#"]:after { content: "" }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead { display: table-header-group }
tr,
img { page-break-inside: avoid }
img { max-width: 100% !important }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment