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

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