style.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. html, body {
  2. height: 100%;
  3. }
  4. html {
  5. overflow-y: scroll;
  6. }
  7. body {
  8. padding: 0;
  9. margin: 0;
  10. background: #000000;
  11. }
  12. #videos {
  13. position: absolute;
  14. top: 0px;
  15. left: 0px;
  16. right: 0px;
  17. bottom: 0px;
  18. z-index: 0;
  19. }
  20. .flip {
  21. -webkit-transform: rotateY(180deg);
  22. }
  23. #chatbox {
  24. position: absolute;
  25. right: 1px;
  26. bottom: 1px;
  27. z-index: 1;
  28. }
  29. #chatinput {
  30. background: repeat scroll 0 0 #fff;
  31. font: 16px/18px 'Helvetica Neue',Arial,Helvetica,sans-serif;
  32. height: 20px;
  33. margin-bottom: 0px;
  34. padding: 5px;
  35. width: 246px;
  36. }
  37. #messages {
  38. overflow: scroll;
  39. background: none repeat scroll 0 0 #cecece;
  40. font: 16px/18px 'Helvetica Neue',Arial,Helvetica,sans-serif;
  41. height: 154px;
  42. letter-spacing: 1px;
  43. margin-bottom: 0px;
  44. padding: 5px;
  45. width: 250px;
  46. }
  47. .buttonBox {
  48. position: absolute;
  49. top: 1px;
  50. right: 1px;
  51. z-index: 1;
  52. }
  53. #hideShowMessages.chat {display:none;}
  54. #newRoom.room {display:none;}
  55. .button {
  56. -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  57. -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  58. box-shadow:inset 0px 1px 0px 0px #ffffff;
  59. background-color:#ededed;
  60. -moz-border-radius:6px;
  61. -webkit-border-radius:6px;
  62. border-radius:6px;
  63. border:1px solid #dcdcdc;
  64. display:inline-block;
  65. color:#777777;
  66. font-family:arial;
  67. font-size:10px;
  68. font-weight:bold;
  69. padding:5px;
  70. text-decoration:none;
  71. }
  72. .btn {
  73. display: inline-block;
  74. padding: 6px 12px;
  75. margin-bottom: 0;
  76. font-size: 14px;
  77. font-weight: normal;
  78. line-height: 1.42857143;
  79. text-align: center;
  80. white-space: nowrap;
  81. vertical-align: middle;
  82. cursor: pointer;
  83. -webkit-user-select: none;
  84. -moz-user-select: none;
  85. -ms-user-select: none;
  86. user-select: none;
  87. background-image: none;
  88. border: 1px solid transparent;
  89. border-radius: 4px;
  90. }
  91. .button:hover {
  92. background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  93. background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  94. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  95. background-color:#dfdfdf;
  96. }
  97. .button:active {
  98. position:relative;
  99. top:1px;
  100. }