1 body { 2 font-family: Arial, Helvetica, sans-serif; 3 } 4 5 #interface { 6 border: solid 5px orange; 7 background-color: black; 8 padding: 15px; 9 } 10 11 table { 12 border: solid; 13 border-collapse: collapse; 14 width: 100%; 15 } 16 17 td { 18 border-right: solid black; 19 width: 50%; 20 text-align: center; 21 vertical-align: middle; 22 background-color: black; 23 height: 75px; 24 } 25 26 h1 { 27 text-align: center; 28 font-family: "Lucida Console", Monaco, monospace; 29 color: orange; 30 } 31 32 h3 { 33 color: black; 34 } 35 36 #info { 37 color: rgb(255, 248, 220); 38 background-color: orange; 39 } 40 41 .text { 42 padding: 0 10px; 43 background-color: cornsilk; 44 color: slateblue; 45 } 46 47 img { 48 width: 100%; 49 } 50 51 #imagewrapper 52 { 53 max-height: 300px; 54 overflow-y: auto; 55 } 56 57 #caption { 58 color: silver; 59 font-size: 0.9em; 60 font-style: italic; 61 } 62 63 #caption a { 64 color: silver; 65 font-size: 0.8em; 66 font-style: normal; 67 } 68 69 button { 70 background-color: slateblue; 71 color: white; 72 padding: 15px; 73 } 74 75 .item { 76 font-size: 1.1em; 77 } 78 79 .inventory { 80 border-radius: 15px; 81 background-color: slateblue; 82 color: white; 83 } 84 85 #inventory { 86 background-color: orange; 87 } 88 89 #navigation { 90 padding-bottom: 10px; 91 } 92 93 #navigation button { 94 background-color: slateblue; 95 color: white; 96 height: 80px; 97 width: 80px; 98 border-radius: 100%; 99 font-size: 0.8em; 100 vertical-align: top; 101 padding: 0; 102 } 103 104 #navigation .even { 105 background-color: orange; 106 color: black; 107 } 108 109 #navigation #start, #navigation #replay { 110 background-color: slateblue; 111 font-size: 1.2em; 112 height: 150px; 113 width: 150px; 114 } 115 116 #navigation #leave { 117 background-color: orange; 118 color: black; 119 font-size: 0.8em; 120 height: 70px; 121 width: 70px; 122 border-radius: 5px; 123 } 124 125 #navigation #exit, #navigation #passcode { 126 background-color: #2f2475; /* dark slateblue */ 127 color: white; 128 font-size: 1.2em; 129 padding: 10px; 130 width: 75%; 131 border-radius: 0; 132 } 133