200 lines
3.4 KiB
CSS
200 lines
3.4 KiB
CSS
|
|
#disable_welcome {
|
|
display:none;
|
|
}
|
|
|
|
.disable_welcome_position
|
|
{
|
|
margin: -139px auto 0px auto;
|
|
padding-left: 39px;
|
|
padding-top: 7px;
|
|
width: 269px;
|
|
height: 31px;
|
|
display:block;
|
|
}
|
|
|
|
#disable_welcome + label
|
|
{
|
|
background-image: url(../images/welcome_page/disable-welcome.png);
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
background-repeat: no-repeat;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
color: #acacac;
|
|
z-index: 2;
|
|
}
|
|
|
|
#disable_welcome:checked + label
|
|
{
|
|
background-image: url(../images/welcome_page/disable-welcome-selected.png);
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
background-repeat: no-repeat;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
color: #acacac;
|
|
z-index: 2;
|
|
}
|
|
|
|
#enter_room_form {
|
|
border-radius: 1px;
|
|
background-color: #FFFFFF;
|
|
border: none;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
-webkit-appearance: none;
|
|
height: 55px;
|
|
box-shadow: none;
|
|
float: left;
|
|
}
|
|
|
|
#domain_name
|
|
{
|
|
float: left;
|
|
height: 55px;
|
|
line-height: 55px;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#enter_room_field {
|
|
font-size: 15px;
|
|
border: none;
|
|
-webkit-appearance: none;
|
|
width: 228px;
|
|
height: 55px;
|
|
line-height: 55px;
|
|
font-weight: 500;
|
|
box-shadow: none;
|
|
float: left;
|
|
background-color: #FFFFFF;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
#enter_room_button {
|
|
width: 73px;
|
|
height: 45px;
|
|
background-color: #21B9FC;
|
|
moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
color: #ffffff;
|
|
font-weight: 600;
|
|
border: none;
|
|
margin-top: 5px;
|
|
font-size: 19px;
|
|
padding-top: 6px;
|
|
outline: none;
|
|
float:left;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
#enter_room_container {
|
|
margin: 70px auto 0px auto;
|
|
display: table;
|
|
}
|
|
|
|
#enter_room{
|
|
float:left;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#welcome_page_header
|
|
{
|
|
background-image: url(../images/welcome_page/pattern-header.png);
|
|
height: 290px;
|
|
width: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
#welcome_page_main
|
|
{
|
|
background-image:url(../images/welcome_page/pattern-body.png);
|
|
width: 100%;
|
|
position: absolute;
|
|
margin-top: 290px;
|
|
}
|
|
|
|
#brand_header
|
|
{
|
|
background-image:url(../images/welcome_page/header-big.png);
|
|
width: 583px;
|
|
height: 274px;
|
|
margin: -110px auto 0px auto;
|
|
}
|
|
|
|
#header_text
|
|
{
|
|
width: 885px;
|
|
height: 100px;
|
|
color: #ffffff;
|
|
font-size: 24px;
|
|
text-align: center;
|
|
margin: 0px auto 0px auto;
|
|
}
|
|
|
|
#features
|
|
{
|
|
margin-top: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
.feature_row
|
|
{
|
|
position: relative;
|
|
width: 976px;
|
|
margin: 0px auto 30px auto;
|
|
padding-right: 75px;
|
|
|
|
}
|
|
|
|
.feature_holder
|
|
{
|
|
float:left;
|
|
width: 169px;
|
|
padding-left: 75px;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.feature_icon
|
|
{
|
|
background-image:url(../images/welcome_page/bubble.png);
|
|
background-repeat: no-repeat;
|
|
width: 169px;
|
|
height: 169px;
|
|
color: #ffffff;
|
|
font-size: 22px;
|
|
/*font-weight: bold;*/
|
|
text-align: center;
|
|
display: table-cell;
|
|
padding: 50px 26px 0px 20px;
|
|
}
|
|
|
|
.feature_description
|
|
{
|
|
width: 190px;
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
padding-top: 30px;
|
|
line-height: 22px;
|
|
font-weight: 200;
|
|
}
|
|
|
|
#reload_roomname
|
|
{
|
|
width: 30px;
|
|
height: 19px;
|
|
color: #acacac;
|
|
margin-top: 22px;
|
|
z-index: 3;
|
|
float: left;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
display: none;
|
|
}
|