css (Отобразить)
CODE (htmlphp):
скопировать код в буфер обмена
скопировать код в буфер обмена
- #calendar{
- background:#ddd;
- }
- #calendar td{
- position:relative;
- }
- #calendar td.active{
- width:60px;
- height:60px;
- padding:5px;
- text-align:center;
- font-size:20px;
- color:#818181;
- background:#ffffff;
- background-image:linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-o-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-moz-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-webkit-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-ms-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0, #f1f1f1),
- color-stop(1, #ffffff)
- );
- text-shadow:0px 1px 1px #fff;
- cursor:pointer;
- }
- #calendar td.active:hover{
- box-shadow:0px 0px 0px #777 inset;
- }
- #calendar td.curr{
- color:#fff;
- background:#3a9aff;
- text-shadow:none;
- box-shadow:0px 0px 10px #000 inset;
- }
- #calendar td.disabled{
- width:60px;
- height:60px;
- padding:5px;
- color:#fff;
- text-align:center;
- font-size:18px;
- background:#e2e2e2;
- }
- #calendar td.header{
- width:60px;
- height:50px;
- padding:5px;
- background:#ffffff;
- background-image:linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-o-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-moz-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-webkit-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-ms-linear-gradient(bottom, #f1f1f1 0%, #ffffff 100%);
- background-image:-webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0, #f1f1f1),
- color-stop(1, #ffffff)
- );
- text-shadow:0px 1px 1px #fff;
- }
- .month{
- font-size:10px;
- text-align:center;
- background:#f1f1f1;
- padding:3px;
- color:#848484;
- }
- .center{
- color:#555;
- font-size:22px;
- text-align:center;
- }
- .edge{
- color:#999999;
- font-size:16px;
- cursor:pointer;
- }
- .l{text-align:right;}
- .r{text-align:left;}
- .paginator{
- position:absolute;
- top:50%;
- margin-top:-12px;
- opacity:.1;
- }
- .back{
- left:5px;
- width:24px;
- height:24px;
- text-align:right;
- background:url(../img/ico/rnd_br_prev_icon&24.png);
- }
- .next{
- right:5px;
- width:24px;
- height:24px;
- background:url(../img/ico/rnd_br_next_icon&24.png);
- }
- .dayoff{
- width:60px;
- height:60px;
- padding:5px;
- text-align:center;
- font-size:20px;
- color:#fff;
- background:#ffffff;
- background-image:linear-gradient(bottom, #3788e3 0%, #5aa8ff 100%);
- background-image:-o-linear-gradient(bottom, #3788e3 0%, #5aa8ff 100%);
- background-image:-moz-linear-gradient(bottom, #3788e3 0%, #5aa8ff 100%);
- background-image:-webkit-linear-gradient(bottom, #3788e3 0%, #5aa8ff 100%);
- background-image:-ms-linear-gradient(bottom, #3788e3 0%, #5aa8ff 100%);
- background-image:-webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0, #3788e3),
- color-stop(1, #5aa8ff)
- );
- cursor:pointer;
- }