1 2body { margin: 0px; padding: 0px; 3 /*background-image: url('images/back2.png'); */ 4 background-image: url('images/bg-texture-dark.jpg'); /* or light */ 5 /*background-color: black;*/ 6font-family: Tahoma; color: black; } 7 8.container { margin-left: 150px; margin-top: 30px; width: 990px; } 9.contentbox { border: 10px solid #3c3c3c; background-color: white; 10 padding: 1em; color: black; min-height: 400px; 11 line-height: 1.35em; margin-bottom: 1.35em; } 12.contentbox:last-child { border-left: 0px; } 13 14div.pagename{ 15 16background-color: #fcfcfc; 17border-color: #3c3c3c; 18border-style: solid; 19border-width: 15px; 20color: black; 21 22width: 500px; max-width: 100%; 23box-sizing: border-box; 24min-height : 80px; 25padding: 8px; 26 27/*float: left;*/ 28clear: both; 29margin-bottom: 2.35em; 30} 31 32.showbreak { 33 padding: 12px 12px; 34 position: relative; 35 left: -10px; 36 width: 100%; 37 box-sizing: content-box; 38} 39 40 /* make the footer stick to the bottom of the parent div */ 41 /* https://stackoverflow.com/a/5106210/337306 */ 42 .showbreak:not(:first-child) { position: absolute; bottom: 0px; } 43 .contentbox { position: relative; } 44 45.showbreak:not(:first-child){ 46 border-top: 10px solid #3c3c3c; 47 padding: 12px 18px; 48 padding-right: 0px; 49} 50.showbreak:first-child{ 51 border-bottom: 10px solid #3c3c3c; 52 top: -8px; 53 /*padding-right: unset;*/ 54} 55 56div.column{ 57 /* ie inline-block: fix 58 http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/ 59 http://www.quirksmode.org/css/display.html 60 */ 61 display: inline-block; 62 box-sizing: border-box; 63 /*float: left;*/ 64 padding-left: 8px; 65 padding-right: 8px; 66 padding-top: 8px; 67 font-size: 14px; 68 /*border: solid #000000 0px;*/ 69 vertical-align: middle; 70} 71 72div.row{ 73 /* ie inline-block: fix 74 http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/ 75 http://www.quirksmode.org/css/display.html 76 */ 77 display: block; 78 font-size: 14px; 79 /*border: solid #000000 0px;*/ 80 81 vertical-align: middle; 82 min-width: 100px; 83 84 clear: both; 85} 86 87.pagename a:link, .pagename a:visited { color: unset; } 88 89/*Credits: Dynamic Drive CSS Library */ 90/*URL: http://www.dynamicdrive.com/style/ */ 91#ddblueblockmenu{ 92border: 0px solid black; 93border-bottom-width: 0; 94width: 100%; 95/*font-size: 0.8em;*/ 96} 97 98#ddblueblockmenu ul{ 99margin: 0; 100padding: 0px; 101list-style-type: none; 102} 103 104#ddblueblockmenu li a{ 105display: block; 106padding: 6px 0px; 107padding-left: 9px; 108width: 169px; /*185px minus all left/right paddings and margins*/ 109text-decoration: none; 110/*color: #dcdcdc;*/ 111/*background-color: #595959;*/ 112border-bottom: 0px solid #4d4d4d; 113border-left: 0px solid #484848; 114} 115 116* html #ddblueblockmenu li a{ /*IE only */ 117width: 187px; /*IE 5*/ 118width: 169px; /*185px minus all left/right paddings and margins*/ 119} 120 121#ddblueblockmenu li a:hover { 122background-color: #000080; 123border-left-color: #484848; 124color: white; 125} 126 127#ddblueblockmenu li .active { 128background-color: #484848; 129border-left-color: #484848; 130cursor: pointer; 131} 132 133#ddblueblockmenu div.menutitle{ 134color: black; 135border-bottom: 3px solid #4d4d4d; 136padding: 1px 0; 137padding-left: 5px; 138/* background-color: #3c3c3c; */ padding-top: 12px; 139/*font: bold 90%;*/ 140font-weight: bold; 141font-size: 1em; 142} 143 144/* ----- forms ----- */ 145select { 146 font-family: Verdana, Arial, Helvetica, sans-serif; 147 font-size: 16px; 148 margin-right: 6px; 149 background-color: #CCCCCC; 150 border: 1px solid #666666; 151 color: black; 152} 153 154input, input[type='text'], input[type='password'], textarea { 155 font-family: Verdana, Arial, Helvetica, sans-serif; 156 font-size: 16px; 157 margin-right: 6px; 158 background-color: #CCCCCC; 159 border: 1px solid #666666; 160 color: black; 161} 162 163button, button[type='submit']{ 164 font-family: Verdana, Arial, Helvetica, sans-serif; 165 font-size: 16px; 166 margin-right: 6px; 167 background-color: #CCCCCC; 168 border: 3px ridge #666666; 169 color: black; 170} 171 172 173/* ------ */ 174.flex { display: flex !important; } 175.sparewidth { flex-grow: 100; } 176/* make column fill spare remaining width of container 177 https://stackoverflow.com/a/40447261/337306 */ 178 179 .makehigh{ display: table; } 180 .makehigh .column { display: table-cell; float: none; } 181 /* all columns same height */ 182 /* https://www.w3schools.com/howto/howto_css_equal_height.asp */ 183 184 185/* ----------------- listamatic menu ----------------- */ 186#navcontainer ul 187{ 188padding: 1.15em; 189margin-top: 0; 190/* cancels gap caused by top padding in Opera 7.54 */ 191margin-left: 0px; 192padding-left: 3.15em; 193/*background-color: #EE5D3F;*/ 194background-color: rgba(0, 0, 255, 0.25); 195color: white; 196max-width: 100%; 197line-height: 18px; /* fixes Firefox 0.9.3 */ 198 199} 200 201#navcontainer ul li 202{ 203display: inline-block; 204margin: 0.85em 0; 205/*padding-left: 0;*/ 206/*padding-right: 0;*/ 207/*padding-bottom: 5px;*/ 208text-align: center; 209/* matches link padding except for left and right */ 210/*padding-top: 5px;*/ 211} 212 213#navcontainer ul li a 214{ 215padding: 1.15em; 216color: white; 217/*background-color: #D44326;*/ 218 219text-decoration: none; 220} 221 222#navcontainer #current 223{ 224padding-left: 20px; 225padding-right: 20px; 226padding-bottom: 5px; 227padding-top: 5px; 228color: white; 229background-color: #0066cc; 230text-decoration: none; 231} 232 233#navcontainer ul li a:hover 234{ 235background-color: #0066cc; 236color: white; 237} 238 239#navcontainer2 ul 240{ 241padding: 0em; 242margin-top: 0; 243/* cancels gap caused by top padding in Opera 7.54 */ 244margin-left: 0px; 245padding-left: 0em; 246margin-bottom: 0px; 247/*background-color: #EE5D3F;*/ 248background-color: transparent; 249color: white; 250max-width: 100%; 251line-height: 18px; /* fixes Firefox 0.9.3 */ 252 253font-size: 0px; 254 255} 256 257#navcontainer2 ul li { 258 border-top: 10px solid #3c3c3c; 259 border-left: 10px solid #3c3c3c; 260 border-right: 10px solid #3c3c3c; 261 border-bottom: 0px; 262 /*padding:0.85em; */ 263 display: inline-block; 264 background-color: white; 265 /*padding-left: 0;*/ 266 /*padding-right: 0;*/ /*padding-bottom: 5px;*/ 267 text-align: center; /* matches 268 link padding except for left and right */ /*padding-top: 5px;*/ 269 position: relative; top: 3px; 270 271 font-size: 16px; 272 margin-right: 8px; 273} 274 275#navcontainer2 ul li a 276{ 277padding: 0.85em 2em; 278color: black; 279box-sizing: border-box; 280/*background-color: #D44326;*/ 281width: 100%; 282text-decoration: none; 283display: inline-block; 284} 285 286#navcontainer2 #current 287{ 288padding-left: 20px; 289padding-right: 20px; 290padding-bottom: 5px; 291padding-top: 5px; 292color: white; 293background-color: #0066cc; 294text-decoration: none; 295} 296 297#navcontainer2 ul li a:hover 298{ 299background-color: #0066cc; 300color: white; 301}