#slot_machines_backgrounds, #slot_machines_backgrounds_container { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 800px; } #slot_machines_backgrounds_container { overflow: hidden; } #slot_machines_backgrounds .changeable_background { position: absolute; top: 0; left: 0; width: 100%; height: 800px; } #slot_machines_backgrounds #changeable_background_1 { background: url(/img/slotmachine1/main_bg.png) bottom center no-repeat; } #slot_machines_backgrounds #changeable_background_2 { background: url(/img/slotmachine2/main_bg.jpg) bottom center no-repeat; } #slot_machines_backgrounds #changeable_background_3 { background: url(/img/slotmachine4/main_bg.jpg) bottom center no-repeat; } #slot_machines_backgrounds #changeable_background_4 { background: url(/img/slotmachine5/main_bg.png) bottom center no-repeat; } #SlotsOuterContainer, #SlotsInnerContainer { width: 880px; height: 800px; position: relative; margin: 0 auto; z-index: 2; } /*---------*/ #slotMachineContainer { position: absolute; } #slotMachineContainer #spinButton { position: absolute; cursor: pointer; background: transparent url(/img/slotmachine1/spin_button.png) 0 0 no-repeat; } #slotMachineContainer #spinButton:hover { background-position: 0 -100px; } #slotMachineContainer #spinButton:active { background-position: 0 -200px; } #slotMachineContainer #spinButton.disabled { background-position: 0 -300px; cursor: default; } #slotMachineContainer #betContainer { position: absolute; } #slotMachineContainer #betContainer span { display: block; position: absolute; text-align: right; width: 80px; height: 25px; color: #e64e13; font-weight: bold; font-size: 23px; } #slotMachineContainer #betContainer #betSpinUp, #slotMachineContainer #betContainer #betSpinDown { position: absolute; background: transparent url(/img/slotmachine1/sprites.png) 0 0 no-repeat; cursor: pointer; } #slotMachineContainer #betContainer #betSpinDown { top: 35px; background-position: 0 -50px; } #slotMachineContainer #loggedOutMessage, #slotMachineContainer #failedRequestMessage { position: absolute; top: 104px; left: 42px; width: 355px; z-index: 1000; padding: 10px; text-align: center; background-color: red; color: white; } /*---------*/ #slotMachineContainer #ReelContainer { position: absolute; left: 13px; top: 14px; width: 435px; height: 283px; overflow: hidden; } #slotMachineContainer #ReelContainer #reelOverlay { position: absolute; top: 0; left:0; right: 0; bottom: 0; z-index: 100; background: transparent url(/img/slotmachine1/reel_overlay.png) 0 center no-repeat; } #slotMachineContainer #ReelContainer .reel { position: absolute; width: 121px; height: 2160px; /* set the height to 3 * the strip PNG height */ background: transparent url(/img/slotmachine1/reel_strip.png) 0 0 repeat-y; } #slotMachineContainer #ReelContainer #reel1 { left: 10px; top: -1360px; } #slotMachineContainer #ReelContainer #reel2 { left: 158px; top: -992px; } #slotMachineContainer #ReelContainer #reel3 { left: 304px; top: -1116px; } /*----------*/ #soundOffButton { position: absolute; width: 32px; height: 32px; right: 20px; top: 507px; background: transparent url(/img/slotmachine1/sprites.png) -50px -50px no-repeat; cursor: pointer; } #soundOffButton.off { background-position: -50px 0; } /*---------*/ #prizes_list { position: absolute; height: auto; } #prizes_list .trPrize {} #prizes_list .tdReels { float: left; clear: both; } #prizes_list .tdPayout { float: left; text-align: right; } #prizes_list .trPrize.won { } #prizes_list .trPrize.won .tdPayout { font-weight: bold; } #prizes_list .tdReels div.reelIcon { width: 30px; height: 30px; float: left; margin: 0 5px; background-repeat: no-repeat; } /*------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------*/ /* Specific for each machine! */ /*------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------*/ #slot_machines_container { overflow: hidden; } #slotsSelectorWrapper { position: absolute; width: 100%; } /* Slot Machine 1 */ #slotsSelectorWrapper.slotMachine1 #SlotsOuterContainer { background: transparent url(/img/slotmachine1/main_bg_machine.png) bottom center no-repeat; } #slotsSelectorWrapper.slotMachine1 .won #SlotsInnerContainer { background: transparent url(/img/slotmachine1/won_bg.png) 294px 186px no-repeat; } #slotsSelectorWrapper.slotMachine1 #slotMachineContainer { width: 464px; height: 415px; left: 286px; top: 290px; } #slotsSelectorWrapper.slotMachine1 #spinButton { left: 342px; top: 335px; width: 127px; height: 80px; background-image: url(/img/slotmachine1/spin_button.png); } #slotsSelectorWrapper.slotMachine1 #betContainer { top: 347px; left: 0; width: 355px; height: 65px; } #slotsSelectorWrapper.slotMachine1 #betContainer span { top: 30px; } #slotsSelectorWrapper.slotMachine1 #betContainer #lastWin { left: 16px; } #slotsSelectorWrapper.slotMachine1 #betContainer #credits { left: 138px; } #slotsSelectorWrapper.slotMachine1 #betContainer #bet { left: 249px; width: 34px; } #slotsSelectorWrapper.slotMachine1 #betContainer #dayWinnings { display: none; } #slotsSelectorWrapper.slotMachine1 #betContainer #lifetimeWinnings { display: none; } #slotsSelectorWrapper.slotMachine1 #betContainer #betSpinUp, #slotsSelectorWrapper.slotMachine1 #betContainer #betSpinDown { width: 27px; height: 22px; left: 316px; top: 13px; background-image: url(/img/slotmachine1/sprites.png); } #slotsSelectorWrapper.slotMachine1 #betContainer #betSpinDown { top: 35px; } #slotsSelectorWrapper.slotMachine1 #ReelContainer { top: 14px; } #slotsSelectorWrapper.slotMachine1 #soundOffButton { display: none; } #slotsSelectorWrapper.slotMachine1 #prizes_list { top: 265px; left: 30px; width: 206px; } #slotsSelectorWrapper.slotMachine1 #prizes_list .trPrize { padding-left: 9px; margin-top: -13px; /* we make each row much taller than it is, to accomodate the glow of the winning orange band */ height: 55px; } /*-------------------------------------------------------------*/ /* Slot Machine 2 */ #slotsSelectorWrapper.slotMachine2 #SlotsOuterContainer { background: transparent url(/img/slotmachine2/main_bg_machine.png) top center no-repeat; } #slotsSelectorWrapper.slotMachine2 .won #SlotsInnerContainer { background: transparent url(/img/slotmachine2/won_bg.png) 265px 159px no-repeat; } #slotsSelectorWrapper.slotMachine2 #slotMachineContainer { width: 464px; height: 415px; left: 303px; top: 319px; } #slotsSelectorWrapper.slotMachine2 #spinButton { left: 342px; top: 335px; width: 127px; height: 80px; background-image: url(/img/slotmachine2/spin_button.png); } #slotsSelectorWrapper.slotMachine2 #betContainer { top: 347px; left: 0; width: 355px; height: 65px; } #slotsSelectorWrapper.slotMachine2 #betContainer span { top: 26px; } #slotsSelectorWrapper.slotMachine2 #betContainer #lastWin { left: 16px; } #slotsSelectorWrapper.slotMachine2 #betContainer #credits { left: 138px; width: 68px; } #slotsSelectorWrapper.slotMachine2 #betContainer #bet { left: 253px; width: 34px; } #slotsSelectorWrapper.slotMachine2 #betContainer #dayWinnings { display: none; } #slotsSelectorWrapper.slotMachine2 #betContainer #lifetimeWinnings { display: none; } #slotsSelectorWrapper.slotMachine2 #betContainer #betSpinUp, #slotsSelectorWrapper.slotMachine2 #betContainer #betSpinDown { width: 27px; height: 42px; left: 316px; top: 10px; background-image: url(/img/slotmachine1/sprites.png); } #slotsSelectorWrapper.slotMachine2 #betContainer #betSpinDown { top: 32px; } #slotsSelectorWrapper.slotMachine2 #ReelContainer { top: 14px; } #slotsSelectorWrapper.slotMachine2 #soundOffButton { display: none; } #slotsSelectorWrapper.slotMachine2 #prizes_list { top: 370px; left: 48px; width: 206px; color: white; } #slotsSelectorWrapper.slotMachine2 #prizes_list .trPrize { padding-left: 9px; margin-top: -13px; /* we make each row much taller than it is, to accomodate the glow of the winning orange band */ height: 55px; } #slotsSelectorWrapper.slotMachine2 #tryMe { top: 645px; left: 760px; } /*-------------------------------------------------------------*/ /* Slot Machine 3 */ #slotsSelectorWrapper.slotMachine3 #SlotsOuterContainer { background: transparent url(/img/slotmachine3/main_bg_machine.png) top center no-repeat; } #slotsSelectorWrapper.slotMachine3 .won #SlotsInnerContainer { background: transparent url(/img/slotmachine3/won_bg.png) 321px 210px no-repeat; } #slotsSelectorWrapper.slotMachine3 #slotMachineContainer { width: 464px; height: 415px; left: 314px; top: 311px; } #slotsSelectorWrapper.slotMachine3 #spinButton { left: 337px; top: 343px; width: 127px; height: 80px; background-image: url(/img/slotmachine1/spin_button.png); } #slotsSelectorWrapper.slotMachine3 #betContainer { top: 356px; left: -233px; width: 565px; height: 65px; } #slotsSelectorWrapper.slotMachine3 #betContainer span { top: 33px; } #slotsSelectorWrapper.slotMachine3 #betContainer #lastWin { left: 242px; } #slotsSelectorWrapper.slotMachine3 #betContainer #credits { left: 382px; width: 68px; } #slotsSelectorWrapper.slotMachine3 #betContainer #bet { left: 483px; width: 34px; } #slotsSelectorWrapper.slotMachine3 #betContainer #dayWinnings { left: 10px; } #slotsSelectorWrapper.slotMachine3 #betContainer #lifetimeWinnings { left: 137px; } #slotsSelectorWrapper.slotMachine3 #betContainer #betSpinUp, #slotsSelectorWrapper.slotMachine3 #betContainer #betSpinDown { width: 27px; height: 42px; left: 527px; top: 9px; background-image: url(/img/slotmachine1/sprites.png); } #slotsSelectorWrapper.slotMachine3 #betContainer #betSpinDown { top: 31px; } #slotsSelectorWrapper.slotMachine3 #ReelContainer { top: 14px; } #slotsSelectorWrapper.slotMachine3 #soundOffButton { display: none; } #slotsSelectorWrapper.slotMachine3 #prizes_list { top: 284px; left: 79px; width: 206px; color: black; } #slotsSelectorWrapper.slotMachine3 #prizes_list .trPrize { padding-left: 9px; margin-top: -13px; /* we make each row much taller than it is, to accomodate the glow of the winning orange band */ height: 55px; } #slotsSelectorWrapper.slotMachine3 #tryMe { top: 645px; left: 760px; } /*-------------------------------------------------------------*/ /* Slot Machine 4 */ #slotsSelectorWrapper.slotMachine4 #SlotsOuterContainer { background: transparent url(/img/slotmachine4/main_bg_machine.png) top center no-repeat; } #slotsSelectorWrapper.slotMachine4 .won #SlotsInnerContainer { background: transparent url(/img/slotmachine4/won_bg.png) 303px 213px no-repeat; } #slotsSelectorWrapper.slotMachine4 #slotMachineContainer { width: 464px; height: 415px; left: 303px; top: 319px; } #slotsSelectorWrapper.slotMachine4 #spinButton { left: 342px; top: 335px; width: 127px; height: 80px; background-image: url(/img/slotmachine4/spin_button.png); } #slotsSelectorWrapper.slotMachine4 #betContainer { top: 344px; left: 0; width: 355px; height: 65px; } #slotsSelectorWrapper.slotMachine4 #betContainer span { top: 35px; } #slotsSelectorWrapper.slotMachine4 #betContainer #lastWin { left: 16px; } #slotsSelectorWrapper.slotMachine4 #betContainer #credits { left: 138px; width: 68px; } #slotsSelectorWrapper.slotMachine4 #betContainer #bet { left: 253px; width: 34px; } #slotsSelectorWrapper.slotMachine4 #betContainer #dayWinnings { display: none; } #slotsSelectorWrapper.slotMachine4 #betContainer #lifetimeWinnings { display: none; } #slotsSelectorWrapper.slotMachine4 #betContainer #betSpinUp, #slotsSelectorWrapper.slotMachine4 #betContainer #betSpinDown { width: 27px; height: 42px; left: 316px; top: 13px; background-image: url(/img/slotmachine4/sprites.png); } #slotsSelectorWrapper.slotMachine4 #betContainer #betSpinDown { top: 35px; } #slotsSelectorWrapper.slotMachine4 #ReelContainer { top: 14px; } #slotsSelectorWrapper.slotMachine4 #soundOffButton { display: none; } #slotsSelectorWrapper.slotMachine4 #prizes_list { top: 309px; left: 48px; width: 206px; color: white; } #slotsSelectorWrapper.slotMachine4 #prizes_list .trPrize { padding-left: 9px; margin-top: -13px; /* we make each row much taller than it is, to accomodate the glow of the winning orange band */ height: 55px; } #slotsSelectorWrapper.slotMachine4 #tryMe { top: 645px; left: 760px; } /*-------------------------------------------------------------*/ /* Slot Machine 5 */ #slotsSelectorWrapper.slotMachine5 #SlotsOuterContainer { background: transparent url(/img/slotmachine5/main_bg_machine.png) bottom center no-repeat; } #slotsSelectorWrapper.slotMachine5 .won #SlotsInnerContainer { background: transparent url(/img/slotmachine5/won_bg.png) 283px 190px no-repeat; } #slotsSelectorWrapper.slotMachine5 #slotMachineContainer { width: 464px; height: 415px; left: 353px; top: 303px; } #slotsSelectorWrapper.slotMachine5 #spinButton { left: 354px; top: 304px; width: 127px; height: 80px; background-image: url(/img/slotmachine5/spin_button.png); } #slotsSelectorWrapper.slotMachine5 #betContainer { top: 304px; left: 0; width: 355px; height: 65px; } #slotsSelectorWrapper.slotMachine5 #betContainer span { top: 22px; } #slotsSelectorWrapper.slotMachine5 #betContainer #lastWin { left: 12px; } #slotsSelectorWrapper.slotMachine5 #betContainer #credits { left: 155px; width: 68px; } #slotsSelectorWrapper.slotMachine5 #betContainer #bet { left: 265px; width: 34px; } #slotsSelectorWrapper.slotMachine5 #betContainer #dayWinnings { display: none; } #slotsSelectorWrapper.slotMachine5 #betContainer #lifetimeWinnings { display: none; } #slotsSelectorWrapper.slotMachine5 #betContainer #betSpinUp, #slotsSelectorWrapper.slotMachine5 #betContainer #betSpinDown { width: 27px; height: 42px; left: 316px; top: 13px; background-image: url(/img/slotmachine1/sprites.png); } #slotsSelectorWrapper.slotMachine5 #betContainer #betSpinDown { top: 35px; } #slotsSelectorWrapper.slotMachine5 #ReelContainer { top: 14px; } #slotsSelectorWrapper.slotMachine5 #soundOffButton { display: none; } #slotsSelectorWrapper.slotMachine5 #prizes_list { top: 335px; left: 50px; width: 206px; color: white; } #slotsSelectorWrapper.slotMachine5 #prizes_list .trPrize { padding-left: 9px; margin-top: -13px; /* we make each row much taller than it is, to accomodate the glow of the winning orange band */ height: 55px; } #slotsSelectorWrapper.slotMachine5 #tryMe { top: 590px; left: 810px; } /*-------------------------------------------------------------*/ /* Reel Set 1 */ #slotsSelectorWrapper.reelSet1 #ReelContainer .reel { height: 2160px; background-image: url(/img/slotmachine1/reel_strip.png); } /* Reel Set 2 */ #slotsSelectorWrapper.reelSet2 #ReelContainer .reel { height: 2160px; background-image: url(/img/slotmachine2/reel_strip.png); } /* Reel Set 3 */ #slotsSelectorWrapper.reelSet3 #ReelContainer .reel { height: 2160px; background-image: url(/img/slotmachine4/reel_strip.png); } /* Prizes lists for each reelset */ #slotsSelectorWrapper #prizes_list .tdReels { padding-top: 12px; } #slotsSelectorWrapper #prizes_list .tdPayout { padding: 21px 5px 0 0; width: 62px; } #prizes_list .trPrize.won { background: transparent url(/img/slotmachine1/prize_won.png) 50% 0 no-repeat; } #prizes_list .reelIcon { background: transparent url(/img/slotmachine1/prizes_sprites.png) 0 0 no-repeat; } #prizes_list .reelIcon.prize_1 { background-position: 0 0; } #prizes_list .reelIcon.prize_2 { background-position: -30px 0; } #prizes_list .reelIcon.prize_3 { background-position: -60px 0; } #prizes_list .reelIcon.prize_4 { background-position: -90px 0; } #prizes_list .reelIcon.prize_5 { background-position: -120px 0; } #prizes_list .reelIcon.prize_6 { background-position: -150px 0; } #prizes_list .reelIcon.prize_stardot5 { background-position: -180px 0; } #prizes_list .reelIcon.prize_1slash3slash5 { background-position: -0px -30px; } #prizes_list .reelIcon.prize_2slash4slash6 { background-position: -30px -30px; } #prizes_list .reelIcon.prize_1slash3 { background-position: -60px -30px; } #prizes_list .reelIcon.prize_5slash2 { background-position: -90px -30px; } #prizes_list .reelIcon.prize_4slash6 { background-position: -120px -30px; } #prizes_list .reelIcon.prize_1slash5 { background-position: -150px -30px; } #prizes_list .reelIcon.prize_2slash3 { background-position: -180px -30px; } #slotsSelectorWrapper.reelSet1 #prizes_list .reelIcon { background-image: url(/img/slotmachine1/prizes_sprites.png); } #slotsSelectorWrapper.reelSet2 #prizes_list .reelIcon { background-image: url(/img/slotmachine2/prizes_sprites.png); } #slotsSelectorWrapper.reelSet3 #prizes_list .reelIcon { background-image: url(/img/slotmachine4/prizes_sprites.png); } body:after { content: url(/img/slotmachine1/main_bg.png) url(/img/slotmachine2/main_bg.png) url(/img/slotmachine4/main_bg.png) url(/img/slotmachine5/main_bg.png) url(/img/slotmachine1/main_bg_machine.png) url(/img/slotmachine2/main_bg_machine.png) url(/img/slotmachine3/main_bg_machine.png) url(/img/slotmachine4/main_bg_machine.png) url(/img/slotmachine5/main_bg_machine.png) url(/img/slotmachine1/won_bg.png)url(/img/slotmachine2/won_bg.png)url(/img/slotmachine3/won_bg.png)url(/img/slotmachine4/won_bg.png)url(/img/slotmachine5/won_bg.png) url(/img/slotmachine1/spin_button.png) url(/img/slotmachine2/spin_button.png) url(/img/slotmachine4/spin_button.png) url(/img/slotmachine5/spin_button.png) url(/img/slotmachine1/reel_strip.png) url(/img/slotmachine2/reel_strip.png) url(/img/slotmachine4/reel_strip.png) url(/img/slotmachine1/prizes_sprites.png) url(/img/slotmachine2/prizes_sprites.png) url(/img/slotmachine4/prizes_sprites.png); display: none; }