Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

welcome_page.css 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. #disable_welcome {
  2. display:none;
  3. }
  4. #disable_welcome + label
  5. {
  6. background-image: url(../images/welcome_page/disable-welcome.png);
  7. display:inline-block;
  8. position:absolute;
  9. height: 54px;
  10. cursor: pointer;
  11. -webkit-user-select: none;
  12. -moz-user-select: none;
  13. background-repeat: no-repeat;
  14. padding-left: 62px;
  15. padding-top: 19px;
  16. font-weight: 500;
  17. font-family: Helvetica;
  18. font-size: 16px;
  19. color: #acacac;
  20. z-index: 2;
  21. float: left;
  22. margin-left: 5px;
  23. }
  24. #disable_welcome:checked + label
  25. {
  26. background-image: url(../images/welcome_page/disable-welcome-selected.png);
  27. display:inline-block;
  28. position:absolute;
  29. height: 54px;
  30. cursor: pointer;
  31. -webkit-user-select: none;
  32. -moz-user-select: none;
  33. background-repeat: no-repeat;
  34. padding-left: 62px;
  35. padding-top: 19px;
  36. font-weight: 500;
  37. font-family: Helvetica;
  38. font-size: 16px;
  39. color: #acacac;
  40. z-index: 2;
  41. float: left;
  42. margin-left: 5px;
  43. }
  44. #enter_room_form {
  45. border-radius: 10px;
  46. background-color: #FFFFFF;
  47. border: none;
  48. -moz-border-radius: 10px;
  49. -webkit-border-radius: 10px;
  50. -webkit-appearance: none;
  51. height: 55px;
  52. box-shadow: none;
  53. float: left;
  54. }
  55. #domain_name
  56. {
  57. float: left;
  58. padding: 20px 0px 10px 20px;
  59. font-size: 18px;
  60. font-weight: 500;
  61. font-family: Helvetica;
  62. }
  63. #enter_room_field {
  64. font-size: 16px;
  65. padding: 15px 5px 10px 10px;
  66. border: none;
  67. -webkit-appearance: none;
  68. width: 228px;
  69. height: 55px;
  70. font-weight: 500;
  71. font-family: Helvetica;
  72. box-shadow: none;
  73. float: left;
  74. background-color: #FFFFFF;
  75. position: relative;
  76. z-index: 2;
  77. }
  78. #enter_room_button {
  79. width: 73px;
  80. height: 45px;
  81. background-color: #16a8fe;
  82. moz-border-radius: 15px;
  83. -webkit-border-radius: 15px;
  84. color: #ffffff;
  85. font-weight: 600;
  86. border: none;
  87. margin-top: 5px;
  88. font-size: 19px;
  89. font-family: Helvetica;
  90. padding-top: 6px;
  91. outline: none;
  92. float:left;
  93. position: relative;
  94. z-index: 2;
  95. }
  96. #enter_room_container {
  97. margin: 70px auto 0px auto;
  98. width:531px;
  99. }
  100. #enter_room{
  101. float:left;
  102. padding-right: 5px;
  103. }
  104. #welcome_page_header
  105. {
  106. background-image: url(../images/welcome_page/pattern-header.png);
  107. height: 290px;
  108. width: 100%;
  109. position: absolute;
  110. }
  111. #welcome_page_main
  112. {
  113. background-image:url(../images/welcome_page/pattern-body.png);
  114. width: 100%;
  115. position: absolute;
  116. margin-top: 290px;
  117. }
  118. #jitsi_logo
  119. {
  120. background-image:url(../images/welcome_page/jitsi-logo.png);
  121. background-repeat: no-repeat;
  122. width: 186px;
  123. height: 74px;
  124. position: absolute;
  125. top: 15px;
  126. left: 30px;
  127. }
  128. #brand_logo
  129. {
  130. background-image:url(../images/welcome_page/brand-logo.png);
  131. width: 215px;
  132. height: 55px;
  133. position: absolute;
  134. top: 15px;
  135. right: 30px;
  136. }
  137. #brand_header
  138. {
  139. background-image:url(../images/welcome_page/header-big.png);
  140. width: 583px;
  141. height: 274px;
  142. margin: -55px auto 0px auto;
  143. }
  144. #header_text
  145. {
  146. left: 200px;
  147. top: 150px;
  148. width: 885px;
  149. height: 100px;
  150. color: #ffffff;
  151. font-family: Helvetica;
  152. font-size: 24px;
  153. text-align: center;
  154. margin: -139px auto 0px auto;
  155. }
  156. #features
  157. {
  158. margin-top: 30px;
  159. position: relative;
  160. }
  161. .feature_row
  162. {
  163. position: relative;
  164. width: 976px;
  165. margin: 0px auto 30px auto;
  166. padding-right: 75px;
  167. }
  168. .feature_holder
  169. {
  170. float:left;
  171. width: 169px;
  172. padding-left: 75px;
  173. }
  174. .feature_icon
  175. {
  176. background-image:url(../images/welcome_page/bubble.png);
  177. background-repeat: no-repeat;
  178. width: 169px;
  179. height: 169px;
  180. font-family: Helvetica;
  181. color: #ffffff;
  182. font-size: 22px;
  183. /*font-weight: bold;*/
  184. text-align: center;
  185. display: table-cell;
  186. padding: 50px 29px 0px 17px;
  187. }
  188. .feature_description
  189. {
  190. width: 169px;
  191. font-family: Helvetica;
  192. color: #ffffff;
  193. font-size: 16px;
  194. padding-top: 30px;
  195. line-height: 22px;
  196. font-weight: 200;
  197. }