github.com/mweagle/Sparta@v1.15.0/docs/css/reveal-theme.css (about)

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