img.item { z-index: 10000; position: absolute; left: 50%; top: 50%; } .dialog { width: 960px; height: 720px; z-index: 10001; position: absolute; cursor: pointer; background-image: url(images/null.gif); } .actionStatus { position: absolute; bottom: -10px; left: 50px; font-weight: bold; font-size: 36px; color: #04e904; } div.dialogPanel { position: absolute; width: 550px; height: 150px; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; font-weight: bold; padding: 10px; text-shadow: 0px 0px 3px black,0px 0px 3px black,0px 0px 3px black; color: #ffc900; text-align: right; bottom: 300px; right: 400px; } #dialogStats { position: absolute; top: 10px; left: 20px; width: 200px; height: 100px; z-index: 3000; display: none; } #dialogStats h2 { position: absolute; top: 0px; left: 0px; text-shadow: 0px 0px 3px black,0px 0px 3px black,0px 0px 3px black; color: #ffc900; font-size: 32px; padding: 0px; margin: 0px; font-family: "Oleo Script Swash Caps"; } #dialogStats div { position: absolute; left: 50px; top: 46px; white-space: nowrap; color: black; padding: 4px 10px 3px 20px; font-size: 18px; height: 30px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 56%, #c4c4c4 83%, #a8a8a8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(56%,#e5e5e5), color-stop(83%,#c4c4c4), color-stop(100%,#a8a8a8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 56%,#c4c4c4 83%,#a8a8a8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 56%,#c4c4c4 83%,#a8a8a8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 56%,#c4c4c4 83%,#a8a8a8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 56%,#c4c4c4 83%,#a8a8a8 100%); /* W3C */ } #dialogStats img { width: 60px; height: 60px; position: absolute; top: 32px; } #shop { position: absolute; background-color: white; width: 100%; height: 100%; z-index: 1000; bottom: 0px; padding: 20px; display: none; } #meter { position: absolute; right: 100px; top: 5px; z-index: 300; width: 224px; height: 51px; background-image: url(images/partyback.png); display: none; } #meter div { width: 140px; height: 10px; overflow: hidden; position: absolute; left: 42px; top: 22px; background: #1679d3; /* Old browsers */ background: -moz-linear-gradient(top, #1679d3 0%, #035bab 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1679d3), color-stop(100%,#035bab)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1679d3 0%, #035bab 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1679d3 0%,#035bab 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1679d3 0%,#035bab 100%); /* IE10+ */ background: linear-gradient(to bottom, #1679d3 0%, #035bab 100%); /* W3C */ } #meter span { width: 0px; height: 10px; overflow: hidden; position: absolute; left: 42px; top: 22px; background: yellow; /* Old browsers */ } #meter img { position: absolute; z-index: 10; top: 0px; left: 0px; } #food { position: absolute; right: 200px; top: 0px; z-index: 300; width: 100px; } #booze { position: absolute; right: 300px; top: 0px; z-index: 300; width: 100px; } #money { position: absolute; right: 400px; top: 7px; padding-left: 30px; padding-top: 10px; text-align: center; z-index: 300; width: 125px; height: 47px; background-image: url(images/money.png); color: #1679d3; text-shadow: 0px 0px 3px #000; } a { cursor: pointer; } .dialog_guest { z-index: 3000; } div.progressbar { border: 1px solid #ffffff; background-color: black; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: absolute; top: 260px; left: 380px; width: 200px; } div.progressbar div { background: url('images/progress.gif') 0px 0px repeat; height: 20px; text-align: center; font-size: 12px; font-weight: bold; color: #fff; line-height: 20px; text-shadow: 0px 0px 3px #000; -o-text-shadow: 0px 0px 3px #000; -moz-text-shadow: 0px 0px 3px #000; -webkit-text-shadow: 0px 0px 3px #000; border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 0px; } .bubble { position: absolute; z-index: 3; background-image: url(images/bubble.png); width: 100px; height: 86px; } .bubble div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 30px 15px; } #wrap { margin: auto; width: 960px; height: 640px; position: relative; top: 0px; z-index: 2; } #header { color: white; width: 800px; margin: auto; position: relative; top: 20px; font-size: 30px; opacity: 0; text-shadow: 0.1em 0.1em 0.2em black; } #disclaimer { display: none; color: white; background-color: black; font-family: 'Mako', sans-serif; font-weight: normal; padding-left: 40px; padding-right: 40px; text-shadow: 0.1em 0.1em 0.2em black; } #intro { display: none; color: white; padding-left: 40px; padding-right: 40px; padding-top: 30px; text-shadow: 0.1em 0.1em 0.2em black; } #intro h2 { position: absolute; left: 550px; top: 180px; color: #e98bba; } #intro ul { left: 600px; bottom: 180px; } #intro ul li { background-image: none; cursor: auto; color: white; text-align: left; opacity: 1; padding: 0px; height: 24px; text-shadow: 0.1em 0.1em 0.2em black; } span { color: #e98bba; } #start, #continue { width: 200px; height: 30px; background-color: #e98bba; cursor: pointer; text-align: center; padding-top: 4px; color: black; text-shadow: none; text-shadow: 0.1em 0.1em 0.2em #e98bba; } #points { background-image: url(images/score.png); color: #afafaf; text-shadow: 0.1em 0.1em 0.2em black; position: absolute; left: 670px; width: 141px; height: 52px; text-align: center; z-index: 3; font-size: 17px; padding-top: 14px; top: 5px; } #hud { display: none; } #penis { position: absolute; left: 120px; top: 8px; z-index: 300; width: 236px; height: 46px; background-image: url(images/barback.png); padding-left: 18px; } #penis > div { display: inline; float:left; height: 34px; background-position:left center; } #penis_left { width: 13px; background-image:url(images/passion_left.png); } #penis_right { width: 31px; background-image:url(images/passion_right.png); } #penis_center { width:0px; background-image:url(images/passion_center.png); } .blink { -moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */ -webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */ -ms-animation:blink normal 2s infinite ease-in-out; /* IE */ animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */ } @-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */ @-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */ @-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */ @keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */ #sound { position: absolute; right: 0px; top: 0px; z-index: 300; cursor: pointer; width: 93px; height: 93px; background-image: url(images/sound_off.png); } #jerk { position: absolute; left: 0px; top: 0px; z-index: 300; cursor: pointer; width: 93px; height: 93px; background-image: url(images/jerk.png); background-repeat: no-repeat; } #calendar { color: #ffffff; text-shadow: 0.1em 0.1em 0.2em black; position: absolute; width: 100%; text-align: center; z-index: 3; } .warning { position: absolute; width: 100%; height: 100%; z-index: 200; cursor: pointer; background-color: black; } #debug { position: absolute; color: red; z-index: 300; top: 130px; left: 20px; } #debug div { font-family: verdana; cursor: pointer; height: 24px; font-size: 14px; text-shadow: 0.1em 0.1em 0.2em black; } #debug div:hover { color: yellow; } #logo { position: absolute; z-index: 2; top: 0px; left: 0px; } #gamearea { height: 570px; } #frame2 { margin-top:30px } .contextmenu div.give { background-image: url(images/icons/give.png); } .contextmenu div.flirt { background-image: url(images/icons/flirt.png); } .contextmenu div.talk_gift { background-image: url(images/icons/vivian.png); } .contextmenu div.talk_bob { background-image: url(images/icons/bob.png); } .contextmenu div.talk_erica { background-image: url(images/icons/erica.png); } .contextmenu div.talk_ring { background-image: url(images/icons/ring.png); } .contextmenu div.talk_recipe { background-image: url(images/icons/recipe.png); } .contextmenu div.talk_gossips { background-image: url(images/icons/gossips.png); } .contextmenu div.talk_food { background-image: url(images/icons/food.png); } .contextmenu div.talk_movies { background-image: url(images/icons/movies.png); } .contextmenu div.talk_music { background-image: url(images/icons/music.png); } .contextmenu div.talk_art { background-image: url(images/icons/art.png); } .contextmenu div.talk_money { background-image: url(images/icons/money.png); } .contextmenu div.talk_trina { background-image: url(images/icons/trina.png); } .story > .title { background-repeat: no-repeat; background-position: bottom left; } .story > .Father { background-image:url(images/characters/father.png); } .story > .Mother { background-image:url(images/characters/mother.png); } .story > .vivian { background-image:url(images/characters/vivian.png); } .story > .bob { background-image:url(images/characters/bob.png); } .story > .jazz { background-image:url(images/characters/jazz.png); } .story > .erica { background-image:url(images/characters/erica.png); } .story > .janet { background-image:url(images/characters/janet.png); } .story > .luke { background-image:url(images/characters/luke.png); } .story > .monica { background-image:url(images/characters/monica.png); } .story > .trina { background-image:url(images/characters/trina.png); } .poker_card { z-index:5; position:absolute; bottom:200px; cursor:pointer; -moz-box-shadow: 0 1px 3px #000000; box-shadow: 0 1px 3px #000000; } .poker_message { text-align:center; text-shadow: 0px 0px 3px black,0px 0px 3px black,0px 0px 3px black; color: #ffc900; position:absolute; bottom:440px; z-index:5; width:100%; } .poker_score { text-align:center; text-shadow: 0px 0px 3px black,0px 0px 3px black,0px 0px 3px black; color: #fff; position:absolute; bottom:120px; z-index:5; width:100%; } .dildo { position: absolute; bottom: 200px; left: 380px; } .dildobg { position: absolute; bottom: 70px; left: 190px; } .humane-jackedup h2 { margin: 0px; padding: 0px; text-align: center; } .achievment { float: left; position: relative; width: 60px; height: 60px; background-size: cover; margin-left: 10px; } .hp_party { background-image: url(events/gameover/acv_014.png); } .hp_goodstart { background-image: url(events/gameover/acv_001.png); } .hp_proposal { background-image: url(events/gameover/acv_002.png); } .hp_cheatingheart { background-image: url(events/gameover/acv_003.png); } .hp_slipperybikini { background-image: url(events/gameover/acv_004.png); } .hp_reconciliation { background-image: url(events/gameover/acv_005.png); } .hp_mixup { background-image: url(events/gameover/acv_006.png); } .hp_peepingtom { background-image: url(events/gameover/acv_007.png); } .hp_wildgirl { background-image: url(events/gameover/acv_008.png); } .hp_blackmail { background-image: url(events/gameover/acv_009.png); } .hp_wetcontest { background-image: url(events/gameover/acv_010.png); } .hp_orgyfest { background-image: url(events/gameover/acv_011.png); } .hp_poker { background-image: url(events/gameover/acv_012.png); } .hp_dildospinner { background-image: url(events/gameover/acv_013.png); } .hp_keeneye { background-image: url(events/gameover/acv_015.png); }