2048_of_chen_xiaofa/style.css

/**
 * @Description:style.css
 * @Author:LCore
*/

.header {
    display: block;
    margin: 0px auto;
    text-align: left;
    width: 500px;
    height: 80px;
	
}
.header .cell {
    float: left;
    text-align: right;
	font-family: '微软雅黑';
	font-size: 12pt;
}
.header .cell #newGame {
    background-color: #8f7a66;
    width: 100%;
    height: 70px;
    color: white;
    text-decoration: none;
    text-align: center;
    line-height: 70px;
    border-radius: 5px;
    display: inline-block;
}
.header .cell #currentScore {
    display: inline-block;
    background-color: #F7921E;
    width: 90%;
    height: 60px;
	padding-top: 10px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
}
.header .cell #topScore {
    display: inline-block;
    background-color: #BAAB9E;
    width: 90%;
    height: 60px;
    color: white;
	padding-top: 10px;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
}
.header #newGame:hover {
    background-color: #9f8b77;
}
#grid-container {
    width: 460px;
    height: 460px;
    padding: 20px;
    margin: 10px auto;
    background-color: #bbada0;
    border-radius: 10px;
    position: relative;
}
.grid-cell {
    width: 100px;
    height: 100px;
    background-color: #ccc0b3;
    border-radius: 6px;
    position: absolute;
}
.number-cell {
    border-radius: 6px;
    font-family: '幼圆';
    font-weight: bold;
    /* font-size: 60px; */
    font-size: 20px;
    line-height: 100px;
    text-align: center;
    position: absolute;
}
.tip {
    text-align: center;
    padding-top: 10%;
    font-size: 2em;
}