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

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