webcit/static/styles/banner.css

   1 #banner {
   2         background: #4D555C;
   3         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4D555C), to(#7D858C));
   4         background: -moz-linear-gradient(#4D555C, #7D858C);
   5         background: linear-gradient(#4D555C, #7D858C);
   6         -pie-background: linear-gradient(#4D555C, #7D858C);
   7         behavior: url(/static/styles/PIE.htc);
   8         color: #FFF;
   9         margin: 0;
  10         padding: 0;
  11         top: 0;
  12         height: 120px;          /* when changing this, also change #content */
  13         position: fixed;
  14         width: 84%;             /* when changing this, also change #iconbar and #content */
  15         left: 16%;              /* when changing this, also change #iconbar and #content */
  16         z-index: 3;
  17         overflow: hidden;
  18 }
  19
  20 #banner a { color: #FFF }
  21
  22 #banner h1 {
  23         font-size: 160%;
  24         font-weight: 700;
  25 }
  26
  27 #banner h2 { font-weight: 700}
  28
  29 #banner h2, #banner .titlebar { font-size: 130% }
  30
  31 #banner ul.room_actions li.start_page a {
  32         background-color: #5C646B;
  33         color: #FEFFFC;
  34         border: 1px solid black;
  35 }
  36 #banner .banner {
  37         display: table-cell;
  38         width: 90%;
  39 }
  40
  41 #banner .banner img {
  42         float: left;
  43         margin: 0 5px 15px 0;
  44 }
  45
  46 #banner h1, #banner h2, #banner .banner .infos, #banner .banner p {
  47         margin: 2px;
  48         padding: 0;
  49 }
  50
  51 #room_infos {
  52         position: absolute;
  53         top: 0;
  54         left: 50%;
  55         width: 45%;
  56         z-index: 10;
  57         cursor: pointer;
  58         text-align: left;
  59         padding: 10px 2px 2px 2px;
  60 }
  61
  62 #room_infos img.close_infos { float: right }
  63
  64 #actiondiv {
  65         position: absolute;
  66         right: 0;
  67         top: 0;
  68 }
  69
  70 #banner ul.room_actions {
  71         list-style: none;
  72         text-align: left;
  73 }
  74 #banner ul.room_actions li {
  75         white-space: nowrap;
  76         display: inline;
  77 }
  78 #banner ul.room_actions li form {
  79         margin: 0;
  80         padding: 0;
  81 }
  82
  83 #banner ul.room_actions li select, #banner ul.room_actions li input {
  84         margin-top: 2px;
  85         margin-right: 2px;
  86 }
  87 #selectpage.hidden { display: none !important }
  88
  89
  90 .banner .infos { cursor: help }
  91
  92 .room_actions form select { cursor: pointer }
  93
  94 .start_page {
  95         font-size: 50%
  96 }