1#ednavbar { 2 position: fixed !important; 3 z-index:100000000; 4} 5@media(min-width:40.1em){ /* Larger than mobile devices */ 6 #ednavbar{ 7 bottom: 100px; 8 width: 100%; 9 overflow-wrap:break-word; 10 } 11} 12 13@media(max-width:40em){ /* Breakpoint only for mobile */ 14 #ednavbar{ 15 bottom: 50px; 16 width: 100%; 17 18 } 19} 20 21 22 23 24 25mark2 { 26 background-color: yellow; 27 color: black; 28} 29markfr { 30 color:yellow; 31 background-color:yellow; 32} 33 34markfr:active { 35 color:black; 36 background-color:yellow; 37 38} 39markfr:hover { 40 color:black; 41 background-color:yellow; 42 43} 44 45 46 47.mark2{ 48 background-color: yellow; 49 color: black; 50} 51 52.unibutton{ 53 border: outset; 54 padding: 5px 5px; 55 text-align: center ; 56 text-decoration: none ; 57 display: inline-block ; 58 font-size: 14px ; 59 margin: 4px 2px ; 60 cursor: pointer ; 61 -webkit-transition-duration: 0.4s ; /* Safari */ 62 transition-duration: 0.4s ; 63 64} 65 66.uninmenu{ 67 68 font-size: 17px ; 69 border-radius: 20px ; 70 padding: 5px 5px ; 71 cursor: pointer ; 72 } 73.uninmenu:hover { 74 color: #000000 ; 75 background-color: #ffffff ; 76 } 77 78 79.unienter{ 80 border: 1px ; 81 color: #4CAF50 ; 82 padding: 5 5px ; 83 text-align: center ; 84 text-decoration: none ; 85 display: inline-block ; 86 font-size: 16px ; 87 margin: 4px 2px ; 88 cursor: pointer ; 89 -webkit-transition-duration: 0.4s ; /* Safari */ 90 transition-duration: 0.4s ; 91 92} 93 94.unibutton:hover { 95 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) 96 ; 97 border: 1px ; 98 color: #000000 ; 99 background-color: #ffffff ; 100} 101.highlightmenu { 102 display: none ; 103 position: absolute ; 104 border-radius: 6px ; 105 106} 107.hightlightmenu i { 108 cursor: pointer ; 109 margin: 8px ; 110} 111 112#wanttext { 113/* css adapted from https://github.com/lucagez/medium.css/blob/master/medium.css */ 114@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Lora|Playfair+Display:700i,900'); 115user-select: text; 116-webkit-user-select: text; 117/*-moz-box-sizing: border-box; box-sizing: border-box;*/ 118overflow-wrap: break-word; 119font-size: 0; 120-webkit-text-size-adjust: none; 121 122 h1, h2, p, i, a { 123 text-rendering:optimizeLegibility; 124 overflow-wrap: break-word; 125 } 126 127li { 128 display: inline; 129} 130h1 { 131 font-size: 48px; 132 text-align: left; 133 margin-bottom: 8px; 134} 135 136h2 { 137 font-size: 26px; 138 font-weight: 700; 139 padding: 0; 140 margin: 56px 0 -13px -1.883px; 141 text-align: left; 142 line-height: 34.5px; 143 letter-spacing: -0.45px; 144} 145 146p, i, li { 147 margin-top: 21px; 148 font-family: "Lora"; 149 font-size: 21px; 150 letter-spacing: -0.03px; 151 line-height: 1.58; 152} 153 154a { 155 text-decoration: underline; 156} 157 158blockquote { 159 font-size: 30px; 160 font-style: italic; 161 letter-spacing: -0.36px; 162 line-height: 44.4px; 163 overflow-wrap: break-word; 164 margin: 55px 0 33px 0; 165 /* text-align: center; */ 166 padding: 0 0 0 50px; 167} 168 169code { 170 font-size: 18px; 171 border-radius: 2px; 172 padding: 3px 5px; 173} 174 175mark, .highlighted { 176 background: #7DFFB3; 177} 178 179.first-letter { 180 overflow-wrap: break-word; 181 font-size: 60px; 182 line-height: 60px; 183 display: block; 184 position: relative; 185 float: left; 186 margin: 0px 7px 0 -5px; 187} 188 189.subtitle { 190 margin: 0 0 24px 0; 191} 192 193 194img 195{ 196 max-width: 100% !important; 197 max-height: 100%!important; 198 margin: auto!important; 199 display: block; 200} 201 202} 203 204#wanttext.dark-mode { 205 background-color: black; 206 color: white; 207} 208 209div.dark-mode { 210 background-color: black; 211 color: white; 212} 213