/* Slide Classes */
.title {
padding-top: 10%;
}
.title-and-content .content p {
margin: 2em; text-align: left;
}
.section-header {
padding-top: 18%;
}
/* plain (non-bullet) text */ .content > p {
font-size: 2em; margin: 1em; text-align: center;
}
.content > pre {
font-size: 150%;
}
.content > blockquote {
font-size: 250%; margin: 2em;
}
.center img {
display:block; margin-left:auto; margin-right:auto;
}
.slide .center {
height: 740px; width: 1020px; display: table-cell; text-align: center; vertical-align: middle;
}
/* Column Layout */
/* Center the images when they are within a column */ .content.columns img, .content.comparison img {
margin: 0 auto; display: block;
}
.content.columns .grid_12 p, .content.comparison .grid_12 p {
font-size: 200%;
}
.content.columns .grid_6 p, .content.comparison .grid_6 p {
font-size: 150%;
}
.content.columns .grid_4 p, .content.comparison .grid_4 p {
font-size: 125%;
}
.content.columns pre, .content.comparison pre {
margin-left: 0px; margin-right: 0px;
}
.content.columns .grid_3 p, .content.comparison .grid_3 p {
font-size: 100%;
}
.content.columns h2, .content.comparison h2 {
padding-bottom: 10px; border-bottom: 1px dotted black;
}
/* numbered lists are numbered */ .content ol {
margin-left: 40px; font-size: 3em; text-align: left; padding-left: 40px;
}
.content ol > li {
list-style: decimal; display: list-item;
}
/* ironically, normal lists have bullets and ‘bullets’ lists don’t */ .content > ul {
list-style: disc;
}
.content > ul {
font-size: 3em; text-align: left; padding-left: 40px;
}
.content > ul > li {
padding: .5em; margin-left: 40px;
}
/* ironically, normal lists have bullets and ‘bullets’ lists don’t */ .bullets > ul {
list-style: none; font-size: 3em; padding-left: 0px;
}
.bullets > ul > li {
text-align: center; padding: 25px;
} .smbullets > ul {
font-size: 2.5em;
}
.smbullets > ul > li {
text-align: center; padding: 10px;
}
/* nested lists get their bullets back */ .content ul ul {
list-style: disc; margin: 10px 10px; padding-left: 40px; text-align: left;
}
.bullets ul ul > li { font-size: 80%; }
.commandline pre {
font-size: 2em;
}
.commandline code.command {
color: #000;
}
.commandline code.result {
color: #444;
}
.command h1 {
white-space: pre; font-family: monospace; font-size: 3em;
}
.text-size-150 { font-size: 150%; } .text-size-140 { font-size: 140%; } .text-size-130 { font-size: 130%; } .text-size-120 { font-size: 120%; } .text-size-110 { font-size: 110%; } .text-size-90 { font-size: 90%; } .text-size-80 { font-size: 80%; } .text-size-70 { font-size: 70%; }
.results {
background-color:#002200; color:#00AA00; font-size:2em; border:2px solid black; position: fixed; top:0px; width:100%; padding:15px; margin:0px; font-family: monospace; z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
}
.executing {
color:#0000FF !important; background-color: yellow;
}
.executing:hover {
cursor: pointer;
}