github.com/mweagle/Sparta@v1.15.0/docs_source/static/presentations/reveal.js-3.9.2/css/theme/league.css (about)

     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; } }