pageInfo.css (1403B)
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 :root { 6 min-width: 24em; 7 min-height: 24em; 8 } 9 10 #mainDeck { 11 padding: 10px; 12 min-height: 0; 13 } 14 15 #mediaPreviewBox, 16 #imagecontainerbox, 17 #mediaBrowser, 18 #mainDeck > vbox { 19 min-width: 0; 20 min-height: 0; 21 } 22 23 #viewGroup > radio > .radio-label-box { 24 flex-direction: column; 25 align-items: center; 26 } 27 28 /* Hide the radio button for the section headers */ 29 #viewGroup > radio > .radio-check { 30 display: none; 31 } 32 33 #theimagecontainer, 34 #mediaBrowser { 35 width: 100%; 36 height: 100%; 37 } 38 39 table { 40 border-spacing: 0; 41 } 42 43 .tableSeparator { 44 height: 6px; 45 } 46 47 th, 48 td { 49 padding: 0; 50 } 51 52 th { 53 font: inherit; 54 text-align: start; 55 padding-inline-end: 0.5em; 56 } 57 58 /* 59 Make the first column shrink to its min-content, except for #securityTable 60 which has full sentences in its first column. 61 */ 62 table:not(#securityTable) th { 63 width: 0; 64 } 65 66 th > label, 67 td > input, 68 .table-split-column { 69 width: -moz-available; 70 margin-block: 1px 4px; 71 } 72 73 .table-split-column { 74 display: flex; 75 align-items: center; 76 } 77 78 .table-split-column > label, 79 .table-split-column > input { 80 flex: 1 auto; 81 } 82 83 .table-split-column > button { 84 flex-shrink: 0; 85 } 86 87 #hostText { 88 flex: 1; 89 margin-top: 1px; /* same margin as adjacent label */ 90 }