make new tab page look actually good

[themes.git] / LCARStrek / global / in-content / info-pages.css

@import url("chrome://global/skin/in-content/common.css");\r
/* Body and container */\r
body {\r
  display: flex;\r
  flex-direction: column;\r
  box-sizing: padding-box;\r
  min-height: 100vh;\r
  padding-top: 0;\r
  padding-bottom: 0;\r
  -moz-padding-start: calc(48px + 4.6em);\r
  -moz-padding-end: 48px;\r
  align-items: center;\r
  justify-content: center;\r
}\r
\r
.container {\r
  min-width: 13em;\r
  max-width: 52em;\r
}\r
\r
.container.flex {\r
  display: flex;\r
  flex-direction: column;\r
  flex-grow: 1;\r
  margin: 10vh 0;\r
}\r
\r
/* Typography */\r
.title {\r
  background-image: url("chrome://browser/skin/aboutNetError_info.svg");\r
  background-position: left 0;\r
  background-repeat: no-repeat;\r
  background-size: 1.6em;\r
  -moz-margin-start: -2.3em;\r
  -moz-padding-start: 2.3em;\r
  font-size: 2.5em;\r
}\r
\r
.title:-moz-dir(rtl) {\r
  background-position: right 0;\r
}\r
\r
.title-text {\r
  border-bottom: 1px solid #A09090;\r
  font-size: inherit;\r
  padding-bottom: 0.4em;\r
}\r
\r
@media (max-width: 675px) {\r
  body {\r
    padding: 0 48px;\r
  }\r
\r
  .title {\r
    background-image: none !important;\r
    -moz-padding-start: 0;\r
    -moz-margin-start: 0;\r
  }\r
\r
  .title-text {\r
    padding-top: 0;\r
  }\r
}\r
\r
ul, ol {\r
  margin: 0;\r
  padding: 0;\r
  -moz-margin-start: 1em;\r
}\r
\r
ul > li, ol > li {\r
  margin-bottom: .5em;\r
}\r
\r
ul {\r
  list-style: disc;\r
}\r
\r
/* Buttons */\r
.button-container {\r
  margin-top: 1.2em;\r
}\r
\r
.button-container > button {\r
  min-width: 150px;\r
}\r
\r
.button-container > button:first-child {\r
  -moz-margin-start: 0;\r
}\r
\r
/* Trees */\r
.tree-container {\r
  margin-top: 1.2em;\r
  flex-grow: 1;\r
  min-height: 12em;\r
}\r
\r
.tree-container > tree {\r
  height: 100%;\r
}\r
\r
tree {\r
  width: 100%;\r
}\r