elements / bs4 overwrite fix part 2

pull/776/head
razvanaldea89 2019-02-13 13:46:31 +02:00
parent 87baabb901
commit d2636911d8
2 changed files with 976 additions and 937 deletions

View File

@ -186,7 +186,7 @@
.nav-sm .navbar.nav_title {
width: 100%;
text-align:center;
text-align: center;
}
.nav-sm .navbar.nav_title a span {
@ -670,7 +670,7 @@ table.no-margin .progress {
float: none !important;
}
.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
.col-md-55 {
position: relative;
min-height: 1px;
float: left;
@ -715,7 +715,7 @@ a:hover, a:focus {
margin: 0;
width: 70%;
float: right;
display:block;
display: block;
}
.top_nav .navbar-right li {
@ -1896,7 +1896,7 @@ span.right {
display: block;
padding: 5px 0 0 0;
position: fixed;
width: 230px;
left: 0;
background: #2A3F54;
}
@ -1990,10 +1990,6 @@ span.right {
padding: 7px 10px;
}
.dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {
padding: 0;
}
a.user-profile {
color: #5E6974 !important;
}

View File

@ -34,9 +34,9 @@
<body class="nav-md">
<div class="body test">
<div class="main_container row">
<div class="col-md-2 left_col">
<div class="main_container container-fluid">
<div class="row">
<div class="col-lg-2 left_col">
<div class="left_col">
<div class="navbar nav_title" style="border: 0;">
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
@ -170,7 +170,7 @@
<!-- /sidebar menu -->
<!-- /menu footer buttons -->
<div class="sidebar-footer hidden-small">
<div class="col-lg-2 sidebar-footer hidden-small">
<a data-toggle="tooltip" data-placement="top" title="Settings">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</a>
@ -187,7 +187,7 @@
<!-- /menu footer buttons -->
</div>
</div>
<div class="col-md-10">
<div class="col-lg-10">
<div class="row">
<!-- top navigation -->
<div class="top_nav col-md-12">
@ -199,7 +199,8 @@
<ul class="nav navbar-nav navbar-right">
<li class="">
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown"
<a href="javascript:;" class="user-profile dropdown-toggle"
data-toggle="dropdown"
aria-expanded="false">
<img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span>
@ -213,12 +214,14 @@
</a>
</li>
<li><a href="javascript:;">Help</a></li>
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log
Out</a></li>
</ul>
</li>
<li role="presentation" class="dropdown">
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown"
<a href="javascript:;" class="dropdown-toggle info-number"
data-toggle="dropdown"
aria-expanded="false">
<i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span>
@ -347,7 +350,7 @@
</div>
</div>
</div>
<div class="row">
<div class="col-md-9 col-sm-9 col-xs-12">
<div id="chart_plot_01" class="demo-placeholder"></div>
</div>
@ -399,6 +402,7 @@
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
@ -440,7 +444,8 @@
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
<div class="progress-bar bg-green" role="progressbar"
aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 66%;">
<span class="sr-only">60% Complete</span>
</div>
@ -458,7 +463,8 @@
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
<div class="progress-bar bg-green" role="progressbar"
aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 45%;">
<span class="sr-only">60% Complete</span>
</div>
@ -475,7 +481,8 @@
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
<div class="progress-bar bg-green" role="progressbar"
aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
<span class="sr-only">60% Complete</span>
</div>
@ -492,7 +499,8 @@
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
<div class="progress-bar bg-green" role="progressbar"
aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 5%;">
<span class="sr-only">60% Complete</span>
</div>
@ -509,7 +517,8 @@
</div>
<div class="w_center w_55">
<div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
<div class="progress-bar bg-green" role="progressbar"
aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 2%;">
<span class="sr-only">60% Complete</span>
</div>
@ -554,12 +563,14 @@
<p>Top 5</p>
</th>
<th>
<div class="row">
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
<p class="">Device</p>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
<p class="">Progress</p>
</div>
</div>
</th>
</tr>
<tr>
@ -698,16 +709,20 @@
<div class="block">
<div class="block_content">
<h2 class="title">
<a>Who Needs Sundance When Youve Got&nbsp;Crowdfunding?</a>
<a>Who Needs Sundance When Youve
Got&nbsp;Crowdfunding?</a>
</h2>
<div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a>
</div>
<p class="excerpt">Film festivals used to be do-or-die moments for
<p class="excerpt">Film festivals used to be do-or-die
moments for
movie
makers. They were where you met the producers that could fund
makers. They were where you met the producers that could
fund
your
project, and if the buyers liked your flick, theyd pay to
project, and if the buyers liked your flick, theyd pay
to
Fast-forward and… <a>Read&nbsp;More</a>
</p>
</div>
@ -717,16 +732,20 @@
<div class="block">
<div class="block_content">
<h2 class="title">
<a>Who Needs Sundance When Youve Got&nbsp;Crowdfunding?</a>
<a>Who Needs Sundance When Youve
Got&nbsp;Crowdfunding?</a>
</h2>
<div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a>
</div>
<p class="excerpt">Film festivals used to be do-or-die moments for
<p class="excerpt">Film festivals used to be do-or-die
moments for
movie
makers. They were where you met the producers that could fund
makers. They were where you met the producers that could
fund
your
project, and if the buyers liked your flick, theyd pay to
project, and if the buyers liked your flick, theyd pay
to
Fast-forward and… <a>Read&nbsp;More</a>
</p>
</div>
@ -736,16 +755,20 @@
<div class="block">
<div class="block_content">
<h2 class="title">
<a>Who Needs Sundance When Youve Got&nbsp;Crowdfunding?</a>
<a>Who Needs Sundance When Youve
Got&nbsp;Crowdfunding?</a>
</h2>
<div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a>
</div>
<p class="excerpt">Film festivals used to be do-or-die moments for
<p class="excerpt">Film festivals used to be do-or-die
moments for
movie
makers. They were where you met the producers that could fund
makers. They were where you met the producers that could
fund
your
project, and if the buyers liked your flick, theyd pay to
project, and if the buyers liked your flick, theyd pay
to
Fast-forward and… <a>Read&nbsp;More</a>
</p>
</div>
@ -755,16 +778,20 @@
<div class="block">
<div class="block_content">
<h2 class="title">
<a>Who Needs Sundance When Youve Got&nbsp;Crowdfunding?</a>
<a>Who Needs Sundance When Youve
Got&nbsp;Crowdfunding?</a>
</h2>
<div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a>
</div>
<p class="excerpt">Film festivals used to be do-or-die moments for
<p class="excerpt">Film festivals used to be do-or-die
moments for
movie
makers. They were where you met the producers that could fund
makers. They were where you met the producers that could
fund
your
project, and if the buyers liked your flick, theyd pay to
project, and if the buyers liked your flick, theyd pay
to
Fast-forward and… <a>Read&nbsp;More</a>
</p>
</div>
@ -792,7 +819,8 @@
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
@ -808,6 +836,7 @@
</div>
<div class="x_content">
<div class="dashboard-widget-content">
<div class="row">
<div class="col-md-4 hidden-small">
<h2 class="line_30">125.7k Views from 60 countries</h2>
@ -842,6 +871,7 @@
</div>
</div>
</div>
</div>
</div>
<div class="row">
@ -858,7 +888,8 @@
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
@ -878,51 +909,60 @@
<ul class="to_do">
<li>
<p>
<input type="checkbox" class="flat"> Schedule meeting with new
<input type="checkbox" class="flat"> Schedule meeting
with new
client </p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Create email address for
<input type="checkbox" class="flat"> Create email
address for
new
intern</p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Have IT fix the network
<input type="checkbox" class="flat"> Have IT fix the
network
printer
</p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Copy backups to offsite
<input type="checkbox" class="flat"> Copy backups to
offsite
location</p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Food truck fixie locavors
<input type="checkbox" class="flat"> Food truck fixie
locavors
mcsweeney</p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Food truck fixie locavors
<input type="checkbox" class="flat"> Food truck fixie
locavors
mcsweeney</p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Create email address for
<input type="checkbox" class="flat"> Create email
address for
new
intern</p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Have IT fix the network
<input type="checkbox" class="flat"> Have IT fix the
network
printer
</p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Copy backups to offsite
<input type="checkbox" class="flat"> Copy backups to
offsite
location</p>
</li>
</ul>
@ -943,7 +983,8 @@
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
@ -969,7 +1010,8 @@
<div class="row">
<div class="col-sm-4">
<div class="weather-icon">
<canvas height="84" width="84" id="partly-cloudy-day"></canvas>
<canvas height="84" width="84"
id="partly-cloudy-day"></canvas>
</div>
</div>
<div class="col-sm-8">
@ -1048,7 +1090,7 @@
</div>
<!-- /page content -->
<!-- footer content -->
<footer class="col-md-12" >
<footer class="col-md-12">
<div class="pull-right">
Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</div>
@ -1058,6 +1100,7 @@
</div>
<!-- /footer content -->
</div>
</div>
</div>
<!-- jQuery -->