github.com/sentienttechnologies/studio-go-runner@v0.0.0-20201118202441-6d21f2ced8ee/docs/slides/css/theme/moon.css (about)

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