From df4170708c22a14869c26373055f569a91b30c45 Mon Sep 17 00:00:00 2001 From: leency Date: Fri, 5 Nov 2021 17:27:16 +0000 Subject: [PATCH] slightly update styles git-svn-id: file:///var/kolibrios-org-repos@29 ae7b2cb0-843d-483b-9e9e-b8a90ea88d30 --- style.css | 32 ++++++++++++++++++-------------- 1 file changed, 18 insertions(+), 14 deletions(-) diff --git a/style.css b/style.css index d3a8dde..abac390 100644 --- a/style.css +++ b/style.css @@ -48,8 +48,12 @@ body { #article, #banner { border-radius: 8px; + box-shadow: rgb(27 20 65 / 10%) 0px 10px 20px 0px; + border: none; + /* box-shadow: 0 3px 8px -6px rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,.14); + */ } #article { @@ -72,6 +76,8 @@ body { width: 900px; height: 150px; transition: border 0.5s ease; + border: 1px solid rgba(0,0,0,.14); + box-shadow: none; } #banner:hover { @@ -204,11 +210,10 @@ td { border: 1px solid #182028; display: block; position: relative; - top: 50%; + top: 48px; left: 50%; margin-left: -576px; - margin-top: -432px; - border-radius: 5px; + border-radius: 8px; overflow: hidden; } @@ -223,17 +228,16 @@ td { #carousel { position: fixed; - bottom:0; - width: 420px; - padding: 0 7px; - left: calc(50% - 210px); - border-radius: 5px 5px 0 0; - text-align: center; - background: #333; - z-index:9000; - vertical-align: middle; - color:#fff; - text-shadow: 1px 1px 0 #111; + bottom: 10px; + right: 10px; + width: 400px; + padding: 0 7px + border-radius: 5px; + text-align: center; + background: #333333DD; + z-index: 10; + color: #fff; + text-shadow: 1px 1px 0 #111111; } iframe {