Home | History | Annotate | Download | only in servlet 
      1 body {
      2   margin: 0;
      3   padding: 0;
      4 }
      5 
      6 #pageContainer {
      7   display: -webkit-box;
      8   position: fixed;
      9   -webkit-box-orient: vertical;
     10   -webkit-box-align: stretch;
     11   height: 100%;
     12   width: 100%;
     13  }
     14 
     15  #headerContainer {
     16   display: -webkit-box;
     17   height: 32px;
     18   -webkit-box-orient: horizontal;
     19   -webkit-box-align: stretch;
     20  }
     21 
     22 #pageControls {
     23   position: absolute;
     24   right: 0px;
     25   font-family: Verdana, sans-serif;
     26   font-size: 16px;
     27   color: #aaaaaa;
     28   padding: 8px;
     29 }
     30 
     31 #pageControls *, .removeButton, .channel, .messageLine * {
     32   display: inline-block;
     33 }
     34 
     35 .addControlLabel {
     36   margin-left: 20px;
     37 }
     38 
     39 .addButton {
     40   background-color: #aaaaaa;
     41   color: white;
     42 }
     43 
     44 #slideContainer {
     45   display: -webkit-box;
     46   -webkit-box-flex: 1;
     47   position: relative;
     48 }
     49 
     50 #channelSlides {
     51   position: absolute;
     52   width: 100%;
     53   height: 100%;
     54 }
     55 
     56 .channelSlide {
     57   position: absolute;
     58   width: 80%;
     59   height: 100%;
     60   background: -webkit-linear-gradient(#aaa, white);
     61   -webkit-transition: margin 0.25s ease-in-out;
     62 }
     63 
     64 .channelSlide.far-left {
     65   margin-left: -160%;
     66 }
     67 
     68 .channelSlide.left {
     69   margin-left: -75%;
     70 }
     71 
     72 .channelSlide.center {
     73   margin-left: 10%;
     74 }
     75 
     76 .channelSlide.right {
     77   margin-left: 95%;
     78 }
     79 
     80 .channelSlide.far-right {
     81   margin-left: 180%;
     82 }
     83 
     84 .channelControls {
     85   position: absolute;
     86   z-index: 1;
     87   right: 0px;
     88   top:0px;
     89   color: white;
     90   text-align: right;
     91   padding: 8px;
     92   font-family: "Verdana", sans-serif;
     93   font-size: 20px;
     94 }
     95 
     96 .channelControls .removeButton {
     97   background-color: white;
     98   color: #999999;
     99   padding: 0px 6px 4px 6px;
    100   height:
    101 }
    102 
    103 .channelSlideContainer {
    104   position: relative;
    105   display: -webkit-box;
    106   -webkit-box-orient: vertical;
    107   -webkit-box-align: stretch;
    108   height: 100%;
    109   width: 100%;
    110 }
    111 
    112 .messageListContainer {
    113   overflow: hidden;
    114   position: relative;
    115   display: -webkit-box;
    116   -webkit-box-flex: 1;
    117 }
    118 
    119 .messageListSpacer {
    120   display: -webkit-box;
    121   -webkit-box-flex: 0;
    122   height: 40px;
    123   width: 100%;
    124 }
    125 
    126 .messageLine {
    127   margin: 6px;
    128   color: #999999;
    129   font-family: "Lucida Console", Monospace;
    130   font-size: 14px;
    131 }
    132 
    133 .messageList {
    134   position: absolute;
    135   bottom: 0;
    136 }
    137 
    138 #typingDiv {
    139   position: fixed;
    140   z-index: 4;
    141   width: 80%;
    142   height: 30px;
    143   margin: 10px;
    144   margin-left: 10%;
    145   bottom: 0px;
    146   -webkit-box-shadow: 3px 3px 5px #888;
    147 }
    148 
    149 #entryText {
    150   width: 100%;
    151   border: 0px;
    152   height: 100%;
    153   padding-left: 8px;
    154   padding-right: 8px;
    155   font-family: "Lucida Console", Monospace;
    156   color: white;
    157   border: 0px;
    158   background: #777777;
    159 }
    160