@media screen {
html {
height: 100%;
}
#indiana {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Josefin Sans', Helvetica, Arial, Verdana, sans-serif;
font-size: 14pt;
background-color: #201106;
&.map1 {
background-image: url('adventure1/rainforest.jpg');
background-attachment: fixed;
background-position: top left;
}
&.map2 {
background-image: url('adventure2/desert.jpg');
background-attachment: fixed;
background-position: top left;
}
&.map3 {
background-image: url('adventure3/mountain-snow.jpg');
background-attachment: fixed;
background-position: top left;
}
#pre-container {
float: left;
background-size: cover;
background-repeat: no-repeat;
padding: 0;
margin: 0;
min-height: 100%;
height: auto !important;
height: 100%;
min-width: 100%;
float: left;
margin-bottom: -20px;
background-repeat: no-repeat;
}
#container {
margin: 0 50px;
padding: 0 20px;
margin-top: 0;
padding-top: 0;
}
.map1 #container, .map2 #container, #map3 #container {
position: absolute;
top: 0;
left: 0;
padding: 0;
margin: 0;
width: 100%;
}
#stuff { margin: 0; padding: 0;}
#big-map {
width: 955px;
margin: 5px auto 0 auto;
img {
margin: 0;
padding: 0;
}
}
#recruit-messages {
color: red;
a {
color: red;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
#map {
font-size: 16pt;
font-weight: bold;
width: 700px;
height: 1184px;
position: absolute;
top: 0;
left: 25%;
a {
color: red;
text-decoration: none;
&:hover {
color: #990000;
}
}
.solved a {
color: black;
&:hover {
color: #990000;
}
}
ul {
padding: 0;
list-style-type: none;
li {
margin: 0;
padding: 0;
position: absolute;
max-width: 250px;
}
}
/* adventure 1 puzzles */
#numbers {
top: 433px;
left: 90px;
}
#plead_the_fifth {
top: 450px;
left: 420px;
}
#split_the_difference {
top: 582px;
left: 155px;
}
#fifty_fifty {
top: 76px;
left: 268px;
}
#cut_by_editorial {
top: 218px;
left: 515px;
}
#grandson_of_the_realm_of_unspeakable_chaos {
top: 338px;
left: 335px;
text-align: right;
}
#world_series_of_mornington_crescent {
top: 812px;
left: 495px;
}
#world_of_color {
top: 710px;
left: 242px;
}
#ouroboros {
top: 965px;
left: 345px;
}
#atlantis {
margin: 0;
padding: 0;
position: absolute;
top: 525px;
right: 0px;
}
/* adventure 2 puzzles */
#heist_test_kitchen {
top: 72px;
left: 28px;
}
#snow_day {
top: 193px;
left: 385px;
}
#basic_alphametics {
top: 293px;
left: 39px;
}
#phone_tag {
top: 348px;
left: 507px;
}
#straight_from_the_horses_mouth {
top: 424px;
left: 7px;
}
#digging_up_music {
top: 570px;
left: 317px;
}
#mashup {
top: 669px;
left: 220px;
}
#analogy_farm {
top: 752px;
left: 508px;
}
#snake {
top: 1025px;
left: 254px;
}
#pyramids {
margin: 0;
padding: 0;
position: absolute;
top: 419px;
left: 327px;
}
/* adventure 3 puzzles */
#i_left_my_stomach_in_salt_lake_city {
top: 39px;
left: -5px;
text-align: right;
}
#watch_your_back {
top: 177px;
left: 147px;
}
#mergers {
top: 300px;
left: 449px;
}
#houston_we_have_liftoff {
top: 385px;
left: 410px;
}
#signalling_pathways {
top: 485px;
left: 256px;
}
#eleven_secret_herbs_and_spices {
top: 558px;
left: 410px;
}
#dropped_quotes {
top: 695px;
left: 382px;
}
#transit_links {
top: 813px;
left: 387px;
}
#snakes_ladders {
top: 931px;
left: 327px;
}
#wall {
margin: 0;
padding: 0;
position: absolute;
top: 295px;
left: 228px;
}
}
&.puzzle #content {
background: #f7e5b4;
margin-top: 50px;
padding-bottom: 20px;
box-shadow: 0px 3px 10px black;
.puzzle-head {
padding-left: 57px;
background: url('puzzle-head.png') no-repeat;
height: 57px;
margin: 0;
}
.puzzle-body {
font-family: Helvetica, Arial, Verdana, sans-serif;
margin: 0;
padding: 5px 30px 0 57px;
background: url('puzzle-side.png') repeat-y;
p {
margin-top: 0;
}
}
h2 {
font-family: 'Josefin Sans', Helvetica, Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
font-size: 26pt;
&.answer {
font-weight: 700;
text-transform: uppercase;
text-align: right;
}
}
.puzzle-head h2 {
font-family: 'Josefin Sans', Helvetica, Arial, Verdana, sans-serif;
font-variant: small-caps;
font-weight: 700;
padding-top: 0;
}
}
&.map1 #footer, &.map2 #footer, &.map3 #footer {
width: 700px;
position: absolute;
top: 1194px;
left: 25%;
padding-bottom: 10px;
}
&.puzzle #footer {
width: auto;
position: relative;
top: auto;
left: auto;
padding: 10px 0;
}
#footer {
.back {
color: black;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
float: left;
padding: 0px 20px 10px 20px;
background: #F7E5B4;
margin-right: 10px;
}
ul, ol {
clear: both;
margin-top: 60px;
background: white;
padding-top: 5px;
padding-bottom: 5px;
a {
font-weight: bold;
color: red;
&:solved {
color: black;
}
}
}
}
}
}
@media print {
#indiana {
font-family: 'Josefin Sans', Helvetica, Arial, Verdana, sans-serif;
font-size: 14pt;
}
.puzzle-body {
font-family: Helvetica, Arial, Verdana, sans-serif;
}
h2 {
font-family: 'Josefin Sans', Helvetica, Arial, Verdana, sans-serif;
font-size: 26pt;
}
.puzzle-head h2 {
font-family: 'Josefin Sans', Helvetica, Arial, Verdana, sans-serif;
font-variant: small-caps;
font-weight: 700;
}
#fixie-nav {
visibility: hidden;
}
#footer {
visibility: hidden;
}
}