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

@ -670,7 +670,7 @@ table.no-margin .progress {
float: none !important; 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; position: relative;
min-height: 1px; min-height: 1px;
float: left; float: left;
@ -1896,7 +1896,7 @@ span.right {
display: block; display: block;
padding: 5px 0 0 0; padding: 5px 0 0 0;
position: fixed; position: fixed;
width: 230px; left: 0;
background: #2A3F54; background: #2A3F54;
} }
@ -1990,10 +1990,6 @@ span.right {
padding: 7px 10px; padding: 7px 10px;
} }
.dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {
padding: 0;
}
a.user-profile { a.user-profile {
color: #5E6974 !important; color: #5E6974 !important;
} }

View File

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