1body { /* background-image: url('../graphics/back3i.png'); */ background-color: __background__; 2 3font-family: 'Calisto MT', 'Garamond', 'Times New Roman', serif; 4/*color: #2a2a2a;*/ letter-spacing: 0.02em; } 5header { padding: 16px; } 6article { line-height: 1.85em; } 7.white { background-color: white; /*color: #111111; */} 8/*.row { background-color: teal; }*/ 9.footer { margin-top: 2em !important; padding: 1em; 10 box-sizing: border-box; clear: both; display: block !important; 11 float: none !important; } 12p { margin-top: 1.15em; margin-bottom: 1.15em; } 13hr { color: #C5BB49; height: 3px; border: 0px; background-color: #C5BB49; } 14 15header h1 { margin: 0px; } 16header a:link, header a:visited { color: black; text-decoration: none; } 17header a:hover { color: #cc0000; text-decoration: underline; font-weight: bold; } 18.contenthere { padding: 16px; } 19.contenthere img { max-width: 95%; height: inherit; margin: 16px 0px; } 20 21h1 { 22 font-size: 2em; 23} 24 h1 a { 25 text-decoration: none; 26 } 27h2 { 28 font-size: 1.5em; 29 color: #666; 30 background-color: __background_alt__; 31 text-align: center; 32} 33blockquote { border-left: 5px solid #C5BB49; background-color: #F4F2DC; padding: 9px; } 34ul#boxes li { 35 font-family: Georgia; 36 font-size: 1.33em; 37 padding: 2.5em 0; 38 color: #999; 39 background-color: #e5e5e5; 40 text-align: center; 41} 42 43.subheader{ 44background-color: #92C549; color: white; padding: 3px; 45} 46 47.menonart { 48 background-color: #99ccff; min-width: 30px; 49 margin-right: 16px; margin-bottom: 12px; padding: 8px; 50 display: inline-block; 51} 52 53/* ----- forms ----- */ 54select { 55 font-family: Verdana, Arial, Helvetica, sans-serif; 56 font-size: 16px; 57 margin-right: 6px; 58 background-color: #CCCCCC; 59 border: 1px solid #666666; 60 color: black; 61} 62 63input, input[type='text'], input[type='password'], textarea { 64 font-family: Verdana, Arial, Helvetica, sans-serif; 65 font-size: 16px; 66 margin-right: 6px; 67 background-color: #CCCCCC; 68 border: 1px solid #666666; 69 color: black; 70} 71 72button, button[type='submit']{ 73 font-family: Verdana, Arial, Helvetica, sans-serif; 74 font-size: 16px; 75 margin-right: 6px; 76 background-color: #CCCCCC; 77 border: 3px ridge #666666; 78 color: black; 79} 80 81/* ----- menu ----- */ 82 83#navcontainer { min-width: 100px; } 84 85#navcontainer ul 86{ 87margin-left: 0; 88padding-left: 0; 89list-style-type: none; 90margin: 0px; 91margin-bottom: 1em; 92} 93 94#navcontainer li { } 95 96#navcontainer a 97{ 98display: block; 99padding: 16px; 100background-color: #D4CC77; 101border-bottom: 1px solid #eee; 102} 103 104#navcontainer a:link, #navlist a:visited 105{ 106color: #2a2a2a; 107text-decoration: none; 108} 109 110#navcontainer a:hover 111{ 112background-color: #C5BB49; 113font-weight: bold; 114padding-left: 16px; 115color: #fff; 116}/*/* 117 118/* toggle menu on mobile */ 119/* https://uglyduck.ca/menu-toggle-css/ */ 120/* https://stackoverflow.com/q/10782054/337306 */ 121 122/* Set the input position to absolute, send it off screen with zero opacity */ 123.hide, .menutoggle { 124 /*left: -9999px; opacity: 0; position: absolute;*/ 125 display: none; 126} 127 128/* Minor visual styling to make the label more button-y */ 129label.menutoggle { 130 border: 0px solid currentColor; 131 background-color: #D4CC77; 132 border-radius: 0px; 133 cursor: pointer; 134 padding: 10px; 135 margin: 1em 0px; 136 font-size: 1.15em; 137} 138