Sunteți pe pagina 1din 3

/* partea I : document */

body { background:navy; overflow-x:hidden; overflow-y:scroll; }


* { padding: 0px; margin: 0px; font-family:serif ; }
*:focus { outline: none; }
a{ color:#89F6C9; }
.option {border:2px solid navy; margin:0px; vertical-align: bottom;}
#star1 { background-image: url('../thu/mir2.gif') ; width:220px; height:176px; o
pacity:0.35; filter:alpha(opacity=35);
position:absolute; top:58px; left:370px; z-index:40000; border:0px soli
d red; }
#star2 { background-image: url('../thu/mir16.gif'); background-repeat:repeat; wi
dth:450px; height:196px; opacity:0.04; filter:alpha(opacity=4);
position:absolute; top:45px; left:245px; z-index:40000; border:0px soli
d red; }
#fg1,#fg2,#fg3,#fg4,#fg5,#fg6,#fg7,#fg8,#fg9,#fg10,#fg11,#fg12 { width:100%; }
#gm { border:0px solid black; width:125px; height:20px; pointer:arrow; text-alig
n:left; }
#grl { border:0px solid black; width:125px; height:20px; pointer:arrow; text-ali
gn:left; }
#rev { font:32/36px serif; font-weight: bold; text-align:left; padding:10px; te
xt-shadow:2px 2px 3px rgba(0, 0, 0, 0.5); color:black; }
#wlc { position:absolute; top:0px; right:0px; width:290px; height:488px; border:
0px solid gold;
margin-top:0px; font:32/36px serif; font-weight: bold; text-align:left;
padding:10px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); overflow-x:hidden; overf
low-y:hidden;
background:#008080; border-radius: 0px 0px 0px 0px; }
#btn1 {cursor:pointer; background:transparent; text-position:center; height:60px
; width:122px;
opacity:0.76; filter:alpha(opacity=76); position:absolute; top:97px;
left:500px; }
#btn1:hover {opacity:1; filter:alpha(opacity=100); }
#mask { ovrflow:hidden; background:navy; width:854px; height:800px; margin:0px;
padding:0px;
position:absolute; top:515px; left:-2px; z-index: 9992;}
#btn2 {cursor:pointer; background:transparent; text-position:center;
opacity:0.76; filter:alpha(opacity=76);}
#btn2:hover {opacity:1; filter:alpha(opacity=100); }
#btn3 {cursor:pointer; background:transparent; text-position:center;
opacity:0.76; filter:alpha(opacity=76); }
#btn3:hover {opacity:1; filter:alpha(opacity=100); }
#btn4 {cursor:pointer; background:transparent; text-position:center; opacity:0.7
6; filter:alpha(opacity=76);
vertical-align: bottom; }
#btn4:hover {opacity:1; filter:alpha(opacity=100); }
#game_room {position:absolute; top:550px; left:55px; width:784px; height:50px; b
ackground:#008080; text-align:center; }
#btn5,#btn6,#btn7 {cursor:pointer; background:transparent; text-position:center;

opacity:0.5; filter:alpha(opacity=50); }
#btn5:hover {cursor:nw-resize; }
#btn6:hover, #btn7:hover {opacity:1; filter:alpha(opacity=100); }
#avert { background:#008080; width:537px; height:0px; overflow:hidden;
position:relative; top:-10px; left:-15px; z-index: 9999; overflow-x:h
idden; overflow-y:scroll;}
#x_avert { background-image: url('../thu/close.png') ; width:22px; height:22px;
opacity:0.76; filter:alpha(opacity=76);
position:absolute; top:20px; left:500px; z-index: 10000; display:none;
}
#x_avert:hover { background-image: url('../thu/close.png') ; width:22px; height:
22px;
position:absolute; z-index: 10000; opacity:1; filter:alpha(opacity=100)
; }

#alegere1 { color:white; font-size: 110%;}
#alegere2 { color:white; font-size: 110%;}
ph3 {color:#89F6C9; font-family:serif; font-size:14px; font-weight:bold; }
ph4 {color:#3DCEFF; font-family:serif; font-size:14px; font-weight:bold; }
ph5 {color:#FEF7C2; font-family:serif; font-size:14px; font-weight:bold;}
ph6 {color:white; font-family:arial; font-size:18px; font-weight:bold;}
.blink {
font-size: 18px; font-weight: bold; color:white;
animation: blink 1.2s steps(6, start) infinite;
-webkit-animation: blink 1.2s steps(6, start) infinite;
}
@keyframes blink {
from { opacity: 1; }
to { color: opacity: 0.5;}}
@-webkit-keyframes blink {
from { opacity: 1; }
to { opacity: 0.5;}}
/* partea II : carusel 3d */
#container{
text-align:center;
background: navy;
width: 850px;
position:relative;
padding: 10px;
height: 490px;
margin: 0 auto;
padding-left:15px;
margin-top: 15px;
margin-bottom: 10px;
border:0px solid white;
background:black;
overflow-x: hiden;
overflow-y: hiden;
}
#perspective {
margin: 0 auto;
margin-top: 0px;
width: 224px;
height: 176px;
position: relative;
-webkit-perspective: 240px;
perspective: 240px;
}
#carousel {
width: 100%;
height: 100%;
position: absolute;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform: rotateY(0deg) translateZ(-128px);
}
#carousel figure {
display: block;
position: absolute;
text-align:center;
background: navy;
width: 224px;
height: 176px;
opacity: 0.9;
margin:12px;
color: navy;
cursor: default;
-webkit-transition: opacity 1s, -webkit-transform 1s;
-moz-transition: opacity 1s, -moz-transform 1s;
-o-transition: opacity 1s, -o-transform 1s;
transition: opacity 1s, transform 1s;
}