jiti-meet/css/welcome_page.css

221 lines
4.0 KiB
CSS

#disable_welcome {
display:none;
}
#disable_welcome + label
{
background-image: url(../images/welcome_page/disable-welcome.png);
display:inline-block;
position:absolute;
height: 54px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
background-repeat: no-repeat;
padding-left: 62px;
padding-top: 19px;
font-weight: 500;
font-family: Helvetica;
font-size: 16px;
color: #acacac;
z-index: 2;
float: left;
margin-left: 5px;
}
#disable_welcome:checked + label
{
background-image: url(../images/welcome_page/disable-welcome-selected.png);
display:inline-block;
position:absolute;
height: 54px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
background-repeat: no-repeat;
padding-left: 62px;
padding-top: 19px;
font-weight: 500;
font-family: Helvetica;
font-size: 16px;
color: #acacac;
z-index: 2;
float: left;
margin-left: 5px;
}
#enter_room_form {
border-radius: 10px;
background-color: #FFFFFF;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-appearance: none;
height: 55px;
box-shadow: none;
float: left;
}
#domain_name
{
float: left;
padding: 20px 0px 10px 20px;
font-size: 18px;
font-weight: 500;
font-family: Helvetica;
}
#enter_room_field {
font-size: 16px;
padding: 15px 5px 10px 10px;
border: none;
-webkit-appearance: none;
width: 228px;
height: 55px;
font-weight: 500;
font-family: Helvetica;
box-shadow: none;
float: left;
background-color: #FFFFFF;
position: relative;
z-index: 2;
}
#enter_room_button {
width: 73px;
height: 45px;
background-color: #16a8fe;
moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ffffff;
font-weight: 600;
border: none;
margin-top: 5px;
font-size: 19px;
font-family: Helvetica;
padding-top: 6px;
outline: none;
float:left;
position: relative;
z-index: 2;
}
#enter_room_container {
margin: 70px auto 0px auto;
width:531px;
}
#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;
}
#jitsi_logo
{
background-image:url(../images/welcome_page/jitsi-logo.png);
background-repeat: no-repeat;
width: 186px;
height: 74px;
position: absolute;
top: 15px;
left: 30px;
}
#brand_logo
{
background-image:url(../images/welcome_page/brand-logo.png);
width: 215px;
height: 55px;
position: absolute;
top: 15px;
right: 30px;
}
#brand_header
{
background-image:url(../images/welcome_page/header-big.png);
position:absolute;
width: 583px;
height: 274px;
left: 340px;
top:15px;
}
#header_text
{
position: absolute;
left: 200px;
top: 150px;
width: 885px;
height: 100px;
color: #ffffff;
font-family: Helvetica;
font-size: 24px;
text-align: center;
}
#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;
}
.feature_icon
{
background-image:url(../images/welcome_page/bubble.png);
background-repeat: no-repeat;
width: 169px;
height: 169px;
font-family: Helvetica;
color: #ffffff;
font-size: 22px;
/*font-weight: bold;*/
text-align: center;
display: table-cell;
padding: 50px 29px 0px 17px;
}
.feature_description
{
width: 169px;
font-family: Helvetica;
color: #ffffff;
font-size: 16px;
padding-top: 30px;
line-height: 22px;
font-weight: 200;
}