forked from rachanon/stdbWeb
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.
188 lines
4.2 KiB
188 lines
4.2 KiB
.cal1{ |
|
background:#fff; |
|
border-radius:4px; |
|
-webkit-border-radius:4px; |
|
-moz-border-radius:4px; |
|
-o-border-radius:4px; |
|
-ms-border-radius:4px; |
|
border-bottom: 4px solid #e3e4e8; |
|
margin-bottom:1.5em; |
|
} |
|
.clndr{ |
|
} |
|
.noselect { |
|
-webkit-user-select: none; |
|
/* Chrome/Safari */ |
|
-moz-user-select: none; |
|
/* Firefox */ |
|
-ms-user-select: none; |
|
/* IE10+ */ |
|
} |
|
.cal1 .clndr .clndr-controls { |
|
position: relative; |
|
color: #FFF; |
|
font-size: 1em; |
|
font-weight:400; |
|
text-transform: uppercase; |
|
padding:30px 20px; |
|
text-align: center; |
|
background-color:#4fc1e9; |
|
border-bottom: 4px solid #3bafda; |
|
border-top-left-radius: 4px; |
|
-webkit-border-top-left-radius: 4px; |
|
-moz-border-top-left-radius: 4px; |
|
-o-border-top-left-radius: 4px; |
|
-ms-border-top-left-radius: 4px; |
|
border-top-right-radius: 4px; |
|
-webkit-border-top-right-radius: 4px; |
|
-moz-border-top-right-radius: 4px; |
|
-o-border-top-right-radius: 4px; |
|
-ms-border-top-right-radius: 4px; |
|
} |
|
.cal1 .clndr .clndr-controls .month { |
|
text-align:center; |
|
} |
|
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button { |
|
position:absolute; |
|
right:20px; |
|
top:25px; |
|
width:30px; |
|
height:30px; |
|
text-indent: -4000px; |
|
background: url(../images/arrow-right.png) no-repeat 0px; |
|
cursor: pointer; |
|
-webkit-user-select: none; |
|
/* Chrome/Safari */ |
|
-moz-user-select: none; |
|
/* Firefox */ |
|
-ms-user-select: none; |
|
/* IE10+ */ |
|
} |
|
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover { |
|
cursor: default; |
|
} |
|
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button { |
|
position:absolute; |
|
left:20px; |
|
top:25px; |
|
width:30px; |
|
height:30px; |
|
text-indent: -4000px; |
|
background: url(../images/arrow-left.png) no-repeat 0px; |
|
cursor: pointer; |
|
-webkit-user-select: none; |
|
/* Chrome/Safari */ |
|
-moz-user-select: none; |
|
/* Firefox */ |
|
-ms-user-select: none; |
|
/* IE10+ */ |
|
} |
|
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover { |
|
cursor: default; |
|
} |
|
.cal1 .clndr .clndr-table { |
|
table-layout: fixed; |
|
width:90%; |
|
margin:0 auto; |
|
} |
|
.cal1 .clndr .clndr-table .header-days { |
|
font-size:1em; |
|
font-weight:500; |
|
} |
|
.cal1 .clndr .clndr-table .header-days .header-day { |
|
vertical-align: middle; |
|
text-align: center; |
|
color: #4fc1e9; |
|
} |
|
.cal1 .clndr .clndr-table tr { |
|
height:45px; |
|
} |
|
.cal1 .clndr .clndr-table tr td { |
|
vertical-align: top; |
|
} |
|
.cal1 .clndr .clndr-table tr .day { |
|
width: 100%; |
|
height: inherit; |
|
color: #A6A6A6; |
|
vertical-align: middle; |
|
cursor: pointer; |
|
-webkit-transition: all 0.3s ease-in-out; |
|
-moz-transition: all 0.3s ease-in-out; |
|
-o-transition: all 0.3s ease-in-out; |
|
transition: all 0.3s ease-in-out; |
|
font-weight: 700; |
|
} |
|
.cal1 .clndr .clndr-table tr .day.today { |
|
background:#096e9a; |
|
color: #FFF; |
|
position:relative; |
|
} |
|
.cal1 .clndr .clndr-table tr .day.today:after { |
|
content: ''; |
|
position: absolute; |
|
left: 14px; |
|
bottom: -6px; |
|
border-left: 6px solid rgba(0, 0, 0, 0); |
|
border-right: 6px solid rgba(0, 0, 0, 0); |
|
border-top: 6px solid #4fc1e9; |
|
} |
|
.cal1 .clndr .clndr-table tr .day.today:hover { |
|
color: #FFF; |
|
background:#096e9a; |
|
} |
|
.cal1 .clndr .clndr-table tr .day:hover{ |
|
color: #FFF; |
|
background:#096e9a; |
|
} |
|
.cal1 .clndr .clndr-table tr .day.today.event { |
|
background:#4fc1e9; |
|
color: #FFF; |
|
} |
|
.day.today.event:hover{ |
|
background:#096e9a; |
|
color:#FFF; |
|
} |
|
.cal1 .clndr .clndr-table tr .day .day-contents { |
|
box-sizing: border-box; |
|
font-size:0.8em; |
|
text-align:center; |
|
cursor:pointer; |
|
} |
|
.cal1 .clndr .clndr-table tr .empty, |
|
.cal1 .clndr .clndr-table tr .adjacent-month { |
|
width: 100%; |
|
height: inherit; |
|
color: #989898; |
|
font-weight: 300; |
|
} |
|
@media all and (max-width:1024px){ |
|
.cal1 .clndr .clndr-table tr .day.today:after{ |
|
left:20px; |
|
} |
|
} |
|
@media all and (max-width:800px){ |
|
.cal1 .clndr .clndr-table tr .day.today:after{ |
|
left:13px; |
|
} |
|
} |
|
@media all and (max-width:640px){ |
|
.cal1 .clndr .clndr-table tr{ |
|
height:35px; |
|
} |
|
.cal1 .clndr .clndr-table tr .day.today:after{ |
|
left:10px; |
|
} |
|
} |
|
@media all and (max-width:480px){ |
|
.cal1 .clndr .clndr-table tr .day.today:after{ |
|
left:24px; |
|
} |
|
} |
|
@media all and (max-width:320px) { |
|
.cal1 .clndr .clndr-table tr { |
|
height: 35px; |
|
} |
|
.cal1 .clndr .clndr-table tr .day.today:after{ |
|
left:15px; |
|
} |
|
} |