www/arbital.css

   1 .redlink {
   2         color: #a00;
   3 }
   4
   5 .arbital-note-marker {
   6         background-color: #a5f9ac;
   7         border-radius: 0.75em;
   8         font-size: 0.75em;
   9         padding: 2px 7px;
  10         vertical-align: top;
  11         position: relative;
  12         font-family: Concourse;
  13         user-select: none;
  14 }
  15
  16 .arbital-note {
  17         display: none;
  18         float: right;
  19         margin-top: 1em;
  20         margin-left: -100%;
  21         width: 90%;
  22         font-size: 1.333em;
  23         background-color: #fff;
  24         padding: 3px 16px 8px 16px;
  25         border: 1px solid #ccc;
  26         font-family: Charter;
  27         box-shadow: 2px 6px 20px -4px #000;
  28         z-index: 5000;
  29         user-select: auto;
  30 }
  31
  32 .arbital-note-marker:hover .arbital-note {
  33         display: block;
  34         position: relative;
  35 }
  36
  37 .arbital-hidden > input,
  38 .arbital-hidden > div {
  39         display: none;
  40 }
  41
  42 .arbital-hidden > label {
  43         display: block;
  44         box-shadow: 0 12px 20px -6px #dfd inset, -1px -1px 0 0 #282 inset;
  45         background-color: #afa;
  46         border-radius: 12px;
  47         border: 1px solid #6e6;
  48         width: max-content;
  49         padding: 1px 10px 3px;
  50 }
  51
  52 .arbital-hidden > input:checked ~ label {
  53         box-shadow: 0 1px 1.5px 1.5px black inset, 0 8px 20px -6px #dfd inset;
  54         padding: 3px 10px 1px;
  55 }
  56
  57 .arbital-hidden > input:checked ~ div {
  58         display: block;
  59 }
  60
  61 #content.loading-page {
  62         text-align: center;
  63 }
  64
  65 #content.loading-page img {
  66         max-height: calc(100vh - 285px);
  67         margin: auto;
  68 }
  69
  70 @media only screen and (max-width: 520px) {
  71     #content.loading-page img {
  72         max-height: calc(100vh - 360px);
  73     }
  74 }
  75
  76 /***********
  77  * NAV BAR *
  78  ***********/
  79
  80 @media only screen and (max-width: 900px) {
  81         #nav-item-math .nav-inner::before {
  82                 content: "\F698";
  83         }
  84         #nav-item-ai-alignment .nav-inner::before {
  85                 content: "\F544";
  86         }
  87 }