style.css (2193B)
1body { 2 margin: 0; 3 overflow: auto; 4 font-size: 12pt; 5} 6 7.textref { 8 text-decoration: underline; 9} 10 11.textref:hover { 12 color: #444; 13} 14 15.filelist { 16 max-height: 200px; 17 overflow: auto; 18 -ms-overflow-style: none; 19 scrollbar-width: none; 20} 21 22.filelist::-webkit-scrollbar { 23 display: none; 24} 25 26.ofile > li { 27 border-style: dotted !important; 28} 29 30.error { 31 color: #D00; 32 border-bottom: 1px solid grey; 33 z-index: 999; 34 font-family: monospace; 35 width: 100vw; 36 text-align: center; 37 position: relative; 38 top: 0px; 39 left: 0px; 40 margin: 0px; 41 padding: 3px; 42} 43 44.hint { 45 color: #333; 46 padding: 0px 10px; 47} 48 49.hint:hover { 50 color: #888; 51} 52 53.mslist li { 54 background: #eee; 55 border: 1px solid black; 56 margin: 5px; 57 padding: 2px; 58 padding-left: 1em; 59 margin-left: 0px; 60 padding-left: 4px; 61 position: relative; 62} 63 64.filelist li { 65 width: 30em; 66} 67 68.userlist li { 69 width: 25em; 70} 71 72.mslist li .front { 73 width: auto; 74 display: inline-block; 75 position: absolute: 76 left: 0px; 77 margin: 0px 4px; 78} 79 80.mslist li .back { 81 width: auto; 82 display: inline-block; 83 position: absolute; 84 right: 0px; 85 margin: 0px 4px; 86} 87 88.mslist { 89 padding-left: 2px; 90} 91 92.navbar { 93 width: min(25%, 300px); 94 margin: 0; 95 padding: 0; 96 position: fixed; 97 height: 100%; 98 background-color: #f1f1f1; 99} 100 101.navbar img { 102 padding: 0 5%; 103 width: 90%; 104} 105 106.navbar ul { 107 width: 90%; 108 padding: 0; 109 padding-left: 10%; 110 margin: 0; 111} 112 113.login { 114 color: #007de4; 115 top: 0px; 116 right: 0px; 117 position: absolute; 118 padding: 10px; 119} 120 121.main { 122 margin-left: 25%; 123 width: min(1000px, 75%); 124 min-height: calc(100vh - 30px); 125 position: relative; 126} 127 128.text { 129 padding: 5%; 130 padding-top: 10%; 131 font-size: 10pt; 132} 133 134.footer { 135 bottom: 0px; 136 position: absolute; 137} 138 139ul { 140 list-style-type: none; 141} 142 143.navbar li a { 144 display: block; 145 color: #000; 146 padding: 8px 16px; 147} 148 149a { 150 color:inherit; 151 text-decoration: none; 152} 153 154.navbar li a.active { 155 background-color: #007de4; 156 color: white; 157} 158 159.navbar li a:hover:not(.active) { 160 background-color: #BBB; 161 color: white; 162} 163 164.employee-pics { 165 margin-top: 20px; 166} 167 168.login-form { 169 width: 40%; 170} 171 172.login-form > input { 173 margin: 0; 174 margin-bottom: 15px; 175} 176 177.login-form > input.txtinput { 178 width: 100%; 179} 180 181.upload-form > input { 182 margin: 0; 183 margin-bottom: 7px; 184}