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 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 color: #000000 !important; 151} 152 153do:disabled, select:disabled, optgroup:disabled, option:disabled { 154 color: GrayText 155} 156 157do:active { 158 border-style: inset 159} 160 161do:active:disabled { 162 border-style: outset 163} 164 165select { 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 178select[size], 179select[multiple], 180select[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 188select[size="0"], 189select[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 197optgroup { 198 font-weight: bolder; 199} 200 201option { 202 font-weight: normal; 203} 204 205/* inline elements */ 206 207u { 208 text-decoration: underline 209} 210 211strong, b { 212 font-weight: bolder 213} 214 215i, em { 216 font-style: italic 217} 218 219big { 220 font-size: larger 221} 222 223small { 224 font-size: smaller 225} 226 227pre { 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 */ 241wml:focus, card:focus { 242 outline: none 243} 244 245input:focus, select:focus { 246 outline-offset: -2px 247} 248 249a:-webkit-any-link, anchor:-webkit-any-link { 250 color: -webkit-link; 251 text-decoration: underline; 252 cursor: auto; 253} 254 255a:-webkit-any-link:active, anchor:-webkit-any-link:active { 256 color: -webkit-activelink 257} 258