From d6d874c920da913761df323bbd5e695af389b4fb Mon Sep 17 00:00:00 2001 From: Svetlana Rastegina Date: Thu, 4 Feb 2021 14:04:57 +0100 Subject: [PATCH] Modified statistic block styles. --- webapp/src/main/webapp/themes/iph/css/iph.css | 97 +++++++++++++++---- 1 file changed, 80 insertions(+), 17 deletions(-) diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css index 9c939462..e6d23244 100644 --- a/webapp/src/main/webapp/themes/iph/css/iph.css +++ b/webapp/src/main/webapp/themes/iph/css/iph.css @@ -1054,37 +1054,92 @@ a.view-all-style { } /* HOME STATS-----> */ + .home-sections { - border-top: 1px dotted #dbe3e3; /* stroke */ - border-bottom: 1px dotted #dbe3e3; /* stroke */ - background-color: #fff; /* layer fill content */ + /* border-top: 1px dotted #dbe3e3; /* stroke */ + /* border-bottom: 1px dotted #dbe3e3; /* stroke */ + /* background-color: #fff; /* layer fill content */ + } .home-sections h4 { - border-top: 1px solid rgba(220,228,227,.42); /* stroke */ - border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */ - background-color: #395d7f; /* layer fill content */ - border-bottom: 2px solid #62b6d7; - color: #fff; + /*border-top: 1px solid rgba(220,228,227,.42); /* stroke */ + /*border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */ + background-color: none; /* layer fill content */ + /*border-bottom: 2px solid #62b6d7;*/ + color: #DD9F00; + font-size: 1.5em; + line-height: normal; + margin-left: 0px; + } + +#home-stats h4 { + padding-top: 10px; + padding-bottom: 0px; + display: block; + height: 20px; +} + + #home-stats { - margin-top: 30px; + margin-top: 0px !important; + height: 120px; + width: 40%; } + +#stats { +margin-top: 10px; +} + #stats li { -moz-border-radius: 6px; -webkit-border-radius: 6px; + background-color: #4c4c4c; + border-width: 2px; border-radius: 6px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ - background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0; + border-color: #DD9F00; + border-style: solid; color: #fff; + margin-top: 0px; + margin-right: 0px; + width:90px; } + +#stats >li { + height: 60px; +} + +#stats li:first-child { + margin-left: 0px; +} + + #stats li a:hover { - opacity: .5; + color: #DD9F00; } + +#stats .stats-count { + font-size: 2.2em; + padding-top: 8px; + height: 28px; + vertical-align: middle; + border-bottom: 1px dashed #ffffff; + +} + +#stats .stats-type { + height: 23px; + padding-top: 0px; + margin-top: 0px; + font-size: 1.1em; +} + #stats .stats-count span { - color: #fff; - opacity: .5; + color: #fff; + opacity: .5; } #home-research { width: 297px; @@ -1196,11 +1251,19 @@ div#adjImgHeight { margin-top:100px; } /* FOOTER------> */ + +#footerWrapper { + display: flex; + flex-direction: raw; + flex-wrap: no-wrap; + justify-content: center; +} + footer { - padding: 0px 20px 0px 20px; + padding: 0px 0px 0px 0px; clear: both; width: 100%; - height: 88px; + height: 120px; margin: 0 auto; font-size: .7em; color: #ffffff; @@ -1210,7 +1273,7 @@ footer p.copyright { float: left; padding-top: 55px; padding-left: 30px; - width: 600px; + width: 30%; color: #ffffff; } footer p.copyright small { @@ -1219,7 +1282,7 @@ footer p.copyright small { ul#footer-nav { float: right; list-style: none; - width: 200px; + width: 30%; height: 20px; margin: 0; padding: 0;