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