1 files changed, 309 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/global/global.css b/comm/suite/themes/modern/global/global.css
new file mode 100644
index 0000000000..2fe9344fc0
--- /dev/null
+++ b/comm/suite/themes/modern/global/global.css
@@ -0,0 +1,309 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== global.css =====================================================
+  == Styles that apply everywhere.
+  ======================================================================= */
+
+/* all localizable skin settings shall live here */
+@import url("chrome://global/locale/intl.css");
+@import url("chrome://global/skin/menu.css");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: XBL bindings ::::: */
+
+toolbarbutton[type="menu-button"] {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menu-button");
+}
+
+toolbarbutton.devtools-toolbarbutton[type="menu-button"] {
+  -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-button");
+}
+
+.menulist-compact {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
+}
+
+/* ::::: root elements ::::: */
+
+window, 
+page,
+dialog,
+wizard,
+prefwindow { 
+  background-color: #C7D0D9;
+  color: #000000;
+  font: message-box;
+}
+  
+[wait-cursor] { 
+  cursor: wait !important; 
+}
+
+/* deprecated */  
+window.dialog { 
+  padding: 7px 5px 5px;
+}
+
+/* ::::: alert icons :::::*/
+
+.message-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/information-48.png");
+}
+
+.alert-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/warning-48.png");
+}
+
+.error-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/error-48.png");
+}
+
+.question-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/question-48.png");
+}
+
+.authentication-icon {
+  width: 48px;
+  height: 48px;
+  list-style-image: url("chrome://global/skin/icons/authentication-48.png");
+}
+
+/* ::::: iframe ::::: */
+
+iframe {
+  border: none;
+  width: 100px;
+  height: 100px;
+  min-width: 10px;
+  min-height: 10px;
+}
+
+/* Override resizer.css for "normal" resizers */
+resizer {
+  background-color: transparent;
+}
+
+/* ::::: miscellaneous ::::: */
+
+.toolbar-focustarget {
+  -moz-user-focus: ignore !important;
+}
+
+description.error {
+  color: #FF0000;
+}
+/* :::::: autoscroll popup ::::: */
+
+.autoscroller {
+  height: 28px;
+  width: 28px;
+  border: none;
+  margin: -14px;
+  padding: 0;
+  background-image: url("chrome://global/skin/icons/autoscroll.png");
+  background-color: transparent;
+  -moz-appearance: none;
+  -moz-window-shadow: none;
+}
+
+.autoscroller[scrolldir="NS"] {
+  background-position: left center;
+}
+
+.autoscroller[scrolldir="EW"] {
+  background-position: left bottom;
+}
+
+.autoscroller[transparent="true"] {
+  background-position: center top;
+}
+
+.autoscroller[transparent="true"][scrolldir="NS"] {
+  background-position: center center;
+}
+
+.autoscroller[transparent="true"][scrolldir="EW"] {
+  background-position: center bottom;
+}
+
+.autoscroller[translucent="true"] {
+  background-position: right top;
+}
+
+.autoscroller[translucent="true"][scrolldir="NS"] {
+  background-position: right center;
+}
+
+.autoscroller[translucent="true"][scrolldir="EW"] {
+  background-position: right bottom;
+}
+
+/* :::::: Close button icons ::::: */
+
+.close-icon {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+}
+
+.close-icon:hover {
+  list-style-image: url("chrome://global/skin/icons/close-hov.png");
+}
+
+.close-icon:hover:active {
+  list-style-image: url("chrome://global/skin/icons/close-act.png");
+}
+
+/* ===== taken from formatting.css ===== */
+
+/* ::::: inset areas ::::: */
+
+.inset {
+  border: 1px inset #C7D0D9;
+  margin: 0px 5px 5px 5px;
+}
+
+/* ::::: formatting ::::: */
+
+.outset {
+  border: 1px outset #C7D0D9;
+}
+
+/* ::::: separator rules ::::: */
+
+/* ..... standard separators ..... */
+
+separator, separator[orient="horizontal"] {
+  height: 1.5em;
+}
+
+separator[orient="vertical"] {
+  width: 1.5em;
+}
+
+/* ..... thinner separators ..... */
+
+separator.thin, separator.thin[orient="horizontal"] {
+  height: 0.5em;
+}
+
+separator.thin[orient="vertical"] {
+  width: 0.5em;
+}
+
+/* ..... groove separators ..... */
+
+separator.groove,
+separator.groove[orient="horizontal"] {
+  border-top: 1px solid #7A8490;
+  border-bottom: 1px solid #FEFEFE;
+  height: 0px;
+  margin-top: 0.4em;
+  margin-bottom: 0.4em;
+}
+
+separator.groove[orient="vertical"] {
+  border-left: 1px solid #7A8490;
+  border-right: 1px solid #FEFEFE;
+  margin: 0 .4em;
+}
+
+/* ..... thin groove separators ..... */
+
+separator.groove-thin {
+  border-top: 2px groove #D7D9E0;
+  height: 0px;
+}
+
+separator[orient="vertical"].groove-thin {
+  border-left: 2px groove #D7D9E0;
+}
+
+/* ::::: text formatting rules ::::: */
+
+/* ..... label (with margins) ..... */
+
+/* reduced margin for some UI */
+.small-margin {
+  margin: 1px 2px 1px 2px;
+}
+
+.plain {
+  margin: 0px !important;
+  border: none;
+  padding: 0px;
+}
+
+description, label {
+  cursor: default;
+}
+
+description {
+  margin: 1px 5px 4px 5px;
+}
+
+label {
+  margin: 1px 5px 2px 5px;
+}
+
+description[disabled="true"],
+label[disabled="true"] {
+  color: #8C99AB;
+}
+
+.tooltip-label {
+  margin: 0px;
+}
+
+.header {
+  font-weight: bold;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+.indent {
+  margin-inline-start: 20px;
+}
+
+.box-padded {
+  padding: 5px;
+}
+
+.spaced {
+  margin: 3px 5px 4px 5px;
+}
+
+/* class for text with a 'link' appearance */
+.text-link {
+  color: blue;
+  text-decoration: underline;
+}
+
+.text-link:focus {
+  color: red;
+  /* Don't specify the outline-color, we should always use initial value. */
+  outline: 1px dotted;
+}
+
+.text-link:hover {
+  cursor: pointer;
+}
+
+.text-link:hover:active {
+  color: red;
+}
+
+.text-link[visited="true"] {
+  color: purple;
+}