1 /* 2 * The default style sheet used to render WML. 3 * 4 * Copyright (C) 2000 Lars Knoll (knoll (at) kde.org) 5 * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved. 6 * Copyright (C) 2008 Torch Mobile Inc. All rights reserved. (http://www.torchmobile.com/) 7 * 8 * This library is free software; you can redistribute it and/or 9 * modify it under the terms of the GNU Library General Public 10 * License as published by the Free Software Foundation; either 11 * version 2 of the License, or (at your option) any later version. 12 * 13 * This library is distributed in the hope that it will be useful, 14 * but WITHOUT ANY WARRANTY; without even the implied warranty of 15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU 16 * Library General Public License for more details. 17 * 18 * You should have received a copy of the GNU Library General Public License 19 * along with this library; see the file COPYING.LIB. If not, write to 20 * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, 21 * Boston, MA 02110-1301, USA. 22 * 23 */ 24 25 @namespace "http://www.wapforum.org/DTD/wml_1.1.xml" 26 27 wml { 28 display: block 29 } 30 31 /* children of the <head> element all have display:none */ 32 head { 33 display: none 34 } 35 36 meta { 37 display: none 38 } 39 40 access { 41 display: none 42 } 43 44 /* generic block-level elements */ 45 46 card { 47 display: block; 48 margin: 8px 49 } 50 51 p { 52 display: block; 53 margin: 1.0__qem 0px 54 } 55 56 /* tables */ 57 58 table { 59 display: table; 60 border-collapse: separate; 61 border-spacing: 2px; 62 border-color: gray 63 } 64 65 /* for tables without table section elements (can happen with XHTML or dynamically created tables) */ 66 table > tr { 67 vertical-align: middle; 68 } 69 70 tr { 71 display: table-row; 72 vertical-align: inherit; 73 border-color: inherit 74 } 75 76 td { 77 display: table-cell; 78 vertical-align: inherit 79 } 80 81 /* form elements */ 82 83 go { 84 display: block; 85 margin-top: 0__qem 86 } 87 88 insertedLegend { 89 display: block; 90 padding-left: 2px; 91 padding-right: 2px; 92 border: none 93 } 94 95 fieldset { 96 display: block; 97 margin-left: 2px; 98 margin-right: 2px; 99 padding: 0.35em 0.75em 0.625em; 100 border: 2px groove ThreeDFace 101 } 102 103 do { 104 -webkit-appearance: button; 105 -webkit-box-align: center; 106 text-align: center; 107 cursor: default; 108 color: ButtonText; 109 padding: 2px 6px 3px 6px; 110 border: 2px outset ButtonFace; 111 background-color: ButtonFace; 112 -webkit-box-sizing: border-box 113 } 114 115 input, select, do { 116 margin: 0__qem; 117 font: -webkit-small-control; 118 color: initial; 119 letter-spacing: normal; 120 word-spacing: normal; 121 line-height: normal; 122 text-transform: none; 123 text-indent: 0; 124 text-shadow: none; 125 display: inline-block; 126 text-align: -webkit-auto; 127 } 128 129 input, input[type="password"] { 130 -webkit-appearance: textfield; 131 padding: 1px; 132 background-color: white; 133 border: 2px inset; 134 -webkit-rtl-ordering: logical; 135 -webkit-user-select: text; 136 cursor: auto; 137 } 138 139 input::-webkit-input-placeholder { 140 color: darkGray; 141 } 142 143 input[type="password"] { 144 -webkit-text-security: disc !important; 145 } 146 147 input:-webkit-autofill { 148 background-color: #FAFFBD !important; 149 background-image:none !important; 150 } 151 152 do:disabled, select:disabled, optgroup:disabled, option:disabled { 153 color: GrayText 154 } 155 156 do:active { 157 border-style: inset 158 } 159 160 do:active:disabled { 161 border-style: outset 162 } 163 164 select { 165 -webkit-appearance: menulist; 166 -webkit-box-sizing: border-box; 167 -webkit-box-align: center; 168 border: 1px solid; 169 -webkit-border-radius: 5px; 170 white-space: pre; 171 -webkit-rtl-ordering: logical; 172 color: black; 173 background-color: white; 174 cursor: default; 175 } 176 177 select[size], 178 select[multiple], 179 select[size][multiple] { 180 -webkit-appearance: listbox; 181 -webkit-box-align: start; 182 border: 1px inset gray; 183 -webkit-border-radius: initial; 184 white-space: initial; 185 } 186 187 select[size="0"], 188 select[size="1"] { 189 -webkit-appearance: menulist; 190 -webkit-box-align: center; 191 border: 1px solid; 192 -webkit-border-radius: 5px; 193 white-space: pre; 194 } 195 196 optgroup { 197 font-weight: bolder; 198 } 199 200 option { 201 font-weight: normal; 202 } 203 204 /* inline elements */ 205 206 u { 207 text-decoration: underline 208 } 209 210 strong, b { 211 font-weight: bolder 212 } 213 214 i, em { 215 font-style: italic 216 } 217 218 big { 219 font-size: larger 220 } 221 222 small { 223 font-size: smaller 224 } 225 226 pre { 227 display: block; 228 font-family: monospace; 229 white-space: pre; 230 margin: 1__qem 0 231 } 232 233 /* states */ 234 235 :focus { 236 outline: auto 5px -webkit-focus-ring-color 237 } 238 239 /* Read-only text fields do not show a focus ring but do still receive focus */ 240 wml:focus, card:focus { 241 outline: none 242 } 243 244 input:focus, select:focus { 245 outline-offset: -2px 246 } 247 248 a:-webkit-any-link, anchor:-webkit-any-link { 249 color: -webkit-link; 250 text-decoration: underline; 251 cursor: auto; 252 } 253 254 a:-webkit-any-link:active, anchor:-webkit-any-link:active { 255 color: -webkit-activelink 256 } 257