aboutsummaryrefslogtreecommitdiffhomepage
path: root/css/theme/blood.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/theme/blood.css')
-rw-r--r--css/theme/blood.css312
1 files changed, 184 insertions, 128 deletions
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 15e6c20..15ab1b3 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -10,33 +10,39 @@
*
*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
+
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
- background: #222;
- background-color: #222; }
+ background: #222;
+ background-color: #222;
+}
.reveal {
- font-family: Ubuntu, "sans-serif";
- font-size: 40px;
- font-weight: normal;
- color: #eee; }
+ font-family: Ubuntu, "sans-serif";
+ font-size: 40px;
+ font-weight: normal;
+ color: #eee;
+}
::selection {
- color: #fff;
- background: #a23;
- text-shadow: none; }
+ color: #fff;
+ background: #a23;
+ text-shadow: none;
+}
::-moz-selection {
- color: #fff;
- background: #a23;
- text-shadow: none; }
+ color: #fff;
+ background: #a23;
+ text-shadow: none;
+}
.reveal .slides section,
.reveal .slides section > section {
- line-height: 1.3;
- font-weight: inherit; }
+ line-height: 1.3;
+ font-weight: inherit;
+}
/*********************************************
* HEADERS
@@ -47,237 +53,284 @@ body {
.reveal h4,
.reveal h5,
.reveal h6 {
- margin: 0 0 20px 0;
- color: #eee;
- font-family: Ubuntu, "sans-serif";
- font-weight: normal;
- line-height: 1.2;
- letter-spacing: normal;
- text-transform: uppercase;
- text-shadow: 2px 2px 2px #222;
- word-wrap: break-word; }
+ margin: 0 0 20px 0;
+ color: #eee;
+ font-family: Ubuntu, "sans-serif";
+ font-weight: normal;
+ line-height: 1.2;
+ letter-spacing: normal;
+ text-transform: uppercase;
+ text-shadow: 2px 2px 2px #222;
+ word-wrap: break-word;
+}
.reveal h1 {
- font-size: 3.77em; }
+ font-size: 3.77em;
+}
.reveal h2 {
- font-size: 2.11em; }
+ font-size: 2.11em;
+}
.reveal h3 {
- font-size: 1.55em; }
+ font-size: 1.55em;
+}
.reveal h4 {
- font-size: 1em; }
+ font-size: 1em;
+}
.reveal h1 {
- text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
+ text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
+}
/*********************************************
* OTHER
*********************************************/
.reveal p {
- margin: 20px 0;
- line-height: 1.3; }
+ margin: 20px 0;
+ line-height: 1.3;
+}
/* Ensure certain elements are never larger than the slide itself */
.reveal img,
.reveal video,
.reveal iframe {
- max-width: 95%;
- max-height: 95%; }
+ max-width: 95%;
+ max-height: 95%;
+}
.reveal strong,
.reveal b {
- font-weight: bold; }
+ font-weight: bold;
+}
.reveal em {
- font-style: italic; }
+ font-style: italic;
+}
.reveal ol,
.reveal dl,
.reveal ul {
- display: inline-block;
- text-align: left;
- margin: 0 0 0 1em; }
+ display: inline-block;
+ text-align: left;
+ margin: 0 0 0 1em;
+}
.reveal ol {
- list-style-type: decimal; }
+ list-style-type: decimal;
+}
.reveal ul {
- list-style-type: disc; }
+ list-style-type: disc;
+}
.reveal ul ul {
- list-style-type: square; }
+ list-style-type: square;
+}
.reveal ul ul ul {
- list-style-type: circle; }
+ list-style-type: circle;
+}
.reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
- display: block;
- margin-left: 40px; }
+ display: block;
+ margin-left: 40px;
+}
.reveal dt {
- font-weight: bold; }
+ font-weight: bold;
+}
.reveal dd {
- margin-left: 40px; }
+ margin-left: 40px;
+}
.reveal blockquote {
- display: block;
- position: relative;
- width: 70%;
- margin: 20px auto;
- padding: 5px;
- font-style: italic;
- background: rgba(255, 255, 255, 0.05);
- box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
+ display: block;
+ position: relative;
+ width: 70%;
+ margin: 20px auto;
+ padding: 5px;
+ font-style: italic;
+ background: rgba(255, 255, 255, 0.05);
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
+}
.reveal blockquote p:first-child,
.reveal blockquote p:last-child {
- display: inline-block; }
+ display: inline-block;
+}
.reveal q {
- font-style: italic; }
+ font-style: italic;
+}
.reveal pre {
- display: block;
- position: relative;
- width: 90%;
- margin: 20px auto;
- text-align: left;
- font-size: 0.55em;
- font-family: monospace;
- line-height: 1.2em;
- word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ display: block;
+ position: relative;
+ width: 90%;
+ margin: 20px auto;
+ text-align: left;
+ font-size: 0.55em;
+ font-family: monospace;
+ line-height: 1.2em;
+ word-wrap: break-word;
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
+}
.reveal code {
- font-family: monospace;
- text-transform: none; }
+ font-family: monospace;
+ text-transform: none;
+}
.reveal pre code {
- display: block;
- padding: 5px;
- overflow: auto;
- max-height: 400px;
- word-wrap: normal; }
+ display: block;
+ padding: 5px;
+ overflow: auto;
+ max-height: 400px;
+ word-wrap: normal;
+}
.reveal table {
- margin: auto;
- border-collapse: collapse;
- border-spacing: 0; }
+ margin: auto;
+ border-collapse: collapse;
+ border-spacing: 0;
+}
.reveal table th {
- font-weight: bold; }
+ font-weight: bold;
+}
.reveal table th,
.reveal table td {
- text-align: left;
- padding: 0.2em 0.5em 0.2em 0.5em;
- border-bottom: 1px solid; }
+ text-align: left;
+ padding: 0.2em 0.5em 0.2em 0.5em;
+ border-bottom: 1px solid;
+}
.reveal table th[align="center"],
.reveal table td[align="center"] {
- text-align: center; }
+ text-align: center;
+}
.reveal table th[align="right"],
.reveal table td[align="right"] {
- text-align: right; }
+ text-align: right;
+}
.reveal table tbody tr:last-child th,
.reveal table tbody tr:last-child td {
- border-bottom: none; }
+ border-bottom: none;
+}
.reveal sup {
- vertical-align: super;
- font-size: smaller; }
+ vertical-align: super;
+ font-size: smaller;
+}
.reveal sub {
- vertical-align: sub;
- font-size: smaller; }
+ vertical-align: sub;
+ font-size: smaller;
+}
.reveal small {
- display: inline-block;
- font-size: 0.6em;
- line-height: 1.2em;
- vertical-align: top; }
+ display: inline-block;
+ font-size: 0.6em;
+ line-height: 1.2em;
+ vertical-align: top;
+}
.reveal small * {
- vertical-align: top; }
+ vertical-align: top;
+}
/*********************************************
* LINKS
*********************************************/
.reveal a {
- color: #a23;
- text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ color: #a23;
+ text-decoration: none;
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease;
+}
.reveal a:hover {
- color: #dd5566;
- text-shadow: none;
- border: none; }
+ color: #dd5566;
+ text-shadow: none;
+ border: none;
+}
.reveal .roll span:after {
- color: #fff;
- background: #6a1520; }
+ color: #fff;
+ background: #6a1520;
+}
/*********************************************
* IMAGES
*********************************************/
.reveal section img {
- margin: 15px 0px;
- background: rgba(255, 255, 255, 0.12);
- border: 4px solid #eee;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+ margin: 15px 0px;
+ background: rgba(255, 255, 255, 0.12);
+ border: 4px solid #eee;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+}
.reveal section img.plain {
- border: 0;
- box-shadow: none; }
+ border: 0;
+ box-shadow: none;
+}
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear;
+}
.reveal a:hover img {
- background: rgba(255, 255, 255, 0.2);
- border-color: #a23;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
+ background: rgba(255, 255, 255, 0.2);
+ border-color: #a23;
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
+}
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
- color: #a23; }
+ color: #a23;
+}
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
- background: rgba(0, 0, 0, 0.2);
- color: #a23; }
+ background: rgba(0, 0, 0, 0.2);
+ color: #a23;
+}
.reveal .progress span {
- -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
- transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+}
/*********************************************
* PRINT BACKGROUND
*********************************************/
@media print {
- .backgrounds {
- background-color: #222; } }
+ .backgrounds {
+ background-color: #222;
+ }
+}
.reveal p {
- font-weight: 300;
- text-shadow: 1px 1px #222; }
+ font-weight: 300;
+ text-shadow: 1px 1px #222;
+}
.reveal h1,
.reveal h2,
@@ -285,12 +338,15 @@ body {
.reveal h4,
.reveal h5,
.reveal h6 {
- font-weight: 700; }
+ font-weight: 700;
+}
.reveal p code {
- background-color: #23241f;
- display: inline-block;
- border-radius: 7px; }
+ background-color: #23241f;
+ display: inline-block;
+ border-radius: 7px;
+}
.reveal small code {
- vertical-align: baseline; }
+ vertical-align: baseline;
+}