Mercurial > hg > index.fcgi > www > www-1
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 +}