chrome_shared.css revision 34680572440d7894ef8dafce81d8039ed80726a2
1aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 2b0c97975894a5eebebf9d93147cdd941a3accb63fbarchard@google.com * Use of this source code is governed by a BSD-style license that can be 3aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org * found in the LICENSE file. */ 4aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org 5aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org/* This file holds CSS that should be shared, in theory, by all user-visible 6aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org * chrome:// pages. */ 7cde587092fef0dbed2c35602f30b79e7b892e766fbarchard@google.com 8aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org@import url("widgets.css"); 9aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org<if expr="chromeos"> 10aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org @import url("chromeos/ui_account_tweaks.css"); 11142f6c4ed5eaeec0176f255e64bac8d8c70b42e1fbarchard@google.com</if> 12aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org 13c82af4a59ce299da67084916317266a33c2868e1frkoenig@google.com/* Prevent CSS from overriding the hidden property. */ 14c82af4a59ce299da67084916317266a33c2868e1frkoenig@google.com[hidden] { 15fe5ff7ed5451496281697bda9cb85084c532926cfbarchard@google.com display: none !important; 16fe5ff7ed5451496281697bda9cb85084c532926cfbarchard@google.com} 17aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org 18fe5ff7ed5451496281697bda9cb85084c532926cfbarchard@google.comhtml { 19aed1cc94c105736a5e6010e9c84cc32910b865d6mikhal@webrtc.org height: 100%; /* For printing. */ 202d11d43a6e21865b904705acce6535ae4c2d3caffbarchard@google.com} 21d2f4413d29d15b94d971630ba555dd0cd8fcc8c2fbarchard@google.com 222d11d43a6e21865b904705acce6535ae4c2d3caffbarchard@google.comhtml.loading * { 23714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com -webkit-transition-delay: 0 !important; 24714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com -webkit-transition-duration: 0 !important; 25373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.com} 26373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.com 27373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.combody { 28373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.com cursor: default; 29373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.com margin: 0; 30373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.com} 31714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com 32714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.comp { 33714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com line-height: 1.8em; 34714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com} 35714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com 36714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.comh1, 37714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.comh2, 38373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.comh3 { 39b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.com -webkit-user-select: none; 40b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.com font-weight: normal; 41b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.com /* Makes the vertical size of the text the same for all fonts. */ 42714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com line-height: 1; 43714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com} 44b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.com 452430e04e0a262f8919f61cf1e64304c69ea94127fbarchard@google.comh1 { 46714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com font-size: 1.5em; 47714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com} 48714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com 49b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.comh2 { 50b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.com font-size: 1.3em; 51714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com margin-bottom: 0.4em; 52714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com} 53714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com 54228bdc24e44264baf3402124aaa6d4d81c8896f5fbarchard@google.comh3 { 55714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com color: black; 56714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com font-size: 1.2em; 57714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com margin-bottom: 0.8em; 58714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com} 59714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com 60714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.coma { 61714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com color: rgb(17, 85, 204); 62714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com text-decoration: underline; 63714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com} 64714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com 65714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.coma:active { 66714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com color: rgb(5, 37, 119); 67714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com} 68714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com 69714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com/* Elements that need to be LTR even in an RTL context, but should align 70228bdc24e44264baf3402124aaa6d4d81c8896f5fbarchard@google.com * right. (Namely, URLs, search engine names, etc.) 71228bdc24e44264baf3402124aaa6d4d81c8896f5fbarchard@google.com */ 724de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.comhtml[dir='rtl'] .weakrtl { 734de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com direction: ltr; 744de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com text-align: right; 754de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com} 764de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com 774de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com/* Input fields in search engine table need to be weak-rtl. Since those input 784de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com * fields are generated for all cr.ListItem elements (and we only want weakrtl 794de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com * on some), the class needs to be on the enclosing div. 804de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com */ 814de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.comhtml[dir='rtl'] div.weakrtl input { 824de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com direction: ltr; 834de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com text-align: right; 844de0c439aae9f2d40246dfebce82c18a159ebdc8fbarchard@google.com} 85373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.com 86228bdc24e44264baf3402124aaa6d4d81c8896f5fbarchard@google.comhtml[dir='rtl'] .favicon-cell.weakrtl { 87228bdc24e44264baf3402124aaa6d4d81c8896f5fbarchard@google.com -webkit-padding-end: 22px; 88228bdc24e44264baf3402124aaa6d4d81c8896f5fbarchard@google.com -webkit-padding-start: 0; 89714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com} 90714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com 91714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com/* weakrtl for selection drop downs needs to account for the fact that 92714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com * Webkit does not honor the text-align attribute for the select element. 93714050a29dea9ab6aebb54acb8f79edf9b9f337dfbarchard@google.com * (See Webkit bug #40216) 94ba1f52692605bbf8fedb8a915275c71fa186d291fbarchard@google.com */ 95ba1f52692605bbf8fedb8a915275c71fa186d291fbarchard@google.comhtml[dir='rtl'] select.weakrtl { 969394ed99fcc9802a068ba4a44c36aed79ce87157fbarchard@google.com direction: rtl; 979394ed99fcc9802a068ba4a44c36aed79ce87157fbarchard@google.com} 989394ed99fcc9802a068ba4a44c36aed79ce87157fbarchard@google.com 999394ed99fcc9802a068ba4a44c36aed79ce87157fbarchard@google.comhtml[dir='rtl'] select.weakrtl option { 100373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.com direction: ltr; 1019394ed99fcc9802a068ba4a44c36aed79ce87157fbarchard@google.com} 1029394ed99fcc9802a068ba4a44c36aed79ce87157fbarchard@google.com 1039394ed99fcc9802a068ba4a44c36aed79ce87157fbarchard@google.com/* WebKit does not honor alignment for text specified via placeholder attribute. 104b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.com * This CSS is a workaround. Please remove once WebKit bug is fixed. 105373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.com * https://bugs.webkit.org/show_bug.cgi?id=63367 106b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.com */ 107b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.comhtml[dir='rtl'] input.weakrtl::-webkit-input-placeholder, 108b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.comhtml[dir='rtl'] .weakrtl input::-webkit-input-placeholder { 109b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.com direction: rtl; 110373cdbdc58d6e7b7e4653840677ef01468607e84fbarchard@google.com} 111b61497636a648c771ac55d184a80b17aca7414f5fbarchard@google.com