1/* 2designed by desbest --> http://desbest.com 3 4== this stylesheet has internet explorer and 5 opera specific tags specified by 6 #IERoot 7*/ 8 9body { 10 background: __background__; 11 /* background-color: #0B0B0B; */ 12 font-family: Tahoma, 'Apple SD Gothic Neo', serif; 13 font-size: 13px; 14 text-align: center; 15 margin:0px; 16 /*color: #000000;*/ 17 18 height: 100%; /* fix height to 100% for IE */ 19 max-height: 100%; /* fix height for other browsers */ 20 padding: 0px ; /*remove padding */ 21 margin: 0px; /* remove margins */ 22 border: 0px; /* remove borders */ 23 24 /* http://www.cssplay.co.uk/layouts/basics2.html 25 fixed header and footer css fix 26 */ 27 28} 29 30img{ 31border: 0px; 32} 33 34.header a:link, .header a:visited { color: white; } 35/*a:link, a:visited { color: #00666cc; text-decoration: none; }*/ 36a:hover { color: #99ccff; text-decoration: underline; } 37a:active { color: #cc0000; text-decoration: none; } 38 39.header{ 40 background-image: url('images/header.jpg'); 41 width: 100%; 42 height: 106px; 43 max-width: 100%; 44 text-align: center; 45 margin: 0px; 46 padding: 0px; 47 48position: relative; 49z-index: 2; 50 51} 52 53 54 55.headerbridge{ 56 background-image: url('images/headerbridge.jpg'); 57 height: 15px; 58 width: 100%; 59 margin: 0px; 60 padding: 0px; 61 62 position: relative; 63z-index: 2; 64 65} 66 67.headerpadding{ 68 width: 990px; 69 margin-left: auto; 70 margin-right: auto; 71 margin-top: 0px; 72 padding-top: 56px; 73 color: #ffffff; 74 text-align: left; 75 font-size: 24px; 76 77position: relative; 78z-index: 2; 79 80 81} 82 83 84#IERoot .headerpadding{ 85 width: 990px; 86 margin-left: auto; 87 margin-right: auto; 88 margin-top: 0px; 89 padding-top: 36px; 90 color: #ffffff; 91 text-align: left; 92 font-size: 24px; 93 94position: relative; 95z-index: 2; 96 97 98} 99 100.headercontainer{ 101z-index: 2; 102/*position: fixed;*/ 103width: 100%; 104} 105 106 107.three{ 108z-index: 3; 109position: fixed; 110} 111 112.container{ 113width: __site_width__; 114max-width: 990px; 115min-height: ~"calc(100vh - 121px)"; 116margin-left: auto; 117margin-right: auto; 118text-align: left; 119padding-left: 12px; 120padding-right: 12px; 121background-image: url('images/wood.jpg'); 122 123clear: both; 124 125position: relative; 126top: 121px;/*top: 121px;*/ /* for when .headercontainer is fixed */ 127 128overflow: auto; 129 130box-sizing: content-box; 131} 132 133/* fixed header */ 134/*.headercontainer { position: fixed; } .container { top: 121px; }*/ 135 136/* IEroot declarations only appear in 137internet explorer and opera */ 138 139#IEroot .container{ 140width: 990px; 141max-width: 990px; 142height: 100%; 143max-height: 100%; 144margin-left: auto; 145margin-right: auto; 146text-align: left; 147padding-left: 12px; 148padding-right: 12px; 149background-image: url('images/wood.jpg'); 150 151clear: both; 152 153top: 0px; 154 155overflow: auto; 156 157} 158 159.left{ 160float: left; 161width: __sidebar_width__; 162/*desbest edit*/ 163 164} 165 166.middle{ 167float: left; 168margin-left: 10px; 169margin-right: 10px; 170/*width: 750px;*/ 171/*desbest edit */ 172width: ~"calc(100% - "__sidebar_width__~" - 20px)"; 173} 174 175 176.right{ 177float: left; 178width: 250px; 179} 180 181 182.sideheader { 183 background-color: #021717; 184 border-style: solid; 185 border-width: 1px; 186 border-color: __border__; 187 color: white; 188 padding: 12px; 189 text-align: center; 190} 191 192.sidebox { 193 /* width: 200px; */ 194 background-color: #c3cdcd; 195 196 border-top-width: 0px; 197 border-bottom-width: 1px; 198 border-left-width: 1px; 199 border-right-width: 1px; 200 border-style: solid; 201 border-color: __border__; 202 203 padding: 12px; 204 205 margin-bottom: 40px; 206} 207 208.middleheader { 209 /* width: 492px; */ 210 background-color: #021717; 211 border-style: solid; 212 border-width: 1px; 213 border-color: __border__; 214 color: white; 215 padding: 12px; 216 text-align: center; 217} 218 219.middlebox { 220 /* width: 492px; */ 221 background-color: #c3cdcd; 222 223 border-top-width: 0px; 224 border-bottom-width: 1px; 225 border-left-width: 1px; 226 border-right-width: 1px; 227 border-style: solid; 228 border-color: __border__; 229 230 padding: 12px; 231} 232 233.middlebox2light{ 234 background-color: #c3cdcd; 235 /* width: 492px; */ 236 border-top-width: 0px; 237 border-bottom-width: 1px; 238 border-left-width: 1px; 239 border-right-width: 1px; 240 border-style: solid; 241 border-color: __border__; 242} 243 244 245.middlebox2dark{ 246 background-color: #8B9191; 247 /* xwidth: 492px; */ 248 border-top-width: 0px; 249 border-bottom-width: 1px; 250 border-left-width: 1px; 251 border-right-width: 1px; 252 border-style: solid; 253 border-color: __border__; 254} 255 256.middlebox2gradlight{ 257 background-repeat: repeat-x; 258 background-image: url('images/holderlight.jpg'); 259 background-color: #8B9191; 260 /* xwidth: 492px; */ 261 border-top-width: 0px; 262 border-bottom-width: 1px; 263 border-left-width: 1px; 264 border-right-width: 1px; 265 border-style: solid; 266 border-color: __border__; 267} 268 269.middlebox2graddark{ 270 background-repeat: repeat-x; 271 background-image: url('images/holderdark.jpg'); 272 background-color: #646A6A; 273 /* xwidth: 492px; */ 274 border-top-width: 0px; 275 border-bottom-width: 1px; 276 border-left-width: 1px; 277 border-right-width: 1px; 278 border-style: solid; 279 border-color: __border__; 280} 281 282.iconshere{ 283text-align: right; 284z-index: 1; 285position: absolute; 286right: 325px; 287} 288 289 290#IEroot .iconshere{ 291text-align: right; 292z-index: 1; 293position: absolute; 294right: 300px; 295} 296 297.footer{ 298border-top: 3px solid #064645; 299background-color: #C3CDCD; 300width: 75%; 301padding: 12px; 302border-bottom: 3px solid #064645; 303margin-left: auto; margin-right: auto; 304 305clear: both; 306} 307 308.middleboxpadding{ 309padding: 12px; 310} 311 312.allboxessameheight{ 313 margin: 0; 314 padding: 0; 315 width: 100%; 316 /* background-color: #ffcc00; */ 317 max-height: 100%; 318 319 display: table; 320} 321 322font.subheader{ 323 font-style:italic; 324} 325 326font.subtext{ 327font-size: 12px; 328} 329 330/* ----- forms ----- */ 331select { 332 font-family: Verdana, Arial, Helvetica, sans-serif; 333 font-size: 16px; 334 margin-right: 6px; 335 background-color: #CCCCCC; 336 border: 1px solid #666666; 337} 338 339input, input[type='text'], input[type='password'], textarea { 340 font-family: Verdana, Arial, Helvetica, sans-serif; 341 font-size: 16px; 342 margin-right: 6px; 343 background-color: #CCCCCC; 344 border: 1px solid #666666; 345} 346 347button, button[type='submit']{ 348 font-family: Verdana, Arial, Helvetica, sans-serif; 349 font-size: 16px; 350 margin-right: 6px; 351 background-color: #CCCCCC; 352 border: 3px ridge #666666; 353} 354 355/* menu */ 356 357#navcontainer { min-width: 100px; } 358 359#navcontainer ul 360{ 361margin-left: 0; 362padding-left: 0; 363list-style-type: none; 364margin: 0px; 365} 366 367#navcontainer li { } 368 369#navcontainer #navlist li:first-child a { border-top: 2px groove #021717; } 370 371#navcontainer a 372{ 373display: block; 374padding: 16px; 375/*background-color: #D4CC77;*/ 376border-bottom: 2px groove #021717; 377font-style: italic; 378} 379 380#navcontainer a:link, #navlist a:visited 381{ 382color: #2a2a2a; 383text-decoration: none; 384} 385 386#navcontainer a:hover 387{ 388background-color: #141414; 389font-weight: bold; 390padding-left: 16px; 391color: white; 392} 393