123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- html, body {
- height: 100%;
- }
- html {
- overflow-y: scroll;
- }
- body {
- padding: 0;
- margin: 0;
- background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,0)));
- background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);
- background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);
- background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);
- background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 );
- }
- #videos {
- position: absolute;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- z-index: 0;
- }
- #chatbox {
- position: absolute;
- right: 20px;
- bottom: 0px;
- z-index: 1;
- }
- #chatinput {
- background: none repeat scroll 0 0 #F9F9F9;
- border: 1px solid #CCCCCC;
- border-radius: 0px 0px 5px 5px;
- font: 300 18px/40px 'light','Helvetica Neue',Arial,Helvetica,sans-serif;
- height: 40px;
- letter-spacing: 1px;
- margin-bottom: 0px;
- padding: 5px 10px;
- width: 277px;
- }
- #messages {
- overflow: scroll;
- background: none repeat scroll 0 0 #F9F9F9;
- border: 1px solid #CCCCCC;
- border-radius: 5px 5px 0px 0px;
- font: 300 18px/40px 'light','Helvetica Neue',Arial,Helvetica,sans-serif;
- height: 400px;
- letter-spacing: 1px;
- margin-bottom: 0px;
- padding: 5px 10px;
- width: 255px;
- }
- .flip {
- -webkit-transform: rotateY(180deg);
- }
- .buttonBox {
- position: absolute;
- top: 2px;
- left: 2px;
- z-index: 1;
- }
- .button {
- -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
- -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
- box-shadow:inset 0px 1px 0px 0px #ffffff;
- background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
- background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
- background-color:#ededed;
- -moz-border-radius:6px;
- -webkit-border-radius:6px;
- border-radius:6px;
- border:1px solid #dcdcdc;
- display:inline-block;
- color:#777777;
- font-family:arial;
- font-size:15px;
- font-weight:bold;
- padding:6px 24px;
- text-decoration:none;
- text-shadow:1px 1px 0px #ffffff;
- }
- .button:hover {
- background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
- background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
- background-color:#dfdfdf;
- }
- .button:active {
- position:relative;
- top:1px;
- }
|