static/css/layout.css

   1 /*
   2 -----------------------------------------------
   3 Grey Box Method - Layout CSS
   4 ----------------------------------------------- */
   5
   6 body {
   7         background: #FFF;
   8         color: #333;
   9         font-size: 11px;
  10         padding: 50px 0 40px;
  11 }
  12
  13 h7 { font-size: 11px; font-weight: normal;}
  14
  15 .post { overflow : hidden; }
  16
  17 /* anchors
  18 ----------------------------------------------- */
  19
  20 /* 960 grid system container background
  21 ----------------------------------------------- */
  22
  23 /* headings
  24 ----------------------------------------------- */
  25
  26 /* search-box
  27 ----------------------------------------------- */
  28
  29 #search-box {
  30     text-align: center;
  31 }
  32
  33 #search-box img {
  34     margin-bottom: 20px;
  35 }
  36
  37
  38 #search-box div {
  39     margin: 10px;
  40     margin-bottom: 40px;
  41 }
  42
  43 #results {
  44     margin-bottom: 40px;
  45 }
  46
  47 /* bottom
  48 ----------------------------------------------- */
  49 #bottom {
  50     text-align: center;
  51 }
  52
  53 /* results
  54 ----------------------------------------------- */
  55 .ebuild {
  56     background-color: #DDDDFF;
  57     margin: 0px;
  58     padding: 10px;
  59     margin-bottom: 10px;
  60 }
  61
  62 ul, li {
  63     list-style-type: none;
  64     margin: 0px;
  65     padding: 0px;
  66
  67 }
  68
  69 .ebuild:hover {
  70     background-color: #7A5ADA;
  71     color: black;
  72 }
  73
  74 .ebuild {
  75     font-size: 1.2em;
  76 }
  77
  78 .ebuild .description {
  79     font-size: 1.5em;
  80 }
  81
  82 .ebuild .homepage {
  83     float: right;
  84 }
  85
  86 .ebuild .path {
  87     float: left;
  88 }