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