Files
vczero.github.io/t2048/css/main.css
T
2014-06-13 10:04:30 +08:00

157 lines
1.9 KiB
CSS

#main_ui{
width:500px;
height: 578px;
border:1px solid #E0E0E0;
position: relative;
margin: 30px auto;
background-color: #FBF8F0;
}
#main_title{
font-size: 20px;
margin: 10px auto;
width: 140px;
height: 30px;
line-height: 30px;
color: #FFF;
background-color: #FF8402;
text-align: center;
border-radius: 4px;
font-family: 'consolas';
}
#score{
width: 130px;
margin-left: 340px;
margin-bottom: 10px;
}
#score img{
width: 18px;
height: 18px;
}
#score span{
color: #1E6823;
font-weight: bold;
font-family: 'consolas';
font-size: 15px;
}
#play_game{
width: 60px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 3px;
background-color: #F1A900;
margin:10px auto;
color: #FFF;
font-weight: bold;
}
#play_game:hover{
text-decoration: none;
cursor: pointer;
}
#main_ui_cell{
background-color: #B9B2A8;
width: 450px;
height: 450px;
margin: 0 auto;
border-radius: 8px;
position: relative;
}
.bk_cell{
width: 100px;
height: 100px;
background-color: #CCC0B4;
border-radius: 5px;
position: absolute;
}
.fr_cell{
border-radius: 5px;
font-size: 55px;
line-height: 100px;
font-weight: bold;
text-align: center;
position: absolute;
}
#author{
position:absolute;
right:20px;
top:20px;
font-size:13px;
font-weight:bold;
}
#author a{
text-decoration: none;
color:blue;
}
#author a:hover{
text-decoration: none;
}
#show_game_over{
position:absolute;
top:150px;
left:50px;
width:400px;
height:200px;
border:1px solid #EBECEF;
background-color:#FFF;
opacity:0.8;
}
#close_div{
width:30px;
height:30px;
float:right;
}
#close_div img{
width:30px;
height:30px;
}
#close_div:hover{
cursor: pointer;
}
#cry_girl{
width:140px;
margin:50px auto;
}
#game_game{
position: absolute;
left: 40px;
top: 90px;
font-size: 30px;
font-family: 'consolas';
color: #A6E22A;
}
#game_over{
position: absolute;
right: 40px;
top: 90px;
font-size: 30px;
font-family: 'consolas';
color: #A6E22A;
}