mirror of https://github.com/akveo/blur-admin
fix component scroll
KostyaDanovsky
parent
0393f2599c
commit
36f7dbc804
|
|
@ -49,8 +49,9 @@ $panel-title-height: 35px;
|
|||
}
|
||||
|
||||
.panel-body {
|
||||
padding: 0;
|
||||
}
|
||||
.panel-content {
|
||||
padding: 15px 22px;
|
||||
.panel-content {
|
||||
height: 100%;
|
||||
}
|
||||
height: 100%;
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="widgets">
|
||||
<div ng-repeat="widgetBlock in ngModel" ng-class="{'row': widgetBlock.widgets.length > 1}">
|
||||
<div ng-repeat="widgetCol in widgetBlock.widgets" ng-class="{'col-md-6': widgetBlock.widgets.length === 2}" ng-model="widgetCol" class="widgets-block">
|
||||
<blur-panel title="{{::widget.title}}" ng-repeat="widget in widgetCol" >
|
||||
<blur-panel title="{{::widget.title}}" ng-repeat="widget in widgetCol" class-container="with-scroll">
|
||||
<div ng-include="widget.url"></div>
|
||||
</blur-panel>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -61,10 +61,10 @@
|
|||
|
||||
.sub-photo-icon {
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
right: -2px;
|
||||
bottom: -2px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: -4px;
|
||||
bottom: -4px;
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
.popular-app {
|
||||
.panel-body {
|
||||
.panel-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -2,214 +2,215 @@
|
|||
<div class="widgets-block">
|
||||
<div class="panel panel-default invisible" zoom-in>
|
||||
<div class="panel-body content-panel profile-page">
|
||||
|
||||
<div class="progress-info">Your profile is 70% Complete</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar"
|
||||
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
|
||||
<div class="panel-content">
|
||||
<div class="progress-info">Your profile is 70% Complete</div>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar"
|
||||
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="with-line">General Information</h3>
|
||||
<h3 class="with-line">General Information</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputFirstName" class="col-sm-3 control-label">Picture</label>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputFirstName" class="col-sm-3 control-label">Picture</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<div class="userpic">
|
||||
<div class="userpic-wrapper">
|
||||
<img ng-src="{{ picture }}" ng-click="uploadPicture()">
|
||||
<div class="col-sm-9">
|
||||
<div class="userpic">
|
||||
<div class="userpic-wrapper">
|
||||
<img ng-src="{{ picture }}" ng-click="uploadPicture()">
|
||||
</div>
|
||||
<i class="ion-ios-close-outline" ng-click="removePicture()" ng-if="!noPicture"></i>
|
||||
<a href class="change-userpic" ng-click="uploadPicture()">Change Profile Picture</a>
|
||||
<input type="file" ng-show="false" id="uploadFile" ng-file-select="onFileSelect($files)">
|
||||
</div>
|
||||
<i class="ion-ios-close-outline" ng-click="removePicture()" ng-if="!noPicture"></i>
|
||||
<a href class="change-userpic" ng-click="uploadPicture()">Change Profile Picture</a>
|
||||
<input type="file" ng-show="false" id="uploadFile" ng-file-select="onFileSelect($files)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6"></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputFirstName" class="col-sm-3 control-label">First Name</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputFirstName" placeholder="" value="Anastasiya">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputLastName" class="col-sm-3 control-label">Last Name</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputLastName" placeholder="" value="Tyshkavets">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-sm-3 control-label">Department</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control" selectpicker>
|
||||
<option>Web Development</option>
|
||||
<option>System Development</option>
|
||||
<option>Sales</option>
|
||||
<option>Human Resources</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputOccupation" class="col-sm-3 control-label">Occupation</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputOccupation" placeholder="" value="Front End Web Developer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6"></div>
|
||||
|
||||
<h3 class="with-line">Change Password</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputPassword" class="col-sm-3 control-label">Password</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="password" class="form-control" id="inputPassword" placeholder="" value="12345678">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputConfirmPassword" class="col-sm-3 control-label">Confirm Password</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="password" class="form-control" id="inputConfirmPassword" placeholder="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="with-line">Contact Information</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputEmail3" class="col-sm-3 control-label">Email</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="email" class="form-control" id="inputEmail3" placeholder="" value="tyshkavets@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputPhone" class="col-sm-3 control-label">Phone</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputPhone" placeholder="" value="+1 (23) 456 7890">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-sm-3 control-label">Office Location</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control" title="Standard Select" selectpicker>
|
||||
<option>San Francisco</option>
|
||||
<option>London</option>
|
||||
<option>Minsk</option>
|
||||
<option>Tokio</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputRoom" class="col-sm-3 control-label">Room</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputRoom" placeholder="" value="303">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="with-line">Social Profiles</h3>
|
||||
|
||||
<div class="social-profiles row clearfix">
|
||||
<div class="col-md-3 col-sm-4" ng-repeat="item in socialProfiles">
|
||||
|
||||
<a class="sn-link" href ng-click="showModal()" ng-if="!item.href">
|
||||
<i class="socicon {{ item.icon }}"></i>
|
||||
<span>{{ item.name }}</span>
|
||||
</a>
|
||||
|
||||
<a class="sn-link connected" href="{{ item.href }}" target="_blank" ng-if="item.href">
|
||||
<i class="socicon {{ item.icon }}"></i>
|
||||
<span>{{ item.name }}</span>
|
||||
<em class="ion-ios-close-empty sn-link-close" ng-mousedown="unconnect(item)"></em>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="with-line">Send Email Notifications</h3>
|
||||
|
||||
<div class="notification row clearfix">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">When I receive a message</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[0]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">When Someone sends me an invitation</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[1]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">When profile information changes</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[2]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">When anyone logs into your account from a new device or browser</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[3]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">Weekly Reports</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[4]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">Daily Reports</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[5]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-success btn-with-icon save-profile">
|
||||
<i class="ion-android-checkmark-circle"></i>Update Profile
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputFirstName" class="col-sm-3 control-label">First Name</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputFirstName" placeholder="" value="Anastasiya">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputLastName" class="col-sm-3 control-label">Last Name</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputLastName" placeholder="" value="Tyshkavets">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-sm-3 control-label">Department</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control" selectpicker>
|
||||
<option>Web Development</option>
|
||||
<option>System Development</option>
|
||||
<option>Sales</option>
|
||||
<option>Human Resources</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputOccupation" class="col-sm-3 control-label">Occupation</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputOccupation" placeholder="" value="Front End Web Developer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="with-line">Change Password</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputPassword" class="col-sm-3 control-label">Password</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="password" class="form-control" id="inputPassword" placeholder="" value="12345678">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputConfirmPassword" class="col-sm-3 control-label">Confirm Password</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="password" class="form-control" id="inputConfirmPassword" placeholder="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="with-line">Contact Information</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputEmail3" class="col-sm-3 control-label">Email</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="email" class="form-control" id="inputEmail3" placeholder="" value="tyshkavets@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputPhone" class="col-sm-3 control-label">Phone</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputPhone" placeholder="" value="+1 (23) 456 7890">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-sm-3 control-label">Office Location</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control" title="Standard Select" selectpicker>
|
||||
<option>San Francisco</option>
|
||||
<option>London</option>
|
||||
<option>Minsk</option>
|
||||
<option>Tokio</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label for="inputRoom" class="col-sm-3 control-label">Room</label>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="inputRoom" placeholder="" value="303">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="with-line">Social Profiles</h3>
|
||||
|
||||
<div class="social-profiles row clearfix">
|
||||
<div class="col-md-3 col-sm-4" ng-repeat="item in socialProfiles">
|
||||
|
||||
<a class="sn-link" href ng-click="showModal()" ng-if="!item.href">
|
||||
<i class="socicon {{ item.icon }}"></i>
|
||||
<span>{{ item.name }}</span>
|
||||
</a>
|
||||
|
||||
<a class="sn-link connected" href="{{ item.href }}" target="_blank" ng-if="item.href">
|
||||
<i class="socicon {{ item.icon }}"></i>
|
||||
<span>{{ item.name }}</span>
|
||||
<em class="ion-ios-close-empty sn-link-close" ng-mousedown="unconnect(item)"></em>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="with-line">Send Email Notifications</h3>
|
||||
|
||||
<div class="notification row clearfix">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">When I receive a message</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[0]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">When Someone sends me an invitation</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[1]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">When profile information changes</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[2]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">When anyone logs into your account from a new device or browser</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[3]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">Weekly Reports</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[4]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row clearfix">
|
||||
<label class="col-xs-8">Daily Reports</label>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<switch color="success" ng-model="switches[5]"></switch>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-success btn-with-icon save-profile">
|
||||
<i class="ion-android-checkmark-circle"></i>Update Profile
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="horizontal-scroll vertical-scroll" ng-controller="tablesPageCtrl">
|
||||
<div class="vertical-scroll" ng-controller="tablesPageCtrl">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -2,179 +2,181 @@
|
|||
<div class="widgets-block">
|
||||
<div class="panel panel-default invisible" zoom-in>
|
||||
<div class="panel-body content-panel">
|
||||
<div class="section-block">
|
||||
<h1>H1. Blur Admin Heading</h1>
|
||||
<div class="panel-content">
|
||||
<div class="section-block">
|
||||
<h1>H1. Blur Admin Heading</h1>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. Ut id et libero mauris id. Dolor eget vel non aenean arcu, sociis neque molestie
|
||||
fusce.</p>
|
||||
</div>
|
||||
<div class="section-block">
|
||||
<h2>H2. Blur Admin Heading</h2>
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. Ut id et libero mauris id. Dolor eget vel non aenean arcu, sociis neque molestie
|
||||
fusce.</p>
|
||||
</div>
|
||||
<div class="section-block">
|
||||
<h2>H2. Blur Admin Heading</h2>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. </p>
|
||||
</div>
|
||||
<div class="section-block">
|
||||
<h3>H3. Blur Admin Heading</h3>
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. </p>
|
||||
</div>
|
||||
<div class="section-block">
|
||||
<h3>H3. Blur Admin Heading</h3>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. Ut id et libero mauris id. Dolor eget vel non aenean arcu, sociis neque molestie
|
||||
fusce.</p>
|
||||
</div>
|
||||
<div class="section-block">
|
||||
<h4 class="color">H4. Color Blur Admin Heading</h4>
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. Ut id et libero mauris id. Dolor eget vel non aenean arcu, sociis neque molestie
|
||||
fusce.</p>
|
||||
</div>
|
||||
<div class="section-block">
|
||||
<h4 class="color">H4. Color Blur Admin Heading</h4>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. Ut id et libero mauris id. Dolor eget vel non aenean arcu, sociis neque molestie
|
||||
fusce.</p>
|
||||
</div>
|
||||
<div class="section-block">
|
||||
<h5 class="color">H5. Color Blur Admin Heading</h5>
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. Ut id et libero mauris id. Dolor eget vel non aenean arcu, sociis neque molestie
|
||||
fusce.</p>
|
||||
</div>
|
||||
<div class="section-block">
|
||||
<h5 class="color">H5. Color Blur Admin Heading</h5>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. Ut id et libero mauris id. Dolor eget vel non aenean arcu, sociis neque molestie
|
||||
fusce.</p>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat
|
||||
vestibulum eleifend pellentesque, mi nam. Odio amet viverra rutrum quisque, dolor elit, dolor mauris integer
|
||||
ut non at sed. Quisque neque metus sit montes diam. Eiusmod id id volutpat gravida, eleifend consequat at,
|
||||
id dolor sollicitudin. Ut id et libero mauris id. Dolor eget vel non aenean arcu, sociis neque molestie
|
||||
fusce.</p>
|
||||
</div>
|
||||
|
||||
<div class="accent">Important text fragment. Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar,
|
||||
lacinia scelerisque pharetra, placerat vestibulum eleifend pellentesque, mi nam. Lorem ipsum dolor sit amet,
|
||||
id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat vestibulum eleifend pellentesque,
|
||||
mi nam.
|
||||
</div>
|
||||
<div class="accent">Important text fragment. Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar,
|
||||
lacinia scelerisque pharetra, placerat vestibulum eleifend pellentesque, mi nam. Lorem ipsum dolor sit amet,
|
||||
id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat vestibulum eleifend pellentesque,
|
||||
mi nam.
|
||||
</div>
|
||||
|
||||
<div class="section-block">
|
||||
<p class="small-text">Secondary text. Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia
|
||||
scelerisque pharetra, placerat vestibulum eleifend pellentesque, mi nam.</p>
|
||||
<div class="section-block">
|
||||
<p class="small-text">Secondary text. Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia
|
||||
scelerisque pharetra, placerat vestibulum eleifend pellentesque, mi nam.</p>
|
||||
|
||||
<p class="small-text">Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque
|
||||
pharetra, placerat vestibulum eleifend pellentesque, mi nam.</p>
|
||||
</div>
|
||||
<p class="small-text">Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque
|
||||
pharetra, placerat vestibulum eleifend pellentesque, mi nam.</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Columns</h2>
|
||||
<div class="section">
|
||||
<h2>Columns</h2>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="img-wrapper"><img src="img/typo03.png" alt="" title=""/></div>
|
||||
<p>Vel elit, eros elementum, id lacinia, duis non ut ut tortor blandit. Mauris <a
|
||||
href>dapibus</a> magna rutrum. Ornare neque suspendisse <a
|
||||
href>phasellus wisi</a>, quam cras pede rutrum suspendisse, <a
|
||||
href>felis amet eu</a>. Congue magna elit quisque quia, nullam justo sagittis,
|
||||
ante erat libero placerat, proin condimentum consectetuer lacus. Velit condimentum velit, sed penatibus
|
||||
arcu nulla.</p>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="img-wrapper"><img src="img/typo03.png" alt="" title=""/></div>
|
||||
<p>Vel elit, eros elementum, id lacinia, duis non ut ut tortor blandit. Mauris <a
|
||||
href>dapibus</a> magna rutrum. Ornare neque suspendisse <a
|
||||
href>phasellus wisi</a>, quam cras pede rutrum suspendisse, <a
|
||||
href>felis amet eu</a>. Congue magna elit quisque quia, nullam justo sagittis,
|
||||
ante erat libero placerat, proin condimentum consectetuer lacus. Velit condimentum velit, sed penatibus
|
||||
arcu nulla.</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="img-wrapper"><img src="img/typo01.png" alt="" title=""/></div>
|
||||
<p>Et suspendisse, adipiscing fringilla ornare sit ligula sed, vel nam. Interdum et justo nulla, fermentum
|
||||
lobortis purus ut eu, duis nibh dolor massa tristique elementum, nibh iste potenti risus fusce aliquet
|
||||
fusce, ullamcorper debitis primis arcu tellus vestibulum ac.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="img-wrapper"><img src="img/typo01.png" alt="" title=""/></div>
|
||||
<p>Et suspendisse, adipiscing fringilla ornare sit ligula sed, vel nam. Interdum et justo nulla, fermentum
|
||||
lobortis purus ut eu, duis nibh dolor massa tristique elementum, nibh iste potenti risus fusce aliquet
|
||||
fusce, ullamcorper debitis primis arcu tellus vestibulum ac.</p>
|
||||
|
||||
<div class="separator"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<h4>Column heading example</h4>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>Yet another column heading example</h4>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>Third column heading example</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="img-wrapper"><img src="img/typo04.png" alt=""/></div>
|
||||
<p>Eget augue, lacus erat ante egestas scelerisque aliquam, metus molestie leo in habitasse magna
|
||||
maecenas</p>
|
||||
<a href class="learn-more">Lean more</a>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="img-wrapper"><img src="img/typo05.png" alt=""/></div>
|
||||
<p>Augue massa et parturient, suspendisse orci nec scelerisque sit, integer nam mauris pede consequat in
|
||||
velit</p>
|
||||
<a href class="learn-more">Lean more</a>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="img-wrapper"><img src="img/typo06.png" alt=""/></div>
|
||||
<p>Eget turpis, tortor lobortis porttitor, vestibulum nullam vehicula aliquam</p>
|
||||
<a href class="learn-more">Lean more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<h4>Column heading example</h4>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>Yet another column heading example</h4>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>Third column heading example</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="img-wrapper"><img src="img/typo04.png" alt=""/></div>
|
||||
<p>Eget augue, lacus erat ante egestas scelerisque aliquam, metus molestie leo in habitasse magna
|
||||
maecenas</p>
|
||||
<a href class="learn-more">Lean more</a>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="img-wrapper"><img src="img/typo05.png" alt=""/></div>
|
||||
<p>Augue massa et parturient, suspendisse orci nec scelerisque sit, integer nam mauris pede consequat in
|
||||
velit</p>
|
||||
<a href class="learn-more">Lean more</a>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="img-wrapper"><img src="img/typo06.png" alt=""/></div>
|
||||
<p>Eget turpis, tortor lobortis porttitor, vestibulum nullam vehicula aliquam</p>
|
||||
<a href class="learn-more">Lean more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h5>Unordered list:</h5>
|
||||
<ul class="blur">
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Сlacinia scelerisque pharetra
|
||||
<ul>
|
||||
<li>Dui rhoncus quisque integer lorem
|
||||
<ul>
|
||||
<li>Libero iaculis vestibulum eu vitae phasellus enim</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Nisl lectus nibh habitasse suspendisse ut</li>
|
||||
<li>Posuere cursus hac, vestibulum wisi nulla bibendum fames, magna vel turpis dis nibh</li>
|
||||
</ul>
|
||||
|
||||
<div class="separator"></div>
|
||||
<h5>Ordered Lists:</h5>
|
||||
<ol class="blur">
|
||||
<li><span>Eu non nec cursus quis mollis, amet quam nec quam</span></li>
|
||||
<li><span>Et suspendisse, adipiscing fringilla ornare sit ligula sed</span>
|
||||
<ol>
|
||||
<li><span>Interdum et justo nulla</span>
|
||||
<ol>
|
||||
<li><span>Magna amet, suscipit suscipit non amet fames sed erat</span></li>
|
||||
</ol>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><span>Metus duis eu non eu ridiculus turpis</span></li>
|
||||
<li><span>Neque egestas id fringilla consectetuer justo curabitur, wisi magna neque commodo volutpat</span>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h5>Unordered list:</h5>
|
||||
<ul class="blur">
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Сlacinia scelerisque pharetra
|
||||
<ul>
|
||||
<li>Dui rhoncus quisque integer lorem
|
||||
<ul>
|
||||
<li>Libero iaculis vestibulum eu vitae phasellus enim</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Nisl lectus nibh habitasse suspendisse ut</li>
|
||||
<li>Posuere cursus hac, vestibulum wisi nulla bibendum fames, magna vel turpis dis nibh</li>
|
||||
</ul>
|
||||
<div class="banner">
|
||||
<div class="large-banner-wrapper">
|
||||
<img src="img/banner.png" alt=""/>
|
||||
</div>
|
||||
|
||||
<h5>Ordered Lists:</h5>
|
||||
<ol class="blur">
|
||||
<li><span>Eu non nec cursus quis mollis, amet quam nec quam</span></li>
|
||||
<li><span>Et suspendisse, adipiscing fringilla ornare sit ligula sed</span>
|
||||
<ol>
|
||||
<li><span>Interdum et justo nulla</span>
|
||||
<ol>
|
||||
<li><span>Magna amet, suscipit suscipit non amet fames sed erat</span></li>
|
||||
</ol>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><span>Metus duis eu non eu ridiculus turpis</span></li>
|
||||
<li><span>Neque egestas id fringilla consectetuer justo curabitur, wisi magna neque commodo volutpat</span>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="banner-text-wrapper">
|
||||
<div class="banner-text">
|
||||
<h3>Sample Banner Text</h3>
|
||||
|
||||
<div class="banner">
|
||||
<div class="large-banner-wrapper">
|
||||
<img src="img/banner.png" alt=""/>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
|
||||
<p>Odio amet viverra rutrum</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo-desc"><p class="small-text">Banner Description Text</p></div>
|
||||
</div>
|
||||
|
||||
<div class="banner-text-wrapper">
|
||||
<div class="banner-text">
|
||||
<h3>Sample Banner Text</h3>
|
||||
<div class="links">
|
||||
<h2>Links</h2>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
<p><a href>Active link — #41bee9</a></p>
|
||||
|
||||
<p>Odio amet viverra rutrum</p>
|
||||
</div>
|
||||
<p class="hovered"><a href>Hover link — #9d498c</a></p>
|
||||
</div>
|
||||
|
||||
<div class="photo-desc"><p class="small-text">Banner Description Text</p></div>
|
||||
</div>
|
||||
|
||||
<div class="links">
|
||||
<h2>Links</h2>
|
||||
|
||||
<p><a href>Active link — #41bee9</a></p>
|
||||
|
||||
<p class="hovered"><a href>Hover link — #9d498c</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -108,7 +108,7 @@ input.search-input {
|
|||
}
|
||||
|
||||
.vertical-scroll {
|
||||
max-height: 210px;
|
||||
max-height: 214px;
|
||||
}
|
||||
|
||||
.pagination>li>a, .pagination>li>span {
|
||||
|
|
|
|||
Loading…
Reference in New Issue