* { padding: 0; margin: 0; } html, body { position: relative; /*width: 100%; height: 100%;*/ background-color: #d0d8db; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar{ width: 16px; height: 7px; background-color: #f5f5f5; } /*定义滚动条轨道 内阴影 圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); border-radius: 10px; background-color: #f5f5f5; } /*定义滑块 内阴影 圆角*/ ::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background-color: #c8c8c8; } #calendar { max-width: 1200px; margin: 0px auto 0; padding:20px; background: #ffffff; -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important; box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important; } .green { color: #ffffff; background-color: #369a5f; border: 1px solid #257e4a; } .yellow { color: #ffffff; background-color: #f3b20f; border: 1px solid #af7d00; } .red { color: #ffffff; background-color: #ea5454; border: 1px solid #b11616; } .gray{ color: #333; background: rgba(238,238,238,.8); } .gray:hover{ color: #666; } .rl-foot{ margin-top:20px; margin-left:-10px; margin-right:-10px; background:#085eaf; padding:10px 30px; line-height:1.3; color:#ffffff;}