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/style/PIE.htc);
  37 }
  38
  39 .iconbar_text {
  40         height: 2em;
  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: 3px 9px;
  75         padding: 0;
  76         display: block;
  77         font-size: 80%;
  78         background-color: #4d555c;
  79         color: #F0FEFF;
  80         font-weight: bold;
  81         -khtml-border-radius: 5px;
  82         -moz-border-radius: 5px;
  83         border-radius: 5px;
  84         behavior: url(static/style/PIE.htc);
  85  }
  86
  87 .logo, #citlogo, .iconbar_text, #online_users li {
  88         text-align: center;
  89 }
  90
  91 #button li:hover, #ib_logoff:hover {
  92         background-color: #5c646b;
  93 }
  94
  95 #online_users {
  96         display: none; /* Hide by default */
  97         border: 0;
  98         max-height: 200px;
  99         overflow: auto;
 100         padding-left: 0;
 101         padding-bottom: 5px;
 102 }
 103
 104 #online_users li {
 105         list-style: none;
 106         margin: 0;
 107         padding: 2px;
 108         white-space: nowrap;
 109         border: none;
 110         border-top: 1px solid #777277;
 111 }
 112
 113 #online_users li a { font-size: 80% !important }
 114
 115 #online_users li.inactiveuser { background-color: #9c959d; }
 116
 117 #online_users li.activeuser { background-color: #4d555c; }
 118
 119 #online_users li:hover { /* separate in order for override */ }
 120
 121
 122 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
 123         margin: 4px;
 124         padding: 0;
 125 }
 126
 127 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
 128         cursor: pointer;
 129 }
 130
 131 .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
 132         font-weight: 700;
 133 }
 134
 135 .ib_roomlist_floor {}
 136
 137 .roomlist_new, .ib_roomlist_new {
 138         color: #800;
 139 }
 140
 141 .roomlist_old, .ib_roomlist_old {
 142         color: #008;
 143 }
 144
 145 #iconbar_container #customize {
 146         margin: 0 9px;
 147         border: 2px solid #424b52;
 148         -khtml-border-radius: 8px;
 149         -moz-border-radius: 8px;
 150         border-radius: 8px;
 151         behavior: url(/static/style/PIE.htc);
 152 }
 153
 154 #iconbar_container #customize a:active, #iconbar_container #customize a:link, #iconbar_container #customize a:visited {
 155         color: #fff;
 156         line-height:2em;
 157         display: block;
 158 }
 159