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

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