Subversion Repositories wimsdev

Rev

Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /* WIMS custom reveal styles */
  2. .reveal > h1 {
  3.   margin-top: 0; }
  4.  
  5. /**
  6.  * Foundation for Sites
  7.  * Version 6.6.3
  8.  * https://get.foundation
  9.  * Licensed under MIT Open Source
  10.  */
  11. @media print, screen and (min-width: 40em) {
  12.   .reveal.large, .reveal.small, .reveal.tiny, .reveal {
  13.     right: auto;
  14.     left: auto;
  15.     margin: 0 auto; } }
  16.  
  17. /* Foundation Reveal styles */
  18. html.is-reveal-open {
  19.   position: fixed;
  20.   width: 100%;
  21.   overflow-y: hidden; }
  22.   html.is-reveal-open.zf-has-scroll {
  23.     overflow-y: scroll; }
  24.   html.is-reveal-open body {
  25.     overflow-y: hidden; }
  26.  
  27. .reveal-overlay {
  28.   position: fixed;
  29.   top: 0;
  30.   right: 0;
  31.   bottom: 0;
  32.   left: 0;
  33.   z-index: 1005;
  34.   display: none;
  35.   background-color: rgba(10, 10, 10, 0.45);
  36.   overflow-y: auto; }
  37.  
  38. .reveal {
  39.   z-index: 1006;
  40.   backface-visibility: hidden;
  41.   display: none;
  42.   padding: 1rem;
  43.   border: 1px solid #cacaca;
  44.   border-radius: 0;
  45.   background-color: #fefefe;
  46.   position: relative;
  47.   top: 100px;
  48.   margin-right: auto;
  49.   margin-left: auto;
  50.   overflow-y: auto; }
  51.   [data-whatinput='mouse'] .reveal {
  52.     outline: 0; }
  53.   @media print, screen and (min-width: 40em) {
  54.     .reveal {
  55.       min-height: 0; } }
  56.   .reveal .column {
  57.     min-width: 0; }
  58.   .reveal > :last-child {
  59.     margin-bottom: 0; }
  60.   @media print, screen and (min-width: 40em) {
  61.     .reveal {
  62.       width: 600px;
  63.       max-width: 75rem; } }
  64.   .reveal.collapse {
  65.     padding: 0; }
  66.   @media print, screen and (min-width: 40em) {
  67.     .reveal.tiny {
  68.       width: 30%;
  69.       max-width: 75rem; } }
  70.   @media print, screen and (min-width: 40em) {
  71.     .reveal.small {
  72.       width: 50%;
  73.       max-width: 75rem; } }
  74.   @media print, screen and (min-width: 40em) {
  75.     .reveal.large {
  76.       width: 90%;
  77.       max-width: 75rem; } }
  78.   .reveal.full {
  79.     top: 0;
  80.     right: 0;
  81.     bottom: 0;
  82.     left: 0;
  83.     width: 100%;
  84.     max-width: none;
  85.     height: 100%;
  86.     min-height: 100%;
  87.     margin-left: 0;
  88.     border: 0;
  89.     border-radius: 0; }
  90.   @media print, screen and (max-width: 39.99875em) {
  91.     .reveal {
  92.       top: 0;
  93.       right: 0;
  94.       bottom: 0;
  95.       left: 0;
  96.       width: 100%;
  97.       max-width: none;
  98.       height: 100%;
  99.       min-height: 100%;
  100.       margin-left: 0;
  101.       border: 0;
  102.       border-radius: 0; } }
  103.   .reveal.without-overlay {
  104.     position: fixed; }
  105.  
  106. .close-button {
  107.   position: absolute;
  108.   z-index: 10;
  109.   color: #8a8a8a;
  110.   cursor: pointer; }
  111.   [data-whatinput='mouse'] .close-button {
  112.     outline: 0; }
  113.   .close-button:hover, .close-button:focus {
  114.     color: #0a0a0a; }
  115.   .close-button.small {
  116.     right: 0.66rem;
  117.     top: 0.33em;
  118.     font-size: 1.5em;
  119.     line-height: 1; }
  120.   .close-button, .close-button.medium {
  121.     right: 1rem;
  122.     top: 0.5rem;
  123.     font-size: 2em;
  124.     line-height: 1; }
  125.