webcit/static/styles/iconbar.css

   1 #iconbar {
   2         position: absolute;
   3         top: 0;
   4         left: 0;
   5         bottom: 0;
   6         width: 16%;             /* when changing this, also change #banner width */
   7         z-index: 0;
   8         overflow: auto;
   9         overflow-x: hidden !important;
  10 }
  11
  12 #iconbar_container { background-color: #FFF; }
  13
  14 #citlogo { padding: 10px 0; }
  15
  16 .logo_citadel a,.logo_citadel img {
  17         border: none;
  18 }
  19
  20 .logo,.logo_citadel, .iconbar_text {
  21         border: none;
  22         border-bottom: 1px solid #AAA;
  23 }
  24
  25 .ib_button, .iconbar_text{
  26         background-color: #4d555c;
  27         color: #F0FEFF;
  28         font-weight: bold;
  29 }
  30
  31 .iconbar_text {
  32         font-size: 75%;
  33 }
  34
  35 .ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a {
  36         display: block;
  37         text-decoration: none;
  38         color: #F0FEFF;
  39 }
  40
  41 #iconbar #button {
  42         padding: 0;
  43         border: none;
  44         list-style: none;
  45 }
  46
  47 .ib_button {
  48         margin: 3px;
  49         padding: 0;
  50         display: block;
  51         font-size: 80%;
  52         -khtml-border-radius: 5px;
  53         -moz-border-radius: 5px;
  54         border-radius: 5px;
  55         behavior: url(border-radius.htc);
  56  }
  57
  58 .logo, .logo_citadel, .iconbar_text {
  59         margin: 0;
  60         padding: 0;
  61 }
  62
  63 .logo, #citlogo, .iconbar_text, #online_users li {
  64         text-align: center;
  65 }
  66
  67 .iconbar_text > span {
  68         cursor: pointer;
  69 }
  70
  71 #iconbar #button { width: 100% }
  72
  73 #online_users {
  74         display: none; /* Hide by default */
  75         border: 0;
  76         max-height: 200px;
  77         overflow: auto;
  78         padding-left: 0;
  79         padding-bottom: 5px;
  80 }
  81
  82 #online_users li {
  83         list-style: none;
  84         margin: 0;
  85         padding: 2px;
  86         white-space: nowrap;
  87         border: none;
  88         border-top: 1px solid #777277;
  89 }
  90
  91 #online_users li a { font-size: 80% !important }
  92
  93 #online_users li.inactiveuser { background-color: #9c959d; }
  94
  95 #online_users li.activeuser { background-color: #4d555c; }
  96
  97 #online_users li:hover { /* separate in order for override */ }
  98
  99
 100
 101 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
 102         margin: 4px;
 103         padding: 0;
 104 }
 105
 106 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
 107         cursor: pointer;
 108 }
 109
 110 .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
 111         font-weight: 700;
 112 }
 113
 114 .ib_roomlist_floor {}
 115
 116 .roomlist_new, .ib_roomlist_new {
 117         color: #800;
 118 }
 119
 120 .roomlist_old, .ib_roomlist_old {
 121         color: #008;
 122 }
 123
 124 #button li:hover, #ib_logoff:hover {
 125         background-color: #5c646b;
 126 }
 127
 128 #ib_users {
 129         -khtml-border-radius: 5px;
 130         -moz-border-radius: 5px;
 131         border-radius: 5px;
 132         behavior: url(border-radius.htc);
 133 }