messing up with the container size

This commit is contained in:
deflax 2018-03-25 01:31:00 +02:00
parent 19f32a4008
commit f5fca59983
3 changed files with 44 additions and 49 deletions

View file

@ -6,7 +6,7 @@
.navbar-default .navbar-brand {
background: url(/static/images/datapoint.png) center / contain no-repeat;
width: 200px;
width: 180px;
color: #ffffff;
}
.navbar-default .navbar-brand:hover,

View file

@ -12,37 +12,69 @@ body {
left:0;
width:100%;
height:100%;
font-size: 14pt;
font-size: 16px;
/* font-weight: bold; */
}
.page_wrap {
width: 60%;
width: 83%;
margin: 0 auto;
}
.container {
width: 85%;
}
.container-fluid {
max-width: 85%;
min-width: 280px;
}
.container-fluid-index a:active {
color: lightgray;
}
.container-fluid-index a:link {
color: lightgray;
}
.container-fluid-index a:hover {
color: #fff;
}
.container-fluid-index a:visited {
color: lightgray;
}
.roundavatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#footer_cols {
background:url(/static/images/footer_header_bg.png) repeat;
background:url('/static/images/footer_header_bg.png') repeat;
border-bottom: 1px solid #2c2c2e;
overflow: hidden;
padding: 16px 0 5px 0;
padding: 16px 0 20px 0;
color: #818387;
margin-top: 40px;
}
.clear{
.clear {
clear:both;
}
.footerblock {
max-width: 420px;
max-width: 420px;
margin-right: 0px;
}
.footerblock h4 {
font-size: 18px;
color: #FFF;
background: url(/static/images/footer_cols_divider.png) no-repeat bottom center;
background: url('/static/images/footer_cols_divider.png') no-repeat bottom center;
padding-bottom: 13px;
margin-bottom: 8px;
}
@ -62,7 +94,7 @@ body {
}
.newsletter_input {
background: url(/static/images/footer_newsletter_input.png) no-repeat;
background: url('/static/images/footer_newsletter_input.png') no-repeat;
width: 190px;
height: 38px;
padding: 0 10px;
@ -74,7 +106,7 @@ body {
}
.newsletter_submit {
background: url(/static/images/footer_newsletter_input_btn.png) no-repeat;
background: url('/static/images/footer_newsletter_input_btn.png') no-repeat;
width: 16px;
height: 16px;
border: 0;
@ -88,7 +120,7 @@ body {
/* Footer Copyright */
#footer_copyright {
background-color: #536a2f;
background-color: #536a2f;
/* background: url(/static/images/footer_top_bg.png) repeat; */
overflow: hidden;
padding: 20px 0 5px 0;
@ -142,7 +174,6 @@ a:active {
color: #2DA6F7;
}
.fluidMedia {
position: relative;
padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
@ -180,42 +211,6 @@ a:active {
padding-left: 16px;
}
.container {
width: 100%;
}
.container-fluid {
position: relative;
max-width: 100%;
min-width: 280px;
}
.container-fluid-index {
position: relative;
color: #fff;
}
.container-fluid-index a:active {
color: lightgray;
}
.container-fluid-index a:link {
color: lightgray;
}
.container-fluid-index a:hover {
color: #fff;
}
.container-fluid-index a:visited {
color: lightgray;
}
.roundavatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.btn-outline {
color: inherit;

View file

@ -34,7 +34,7 @@
{% block content %}
{% block outside_container %}{% endblock %}
<div class="container">
<div class="custom-container">
{% for message in get_flashed_messages() %}
<div class="alert alert-warning">
<button type="button" class="close" data-dismiss="alert">x</button>