inContentUI.css (4393B)
1 /* ***** BEGIN LICENSE BLOCK ***** 2 * Version: MPL 1.1/GPL 2.0/LGPL 2.1 3 * 4 * The contents of this file are subject to the Mozilla Public License Version 5 * 1.1 (the "License"); you may not use this file except in compliance with 6 * the License. You may obtain a copy of the License at 7 * http://www.mozilla.org/MPL/ 8 * 9 * Software distributed under the License is distributed on an "AS IS" basis, 10 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License 11 * for the specific language governing rights and limitations under the 12 * License. 13 * 14 * The Original Code is In-Content UI. 15 * 16 * The Initial Developer of the Original Code is 17 * the Mozilla Foundation. 18 * Portions created by the Initial Developer are Copyright (C) 2011 19 * the Initial Developer. All Rights Reserved. 20 * 21 * Contributor(s): 22 * Blair McBride <bmcbride@mozilla.com> 23 * Philipp von Weitershausen <philipp@weitershausen.de> 24 * 25 * Alternatively, the contents of this file may be used under the terms of 26 * either the GNU General Public License Version 2 or later (the "GPL"), or 27 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), 28 * in which case the provisions of the GPL or the LGPL are applicable instead 29 * of those above. If you wish to allow use of your version of this file only 30 * under the terms of either the GPL or the LGPL, and not to allow others to 31 * use your version of this file under the terms of the MPL, indicate your 32 * decision by deleting the provisions above and replace them with the notice 33 * and other provisions required by the GPL or the LGPL. If you do not delete 34 * the provisions above, a recipient may use your version of this file under 35 * the terms of any one of the MPL, the GPL or the LGPL. 36 * 37 * ***** END LICENSE BLOCK ***** */ 38 39 /* 40 * The default namespace for this file is XUL. Be sure to prefix rules that 41 * are applicable to both XUL and HTML with '*|'. 42 */ 43 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 44 @namespace html url("http://www.w3.org/1999/xhtml"); 45 46 /* Page background */ 47 *|*:root { 48 -moz-appearance: none; 49 padding: 18px; 50 background-repeat: repeat; 51 color: #bfbbb6; 52 background-color: #181411; 53 } 54 55 html|html { 56 font: message-box; 57 } 58 59 @media (-moz-windows-default-theme) { 60 } 61 62 @media (-moz-windows-compositor) { 63 } 64 65 /* Content */ 66 *|*.main-content { 67 /* Needed to allow the radius to clip the inner content, see bug 595656 */ 68 /* Disabled because of bug 623615 69 overflow: hidden; 70 */ 71 background-color: #181411; 72 border: 1px solid rgb(64,64,64); 73 color: #bfbbb6; 74 border-radius: 5px; 75 } 76 77 /* Buttons */ 78 *|button, 79 menulist, 80 colorpicker[type="button"] { 81 -moz-appearance: none; 82 color: #bfbbb6; 83 padding: 0 5px; 84 background-color: #181411; 85 background-clip: padding-box; 86 border-radius: 3px; 87 border: 1px solid rgb(75,75,75); 88 } 89 90 menulist { 91 padding-inline-end: 0; 92 } 93 94 colorpicker[type="button"]:-moz-focusring:not([open="true"]) > .colorpicker-button-colorbox { 95 outline: 1px dotted ThreeDDarkShadow; 96 } 97 98 html|button[disabled], 99 button[disabled="true"], 100 menulist[disabled="true"], 101 colorpicker[type="button"][disabled="true"] { 102 -moz-border-top-colors: rgb(64,64,64) !important; 103 -moz-border-right-colors: rgb(64,64,64) !important; 104 -moz-border-bottom-colors: rgb(64,64,64) !important; 105 -moz-border-left-colors: rgb(64,64,64) !important; 106 background-color: #181411; 107 color: #GrayText; 108 } 109 110 html|button:not([disabled]):active:hover, 111 button:not([disabled="true"]):active:hover, 112 menulist[open="true"]:not([disabled="true"]), 113 colorpicker[type="button"][open="true"]:not([disabled="true"]) { 114 background-color: rgb(23,23,23); 115 border-color: rgb(75,75,75); 116 } 117 118 html|button:not([disabled]):hover, 119 button:not([disabled="true"]):hover { 120 background-color: #181411; 121 } 122 123 button > .button-box { 124 padding: 1px !important; 125 } 126 127 spinbuttons > .spinbuttons-box > .spinbuttons-button { 128 border-radius: 0; 129 padding: 0 4px; 130 } 131 132 spinbuttons > .spinbuttons-box > .spinbuttons-up { 133 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); 134 border-bottom-width: 0; 135 } 136 137 spinbuttons > .spinbuttons-box > .spinbuttons-down { 138 list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); 139 } 140 141 colorpicker[type="button"] { 142 margin: 1px 5px 2px 5px; 143 padding: 3px; 144 height: 25px; 145 }