You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.5 KiB
80 lines
1.5 KiB
@charset "utf-8"; |
|
.htmldemo p{font-size: 16px;font-family: "微软雅黑"} |
|
|
|
|
|
.line{ |
|
padding: 50px 0px 25px 0px; |
|
width:100%; |
|
|
|
} |
|
.content{ |
|
text-align: center; |
|
background: url('../../assets/images/machine.png') no-repeat 50% 120px; |
|
height: 500px; |
|
} |
|
.slotMachine{ |
|
width: 40%; |
|
border: 5px solid #000; |
|
height: 100px; |
|
line-height: 100px; |
|
padding: 0px; |
|
overflow: hidden; |
|
display: inline-block; |
|
text-align: center; |
|
background-color: #ffffff; |
|
font-size: 30px; |
|
font-weight: 900; |
|
} |
|
.slotMachine .slot{ |
|
height:100px; |
|
background-position-x: 55%; |
|
background-repeat: no-repeat; |
|
} |
|
|
|
|
|
.slotMachineButton{ |
|
width:100px; |
|
height: 100px; |
|
overflow: hidden; |
|
display: inline-block; |
|
text-align: center; |
|
} |
|
.slotMachineButton { |
|
border-radius: 3px; |
|
background-color:#fb9e25; |
|
display:inline-block; |
|
color:#ffffff; |
|
font-size:36px; |
|
font-weight:bold; |
|
font-style:normal; |
|
height:50px; |
|
line-height:50px; |
|
margin-top:10px; |
|
margin-right:5%; |
|
width:100px; |
|
text-decoration:none; |
|
text-align:center; |
|
cursor:pointer; |
|
padding: 3px; |
|
} |
|
.slotMachineButton:hover { |
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) ); |
|
background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% ); |
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477'); |
|
background-color:#fb9e25; |
|
}.slotMachineButton:active { |
|
position:relative; |
|
top:1px; |
|
} |
|
|
|
|
|
.disabled{ |
|
pointer-events: none; |
|
background-color: grey; |
|
} |
|
.img{ |
|
display: none; |
|
} |
|
.block{ |
|
display: inline-block!important; |
|
} |