elbaitemoon

Elbaite theme for Pale Moon
Log | Files | Refs

info-pages.css (2383B)

      1 @import url("chrome://global/skin/in-content/common.css");
      2 /* Body and container */
      3 body {
      4   display: flex;
      5   flex-direction: column;
      6   box-sizing: border-box;
      7   min-height: 100vh;
      8   padding-top: 0;
      9   padding-bottom: 0;
     10   padding-inline-start: calc(48px + 4.6em);
     11   padding-inline-end: 48px;
     12   padding-inline-start: calc(48px + 4.6em);
     13   padding-inline-end: 48px;
     14   align-items: center;
     15   justify-content: center;
     16 }
     17 
     18 .container {
     19   min-width: 13em;
     20   max-width: 52em;
     21 }
     22 
     23 .container.flex,
     24 .container.restore-chosen {
     25   display: flex;
     26   flex-direction: column;
     27   flex-grow: 1;
     28   margin: 10vh 0;
     29 }
     30 
     31 /* Typography */
     32 body > .container > h1:not(:empty) /* This is for  about:about  */
     33 {
     34   border-bottom: 1px solid #C1C1C1;
     35   padding-bottom: 0.4em;
     36 }
     37 
     38 .title {
     39   background-image: url("chrome://browser/skin/aboutNetError_info.svg");
     40   background-position: left 0;
     41   background-repeat: no-repeat;
     42   background-size: 1.6em;
     43   margin-inline-start: -2.3em;
     44   padding-inline-start: 2.3em;
     45   margin-inline-start: -2.3em;
     46   padding-inline-start: 2.3em;
     47   font-size: 2.5em;
     48 }
     49 
     50 .title:-moz-dir(rtl),
     51 .title:-moz-locale-dir(rtl) {
     52   background-position: right 0;
     53 }
     54 .title:dir(rtl) {
     55   background-position: right 0;
     56 }
     57 
     58 .title-text {
     59   border-bottom: 1px solid #C1C1C1;
     60   font-size: inherit;
     61   padding-bottom: 0.4em;
     62 }
     63 
     64 @media (max-width: 675px) {
     65   body {
     66     padding: 0 48px;
     67   }
     68 
     69   .title {
     70     background-image: none !important;
     71     padding-inline-start: 0;
     72     margin-inline-start: 0;
     73     padding-inline-start: 0;
     74     margin-inline-start: 0;
     75   }
     76 
     77   .title-text {
     78     padding-top: 0;
     79   }
     80 }
     81 
     82 ul, ol {
     83   margin: 0;
     84   padding: 0;
     85   margin-inline-start: 1em;
     86   margin-inline-start: 1em;
     87 }
     88 
     89 ul > li, ol > li {
     90   margin-bottom: .5em;
     91 }
     92 
     93 ul {
     94   list-style: disc;
     95 }
     96 
     97 dt {
     98   font-weight: bold;
     99 }
    100 
    101 ul.columns {
    102   column-count: 2;
    103   column-gap: 5em;
    104 }
    105 
    106 @media (max-width: 35em) {
    107   ul.columns {
    108     column-count: 1;
    109   }
    110 }
    111 
    112 /* Buttons */
    113 .button-container {
    114   margin-top: 1.2em;
    115 }
    116 
    117 .button-container > button {
    118   min-width: 150px;
    119 }
    120 
    121 .button-container > button:first-child {
    122   margin-inline-start: 0;
    123   margin-inline-start: 0;
    124 }
    125 
    126 /* Trees */
    127 .tree-container {
    128   margin-top: 1.2em;
    129   flex-grow: 1;
    130   min-height: 12em;
    131 }
    132 
    133 .tree-container > tree {
    134   height: 100%;
    135 }
    136 
    137 tree {
    138   width: 100%;
    139 }
    140 @supports not (scroll-snap-type:none) { {}/* Firefox < 39 */
    141   tree {
    142     min-height: 12em;
    143     margin-top: 1.2em;
    144   }
    145 }