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 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 color: #000000 !important; 151 } 152 153 do:disabled, select:disabled, optgroup:disabled, option:disabled { 154 color: GrayText 155 } 156 157 do:active { 158 border-style: inset 159 } 160 161 do:active:disabled { 162 border-style: outset 163 } 164 165 select { 166 -webkit-appearance: menulist; 167 box-sizing: border-box; 168 -webkit-box-align: center; 169 border: 1px solid; 170 -webkit-border-radius: 5px; 171 white-space: pre; 172 -webkit-rtl-ordering: logical; 173 color: black; 174 background-color: white; 175 cursor: default; 176 } 177 178 select[size], 179 select[multiple], 180 select[size][multiple] { 181 -webkit-appearance: listbox; 182 -webkit-box-align: start; 183 border: 1px inset gray; 184 -webkit-border-radius: initial; 185 white-space: initial; 186 } 187 188 select[size="0"], 189 select[size="1"] { 190 -webkit-appearance: menulist; 191 -webkit-box-align: center; 192 border: 1px solid; 193 -webkit-border-radius: 5px; 194 white-space: pre; 195 } 196 197 optgroup { 198 font-weight: bolder; 199 } 200 201 option { 202 font-weight: normal; 203 } 204 205 /* inline elements */ 206 207 u { 208 text-decoration: underline 209 } 210 211 strong, b { 212 font-weight: bolder 213 } 214 215 i, em { 216 font-style: italic 217 } 218 219 big { 220 font-size: larger 221 } 222 223 small { 224 font-size: smaller 225 } 226 227 pre { 228 display: block; 229 font-family: monospace; 230 white-space: pre; 231 margin: 1__qem 0 232 } 233 234 /* states */ 235 236 :focus { 237 outline: auto 5px -webkit-focus-ring-color 238 } 239 240 /* Read-only text fields do not show a focus ring but do still receive focus */ 241 wml:focus, card:focus { 242 outline: none 243 } 244 245 input:focus, select:focus { 246 outline-offset: -2px 247 } 248 249 a:-webkit-any-link, anchor:-webkit-any-link { 250 color: -webkit-link; 251 text-decoration: underline; 252 cursor: auto; 253 } 254 255 a:-webkit-any-link:active, anchor:-webkit-any-link:active { 256 color: -webkit-activelink 257 } 258