Subversion Repositories wimsdev

Rev

Rev 15341 | Blame | Compare with Previous | Last modification | View Log | RSS feed

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