1/* 2 * The default style sheet used to render WML. 3 * 4 * Copyright (C) 2000 Lars Knoll (knoll@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 27wml { 28 display: block 29} 30 31/* children of the <head> element all have display:none */ 32head { 33 display: none 34} 35 36meta { 37 display: none 38} 39 40access { 41 display: none 42} 43 44/* generic block-level elements */ 45 46card { 47 display: block; 48 margin: 8px 49} 50 51p { 52 display: block; 53 margin: 1.0__qem 0px 54} 55 56/* tables */ 57 58table { 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) */ 66table > tr { 67 vertical-align: middle; 68} 69 70tr { 71 display: table-row; 72 vertical-align: inherit; 73 border-color: inherit 74} 75 76td { 77 display: table-cell; 78 vertical-align: inherit 79} 80 81/* form elements */ 82 83go { 84 display: block; 85 margin-top: 0__qem 86} 87 88insertedLegend { 89 display: block; 90 padding-left: 2px; 91 padding-right: 2px; 92 border: none 93} 94 95fieldset { 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 103do { 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 115input, 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 129input, 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 139input::-webkit-input-placeholder { 140 color: darkGray; 141} 142 143input[type="password"] { 144 -webkit-text-security: disc !important; 145} 146 147input:-webkit-autofill { 148 background-color: #FAFFBD !important; 149 background-image:none !important; 150} 151 152do:disabled, select:disabled, optgroup:disabled, option:disabled { 153 color: GrayText 154} 155 156do:active { 157 border-style: inset 158} 159 160do:active:disabled { 161 border-style: outset 162} 163 164select { 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 177select[size], 178select[multiple], 179select[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 187select[size="0"], 188select[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 196optgroup { 197 font-weight: bolder; 198} 199 200option { 201 font-weight: normal; 202} 203 204/* inline elements */ 205 206u { 207 text-decoration: underline 208} 209 210strong, b { 211 font-weight: bolder 212} 213 214i, em { 215 font-style: italic 216} 217 218big { 219 font-size: larger 220} 221 222small { 223 font-size: smaller 224} 225 226pre { 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 */ 240wml:focus, card:focus { 241 outline: none 242} 243 244input:focus, select:focus { 245 outline-offset: -2px 246} 247 248a:-webkit-any-link, anchor:-webkit-any-link { 249 color: -webkit-link; 250 text-decoration: underline; 251 cursor: auto; 252} 253 254a:-webkit-any-link:active, anchor:-webkit-any-link:active { 255 color: -webkit-activelink 256} 257