1body {
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