WebCore/css/wml.css

   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
  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 }