[ Index ] |
PHP Cross Reference of Joomla 4.2.2 documentation |
[Summary view] [Print] [Text view]
1 /** 2 * @copyright (C) 2016 Open Source Matters, Inc. <https://www.joomla.org> 3 * @license GNU General Public License version 2 or later; see LICENSE.txt 4 */ 5 .js-calendar { 6 box-shadow: 0 0 15px 4px rgba(0,0,0,.15) !important; 7 } 8 .calendar-container { 9 float: left; 10 min-width: 160px; 11 padding: 0; 12 list-style: none; 13 border-radius: 5px; 14 background-color: #ffffff !important; 15 z-index: 1100 !important; 16 } 17 .calendar-container table { 18 table-layout: fixed; 19 max-width: 262px; 20 border-radius: 5px; 21 background-color: #ffffff !important; 22 z-index: 1100 !important; 23 } 24 /* The main calendar widget. DIV containing a table. */ 25 div.calendar-container table th, .calendar-container table td { 26 box-shadow: none; 27 padding: 8px 0; 28 line-height: 1.1em; 29 text-align: center; 30 } 31 32 div.calendar-container table body td { 33 line-height: 2em; 34 } 35 36 .calendar-container table { 37 border-collapse: separate; 38 } 39 40 div.calendar-container table td.title { /* This holds the current "month, year" */ 41 vertical-align: middle; 42 text-align: center; 43 } 44 45 .calendar-container table thead td.headrow { /* Row <TR> containing navigation buttons */ 46 background: #fff; 47 color: #000; 48 } 49 50 .calendar-container table thead td.name { /* Cells <TD> containing the day names */ 51 border-bottom: 1px solid #fff; 52 text-align: center; 53 color: #000; 54 } 55 56 .calendar-container table thead td.weekend { /* How a weekend day name shows in header */ 57 color: #999; 58 } 59 60 /* The body part -- contains all the days in month. */ 61 62 .calendar-container table tbody td.day { /* Cells <TD> containing month days dates */ 63 text-align: right; 64 } 65 66 .calendar-container table tbody td.wn { 67 background: #fff; 68 } 69 70 .calendar-container table tbody td.weekend { /* Cells showing weekend days */ 71 color: #999; 72 } 73 74 .calendar-container table tbody td.hilite { /* Hovered cells <TD> */ 75 background: #999999; 76 color: #ffffff; 77 } 78 79 .calendar-container table tbody td.day { 80 border: 0; 81 cursor : pointer; 82 font-size: 12px; 83 min-width: 38px; 84 } 85 86 .calendar-container table tbody td.day.wn { 87 text-align: center; 88 background-color: #f4f4f4; 89 } 90 91 .calendar-container table tbody td.day.selected { /* Cell showing today date */ 92 background: #3071a9; 93 color: #fff; 94 border: 0; 95 } 96 97 .calendar-container table tbody td.today { 98 position: relative; 99 height: 100%; 100 width: auto; 101 font-weight: bold; 102 } 103 .calendar-container table tbody td.today:after { 104 position: absolute; 105 bottom: 3px; 106 left: 3px; 107 right: 3px; 108 content: ""; 109 height: 3px; 110 border-radius: 1.5px; 111 background-color: #46a546; 112 } 113 .calendar-container table tbody td.today.selected:after { 114 background-color: #fff; 115 } 116 117 .calendar-container table tbody td.day:hover { 118 cursor: pointer; 119 background: #3d8fd7; 120 color: #fff; 121 } 122 .calendar-container table tbody td.day:hover:after { 123 background-color: #fff; 124 } 125 126 .calendar-container table tbody .disabled { 127 color: #999; 128 background-color: #fafafa; 129 } 130 131 .calendar-container table tbody .emptycell { /* Empty cells (the best is to hide them) */ 132 visibility: hidden; 133 } 134 135 .calendar-container table tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 136 display: none; 137 } 138 .calendar-container .calendar-head-row td { 139 padding: 4px 0 !important; 140 border-bottom: none; 141 } 142 .calendar-container .day-name { 143 font-size: 0.7rem; 144 font-weight: bold; 145 } 146 .calendar-container .time td { 147 padding: 8px 8px 8px 0; 148 } 149 .buttons-wrapper { 150 padding: 5px 5px; 151 width:100%; 152 } 153 .buttons-wrapper .btn { 154 min-width: 60px; 155 color: #495057; 156 border: 1px solid #495057; 157 margin-left: .5rem; 158 padding: 0 16px; 159 line-height: 2.375rem; 160 box-shadow: 1px 0 1px 1px rgba(0,0,0,.25); 161 } 162 .buttons-wrapper .btn:hover { 163 color: #fff; 164 background: #1a466b; 165 } 166 .buttons-wrapper .btn:last-child { 167 margin-left: 0; 168 } 169 .time .time-title { 170 background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='22' height='22' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 544v448q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224v-352q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z'/%3E%3C/svg%3E"); 171 background-repeat: no-repeat; 172 background-position: center; 173 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated: Wed Sep 7 05:41:13 2022 | Chilli.vc Blog - For Webmaster,Blog-Writer,System Admin and Domainer |