terminal.css (3974B)
1 2 :root { 3 --dodger_blue4:#104e8b; 4 --dark_orchid2:#b23aee; 5 --green2:#00ee00; 6 --white:#ffffff; 7 --bisque4:#8b7d6b; 8 --blue:#0000ff; 9 --spring_green:#00ff7f; 10 --gray:#bebebe; 11 --yellow:#ffff00; 12 --genwidth: 800px; 13 } 14 15 /* TODO fix nav bar width not jiving with window width. */ 16 main { 17 margin: auto; 18 width: 75%; 19 } 20 21 /* unvisited link */ 22 a:link { 23 color: var(--dodger_blue4); 24 text-shadow: 0 0 4px var(--dodger_blue4); 25 } 26 27 /* visited link */ 28 a:visited { 29 color: var(--dark_orchid2); 30 text-shadow: 0 0 4px var(--dark_orchid2); 31 } 32 33 /* mouse over link */ 34 a:hover { 35 color: var(--green2); 36 text-shadow: 0 0 4px var(--green2); 37 } 38 39 /* selected link */ 40 a:active { 41 color: var(--dodger_blue4); 42 text-shadow: 0 0 4px var(--dodger_blue4); 43 } 44 45 #main-page-title { 46 margin: 0 auto; 47 padding: 0; 48 white-space: pre-wrap; 49 color: var(--white); 50 text-shadow: 0 0 4px var(--white); 51 } 52 53 54 h4 { 55 padding: 0; 56 margin: 0; 57 margin-top: 0; 58 color: white; 59 font-color: white; 60 font-family: Sans-Serif; 61 font-size: 0.8em; 62 } 63 64 h3 { 65 margin: 0 auto; 66 padding: 0; 67 color: var(--white); 68 text-shadow: 0 0 4px var(--white); 69 font-family: monospace; 70 } 71 72 nav { 73 text-align: center; 74 clear: both; 75 margin: auto; 76 max-width: 75%; 77 background-color: rgba(41,44,45,0.9); 78 border: 0.1em solid white; 79 } 80 81 nav:hover { 82 box-shadow: 0 0 0.2em 0.2em #0ff; 83 } 84 85 nav li { 86 display: inline-block; 87 list-style: none; 88 max-width: 7em; 89 padding: 0.5em; 90 transition: transform 0.3s; 91 } 92 93 nav li:hover { 94 transform: scale(1.5); 95 } 96 97 nav ul { 98 padding: 0; 99 margin: 0.5em; 100 } 101 102 nav img { 103 max-width: 4em; 104 } 105 106 107 @media (min-width: 1200px) { 108 nav { 109 float: left; 110 width: 10%; 111 position: fixed; 112 text-align: left; 113 font-size: large; 114 } 115 nav::before { 116 content: "Links"; 117 text-align: center; 118 display: block; 119 font-size: large; 120 color: violet; 121 text-decoration: underline; 122 margin: 0.5em; 123 } 124 nav li { 125 display: block; 126 text-align: center; 127 margin: 0.5em auto; 128 } 129 nav img { 130 max-width: 60%; 131 } 132 } 133 134 135 .twin { 136 border: 1.5em solid transparent; 137 border-image: url(../res/2008.png) 19 12 round; 138 padding: 0; 139 /* positioning */ 140 margin: 0 auto; 141 width: 100%; 142 background-color: rgba(0, 0, 0, 0.85); 143 144 } 145 146 .tcontent { 147 margin: 0 auto; 148 padding: 0; 149 } 150 151 152 .twin p, span { 153 margin: 0 auto; 154 padding: 0; 155 color: var(--white); 156 text-shadow: 0 0 4px var(--white); 157 } 158 159 p.ls { 160 white-space: pre-wrap; 161 } 162 163 .cat p { 164 white-space: normal; 165 margin-bottom: 1.5em; 166 } 167 168 .prompt1 { 169 color: var(--bisque4); 170 text-shadow: 0 0 4px var(--bisque4); 171 } 172 173 .prompt-break { 174 content: '-'; 175 background-position: center; 176 background-color: transparent; 177 background-repeat: repeat-x; 178 border: none; 179 border-top: 3px double #333; 180 color: #333; 181 overflow: visible; 182 text-align: center; 183 height: 0.2em; 184 } 185 186 .prompt2 { 187 color: var(--blue); 188 text-shadow: 0 0 4px var(--blue); 189 } 190 191 .prompt3 { 192 color: var(--yellow); 193 text-shadow: 0 0 4px var(--yellow); 194 } 195 196 .prompt4 { 197 font-weight: bold; 198 text-shadow: 0 0 4px var(--white); 199 } 200 201 h2 { 202 color: var(--spring_green); 203 font-size: 26pt; 204 } 205 206 body { 207 background-color: #2d6189; 208 /*background-image: url('../res/back.jpg');*/ 209 background-repeat: no-repeat; /* Do not repeat the image */ 210 background-size: cover; /* Resize the background image to cover the entire container */ 211 background-size: cover; 212 background-repeat: no-repeat; 213 font-family: monospace; 214 font-size: 1.1em; 215 -webkit-font-smoothing : none; 216 -moz-font-smoothing: never; 217 } 218 219 .fttr { 220 margin-top: auto; 221 margin: auto; 222 margin-top: 75px; 223 width: 75%; 224 } 225 226 /* Table stuff. */ 227 228 table { 229 width: 100%; 230 } 231 232 table, th, td { 233 border: 0.1em solid var(--gray); 234 235 } 236 237 td { 238 text-align: left; 239 } 240 241 tr:first-child td { 242 vertical-align: center; 243 } 244 245 li { 246 color: var(--white); 247 text-shadow: 0 0 4px var(--white); 248 } 249 250 th, td { 251 margin: 0 auto; 252 padding: 0; 253 color: var(--white); 254 text-shadow: 0 0 4px var(--white); 255 } 256 257 th { 258 color: var(--spring_green); 259 }