15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. */ 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* This file holds CSS that should be shared, in theory, by all user-visible 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * chrome:// pages. */ 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 82a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)@import url("widgets.css"); 95d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<if expr="chromeos"> 102a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) @import url("chromeos/ui_account_tweaks.css"); 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)</if> 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Prevent CSS from overriding the hidden property. */ 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)[hidden] { 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: none !important; 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1834680572440d7894ef8dafce81d8039ed80726a2Torne (Richard Coles)html { 1934680572440d7894ef8dafce81d8039ed80726a2Torne (Richard Coles) height: 100%; /* For printing. */ 2034680572440d7894ef8dafce81d8039ed80726a2Torne (Richard Coles)} 2134680572440d7894ef8dafce81d8039ed80726a2Torne (Richard Coles) 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html.loading * { 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transition-delay: 0 !important; 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-transition-duration: 0 !important; 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body { 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) cursor: default; 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0; 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)p { 335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) line-height: 1.8em; 345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)h1, 375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)h2, 385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)h3 { 395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-user-select: none; 405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: normal; 415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) /* Makes the vertical size of the text the same for all fonts. */ 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) line-height: 1; 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)h1 { 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 1.5em; 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)h2 { 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 1.3em; 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 0.4em; 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)h3 { 555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: black; 565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 1.2em; 575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin-bottom: 0.8em; 585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)a { 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgb(17, 85, 204); 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-decoration: underline; 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)a:active { 665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgb(5, 37, 119); 675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Elements that need to be LTR even in an RTL context, but should align 705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * right. (Namely, URLs, search engine names, etc.) 715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html[dir='rtl'] .weakrtl { 735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) direction: ltr; 745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: right; 755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Input fields in search engine table need to be weak-rtl. Since those input 785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * fields are generated for all cr.ListItem elements (and we only want weakrtl 795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * on some), the class needs to be on the enclosing div. 805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html[dir='rtl'] div.weakrtl input { 825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) direction: ltr; 835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: right; 845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html[dir='rtl'] .favicon-cell.weakrtl { 875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-padding-end: 22px; 885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-padding-start: 0; 895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* weakrtl for selection drop downs needs to account for the fact that 925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Webkit does not honor the text-align attribute for the select element. 935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * (See Webkit bug #40216) 945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html[dir='rtl'] select.weakrtl { 965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) direction: rtl; 975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html[dir='rtl'] select.weakrtl option { 1005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) direction: ltr; 1015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* WebKit does not honor alignment for text specified via placeholder attribute. 1045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * This CSS is a workaround. Please remove once WebKit bug is fixed. 1055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * https://bugs.webkit.org/show_bug.cgi?id=63367 1065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 1075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, 1085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { 1095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) direction: rtl; 1105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 111