www/menu.css

   1 /***************/
   2 /* page layout */
   3 /***************/
   4
   5 #menu {
   6         line-height: 1.3em;
   7         width: 18em;
   8         float: left;
   9         margin-right: 3em;
  10         padding: 1em;
  11         background-color: #edf7ff;
  12 }
  13 /**************/
  14 /* menu style */
  15 /**************/
  16
  17 #menu .submenu {
  18         display:block;
  19         padding-top: 0.2em;
  20         font-bottom: 1.2em;
  21 }
  22
  23 /*
  24  * Color scheme
  25  * blue: #556293
  26  * red:  #931e24
  27  * brown: #937155
  28  * green: #24931e
  29  */
  30
  31 #menu label {
  32         display:block;
  33         color: white;
  34         margin-bottom: 0.4em;
  35         margin-top: 0.4em;
  36         font-weight: bold;
  37         font-size: 1.1em;
  38         text-align: center;
  39         background-color: #3b4567;
  40         -webkit-border-radius: 5px;
  41         -moz-border-radius: 5px;
  42         border-radius: 5px;
  43         padding-top: 0.2em;
  44         padding-bottom: 0.2em;
  45 }
  46
  47 #menu a {
  48         padding:0 .2em;
  49         -webkit-border-radius: 5px;
  50         -moz-border-radius: 5px;
  51         border-radius: 5px;
  52         display:block;
  53         font-weight: bold;
  54         text-decoration: none;
  55         color: #3b4567;
  56 }
  57
  58 a.rss-item {
  59         margin-bottom: -1.2em;
  60 }
  61 #menu a:visited {
  62 }
  63
  64 #menu .submenu2 {
  65         margin-top: 2em;
  66 }
  67
  68 #menu .submenu2 label {
  69         background-color: #f35555;
  70 }
  71
  72 .rss-box {
  73   padding: 0em;
  74 }
  75
  76 li.rss-item {
  77   padding-bottom: 1em;
  78 }
  79
  80 .rss_item {
  81   padding-top: 1em;
  82 }
  83
  84 .rss-date {
  85   font-size: 0.8em;
  86   color: #f35555;
  87   padding-left: 0.4em;
  88   margin-bottom: 2em;
  89   padding-bottom: 2em;
  90   text-align: right;
  91   float: right;
  92 }