Skip to content

Commit

Permalink
Styles for the new footer added
Browse files Browse the repository at this point in the history
  • Loading branch information
@vserova
vserova authored Apr 6, 2023
1 parent 93ffd59 commit 56783fa
Showing 1 changed file with 349 additions and 0 deletions.
349 changes: 349 additions & 0 deletions static/css/bookpage.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -725,3 +725,352 @@ div.section a {
.content td {
padding: 0.5em;
}




/* NEW FOOTER STYLES */

.footer {
clear: both;
margin-top: 1em
}

#footer,#NCBIFooter_dynamic {
font-family: arial,helvetica,sans-serif;
line-height: 1.8em
}

#NCBIFooter_dynamic {
position: relative;
top: 1.4em;
*top: .4em;
z-index: 10;
font-size: 11px;
color: #505050;
clear: both
}

#NCBIFooter_dynamic a,#footer a {
text-decoration: none;
color: #14376c
}

#footer-contents-right {
float: right;
text-align: right
}

#footer-contents-right a {
float: left;
height: 41px;
overflow: hidden;
padding-top: 14px;
text-indent: 10em
}

#footer-contents-right div {
display: inline
}

#nlm_thumb_logo a {
background: transparent url(/coreweb/images/ncbi/footer/footer_imgs.png) no-repeat scroll 0 100%;
width: 34px;
margin-right: 14px
}

#nih_thumb_logo a {
background: transparent url(/coreweb/images/ncbi/footer/footer_imgs.png) no-repeat scroll -35px 100%;
width: 40px;
margin-right: 14px
}

#hhs_thumb_logo a {
background: transparent url(/coreweb/images/ncbi/footer/footer_imgs.png) no-repeat scroll -75px 100%;
width: 39px;
margin-right: 14px
}

#usagov_thumb_logo a {
background: transparent url(/coreweb/images/ncbi/footer/footer_imgs.png) no-repeat scroll -114px 100%;
width: 89px
}

#footer-contents-left p.address {
margin: 0;
line-height: 18px
}

#footer-contents-left a {
font-weight: bold
}

#footer-contents-left span.url a {
font-weight: normal
}

#footer-contents-left p.address .adr {
display: block
}

#footer {
margin-top: auto;
letter-spacing: 0.5px;
font-family: "Roboto", "Helvetica Neue", Arial, Tahoma;
clear: both;
}

#footer ol, #footer ul, #footer dl {
margin-top: 0;
}

#footer .container {
width: 100%;
padding-right: 15px;
margin-right: auto;
margin-left: auto;
}

#footer .container-fluid.bg-primary .container {
padding-left: 15px;
}

#footer a {
color: #376faa;
text-decoration: none;
background-color: transparent;
}

#footer svg:not(:root) {
overflow: hidden;
}

#footer .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#footer .col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

#footer .col-12, #footer .col-lg-12 {
position: relative;
width: 100%;
min-height: 1px;
}

#footer .col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

#footer .centered-lg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

#footer nav {
display: block;
}

#footer p {
margin-top: 0;
}

#footer p {
line-height: 1.5;
}

#footer .text-white {
color: #ffffff !important;
}

#footer .list-inline {
padding-left: 0;
list-style: none;
}

#footer ul {
margin-left: 0;
}

#footer .list-inline-item {
display: inline-block;
}

#footer li {
line-height: 1.5;
}

#footer li:last-child {
margin-bottom: 0;
}

#footer .container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
display: block;
}

#footer .social_media a {
width: 35px;
height: 35px;
display: inline-block;
margin-right: 5px;
}

#footer .pt-5, #footer .py-5 {
padding-top: 1rem;
}

@media screen and (min-width: 992px) {
#footer .container {
max-width: 980px;
}

#footer .col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

#footer .col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

#footer .centered-lg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}

#footer .bottom-links {
margin: 0 auto;
}

#footer .bottom-links ul {
list-style: none;
padding-left: 0px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

#footer .bottom-links ul li {
padding: 0px 8px;
position: relative;
font-size: 18px;
}

#footer .bottom-links ul li:first-child {
padding-left: 0px;
}

#footer .bottom-links ul li:not(:last-child) {
border-right: 1px solid #FFFFFF;
}

#footer .icon_social {
width: 35px;
height: 35px;
display: inline-block;
margin-right: 5px;
margin-bottom: 1rem;
}

#footer .icon-section {
background-color: #dbdbdb;
}

#footer .icon-section_header {
background-color: #90a6c7;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
padding: 16px;
margin-top: 50px;
}

#footer .icon-section_header::after {
display: none;
content: "";
border: solid #fff;
border-width: 0px 3px 3px 0px;
padding: 7px;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-left: 15px;
position: absolute;
margin-top: -2px;
}

#footer .icon-section_header.opened::after {
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin-top: 6px;
}

#footer .icon-section_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

#footer .icon-section_header.opened + .grid-container .icon-section_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#footer .footer-icon {
display: block;
width: 40px;
height: 40px;
margin: 20px 0;
}

#footer .bg-primary {
background-color: #20558A;
}

#footer .icon-section_header {
background-color: #4773aa;
}

0 comments on commit 56783fa

Please sign in to comment.