old.style.css (2636B)
1 :root { 2 --bg:#fff; 3 --head:#000; 4 --hover:#0000ff 5 } 6 7 html{ 8 font-family: monospace; 9 background-color: var(--bg); 10 font-weight: 400; 11 color: var(--head); 12 max-width: 520px ; 13 font-size:16px ; 14 text-align: center ; 15 margin: auto ; 16 } 17 18 body { 19 background-color: var(--bg); 20 font-family: monospace; 21 margin-bottom: 100px; 22 font-weight: 400; 23 /* font-size: 16px;*/ 24 } 25 26 .title { 27 white-space: pre ; 28 margin: auto ; 29 text-align: center ; 30 font-size: 8px; 31 max-width: 520px; 32 } 33 34 35 footer { 36 text-align: center; 37 color: var(--head) ; 38 } 39 40 41 a { 42 color: var(--head); 43 text-decoration: underline; 44 } 45 46 a:hover { 47 color: var(--hover); 48 text-decoration: underline; 49 } 50 51 52 li { 53 float: left; 54 display: block; 55 color: #000fff; 56 padding: 2px 4px; 57 text-decoration: none; 58 } 59 60 li a { 61 display: block; 62 color: #c8c8c8; 63 text-align: center; 64 padding: 2px, 4px; 65 text-decoration: none; 66 } 67 68 li a:hover { 69 background-color: #111; 70 text-decoration: none; 71 } 72 73 .ll { 74 font-size: 14px ; 75 line-height: 1.3em ; 76 max-width: 422px; 77 margin: 10 ; 78 text-align: left ; 79 } 80 81 .links { 82 font-size: 14px ; 83 line-height: 1.3em ; 84 max-width: 422px; 85 margin: 10 ; 86 text-align: left ; 87 white-space: pre-line; 88 } 89 90 91 92 .l2 { 93 font-size: large ; 94 line-height:1.3em ; 95 max-width: 600px ; 96 margin: auto ; 97 } 98 99 .l3 { 100 font-size: 14px ; 101 line-height: 1.3em ; 102 max-width: 660 ; 103 margin: auto ; 104 } 105 .left { 106 text-align: left; 107 } 108 109 .small { 110 font-size: 0.6vw; 111 } 112 113 .qr { 114 max-width: 100px; 115 padding: 10px; 116 border: medium none; 117 align: center; 118 } 119 120 121 code { 122 overflow-x:auto; 123 overflow-y:auto; 124 padding:0px; 125 min-width:600; 126 background-color: var(--head); !important; 127 font-size:14px!important; 128 margin-bottom:10px; 129 color: var(--bg); 130 line-height: 1.3em; 131 } 132 /*code { 133 color: var(--bg); 134 }*/ 135 136 .midcolor { 137 color: var(--head); 138 text-align: center; 139 } 140 141 142 143 .separator { 144 text-align: center; 145 white-space: nowrap; 146 overflow-x: hidden; 147 margin-top: 8px; 148 margin-bottom: 8px; 149 overflow-x: hidden; 150 border-top: 1px dashed var(--head); 151 } 152 153 .menu { 154 text-align: right; 155 white-space: nowrap; 156 overflow-x: hidden; 157 margin-top: 8px; 158 margin-bottom: 8px; 159 overflow-x: hidden; 160 } 161 162 .logo { 163 align: center; 164 max-width: 75%; 165 max-height: 75%; 166 text-decoration: none; 167 border-bottom: unset; 168 background: unset !important; 169 } 170 171 172 ul { 173 list-style-type: none; 174 margin: 0; 175 padding: 0; 176 max-width: 75%; 177 font-size: 14px; 178 display: block; 179 180 } 181 182 183 @media only screen and (max-width: 800px) { 184 /*GENERAL ELEMENTS*/ 185 /*CLASSES*/ 186 .wrapper { 187 width: 100%; 188 /*font-size: 4vw;*/ 189 } 190 191 .title { 192 font-size: 0.8vw; 193 } 194 .tops{ 195 font-size: 2.5vw; 196 } 197 }