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 {}
  13
  14 #citlogo {
  15         height: 76px;
  16         background: #4D555C;
  17         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4D555C), to(#7D858C));
  18         background: -moz-linear-gradient(#4D555C, #7D858C);
  19         background: linear-gradient(#4D555C, #7D858C);
  20         -pie-background: linear-gradient(#4D555C, #7D858C);
  21         behavior: url(/static/styles/PIE.htc);
  22 }
  23
  24 .logo_citadel, li.ib_button a img {
  25         border: none;
  26 }
  27
  28 .logo_citadel img{
  29         padding: 3px;
  30         margin-top: 16px;
  31         background-color: #edede0;
  32         border: 2px solid #edede0;
  33         -khtml-border-radius: 8px;
  34         -moz-border-radius: 8px;
  35         border-radius: 8px;
  36         behavior: url(/static/styles/PIE.htc);
  37 }
  38
  39 .iconbar_text {
  40         height: 22px;
  41         font-size: 70%;
  42         font-weight: bold;
  43         color: #fff;
  44         background-color: #7d858c;
  45         border-top-color: #424b52;
  46         border-top-style: solid;
  47         border-top-width: 2px;
  48         border-bottom-color: #424b52;
  49         border-bottom-style: solid;
  50         border-bottom-width: 2px;
  51 }
  52
  53 .iconbar_text > span {  cursor: pointer }
  54
  55 div.iconbar_text select { border: 1px solid 424b5; }
  56
  57 #iconbar_menu {}
  58
  59 #iconbar #button {
  60         padding: 0;
  61         margin: 5px 0;
  62         border: none;
  63         list-style: none;
  64 }
  65
  66
  67 .ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a {
  68         display: block;
  69         text-decoration: none;
  70         color: #F0FEFF;
  71 }
  72
  73 .ib_button, .floor {
  74         margin: 0.2em;
  75         display: block;
  76         font-size: 90%;
  77         background-color: #4d555c;
  78         color: #F0FEFF;
  79         font-weight: bold;
  80         -khtml-border-radius: 5px;
  81         -moz-border-radius: 5px;
  82         border-radius: 5px;
  83         behavior: url(static/styles/PIE.htc);
  84  }
  85
  86 .logo, #citlogo, .iconbar_text, #online_users li {
  87         text-align: center;
  88 }
  89
  90 #button li:hover, #ib_logoff:hover, #ib_login:hover {
  91         background-color: #5c646b;
  92 }
  93
  94 #online_users {
  95         display: none; /* Hide by default */
  96         border: 0;
  97         max-height: 200px;
  98         overflow: auto;
  99         padding-left: 0;
 100         padding-bottom: 5px;
 101 }
 102
 103 #online_users li {
 104         list-style: none;
 105         margin: 0;
 106         padding: 2px;
 107         white-space: nowrap;
 108         border: none;
 109         border-top: 1px solid #777277;
 110 }
 111
 112 #online_users li a { font-size: 80% !important }
 113
 114 #online_users li.inactiveuser { background-color: #9c959d; }
 115
 116 #online_users li.activeuser { background-color: #4d555c; }
 117
 118 #online_users li:hover { /* separate in order for override */ }
 119
 120
 121 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
 122         margin: 4px;
 123         padding: 0;
 124 }
 125
 126 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
 127         cursor: pointer;
 128 }
 129
 130 .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
 131         font-weight: 700;
 132 }
 133
 134 .ib_roomlist_floor {}
 135
 136 .ib_roomlist_new {
 137         color: #800;
 138 }
 139
 140 .ib_roomlist_old {
 141         color: #008;
 142 }
 143
 144 #iconbar_container #customize {
 145         margin: 0 9px;
 146         border: 2px solid #424b52;
 147         -khtml-border-radius: 8px;
 148         -moz-border-radius: 8px;
 149         border-radius: 8px;
 150         behavior: url(/static/styles/PIE.htc);
 151 }
 152
 153 #iconbar_container #customize a:active, #iconbar_container #customize a:link, #iconbar_container #customize a:visited {
 154         color: #fff;
 155         line-height:2em;
 156         display: block;
 157 }