diff options
Diffstat (limited to 'Source/WebCore/css/html.css')
| -rw-r--r-- | Source/WebCore/css/html.css | 61 |
1 files changed, 56 insertions, 5 deletions
diff --git a/Source/WebCore/css/html.css b/Source/WebCore/css/html.css index 823f5f3..3c75559 100644 --- a/Source/WebCore/css/html.css +++ b/Source/WebCore/css/html.css @@ -2,7 +2,7 @@ * The default style sheet used to render HTML. * * Copyright (C) 2000 Lars Knoll (knoll@kde.org) - * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved. + * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 Apple Inc. All rights reserved. * * This library is free software; you can redistribute it and/or * modify it under the terms of the GNU Library General Public @@ -474,6 +474,7 @@ input[type="range"] { input[type="range"]::-webkit-slider-thumb { -webkit-appearance: sliderthumb-horizontal; + display: block; } input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, @@ -536,10 +537,6 @@ select[size="1"] { white-space: pre; } -datalist { - display: none; -} - optgroup { font-weight: bolder; } @@ -552,6 +549,59 @@ output { display: inline; } +/* form validation message bubble */ + +::-webkit-validation-bubble { + display: block; + z-index: 2147483647; + position: absolute; + opacity: 0.9; + line-height: 0; + -webkit-transition: opacity 05.5s ease; +} + +::-webkit-validation-bubble-message { + display: block; + font: message-box; + min-width: 50px; + max-width: 200px; + border: solid 2px black; + background: -webkit-gradient(linear, left top, left bottom, from(#fbf9f9), to(#f0e4e4)); + padding: 8px; + -webkit-border-radius: 8px; + -webkit-box-shadow: 4px 4px 4px rgba(204,204,204,0.7); + line-height: normal; +} + +::-webkit-validation-bubble-top-outer-arrow { + display: inline-block; + position: relative; + left: 14px; + height: 0; + width: 0; + border-style: solid; + border-width: 14px; + border-bottom-color: black; + border-right-color: transparent; + border-top-width: 0; + border-left-width: 0; +} + +::-webkit-validation-bubble-top-inner-arrow { + display: inline-block; + height: 0; + width: 0; + border-style: solid; + border-width: 10px; /* <border box width of outer-arrow> - <message border width> * 2 */ + border-bottom-color: #fbf9f9; + border-right-color: transparent; + border-top-width: 0; + border-left-width: 0; + position: relative; + top: 2px; /* <message border width> */ + left: 2px; /* <outer-arrow position> + <message border width> - <border box width of outer-arrow> */ +} + /* meter */ meter { @@ -738,6 +788,7 @@ ruby, rt { rt { line-height: normal; + -webkit-text-emphasis: none; } ruby > rt { |