wamblee.org Git - photos/blob - src/main/java/org/wamblee/photos/wicket/photos.css

   1 /* general */
   2 body {
   3     font-family: Arial, Helvetica, sans-serif;
   4     list-style-type: square;
   5     font-size: 20px;
   6 }
   7 /* menu styling */
   8
   9 #menu {
  10     font-size: 20px;
  11     clear: both;
  12 }
  13
  14 #menu ul {
  15     list-style: none;
  16     margin: 0;
  17     padding: 0;
  18     padding-top: 1em;
  19 }
  20
  21 #menu li {
  22     display: inline;
  23     background: black;
  24     padding: 4px 10px 5px 10px;
  25     color: white;
  26 }
  27
  28 #menu li a {
  29     color: #82cafa;
  30     text-decoration: none;
  31 }
  32 /* banner */
  33
  34 #banner {
  35     background: url(banner.png);
  36     height: 150px;
  37     width: 100%;
  38 }
  39
  40 #banner img {
  41     float: left;
  42     margin: 0;
  43     border: medium none;
  44 }
  45
  46 #banner .title {
  47     display: block;
  48     font-size: 16px;
  49     position: absolute;
  50     text-align: center;
  51     top: 135px;
  52     width: 178px;
  53 }
  54
  55 #logout {
  56     display: block;
  57     position: absolute;
  58     top: 20px;
  59     left: 220px;
  60 }
  61
  62 /* feedback panel */
  63
  64 ul.feedbackPanel {
  65     color: red;
  66 }
  67 /* the contents on the main page */
  68
  69 #content {
  70     clear: both;
  71     margin-top: 1em;
  72 }
  73
  74 #content em {
  75     display: block;
  76     margin-bottom: 0px;
  77     font-style: normal;
  78     font-weight: bold;
  79     font-size: 24px;
  80 }
  81
  82 #content table {
  83     text-align: left;
  84 }
  85
  86 #content th, #content td {
  87     vertical-align: top;
  88     padding: 10px;
  89 }
  90
  91 .entries a {
  92     display: block;
  93     float: left;
  94     font-size: 24px;
  95     margin-left: 10%;
  96     margin-right: 24px;
  97     line-height: 34px;
  98     width: 100%;
  99 }
 100
 101 .entries .index {
 102     display: block;
 103     float: left;
 104     font-size: 30px;
 105     width: 100%;
 106     margin-top: 10px;
 107 }
 108
 109
 110