cookbooks/planet/files/default/html/style.css

   1 body {
   2     font-family: sans-serif;
   3     line-height: 1.25em;
   4     margin: 2em;
   5     min-width: 350px;
   6     max-width: 1100px;
   7 }
   8
   9 img#logo { float: left; }
  10 img#logo, h1 { margin: 0 1em 0 0; }
  11
  12 li { margin-bottom: 1em; }
  13
  14 p, li {color: #333;}
  15
  16 #about {
  17   display: flex;
  18   flex-direction: row;
  19   width: 100%;
  20 }
  21
  22 #about > div {
  23   padding-right: 2em;
  24   flex: 1;
  25 }
  26
  27 @media(max-width: 900px) {
  28   body {
  29     margin: 20px 10px;
  30   }
  31
  32   img#logo {
  33     width: 64px;
  34     height: 64px;
  35   }
  36
  37   #about {
  38     flex-direction: column;
  39   }
  40
  41   #about > div {
  42     padding-right: 0;
  43   }
  44
  45   pre {
  46     width: 100%;
  47     overflow: scroll;
  48   }
  49 }
  50
  51 ul {
  52   padding-left: 1em;
  53 }
  54
  55 ul li {
  56   margin-bottom: 0.3em;
  57 }
  58
  59 table tr th { text-align: left; }
  60
  61 table tr td
  62 {
  63     padding-right: 1em;
  64     vertical-align: top;
  65 }
  66
  67 /* first column: icon */
  68 table tr td:first-child
  69 {
  70     padding-left: 1em;
  71     padding-right: .25em;
  72 }
  73
  74 /* last two columns: date and size */
  75 table tr td + td + td,
  76 table tr td + td + td + td
  77 {
  78     font-size: 90%;
  79     font-family: monospace;
  80     white-space: pre;
  81 }
  82
  83 /* override a bunch of the stuff above */
  84 table#about tr th,
  85 table#about tr td
  86 {
  87     width: 20em;
  88     padding: 0 1em 0 0;
  89     font-size: 100%;
  90     white-space: normal;
  91 }
  92
  93 .alert {
  94   clear: both;
  95   padding: 20px;
  96   background-color: #ff9800; /* Orange */
  97   color: white;
  98   margin: 15px auto;
  99   max-width: 42em;
 100   border-radius: 4px;
 101 }