aboutSyncTabs.css (2018B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 #tabs-display, 6 #tabsList { 7 background-color: transparent; 8 -moz-appearance: none; 9 margin: 0; 10 } 11 12 #tabsList { 13 width: 100%; 14 } 15 16 #tabs-display { 17 background: #fff url(chrome://browser/skin/sync-bg.png) repeat-x center -80px; 18 } 19 20 #headers { 21 background: url(chrome://browser/skin/sync-32.png) no-repeat; 22 margin-top: 4px; 23 width: 45em; 24 height: 32px; 25 margin-inline-start: 2em; 26 margin-inline-end: 2em; 27 } 28 29 #tabsListHeading { 30 font-size: 140%; 31 font-weight: bold; 32 margin-inline-start: 40px; 33 } 34 35 richlistitem { 36 margin-inline-end: 2em; 37 } 38 39 richlistitem[selected="true"], 40 richlistitem:focus { 41 outline-style: none; 42 } 43 44 richlistitem[type="tab"] { 45 min-height: 3em; 46 border: #999999 1px solid !important; 47 padding: 2px 5px; 48 margin-bottom: 4px; 49 margin-inline-start: 4em; 50 border-radius: 6px; 51 background-color: menu; 52 width: 44em; 53 opacity: 0.9; 54 box-shadow: 55 inset rgba(255, 255, 255, 0.5) 0 1px 0px, 56 inset rgba(0, 0, 0, 0.1) 0 -2px 0px, 57 rgba(0, 0, 0, 0.1) 0px 1px 0px; 58 } 59 60 richlistitem[type="tab"][selected="true"] { 61 background-color: -moz-MenuHover; 62 } 63 64 richlistitem[type="client"] { 65 min-height: 2em; 66 color: #000000; 67 margin-inline-start: 2em; 68 margin-top: 2px; 69 margin-bottom: 3px; 70 width: 42em; 71 border-radius: 6px; 72 background-color: transparent; 73 -moz-user-focus: ignore !important; 74 } 75 richlistitem.mobile[type="client"] { 76 list-style-image: url("chrome://browser/skin/sync-mobileIcon.png"); 77 } 78 richlistitem.desktop[type="client"] { 79 list-style-image: url("chrome://browser/skin/sync-desktopIcon.png"); 80 } 81 82 .title, 83 .clientName { 84 color: #000000; 85 font-size: 1.1em; 86 } 87 88 .title[selected="true"], 89 .url[selected="true"] { 90 color: inherit; 91 } 92 93 .url { 94 color: -moz-nativehyperlinktext; 95 font-size: 0.95em; 96 } 97 98 .tabIcon { 99 padding-inline-start: 2px; 100 padding-top: 2px; 101 }