[ Index ] |
PHP Cross Reference of Joomla 4.2.2 documentation |
[Summary view] [Print] [Text view]
1 /** 2 * @copyright (C) 2007 Open Source Matters, Inc. <https://www.joomla.org> 3 * @license GNU General Public License version 2 or later; see LICENSE.txt 4 */ 5 6 /* The main calendar widget. DIV containing a table. */ 7 div.calendar { 8 position: relative; 9 z-index: 10000; 10 width: 226px; 11 } 12 13 .calendar, .calendar table { 14 border: 1px solid #cccccc; 15 font-size: 11px; 16 color: #000; 17 cursor: default; 18 background: #efefef; 19 font-family: arial,verdana,sans-serif; 20 } 21 22 /* Header part -- contains navigation buttons and day names. */ 23 24 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 25 text-align: center; /* They are the navigation buttons */ 26 padding: 2px; /* Make the buttons seem like they're pressing */ 27 } 28 29 .calendar thead .title { /* This holds the current "month, year" */ 30 font-weight: bold; /* Pressing it will take you to the current date */ 31 text-align: center; 32 background: #333333; 33 color: #ffffff; 34 padding: 2px; 35 } 36 37 .calendar thead .headrow { /* Row <TR> containing navigation buttons */ 38 background: #dedede; 39 color: #000; 40 } 41 42 .calendar thead .name { /* Cells <TD> containing the day names */ 43 border-bottom: 1px solid #cccccc; 44 padding: 2px; 45 text-align: center; 46 color: #000; 47 } 48 49 .calendar thead .weekend { /* How a weekend day name shows in header */ 50 color: #999; 51 } 52 53 .calendar thead .hilite { /* How do the buttons in header appear when hover */ 54 background: #bbbbbb; 55 color: #000000; 56 border: 1px solid #cccccc; 57 padding: 1px; 58 } 59 60 .calendar thead .active { /* Active (pressed) buttons in header */ 61 background: #c77; 62 padding: 2px 0 0 2px; 63 } 64 65 .calendar thead .daynames { /* Row <TR> containing the day names */ 66 background: #dddddd; 67 } 68 69 /* The body part -- contains all the days in month. */ 70 71 .calendar tbody .day { /* Cells <TD> containing month days dates */ 72 width: 2em; 73 text-align: right; 74 padding: 2px 4px 2px 2px; 75 } 76 77 .calendar table .wn { 78 padding: 2px 3px 2px 2px; 79 border-right: 1px solid #cccccc; 80 background: #dddddd; 81 } 82 83 .calendar tbody .rowhilite td { 84 background: #666666; 85 color: #ffffff; 86 } 87 88 .calendar tbody .rowhilite td.wn { 89 background: #666666; 90 color: #ffffff; 91 } 92 93 .calendar tbody td.active { /* Active (pressed) cells <TD> */ 94 background: #000000; 95 color: #ffffff; 96 } 97 98 .calendar tbody td.weekend { /* Cells showing weekend days */ 99 color: #999; 100 } 101 102 .calendar tbody td.selected { /* Cell showing today date */ 103 font-weight: bold; 104 background: #000000; 105 color: #ffffff; 106 } 107 108 .calendar tbody td.hilite { /* Hovered cells <TD> */ 109 background: #999999; 110 color: #ffffff; 111 } 112 113 .calendar tbody td.today { 114 font-weight: bold; 115 } 116 117 .calendar tbody .disabled { 118 color: #999; 119 } 120 121 .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 122 visibility: hidden; 123 } 124 125 .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 126 display: none; 127 } 128 129 /* The footer part -- status bar and "Close" button */ 130 131 .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 132 text-align: center; 133 background: #cccccc; 134 color: #000; 135 } 136 137 .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 138 border-top: 1px solid #cccccc; 139 background: #efefef; 140 color: #000000; 141 } 142 143 .calendar tfoot .hilite { /* Hover style for buttons in footer */ 144 background: #666666; 145 border: 1px solid #f40; 146 padding: 1px; 147 } 148 149 .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 150 background: #999999; 151 padding: 2px 0 0 2px; 152 } 153 154 /* Combo boxes (menus that display months/years for direct selection) */ 155 156 .combo { 157 position: absolute; 158 display: none; 159 top: 0; 160 left: 0; 161 width: 4em; 162 cursor: default; 163 border: 1px solid #655; 164 background: #ffffff; 165 color: #000; 166 font-size: smaller; 167 } 168 169 .combo .label { 170 width: 100%; 171 text-align: center; 172 } 173 174 .combo .hilite { 175 background: #fc8; 176 } 177 178 .combo .active { 179 border-top: 1px solid #cccccc; 180 border-bottom: 1px solid #cccccc; 181 background: #efefef; 182 font-weight: bold; 183 }
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 |