ceph/src/civetweb/examples/docroot/style.css

   1 /*
   2  * vim:ts=2:sw=2:et:ai
   3  */
   4
   5 body {
   6   font: 13px Arial; margin: 0.5em 1em;
   7 }
   8
   9 #logo {
  10   background: url('logo.png') no-repeat ;
  11   width: 160px;
  12   height: 40px;
  13   float: left;
  14 }
  15
  16 td {
  17   text-align: left;
  18 }
  19
  20 #motd {
  21   margin-left: 170px;
  22 }
  23
  24 .infobox {
  25   background: #eed;
  26   padding: 1px 1em;
  27 }
  28
  29 .help-message {
  30   color: #aaa;
  31 }
  32
  33 #middle {
  34   margin: 0.5em 0;
  35 }
  36
  37 #error {
  38   background: #c44;
  39   color: white;
  40   font-weight: bold;
  41 }
  42
  43 #content, .menu-item-selected, .chat-title, .chat-content {
  44   background: #c3d9ff;
  45 }
  46
  47 #content {
  48   overflow: hidden;
  49   min-height: 7em;
  50   padding: 1em;
  51 }
  52
  53 .chat-title {
  54   padding: 1px 1ex;
  55 }
  56
  57 .chat-content {
  58  padding: 1ex;
  59 }
  60
  61 .chat-window {
  62 }
  63
  64 .message-row {
  65   margin: 2px;
  66   border-bottom: 1px solid #bbb;
  67 }
  68
  69 .message-timestamp {
  70   color: #484;
  71 }
  72
  73 .message-user {
  74   margin-left: 0.5em;
  75   font-weight: bold;
  76 }
  77
  78 .message-text {
  79   margin-left: 0.5em;
  80 }
  81
  82 .message-user-server {
  83   color: purple;
  84 }
  85
  86 .message-text-server {
  87   font-style: italic;
  88 }
  89
  90 .main {
  91   padding: 0.5em;
  92   background: #f0fcff;
  93 }
  94
  95 #menu {
  96   margin-top: 1em;
  97   min-width: 7em;
  98   float: left;
  99 }
 100
 101 #footer {
 102   position: fixed;
 103   bottom: 0;
 104   right: 0;
 105   color: #ccc;
 106   padding: 0.5em;
 107 }
 108
 109 .section {
 110   clear: both;
 111 }
 112
 113 .hidden {
 114   display: none;
 115 }
 116
 117 .menu-item {
 118   cursor: pointer;
 119   padding: 0.1em 0.5em;
 120 }
 121
 122 .menu-item-selected {
 123   font-weight: bold;
 124 }
 125
 126 .message-list {
 127   min-height: 1em;
 128   background: white;
 129   margin: 0.5em 0;
 130 }
 131
 132 .rounded {
 133   border-radius: 6px;
 134   -moz-border-radius: 6px;
 135   -webkit-border-radius: 6px;
 136 }
 137
 138 .left-rounded {
 139   border-radius: 6px 0 0 6px;
 140   -moz-border-radius: 6px 0 0 6px;
 141   -webkit-border-radius: 6px 0 0 6px;
 142 }
 143
 144 .bottom-rounded {
 145   border-radius: 0 0 6px 6px;
 146   -moz-border-radius: 0 0 6px 6px;
 147   -webkit-border-radius: 0 0 6px 6px;
 148 }
 149
 150 .top-rounded {
 151   border-radius: 6px 6px 0 0;
 152   -moz-border-radius: 6px 6px 0 0;
 153   -webkit-border-radius: 6px 6px 0 0;
 154 }