match_game.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

img.preload
{
	display:none;
}

#playfield-div
{
	background-color: #444 ;
	border: solid 1px #000 ;
	border-radius: 8px ;
	position: absolute ;
	left: 50% ;
	margin-left: -320px ;
	padding: 20px 120px 20px 20px ;
}

#card-table
{
	background-color:green;
	border:solid 6px brown;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	box-shadow:#111 1px 1px 2px;

	width: 500px ;
	height: 450px ;
}

#start-div  ,
#start-button  ,
#completed-div { position: relative ; }
#start-div     { margin-top: -9em ; height: 12em ; }
#start-button  { width: 12em ; height: 4em ; border-color: rgb(109, 95, 90) !important ; }
#start-div     ,
#completed-div { text-align: center ; top: 50% ; width: 100% ; color: #FFF ; }
#completed-div { margin-top: -6em ; }
#elapsed-div   ,
#tries-div     { position: absolute ; width: 69px ; padding: 3px ; left: 552px ;
                 background-color: #000 ; color: #0F0 ;
                 border: 1px solid #FF0 ; border-radius: 5px ; }
#elapsed-div  { top:    30px ; }
#tries-div    { bottom: 30px ; }
#elapsed-span ,
#tries-span   { float: right ; }

#start-button        ,
#elapsed-div         ,
#tries-div           ,
#completed-div       { display: none ; }
#start-button:hover  {
 background-color: #CCFFCC ; }