From bef97b012386fe2ec5e43be3c104819b7c361490 Mon Sep 17 00:00:00 2001 From: JesseBot Date: Thu, 6 Oct 2022 14:04:53 +0200 Subject: [PATCH] fixing centering of icons and the way the corner ear folds over --- static/css/main.css | 122 +++++++++++++++++++------------------ templates/footer_main.html | 26 ++------ templates/header_main.html | 5 +- templates/index.html | 64 ++++++++----------- 4 files changed, 95 insertions(+), 122 deletions(-) diff --git a/static/css/main.css b/static/css/main.css index e541a2e..6461842 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -67,8 +67,8 @@ h5 { .main-img { box-shadow: 0 6px 12px rgba(0,0,0,.175); - margin-top: 17px; - margin-bottom: 17px; + margin-top: 18px; + margin-bottom: 11px; border-radius: 80px; -moz-border-radius: 4px; border: 1px solid #3d3d3d; @@ -80,15 +80,15 @@ h5 { /* ----------------- Dash Unit ----------------- */ .dash-unit { - margin-bottom: 30px; - padding-bottom: 10px; + margin-bottom: 30px; + padding-bottom: 10px; background-image: url('../images/sep-half.png'); - background-color: #3d3d3d; + background-color: #3d3d3d; color: white; width: 25rem; + border: 1px solid #3d3d3d; border-radius: 4px; -moz-border-radius: 4px; - border: 1px solid #3d3d3d; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); @@ -104,15 +104,6 @@ h5 { box-shadow: 3px 3px 2px 0px #151515; } -.dash-unit dtitle { - font-size: 11px; - text-transform: uppercase; - color: #ffffff; - margin: 8px; - padding: 0px; - height: inherit; -} - .dash-unit hr { border: 0; border-top: 1px solid #151515; @@ -120,6 +111,35 @@ h5 { margin-top: 3px; } +.dash-unit p { + font-size: 14px; + font-weight: 200; + line-height: 16px; + color: inherit; + margin: 0 0 12px; + padding: 14px; +} + +.dash-unit bold { + font-family: 'Open Sans', sans-serif; + font-size: 26px; + font-weight: bold; + color: #fff; + vertical-align: middle; +} + +.dash-unit dtitle { + font-size: 11px; + text-transform: uppercase; + color: #ffffff; + margin: 8px; + padding-top: 4px; + padding-bottom: 0px; + padding-left: 0px; + padding-right: 0px; + height: inherit; +} + .dash-unit h1 { font-family: 'Raleway', sans-serif; font-weight: 300; @@ -158,15 +178,6 @@ h5 { text-align: center; } -.dash-unit p { - font-size: 14px; - font-weight: 200; - line-height: 16px; - color: inherit; - margin: 0 0 10px; - padding:10px; -} - .dash-unit h4 { padding-left: 5px; margin-top: 2px; @@ -177,14 +188,6 @@ h5 { color: #fff; } -.dash-unit bold{ - font-family: 'Open Sans', sans-serif; - font-size: 26px; - font-weight: bold; - color: #fff; - vertical-align: middle; -} - /**********Half-Unit / Used in index.html**********/ .half-unit { @@ -205,6 +208,21 @@ h5 { box-shadow: 3px 3px 2px 0px #151515; } +.half-unit hr { + border: 0; + border-top: 1px solid #151515; + border-top-style: dashed; + margin-top: 3px; +} + +.half-unit bold{ + font-family: 'Open Sans', sans-serif; + font-size:26px; + font-weight:bold; + color:#fff; + vertical-align:middle; +} + .half-unit dtitle { font-size: 10px; text-transform: uppercase; @@ -214,13 +232,6 @@ h5 { height: inherit; } -.half-unit hr { - border: 0; - border-top: 1px solid #151515; - border-top-style: dashed; - margin-top: 3px; -} - .half-unit h1 { font-family: 'Raleway', sans-serif; font-weight: 300; @@ -244,15 +255,6 @@ h5 { color: #fff; } - -.half-unit bold{ - font-family: 'Open Sans', sans-serif; - font-size:26px; - font-weight:bold; - color:#fff; - vertical-align:middle; -} - /**********Styling Elements**********/ .cont { text-align: center; @@ -308,7 +310,7 @@ h5 { .modal-header { background-image: url('../images/sep-half.png'); background-color: #4f4f4f; - color:#fff; + color: #fff; } input[type=submit] { @@ -384,6 +386,7 @@ textarea { background-color: #b2c831; } + /********** CUSTOMIZED BUTTON **********/ .btnnew { display: inline-block; @@ -446,16 +449,17 @@ a:hover { text-decoration: none; } + /********** FooterWrap Section **********/ #footerwrap { - background: #262626; + background: #262626; background-image: url('../images/sep-half.png'); - padding-top: 25px; - padding-bottom: 40px; + padding-top: 25px; + padding-bottom: 40px; border-top-style: solid; border-top-width: 8px; border-top-color: #1d1d1d; - text-align: center; + text-align: center; } #footerwrap p { @@ -470,23 +474,23 @@ a:hover { @media (min-width: 767px) and (max-width: 768px) { .info-aapl ul { margin-left: 10px; - float: left; + float: left; } #load { - margin-left:5px; - margin-right:10px; + margin-left: 5px; + margin-right: 10px; } #space { - margin-left:5px; - margin-right:10px; + margin-left: 5px; + margin-right: 10px; } } @media (max-width: 800px) { .col-xs-8, .col-xs-10 { - float: none; + float: none; margin: 0 auto; } } diff --git a/templates/footer_main.html b/templates/footer_main.html index 341fc7c..fcfde4d 100644 --- a/templates/footer_main.html +++ b/templates/footer_main.html @@ -1,29 +1,13 @@ - - - - + + + diff --git a/templates/header_main.html b/templates/header_main.html index 01cd91e..db70dc0 100644 --- a/templates/header_main.html +++ b/templates/header_main.html @@ -8,7 +8,7 @@ - + @@ -19,9 +19,8 @@ - {% if config_vars['fork_me'] %} - + {% endif %} diff --git a/templates/index.html b/templates/index.html index 6dfe3f0..5812920 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,7 +6,7 @@
- + About {{ config_vars['name'] }}
@@ -22,44 +22,30 @@
- -
-
-
-
-
- Social Links -
-
-
-
-

-   - {% for lnk in social_links %} - - - - - {% endfor %} -

-
- - - Download Resume - - -
-
-
-
+
+ Social Links +
+    + {% for lnk in social_links %} + + + + {% endfor %} +
+ + + Download Resume + + +
{% include('footer_main.html') %}