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 }
  11
  12 h7 { font-size: 11px; font-weight: normal;}
  13
  14 .post { overflow : hidden; }
  15
  16 /* anchors
  17 ----------------------------------------------- */
  18
  19 /* 960 grid system container background
  20 ----------------------------------------------- */
  21
  22 /* headings
  23 ----------------------------------------------- */
  24
  25 #header {
  26         font-size: 13px;
  27         background: #5218EC;
  28         padding: 5px;
  29         margin-bottom: 50px;
  30 }
  31
  32 /* search-box
  33 ----------------------------------------------- */
  34
  35 #search-box {
  36     text-align: center;
  37 }
  38
  39 #search-box img {
  40     margin-bottom: 20px;
  41 }
  42
  43
  44 #search-box div {
  45     margin: 10px;
  46     margin-bottom: 40px;
  47 }
  48
  49 #results {
  50     margin-bottom: 40px;
  51 }
  52
  53 /* bottom
  54 ----------------------------------------------- */
  55 #bottom {
  56     text-align: center;
  57 }
  58
  59 /* results
  60 ----------------------------------------------- */
  61 .ebuild {
  62     background-color: #DDDDFF;
  63     margin: 0px;
  64     padding: 10px;
  65     margin-bottom: 10px;
  66 }
  67
  68 ul, li {
  69     list-style-type: none;
  70     margin: 0px;
  71     padding: 0px;
  72
  73 }
  74
  75 .ebuild:hover {
  76     background-color: #7A5ADA;
  77     color: black;
  78 }
  79
  80 .ebuild {
  81     font-size: 1.2em;
  82 }
  83
  84 .ebuild .description {
  85     font-size: 1.5em;
  86 }
  87
  88 .ebuild .homepage {
  89     float: right;
  90 }
  91
  92
  93 .ebuild:hover .path {
  94     color: #00FF00;
  95 }
  96
  97 .ebuild .path {
  98     float: left;
  99     font-weight: bold;
 100 }
 101
 102 .info {
 103     background: #5218EC;
 104     color: black;
 105
 106 }
 107
 108 .info a {
 109     color : #00FF00;
 110     text-decoration: none;
 111 }
 112
 113 .info a:hover {
 114     color : #00FF00;
 115     text-decoration: underline;
 116 }
 117
 118
 119 #bottom {
 120     background: #5218EC;
 121     color: black;
 122 }