universe

Universe
git clone https://git.dasho.dev/universe.git
Log | Files | Refs | Submodules | README

div.css (2299B)

      1 .odiv {
      2  background-color: var(--lg-bg);
      3  margin: auto;
      4  width: 100%;
      5  height: 100%;
      6  position: fixed;
      7  overflow: auto;
      8  max-height: 100%;
      9  z-index: -888;
     10 }
     11 
     12 .odiv {
     13  height: 100%;
     14 }
     15 
     16 .idiv {
     17  display: none;
     18 }
     19 
     20 .idivs1 {
     21  display: none;
     22  height: 26px;
     23 }
     24 
     25 .idivs2 {
     26  display: none;
     27  height: 52px;
     28 }
     29 
     30 .idivc {
     31  display: inline-block;
     32  text-align: left;
     33  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2),
     34    0px 0px 8px -1px rgba(0, 0, 0, 0.19);
     35  background-color: var(--lg-tx) !important;
     36  border-radius: 8px;
     37  padding: 0.01em 16px;
     38  left: 0;
     39  right: 0;
     40  margin-top: 12px;
     41  margin-left: auto;
     42  margin-right: auto;
     43  margin-bottom: 40px;
     44  width: 66.6666%;
     45  z-index: -799;
     46 }
     47 
     48 .idiv:target {
     49  width: 100vw;
     50  text-align: center;
     51  color: var(--accent) !important;
     52  position: absolute;
     53  margin-top: -24px;
     54  margin-left: calc(100vw - 100%);
     55  margin-right: 0;
     56  overflow-x: hidden;
     57  overflow-y: auto;
     58  background-color: var(--lg-bg);
     59  z-index: -600;
     60  min-height: 93vh;
     61  display: flex;
     62  flex-direction: column;
     63 }
     64 
     65 .idiv:target .idivc {
     66  z-index: -520;
     67  width: 66.6666%;
     68  margin-top: 30px;
     69  margin-bottom: auto;
     70 }
     71 
     72 .idiv:target .idivs1 {
     73  display: block;
     74 }
     75 
     76 .idiv:target .idivs2 {
     77  display: block;
     78 }
     79 
     80 .odiv:target {
     81  background-color: white;
     82  z-index: -880;
     83 }
     84 
     85 .odiv:target .idiv {
     86  text-align: center;
     87  display: block;
     88  color: #000 !important;
     89  z-index: -888;
     90  padding: 0.01em 16px;
     91  margin-top: -76px;
     92  margin-left: calc(100vw - 100%);
     93  margin-right: 0;
     94  overflow-x: hidden;
     95  overflow-y: auto;
     96 }
     97 
     98 .header {
     99  display: none;
    100 }
    101 
    102 .odiv:target .header {
    103  display: block;
    104  padding-top: 32px !important;
    105  padding-bottom: 80px !important;
    106  text-align: center !important;
    107  margin-left: calc(100vw - 100%);
    108  margin-right: 0;
    109  overflow-x: hidden;
    110  overflow-y: auto;
    111 }
    112 
    113 .idivc a:link {
    114  color: #fff;
    115 }
    116 .idivc a:visited {
    117  color: #999;
    118 }
    119 .idivc a:hover {
    120  color: #aaa;
    121  text-decoration: none;
    122 }
    123 
    124 .odiv:target .splash {
    125  display: none;
    126 }
    127 
    128 .odiv:target .prev {
    129  display: none;
    130 }
    131 
    132 .odiv:target .next {
    133  display: none;
    134 }
    135 
    136 .odiv:target .prev-beg {
    137  display: none;
    138 }
    139 
    140 .odiv:target .next-end {
    141  display: none;
    142 }