website

Code for the bare sturcture of concealed.world.
git clone git://git.concealed.world/website
Log | Files | Refs | README | LICENSE

commit f31616d7256a9869a05d69e4ac5371817e6d2a5b
parent 37195fd40c95eadb012d3eebef16f5b6892ee854
Author: Nixx <nixx@firemail.cc>
Date:   Wed,  2 Dec 2020 16:33:50 +0000

No nesting ul elements

Diffstat:
Mincludes/aside.php | 20++++++++++----------
Mstyles/default.css | 39+++++++++++++++++++++------------------
2 files changed, 31 insertions(+), 28 deletions(-)

diff --git a/includes/aside.php b/includes/aside.php @@ -28,17 +28,17 @@ function asideSubLink ($linkname, $root, $indexfile) { echo '<div class="asidehomeimage centre"><a href="'.$root.'home.php"><img src="'.$root.'images/'.$heads[$usehead].'" alt="Home" /></a></div>'; echo '<span class="asidehometext"><a href="'.$root.'home.php">Home</a></span>'; +echo '<ul class="blogbox">'; + echo '<li class="coloureditalic centre">Blogs</li>'; + asideSubLink('General', $root, $indexfile); + asideSubLink('Media', $root, $indexfile); + asideSubLink('News', $root, $indexfile); + asideSubLink('Privacy', $root, $indexfile); + asideSubLink('Projects', $root, $indexfile); + asideSubLink('Scripting', $root, $indexfile); + asideSubLink('Software', $root, $indexfile); +echo '</ul>'; echo '<ul>'; - echo '<ul class="blogbox">'; - echo '<p class="coloureditalic">Blogs</p>'; - asideSubLink('General', $root, $indexfile); - asideSubLink('Media', $root, $indexfile); - asideSubLink('News', $root, $indexfile); - asideSubLink('Privacy', $root, $indexfile); - asideSubLink('Projects', $root, $indexfile); - asideSubLink('Scripting', $root, $indexfile); - asideSubLink('Software', $root, $indexfile); - echo '</ul>'; asideLink('About', 'about.php', $root); asideLink('Contact', 'contact.php', $root); asideLink('Other', 'other.php', $root); diff --git a/styles/default.css b/styles/default.css @@ -61,10 +61,26 @@ input[type="submit" i] { color: var(--main-col); font-size: 1.5em; } + +.aside, .article, .section, .mobilemenu, .banner { + opacity: 0.85; + transition: 0.3s; +} +.banner { + border: none; +} +.banner:hover { + opacity: 1; +} + +.bannerother { + border: none; + height: 60px; + width: 240px; +} + .aside, .article, .section, .mobilemenu { background: var(--bg-col); - opacity: 0.9; - transition: 0.3s; padding: 10px; border: 1px solid var(--main-col); box-shadow: 3px 3px 2px var(--main-col); @@ -146,6 +162,7 @@ input[type="submit" i] { vertical-align: bottom; text-align: center; opacity: 0.7; + transition: 0.3s; } .bottomcell:hover { @@ -379,11 +396,12 @@ input[type="submit" i] { position: relative; right: 11px; border: 1px solid var(--main-col); + margin-left: 20px; + margin-bottom: 10px; } .coloureditalic { position: relative; - left: 30%; font-size: 1.2em; font-style: italic; color: var(--main-col); @@ -439,21 +457,6 @@ input[type="submit" i] { font-size: 2em; } -.banner { - border: none; - opacity: 0.9; - transition: 0.3s; -} -.banner:hover { - opacity: 1; -} - -.bannerother { - border: none; - height: 60px; - width: 240px; -} - .centre { text-align: center; text-align: -webkit-center;