github.com/sentienttechnologies/studio-go-runner@v0.0.0-20201118202441-6d21f2ced8ee/docs/slides/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 0px 6px rgba(0, 0, 0, 0.3); }
   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  
   197  .reveal sub {
   198    vertical-align: sub; }
   199  
   200  .reveal small {
   201    display: inline-block;
   202    font-size: 0.6em;
   203    line-height: 1.2em;
   204    vertical-align: top; }
   205  
   206  .reveal small * {
   207    vertical-align: top; }
   208  
   209  /*********************************************
   210   * LINKS
   211   *********************************************/
   212  .reveal a {
   213    color: #00008B;
   214    text-decoration: none;
   215    -webkit-transition: color .15s ease;
   216    -moz-transition: color .15s ease;
   217    transition: color .15s ease; }
   218  
   219  .reveal a:hover {
   220    color: #0000f1;
   221    text-shadow: none;
   222    border: none; }
   223  
   224  .reveal .roll span:after {
   225    color: #fff;
   226    background: #00003f; }
   227  
   228  /*********************************************
   229   * IMAGES
   230   *********************************************/
   231  .reveal section img {
   232    margin: 15px 0px;
   233    background: rgba(255, 255, 255, 0.12);
   234    border: 4px solid #000;
   235    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
   236  
   237  .reveal section img.plain {
   238    border: 0;
   239    box-shadow: none; }
   240  
   241  .reveal a img {
   242    -webkit-transition: all .15s linear;
   243    -moz-transition: all .15s linear;
   244    transition: all .15s linear; }
   245  
   246  .reveal a:hover img {
   247    background: rgba(255, 255, 255, 0.2);
   248    border-color: #00008B;
   249    box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
   250  
   251  /*********************************************
   252   * NAVIGATION CONTROLS
   253   *********************************************/
   254  .reveal .controls {
   255    color: #00008B; }
   256  
   257  /*********************************************
   258   * PROGRESS BAR
   259   *********************************************/
   260  .reveal .progress {
   261    background: rgba(0, 0, 0, 0.2);
   262    color: #00008B; }
   263  
   264  .reveal .progress span {
   265    -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   266    -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
   267    transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }