diff bootstrap-year-calendar/bootstrap-year-calendar.css @ 103:4043aaa41075

add bootstrap-year-calendar
author paulo
date Thu, 07 Mar 2019 00:52:02 -0800
parents
children
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/bootstrap-year-calendar/bootstrap-year-calendar.css	Thu Mar 07 00:52:02 2019 -0800
     1.3 @@ -0,0 +1,253 @@
     1.4 +/* =========================================================
     1.5 + * Bootstrap year calendar v1.1.0
     1.6 + * Repo: https://github.com/Paul-DS/bootstrap-year-calendar
     1.7 + * =========================================================
     1.8 + * Created by Paul David-Sivelle
     1.9 + *
    1.10 + * Licensed under the Apache License, Version 2.0 (the "License");
    1.11 + * you may not use this file except in compliance with the License.
    1.12 + * You may obtain a copy of the License at
    1.13 + *
    1.14 + * http://www.apache.org/licenses/LICENSE-2.0
    1.15 + *
    1.16 + * Unless required by applicable law or agreed to in writing, software
    1.17 + * distributed under the License is distributed on an "AS IS" BASIS,
    1.18 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    1.19 + * See the License for the specific language governing permissions and
    1.20 + * limitations under the License.
    1.21 + * ========================================================= */
    1.22 +
    1.23 +/* Main */
    1.24 +.calendar {
    1.25 +  padding: 4px;
    1.26 +  -webkit-border-radius: 4px;
    1.27 +  -moz-border-radius: 4px;
    1.28 +  border-radius: 4px;
    1.29 +  overflow: auto;
    1.30 +  direction: ltr;
    1.31 +  
    1.32 +  -webkit-touch-callout: none;
    1.33 +  -webkit-user-select: none;
    1.34 +  -khtml-user-select: none;
    1.35 +  -moz-user-select: none;
    1.36 +  -ms-user-select: none;
    1.37 +  user-select: none;
    1.38 +}
    1.39 +
    1.40 +.calendar.calendar-rtl {
    1.41 +  direction: rtl;
    1.42 +}
    1.43 +.calendar.calendar-rtl table tr td span {
    1.44 +  float: right;
    1.45 +}
    1.46 +
    1.47 +.calendar table {
    1.48 +  margin: auto;
    1.49 +}
    1.50 +
    1.51 +.calendar table td,
    1.52 +.calendar table th {
    1.53 +  text-align: center;
    1.54 +  width: 20px;
    1.55 +  height: 20px;
    1.56 +  border: none;
    1.57 +  padding: 4px 5px;
    1.58 +  font-size:12px;
    1.59 +}
    1.60 +
    1.61 +/* Header */
    1.62 +.calendar .calendar-header
    1.63 +{
    1.64 +	width:100%;
    1.65 +	margin-bottom:20px;
    1.66 +}
    1.67 +
    1.68 +.calendar .calendar-header table
    1.69 +{
    1.70 +	width:100%;
    1.71 +}
    1.72 +
    1.73 +.calendar .calendar-header table th
    1.74 +{
    1.75 +	font-size:22px;
    1.76 +	padding:5px 10px;
    1.77 +}
    1.78 +
    1.79 +.calendar .calendar-header table th:hover {
    1.80 +  background: #eeeeee;
    1.81 +  cursor: pointer;
    1.82 +}
    1.83 +
    1.84 +.calendar .calendar-header table th.disabled,
    1.85 +.calendar .calendar-header table th.disabled:hover {
    1.86 +  background: none;
    1.87 +  cursor: default;
    1.88 +  color:white;
    1.89 +}
    1.90 +
    1.91 +.calendar .calendar-header table th.prev,
    1.92 +.calendar .calendar-header table th.next
    1.93 +{
    1.94 +	width:20px;
    1.95 +}
    1.96 +
    1.97 +.calendar .year-title {
    1.98 +	font-weight:bold;
    1.99 +	text-align:center;
   1.100 +	height:20px;
   1.101 +	width:auto;
   1.102 +}
   1.103 +
   1.104 +.calendar .year-neighbor
   1.105 +{
   1.106 +	color:#aaaaaa;
   1.107 +}
   1.108 +
   1.109 +.calendar .year-neighbor2
   1.110 +{
   1.111 +	color:#dddddd;
   1.112 +}
   1.113 +
   1.114 +/* Months */
   1.115 +.calendar .months-container {
   1.116 +	width:100%;
   1.117 +	display:none;
   1.118 +}
   1.119 +
   1.120 +.calendar .month-container {
   1.121 +	min-width:180px;
   1.122 +	text-align:center;
   1.123 +	height:200px;
   1.124 +	padding:0;
   1.125 +}
   1.126 +
   1.127 +.calendar table.month th.month-title
   1.128 +{
   1.129 +	font-size:16px;
   1.130 +	padding-bottom: 5px;
   1.131 +}
   1.132 +
   1.133 +.calendar table.month th.day-header
   1.134 +{
   1.135 +	font-size:14px;
   1.136 +}
   1.137 +
   1.138 +
   1.139 +.calendar table.month tr td,
   1.140 +.calendar table.month tr th
   1.141 +{
   1.142 +	padding:0;
   1.143 +}
   1.144 +
   1.145 +.calendar table.month td.week-number {
   1.146 +	cursor: default;
   1.147 +	font-weight:bold;
   1.148 +	border-right:1px solid #eee;
   1.149 +	padding:5px;
   1.150 +}
   1.151 +
   1.152 +.calendar .round-left {
   1.153 +	-webkit-border-radius: 8px 0 0 8px;
   1.154 +	-moz-border-radius: 8px 0 0 8px;
   1.155 +	border-radius: 8px 0 0 8px;
   1.156 +}
   1.157 +
   1.158 +.calendar .round-right {
   1.159 +	webkit-border-radius: 0 8px 8px 0 ;
   1.160 +	-moz-border-radius: 0 8px 8px 0;
   1.161 +	border-radius: 0 8px 8px 0;
   1.162 +}
   1.163 +
   1.164 +.calendar table.month tr td .day-content {
   1.165 +	-webkit-border-radius: 4px;
   1.166 +	-moz-border-radius: 4px;
   1.167 +	border-radius: 4px;
   1.168 +	padding: 5px 6px;
   1.169 +}
   1.170 +
   1.171 +.table-striped .calendar table.month tr td,
   1.172 +.table-striped .calendar table.month tr th {
   1.173 +  background-color: transparent;
   1.174 +}
   1.175 +
   1.176 +.calendar table.month td.day .day-content:hover {
   1.177 +  background: rgba(0, 0, 0, 0.2);
   1.178 +  cursor: pointer;
   1.179 +}
   1.180 +.calendar table.month tr td.old,
   1.181 +.calendar table.month tr td.new,
   1.182 +.calendar table.month tr td.old:hover,
   1.183 +.calendar table.month tr td.new:hover {
   1.184 +  background: none;
   1.185 +  cursor: default;
   1.186 +}
   1.187 +.calendar table.month tr td.disabled,
   1.188 +.calendar table.month tr td.disabled:hover {
   1.189 +  color: #dddddd;
   1.190 +}
   1.191 +
   1.192 +.calendar table.month td.day.disabled .day-content:hover {
   1.193 +	background: none;
   1.194 +	cursor: default;
   1.195 +}
   1.196 +
   1.197 +.calendar table.month tr td.range .day-content {
   1.198 +   background: rgba(0, 0, 0, 0.2);
   1.199 +  -webkit-border-radius: 0;
   1.200 +  -moz-border-radius: 0;
   1.201 +  border-radius: 0;
   1.202 +}
   1.203 +
   1.204 +.calendar table.month tr td.range.range-start .day-content  {
   1.205 +  border-top-left-radius:4px;
   1.206 +  border-bottom-left-radius:4px;
   1.207 +}
   1.208 +
   1.209 +.calendar table.month tr td.range.range-end .day-content  {
   1.210 +  border-top-right-radius:4px;
   1.211 +  border-bottom-right-radius:4px;
   1.212 +}
   1.213 +
   1.214 +.calendar-context-menu,
   1.215 +.calendar-context-menu  .submenu {
   1.216 +	border: 1px solid #ddd;
   1.217 +	background-color: white;
   1.218 +	box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
   1.219 +	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
   1.220 +	position:absolute;
   1.221 +	display:none;
   1.222 +}
   1.223 +
   1.224 +.calendar-context-menu .item {
   1.225 +	padding:5px 10px;
   1.226 +	cursor:pointer;
   1.227 +	display:table;
   1.228 +	width:100%;
   1.229 +}
   1.230 +
   1.231 +.calendar-context-menu .item:hover {
   1.232 +	background:#eee;
   1.233 +}
   1.234 +
   1.235 +.calendar-context-menu .item .content {
   1.236 +	display:table-cell;
   1.237 +}
   1.238 +
   1.239 +.calendar-context-menu .item span {
   1.240 +	display:table-cell;
   1.241 +	padding-left:10px;
   1.242 +	text-align:right;
   1.243 +}
   1.244 +
   1.245 +.calendar-context-menu .item span:last-child {
   1.246 +	display:none;
   1.247 +}
   1.248 +
   1.249 +.calendar-context-menu  .submenu {
   1.250 +	left: 100%;
   1.251 +	margin-top: -6px;
   1.252 +}
   1.253 +
   1.254 +.calendar-context-menu  .item:hover > .submenu {
   1.255 +	display:block;
   1.256 +}