Little fix for background on highlight

This commit is contained in:
CommanderRedYT
2020-12-01 04:55:42 +01:00
parent 3e3e2774c2
commit 3049ab7ddf
2 changed files with 81 additions and 111 deletions

View File

@@ -8,6 +8,14 @@
body { body {
transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1); transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
background-color: #fff;
}
div.highlight {
background-color: rgba(165, 165, 165, 0.372);
width: 101.65%;
margin-left: -15px;
margin-right: -15px;
} }
nav { nav {

View File

@@ -5,58 +5,39 @@ define('ACTIVE_MENUITEM', 'home');
require('includes/header.php'); require('includes/header.php');
?> ?>
<br /> <br />
<br /> <br />
<br /> <br />
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm text-right"> <div class="col-sm text-right">
<br /> <br />
<h1 class="text-shadow couldDark <?php if($_COOKIE["darkmode"] == "true") echo "darkMode"; ?>" style="text-shadow: 1.3px 1.3px #686868">Pfosten Dynamics</h1> <h1 class="text-shadow couldDark <?php if ($_COOKIE["darkmode"] == "true") echo "darkMode"; ?>" style="text-shadow: 1.3px 1.3px #686868">Pfosten Dynamics</h1>
<h2>Change your idea of what idiots can do</h2> <h2>Change your idea of what idiots can do</h2>
</div> </div>
<div class="col-sm text-left"> <div class="col-sm text-left">
<br /> <br />
<img <img src="./img/peterXfeedc0de.jpg" style="
src="./img/peterXfeedc0de.jpg"
style="
max-height: 600px; max-height: 600px;
border: 2px; border: 2px;
border-style: ridge; border-style: ridge;
border-color: gray; border-color: gray;
" " class="d-inline-block shadow rounded img-fluid" alt="" loading="lazy" draggable="false" ondragstart="return false;" />
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div> </div>
</div> </div>
<br /> <br />
<br /> <br />
<div <div class="container-fluid text-center highlight">
class="container-fluid text-center"
style="background-color: rgba(165, 165, 165, 0.372)"
>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm text-right vert"> <div class="col-sm text-right vert">
<br /> <br />
<img <img src="./img/bobbycars.png" style="
src="./img/bobbycars.png"
style="
max-height: 600px; max-height: 600px;
border: 2px; border: 2px;
border-style: ridge; border-style: ridge;
border-color: gray; border-color: gray;
" " class="d-inline-block shadow rounded img-fluid" alt="" loading="lazy" draggable="false" ondragstart="return false;" />
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div> </div>
<div class="col-sm text-left"> <div class="col-sm text-left">
<br /> <br />
@@ -80,46 +61,28 @@ require('includes/header.php');
</div> </div>
<div class="col-sm text-left"> <div class="col-sm text-left">
<br /> <br />
<img <img src="./img/feedcode-bobbycar-1.jpg" style="
src="./img/feedcode-bobbycar-1.jpg"
style="
max-height: 600px; max-height: 600px;
border: 2px; border: 2px;
border-style: ridge; border-style: ridge;
border-color: gray; border-color: gray;
" " class="d-inline-block shadow rounded img-fluid" alt="" loading="lazy" draggable="false" ondragstart="return false;" />
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div> </div>
</div> </div>
<br /> <br />
<br /> <br />
<div </div>
class="container-fluid text-center" <div class="container-fluid text-center highlight">
style="background-color: rgba(165, 165, 165, 0.372)"
>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm text-right vert"> <div class="col-sm text-right vert">
<br /> <br />
<img <img src="./img/party.jpg" style="
src="./img/party.jpg"
style="
max-height: 600px; max-height: 600px;
border: 2px; border: 2px;
border-style: ridge; border-style: ridge;
border-color: gray; border-color: gray;
" " class="d-inline-block shadow rounded img-fluid" alt="" loading="lazy" draggable="false" ondragstart="return false;" />
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div> </div>
<div class="col-sm text-left"> <div class="col-sm text-left">
<br /> <br />
@@ -136,6 +99,5 @@ require('includes/header.php');
</div> </div>
</div> </div>
<br /> <br />
</div> </div>
</div>
<?php require('includes/footer.php'); ?> <?php require('includes/footer.php'); ?>