michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: #tabs-display,
michael@0: #tabsList {
michael@0:   background-color: transparent;
michael@0:   -moz-appearance: none;
michael@0:   margin: 0;
michael@0: }
michael@0: 
michael@0: #tabsList {
michael@0:   width: 100%;
michael@0: }
michael@0: 
michael@0: #tabs-display {
michael@0:   background: #fff url(chrome://browser/skin/sync-bg.png) repeat-x center -80px;
michael@0: }
michael@0: 
michael@0: #headers {
michael@0:   background: url(chrome://browser/skin/sync-32.png) no-repeat;
michael@0:   margin-top: 4px;
michael@0:   width: 45em;
michael@0:   height: 32px;
michael@0:   -moz-margin-start: 2em;
michael@0:   -moz-margin-end: 2em;
michael@0: }
michael@0: 
michael@0: #tabsListHeading {
michael@0:   font-size: 140%;
michael@0:   font-weight: bold;
michael@0:   -moz-margin-start: 40px;
michael@0: }
michael@0: 
michael@0: richlistitem {
michael@0:   -moz-margin-end: 2em;
michael@0: }
michael@0: 
michael@0: richlistitem[selected="true"],
michael@0: richlistitem:focus {
michael@0:   outline-style: none;
michael@0: }
michael@0: 
michael@0: richlistitem[type="tab"] {
michael@0:   min-height: 3em;
michael@0:   border: #999999 1px solid !important;
michael@0:   padding: 2px 5px;
michael@0:   margin-bottom: 4px;
michael@0:   -moz-margin-start: 4em;
michael@0:   border-radius: 6px;
michael@0:   background-color: menu;
michael@0:   width: 44em;
michael@0:   opacity: 0.9;
michael@0:   box-shadow:
michael@0:     inset rgba(255, 255, 255, 0.5) 0 1px 0px,
michael@0:     inset rgba(0, 0, 0, 0.1) 0 -2px 0px,
michael@0:     rgba(0, 0, 0, 0.1) 0px 1px 0px;
michael@0: }
michael@0: 
michael@0: richlistitem[type="tab"][selected="true"] {
michael@0:   background-color: -moz-MenuHover;
michael@0: }
michael@0: 
michael@0: richlistitem[type="client"] {
michael@0:   min-height: 2em;
michael@0:   color: #000000;
michael@0:   -moz-margin-start: 2em;
michael@0:   margin-top: 2px;
michael@0:   margin-bottom: 3px;
michael@0:   width: 42em;
michael@0:   border-radius: 6px;
michael@0:   background-color: transparent;
michael@0:   -moz-user-focus: ignore !important;
michael@0: }
michael@0: richlistitem.mobile[type="client"] {
michael@0:   list-style-image: url("chrome://browser/skin/sync-mobileIcon.png");
michael@0: }
michael@0: richlistitem.desktop[type="client"] {
michael@0:   list-style-image: url("chrome://browser/skin/sync-desktopIcon.png");
michael@0: }
michael@0: 
michael@0: .title,
michael@0: .clientName {
michael@0:   color: #000000;
michael@0:   font-size: 1.1em;
michael@0: }
michael@0: 
michael@0: .title[selected="true"],
michael@0: .url[selected="true"] {
michael@0:   color: inherit;
michael@0: }
michael@0: 
michael@0: .url {
michael@0:   color: -moz-nativehyperlinktext;
michael@0:   font-size: 0.95em;
michael@0: }
michael@0: 
michael@0: .tabIcon {
michael@0:   -moz-padding-start: 2px;
michael@0:   padding-top: 2px;
michael@0: }