From d4aef34f441ea6c8d63ac7928005684222d75985 Mon Sep 17 00:00:00 2001 From: Bob Mottram Date: Tue, 25 Feb 2020 21:08:55 +0000 Subject: [PATCH] Try different css --- blog.py | 9 ++++++--- epicyon-blog.css | 16 ++++++++-------- epicyon-profile.css | 25 +++++++++++++++++++++++++ 3 files changed, 39 insertions(+), 11 deletions(-) diff --git a/blog.py b/blog.py index fc1e0b5d..973a169f 100644 --- a/blog.py +++ b/blog.py @@ -185,9 +185,12 @@ def htmlBlogPost(authorized: bool, \ """ blogStr='' - cssFilename=baseDir+'/epicyon-blog.css' - if os.path.isfile(baseDir+'/blog.css'): - cssFilename=baseDir+'/blog.css' + #cssFilename=baseDir+'/epicyon-blog.css' + #if os.path.isfile(baseDir+'/blog.css'): + # cssFilename=baseDir+'/blog.css' + cssFilename=baseDir+'/epicyon-profile.css' + if os.path.isfile(baseDir+'/epicyon.css'): + cssFilename=baseDir+'/epicyon.css' with open(cssFilename, 'r') as cssFile: blogCSS=cssFile.read() blogStr=htmlHeader(cssFilename,blogCSS) diff --git a/epicyon-blog.css b/epicyon-blog.css index 07d990db..8e6fdb4f 100644 --- a/epicyon-blog.css +++ b/epicyon-blog.css @@ -79,6 +79,14 @@ H3 { text-align: center } +img { + border-radius: 5%; +} + +img:hover { + box-shadow: 0 0 2px 1px var(--gallery-hover); +} + .about { font-size: var(--font-size5); float: right; @@ -90,14 +98,6 @@ H3 { float: right; } -img { - border-radius: 5%; -} - -img:hover { - box-shadow: 0 0 2px 1px var(--gallery-hover); -} - .buttonprev { float: left; width: 10%; diff --git a/epicyon-profile.css b/epicyon-profile.css index 4d714c53..3b36807d 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -90,6 +90,31 @@ a:link { position: relative; } +.about { + font-size: var(--font-size5); + float: right; +} + +.blogreplies { + color: var(--button-highlighted); + font-size: var(--font-size2); + float: right; +} + +.buttonprev { + float: left; + width: 10%; + -ms-transform: translateY(30%); + transform: translateY(30%); +} + +.buttonnext { + float: right; + width: 10%; + -ms-transform: translateY(30%) scaleX(-1); + transform: translateY(30%) scaleX(-1); +} + .hero-image img { width: 50%; }