presentations

Presentations
Log | Files | Refs

serif.css (5706B)

      1 /**
      2  * A simple theme for reveal.js presentations, similar
      3  * to the default theme. The accent color is brown.
      4  *
      5  * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
      6  */
      7 .reveal a {
      8   line-height: 1.3em; }
      9 
     10 /*********************************************
     11  * GLOBAL STYLES
     12  *********************************************/
     13 body {
     14   background: #F0F1EB;
     15   background-color: #F0F1EB; }
     16 
     17 .reveal {
     18   font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
     19   font-size: 40px;
     20   font-weight: normal;
     21   color: #000; }
     22 
     23 ::selection {
     24   color: #fff;
     25   background: #26351C;
     26   text-shadow: none; }
     27 
     28 ::-moz-selection {
     29   color: #fff;
     30   background: #26351C;
     31   text-shadow: none; }
     32 
     33 .reveal .slides section,
     34 .reveal .slides section > section {
     35   line-height: 1.3;
     36   font-weight: inherit; }
     37 
     38 /*********************************************
     39  * HEADERS
     40  *********************************************/
     41 .reveal h1,
     42 .reveal h2,
     43 .reveal h3,
     44 .reveal h4,
     45 .reveal h5,
     46 .reveal h6 {
     47   margin: 0 0 20px 0;
     48   color: #383D3D;
     49   font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
     50   font-weight: normal;
     51   line-height: 1.2;
     52   letter-spacing: normal;
     53   text-transform: none;
     54   text-shadow: none;
     55   word-wrap: break-word; }
     56 
     57 .reveal h1 {
     58   font-size: 3.77em; }
     59 
     60 .reveal h2 {
     61   font-size: 2.11em; }
     62 
     63 .reveal h3 {
     64   font-size: 1.55em; }
     65 
     66 .reveal h4 {
     67   font-size: 1em; }
     68 
     69 .reveal h1 {
     70   text-shadow: none; }
     71 
     72 /*********************************************
     73  * OTHER
     74  *********************************************/
     75 .reveal p {
     76   margin: 20px 0;
     77   line-height: 1.3; }
     78 
     79 /* Ensure certain elements are never larger than the slide itself */
     80 .reveal img,
     81 .reveal video,
     82 .reveal iframe {
     83   max-width: 95%;
     84   max-height: 95%; }
     85 
     86 .reveal strong,
     87 .reveal b {
     88   font-weight: bold; }
     89 
     90 .reveal em {
     91   font-style: italic; }
     92 
     93 .reveal ol,
     94 .reveal dl,
     95 .reveal ul {
     96   display: inline-block;
     97   text-align: left;
     98   margin: 0 0 0 1em; }
     99 
    100 .reveal ol {
    101   list-style-type: decimal; }
    102 
    103 .reveal ul {
    104   list-style-type: disc; }
    105 
    106 .reveal ul ul {
    107   list-style-type: square; }
    108 
    109 .reveal ul ul ul {
    110   list-style-type: circle; }
    111 
    112 .reveal ul ul,
    113 .reveal ul ol,
    114 .reveal ol ol,
    115 .reveal ol ul {
    116   display: block;
    117   margin-left: 40px; }
    118 
    119 .reveal dt {
    120   font-weight: bold; }
    121 
    122 .reveal dd {
    123   margin-left: 40px; }
    124 
    125 .reveal blockquote {
    126   display: block;
    127   position: relative;
    128   width: 70%;
    129   margin: 20px auto;
    130   padding: 5px;
    131   font-style: italic;
    132   background: rgba(255, 255, 255, 0.05);
    133   box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
    134 
    135 .reveal blockquote p:first-child,
    136 .reveal blockquote p:last-child {
    137   display: inline-block; }
    138 
    139 .reveal q {
    140   font-style: italic; }
    141 
    142 .reveal pre {
    143   display: block;
    144   position: relative;
    145   width: 90%;
    146   margin: 20px auto;
    147   text-align: left;
    148   font-size: 0.55em;
    149   font-family: monospace;
    150   line-height: 1.2em;
    151   word-wrap: break-word;
    152   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
    153 
    154 .reveal code {
    155   font-family: monospace;
    156   text-transform: none; }
    157 
    158 .reveal pre code {
    159   display: block;
    160   padding: 5px;
    161   overflow: auto;
    162   max-height: 400px;
    163   word-wrap: normal; }
    164 
    165 .reveal table {
    166   margin: auto;
    167   border-collapse: collapse;
    168   border-spacing: 0; }
    169 
    170 .reveal table th {
    171   font-weight: bold; }
    172 
    173 .reveal table th,
    174 .reveal table td {
    175   text-align: left;
    176   padding: 0.2em 0.5em 0.2em 0.5em;
    177   border-bottom: 1px solid; }
    178 
    179 .reveal table th[align="center"],
    180 .reveal table td[align="center"] {
    181   text-align: center; }
    182 
    183 .reveal table th[align="right"],
    184 .reveal table td[align="right"] {
    185   text-align: right; }
    186 
    187 .reveal table tbody tr:last-child th,
    188 .reveal table tbody tr:last-child td {
    189   border-bottom: none; }
    190 
    191 .reveal sup {
    192   vertical-align: super;
    193   font-size: smaller; }
    194 
    195 .reveal sub {
    196   vertical-align: sub;
    197   font-size: smaller; }
    198 
    199 .reveal small {
    200   display: inline-block;
    201   font-size: 0.6em;
    202   line-height: 1.2em;
    203   vertical-align: top; }
    204 
    205 .reveal small * {
    206   vertical-align: top; }
    207 
    208 /*********************************************
    209  * LINKS
    210  *********************************************/
    211 .reveal a {
    212   color: #51483D;
    213   text-decoration: none;
    214   -webkit-transition: color .15s ease;
    215   -moz-transition: color .15s ease;
    216   transition: color .15s ease; }
    217 
    218 .reveal a:hover {
    219   color: #8b7c69;
    220   text-shadow: none;
    221   border: none; }
    222 
    223 .reveal .roll span:after {
    224   color: #fff;
    225   background: #25211c; }
    226 
    227 /*********************************************
    228  * IMAGES
    229  *********************************************/
    230 .reveal section img {
    231   margin: 15px 0px;
    232   background: rgba(255, 255, 255, 0.12);
    233   border: 4px solid #000;
    234   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
    235 
    236 .reveal section img.plain {
    237   border: 0;
    238   box-shadow: none; }
    239 
    240 .reveal a img {
    241   -webkit-transition: all .15s linear;
    242   -moz-transition: all .15s linear;
    243   transition: all .15s linear; }
    244 
    245 .reveal a:hover img {
    246   background: rgba(255, 255, 255, 0.2);
    247   border-color: #51483D;
    248   box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
    249 
    250 /*********************************************
    251  * NAVIGATION CONTROLS
    252  *********************************************/
    253 .reveal .controls {
    254   color: #51483D; }
    255 
    256 /*********************************************
    257  * PROGRESS BAR
    258  *********************************************/
    259 .reveal .progress {
    260   background: rgba(0, 0, 0, 0.2);
    261   color: #51483D; }
    262 
    263 .reveal .progress span {
    264   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
    265   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
    266   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
    267 
    268 /*********************************************
    269  * PRINT BACKGROUND
    270  *********************************************/
    271 @media print {
    272   .backgrounds {
    273     background-color: #F0F1EB; } }