[ENH] more Bootstrapification for the welcome page
This commit is contained in:
luciash d' being
parent
06fef81485
commit
3fdfcedff6
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
.disable_welcome_position
|
||||
{
|
||||
margin: -139px auto 0px auto;
|
||||
margin: auto;
|
||||
padding-left: 39px;
|
||||
padding-top: 7px;
|
||||
width: 269px;
|
||||
|
|
@ -48,27 +48,23 @@
|
|||
-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;
|
||||
padding-top: 0.74em;
|
||||
}
|
||||
|
||||
#enter_room_field {
|
||||
font-size: 15px;
|
||||
padding: 15px 0px 10px 10px;
|
||||
border: none;
|
||||
-webkit-appearance: none;
|
||||
width: 228px;
|
||||
height: 55px;
|
||||
font-weight: 500;
|
||||
font-family: Helvetica;
|
||||
box-shadow: none;
|
||||
|
|
@ -98,13 +94,12 @@
|
|||
}
|
||||
|
||||
#enter_room_container {
|
||||
margin: 70px auto 0px auto;
|
||||
margin: 96px auto 15px auto;
|
||||
display: table;
|
||||
}
|
||||
|
||||
#enter_room{
|
||||
float:left;
|
||||
padding-right: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#welcome_page_header
|
||||
|
|
@ -200,11 +195,8 @@
|
|||
#reload_roomname
|
||||
{
|
||||
width: 30px;
|
||||
height: 19px;
|
||||
color: #acacac;
|
||||
margin-top: 22px;
|
||||
z-index: 3;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
display: none;
|
||||
|
|
|
|||
52
index.html
52
index.html
|
|
@ -29,74 +29,90 @@
|
|||
<body>
|
||||
<div id="welcome_page">
|
||||
<div id="welcome_page_header">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 pull-left">
|
||||
<a target="_new">
|
||||
<div class="watermark leftwatermark"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-sm-6 pull-right">
|
||||
<a target="_new">
|
||||
<div class="watermark rightwatermark"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a class="poweredby" href="http://jitsi.org" target="_new" ><span data-i18n="poweredby"></span> jitsi.org</a>
|
||||
|
||||
<div id="enter_room_container">
|
||||
<div id="enter_room_form" >
|
||||
<div id="domain_name"></div>
|
||||
<div id="enter_room">
|
||||
<input id="enter_room_field" type="text" autofocus data-i18n="[placeholder]welcomepage.roomname" placeholder="Enter room name" />
|
||||
<div class="icon-reload" id="reload_roomname"></div>
|
||||
<input id="enter_room_button" type="button" data-i18n="[value]welcomepage.go" value="GO" />
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12" id="enter_room_container">
|
||||
<div id="enter_room_form" class="clearfix well-sm">
|
||||
<div class="pull-left" id="domain_name"></div>
|
||||
<div class="pull-left" id="enter_room">
|
||||
<div class="input-group">
|
||||
<input class="form-control" id="enter_room_field" type="text" autofocus data-i18n="[placeholder]welcomepage.roomname" placeholder="Enter room name" />
|
||||
<div class="icon-reload input-group-addon" id="reload_roomname"></div>
|
||||
</div>
|
||||
</div>
|
||||
<input class="btn btn-primary pull-right" id="enter_room_button" type="button" data-i18n="[value]welcomepage.go" value="GO" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="brand_header"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<input type='checkbox' name='checkbox' id="disable_welcome"/>
|
||||
<label for="disable_welcome" class="disable_welcome_position" data-i18n="welcomepage.disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div id="brand_header"></div>
|
||||
<div class="row">
|
||||
<div id="header_text">
|
||||
<!--#include virtual="plugin.header.text.html" -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="welcome_page_main">
|
||||
<div id="features">
|
||||
<div class="feature_row row">
|
||||
<div class="col-md-3 feature holder">
|
||||
<div class="col-sm-3 feature holder">
|
||||
<div class="feature_icon" data-i18n="welcomepage.feature1.title" ></div>
|
||||
<div class="feature_description" data-i18n="welcomepage.feature1.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 feature holder">
|
||||
<div class="col-sm-3 feature holder">
|
||||
<div class="feature_icon" data-i18n="welcomepage.feature2.title" ></div>
|
||||
<div class="feature_description" data-i18n="welcomepage.feature2.content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 feature holder">
|
||||
<div class="col-sm-3 feature holder">
|
||||
<div class="feature_icon" data-i18n="welcomepage.feature3.title" ></div>
|
||||
<div class="feature_description" data-i18n="welcomepage.feature3.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 feature holder">
|
||||
<div class="col-sm-3 feature holder">
|
||||
<div class="feature_icon" data-i18n="welcomepage.feature4.title" ></div>
|
||||
<div class="feature_description" data-i18n="welcomepage.feature4.content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature_row row">
|
||||
<div class="col-md-3 feature holder">
|
||||
<div class="col-sm-3 feature holder">
|
||||
<div class="feature_icon" data-i18n="welcomepage.feature5.title" ></div>
|
||||
<div class="feature_description" data-i18n="welcomepage.feature5.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 feature holder">
|
||||
<div class="col-sm-3 feature holder">
|
||||
<div class="feature_icon" data-i18n="welcomepage.feature6.title" ></div>
|
||||
<div class="feature_description" data-i18n="welcomepage.feature6.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 feature holder">
|
||||
<div class="col-sm-3 feature holder">
|
||||
<div class="feature_icon" data-i18n="welcomepage.feature7.title" ></div>
|
||||
<div class="feature_description" data-i18n="welcomepage.feature7.content" data-i18n-options='{ "postProcess": "resolveAppName" }'></div>
|
||||
</div>
|
||||
<div class="col-md-3 feature holder">
|
||||
<div class="col-sm-3 feature holder">
|
||||
<div class="feature_icon" data-i18n="welcomepage.feature8.title" ></div>
|
||||
<div class="feature_description" data-i18n="welcomepage.feature8.content"></div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue