presentations

Presentations
Log | Files | Refs

league.css (6499B)

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