[ Index ] |
PHP Cross Reference of vtigercrm-6.1.0 |
[Summary view] [Print] [Text view]
1 /** 2 * It may be useful to copy the below styles and use on your page 3 */ 4 .handsontable { 5 position: relative; 6 font-family: Arial, Helvetica, sans-serif; 7 line-height: 1.3em; 8 font-size: 13px; 9 } 10 11 .handsontable * { 12 box-sizing: content-box; 13 -webkit-box-sizing: content-box; 14 -moz-box-sizing: content-box; 15 } 16 17 .handsontable table { 18 border-collapse: separate; 19 position: relative; 20 -webkit-user-select: none; 21 -khtml-user-select: none; 22 -moz-user-select: none; 23 -o-user-select: none; 24 user-select: none; 25 border-spacing: 0; 26 } 27 28 .handsontable th, 29 .handsontable td { 30 border-right: 1px solid #CCC; 31 border-bottom: 1px solid #CCC; 32 min-width: 50px; 33 height: 22px; 34 line-height: 21px; 35 padding: 0 4px 0 4px; /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */ 36 } 37 38 .handsontable div.minWidthFix { 39 width: 50px; 40 } 41 42 .handsontable tr:first-child th.htNoFrame, 43 .handsontable th:first-child.htNoFrame, 44 .handsontable th.htNoFrame { 45 border-left-width: 0; 46 background-color: white; 47 border-color: #FFF; 48 } 49 50 .handsontable th:first-child, 51 .handsontable td:first-child, 52 .handsontable .htNoFrame + th, 53 .handsontable .htNoFrame + td { 54 border-left: 1px solid #CCC; 55 } 56 57 .handsontable tr:first-child th, 58 .handsontable tr:first-child td { 59 border-top: 1px solid #CCC; 60 } 61 62 .handsontable thead tr:last-child th { 63 border-bottom-width: 0; 64 } 65 66 .handsontable thead tr.lastChild th { 67 border-bottom-width: 0; 68 } 69 70 .handsontable th { 71 background-color: #EEE; 72 color: #222; 73 text-align: center; 74 font-weight: normal; 75 white-space: nowrap; 76 } 77 78 .handsontable th .small { 79 font-size: 12px; 80 } 81 82 .handsontable thead th { 83 padding: 2px 4px; 84 } 85 86 .handsontable th.active { 87 background-color: #CCC; 88 } 89 90 /* border background */ 91 .handsontable .htBorderBg { 92 position: absolute; 93 font-size: 0; 94 } 95 96 .handsontable .htBorderBg.selection { 97 background-color: #EEF4FF; 98 } 99 100 /* border line */ 101 .handsontable .htBorder { 102 position: absolute; 103 width: 2px; 104 height: 2px; 105 background: #000; 106 font-size: 0; 107 } 108 109 .handsontable .htBorder.current { 110 background: #5292F7; 111 width: 2px; 112 height: 2px; 113 } 114 115 .handsontable .htBorder.selection { 116 background: #89AFF9; 117 width: 1px; 118 height: 1px; 119 } 120 121 /* fill handle */ 122 .handsontable .htFillHandle { 123 position: absolute; 124 width: 4px; 125 height: 4px; 126 background: #5292F7; 127 border: 1px solid #fff; 128 font-size: 0; 129 cursor: crosshair; 130 } 131 132 .handsontable .htBorder.htFillBorder { 133 background: red; 134 width: 1px; 135 height: 1px; 136 } 137 138 /* textarea border color */ 139 textarea.handsontableInput { 140 border: 2px solid #5292F7; 141 outline-width: 0; 142 margin: 0; 143 padding: 1px 4px 0 2px; 144 font-family: Arial, Helvetica, sans-serif; /*repeat from .handsontable (inherit doesn't work with IE<8) */ 145 line-height: 1.3em; 146 font-size: 13px; 147 box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); 148 resize: none; 149 } 150 151 .handsontableInputHolder.htHidden textarea.handsontableInput { 152 border-color: #5292F7; 153 background: #5292F7; 154 color: #5292F7; 155 } 156 157 .handsontableInputHolder { 158 position: absolute; 159 top: 0; 160 left: 0; 161 width: 1px; 162 height: 1px; 163 overflow: hidden; 164 } 165 166 /* 167 AutocompleteRenderer down arrow 168 */ 169 .handsontable .htAutocomplete { 170 position: relative; 171 padding-right: 20px; 172 } 173 174 .handsontable .htAutocompleteArrow { 175 position: absolute; 176 top: 0; 177 right: 0; 178 font-size: 10px; 179 color: #EEE; 180 cursor: default; 181 width: 16px; 182 text-align: center; 183 } 184 185 .handsontable td .htAutocompleteArrow:hover { 186 color: #777; 187 } 188 189 /* typeahead rules. Needed only if you are using the autocomplete feature */ 190 .typeahead { 191 position: absolute; 192 font-family: Arial, Helvetica, sans-serif; 193 line-height: 1.3em; 194 font-size: 13px; 195 z-index: 10; 196 top: 100%; 197 left: 0; 198 float: left; 199 display: none; 200 min-width: 160px; 201 padding: 4px 0; 202 margin: 0; 203 list-style: none; 204 background-color: white; 205 border-color: #CCC; 206 border-color: rgba(0, 0, 0, 0.2); 207 border-style: solid; 208 border-width: 1px; 209 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 210 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 211 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 212 -webkit-background-clip: padding-box; 213 -moz-background-clip: padding; 214 background-clip: padding-box; 215 margin-top: 2px; 216 -webkit-border-radius: 4px; 217 -moz-border-radius: 4px; 218 border-radius: 4px; 219 } 220 221 .typeahead li { 222 line-height: 18px; 223 display: list-item; 224 } 225 226 .typeahead a { 227 display: block; 228 padding: 3px 15px; 229 clear: both; 230 font-weight: normal; 231 line-height: 18px; 232 color: #333; 233 white-space: nowrap; 234 } 235 236 .typeahead li > a:hover, .typeahead .active > a, .typeahead .active > a:hover { 237 color: white; 238 text-decoration: none; 239 background-color: #08C; 240 } 241 242 .typeahead a { 243 color: #08C; 244 text-decoration: none; 245 } 246 247 /*context menu rules*/ 248 ul.context-menu-list { 249 color: black; 250 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated: Fri Nov 28 20:08:37 2014 | Cross-referenced by PHPXref 0.7.1 |