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

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