Skip to content
Snippets Groups Projects
Commit b5bcd331 authored by Alexander Purr's avatar Alexander Purr Committed by Dorian Merz
Browse files

refs #15652 [fid_adlr] footer

* just plain footer css within scss file
* footer completed, correct scss nesting, use of scss variables and functions
parent 05637d5b
No related merge requests found
This diff is collapsed.
themes/fid_adlr/images/finc-logo.png

2.09 KiB

themes/fid_adlr/images/footer-dummy-background.png

106 B

<?xml version="1.0" encoding="UTF-8"?>
<svg width="137px" height="41px" viewBox="0 0 137 41" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com -->
<title>9E61DBD3-7FBA-465F-B5E1-882F0CC177E0</title>
<desc>Created with sketchtool.</desc>
<g id="Webdesign-Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="home" transform="translate(-794.000000, -3411.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g id="footer" transform="translate(-0.500000, 3008.000000)">
<g id="logos">
<g transform="translate(334.000000, 359.000000)">
<g id="vufind-logo" transform="translate(460.000000, 44.000000)">
<path d="M112.1,29 C108.1,29 104.8,26.2 104.8,22.8 C104.8,20.7 106,18.9 107.8,17.8 C105,18.7 103,20.9 103,23.6 C103,27 106.3,29.8 110.3,29.8 C111.9,29.8 113.4,29.4 114.6,28.6 C113.8,28.9 113,29 112.1,29 Z" id="Path"></path>
<g id="Group">
<polygon id="Path" points="12.2 34.7 0.8 11.9 5.8 11.9 14.1 28.7 22.4 11.9 27.4 11.9 16.1 34.7"></polygon>
<path d="M39.1,35.1 C37.7,35.1 36.3,34.9 35.1,34.4 C33.9,33.9 32.8,33.3 31.8,32.5 C30.9,31.7 30.1,30.7 29.5,29.6 C28.9,28.5 28.6,27.3 28.6,26 L28.6,11.8 L33.1,11.8 L33.1,25.9 C33.1,26.6 33.2,27.2 33.5,27.8 C33.8,28.4 34.2,28.9 34.7,29.4 C35.2,29.9 35.9,30.2 36.6,30.5 C37.3,30.8 38.1,30.9 39,30.9 C39.8,30.9 40.6,30.8 41.3,30.5 C42,30.2 42.6,29.9 43.2,29.4 C43.7,29 44.1,28.4 44.4,27.8 C44.7,27.2 44.8,26.6 44.8,25.9 L44.8,11.8 L49.3,11.8 L49.3,25.9 C49.3,27.2 49,28.4 48.4,29.5 C47.8,30.6 47.1,31.6 46.1,32.4 C45.2,33.2 44.1,33.9 42.8,34.3 C41.9,34.9 40.5,35.1 39.1,35.1 Z" id="Path"></path>
<path d="M51.8,34.7 L51.8,7.1 C51.8,6.2 52,5.3 52.4,4.5 C52.8,3.7 53.3,3.1 54,2.5 C54.7,1.9 55.4,1.5 56.3,1.1 C57.2,0.8 58.1,0.6 59.1,0.6 C60.1,0.6 61,0.8 61.9,1.1 C62.8,1.4 63.6,1.9 64.2,2.5 C64.8,3.1 65.4,3.8 65.8,4.5 C66.2,5.3 66.4,6.2 66.4,7.1 L66.4,8.1 L61.9,8.1 L61.9,7.1 C61.9,6.5 61.7,6 61.1,5.6 C60.5,5.1 59.9,4.9 59.1,4.9 C58.3,4.9 57.7,5.1 57.1,5.6 C56.6,6 56.3,6.5 56.3,7.1 L56.3,19 L65.3,19 L65.3,23.2 L56.3,23.2 L56.3,34.7 L51.8,34.7 Z" id="Path"></path>
<rect id="Rectangle" x="67.8" y="11.9" width="4.5" height="22.8"></rect>
<path d="M90.8,34.7 L90.8,20.6 C90.8,19.9 90.7,19.3 90.4,18.7 C90.1,18.1 89.7,17.6 89.2,17.1 C88.7,16.6 88,16.3 87.3,16 C86.6,15.7 85.8,15.6 84.9,15.6 C84.1,15.6 83.3,15.7 82.6,16 C81.9,16.3 81.3,16.6 80.7,17.1 C80.2,17.6 79.8,18.1 79.5,18.7 C79.2,19.3 79.1,19.9 79.1,20.6 L79.1,34.7 L74.6,34.7 L74.6,20.6 C74.6,19.3 74.9,18.1 75.5,17 C76.1,15.9 76.8,14.9 77.8,14.1 C78.7,13.3 79.8,12.6 81.1,12.2 C82.4,11.7 83.7,11.5 85.1,11.5 C86.5,11.5 87.9,11.7 89.1,12.2 C90.3,12.7 91.4,13.3 92.4,14.1 C93.3,14.9 94.1,15.9 94.7,17 C95.3,18.1 95.6,19.3 95.6,20.6 L95.6,34.7 L90.8,34.7 Z" id="Path"></path>
<path d="M110.2,35.1 C108.4,35.1 106.7,34.8 105.2,34.2 C103.6,33.6 102.2,32.8 101.1,31.8 C99.9,30.8 99,29.6 98.3,28.2 C97.6,26.8 97.2,25.3 97.2,23.7 C97.2,22.1 97.6,20.6 98.2,19.2 C98.9,17.8 99.8,16.6 101,15.5 C102.2,14.5 103.6,13.7 105.1,13.1 C106.7,12.5 108.4,12.2 110.1,12.2 C112.2,12.2 114.2,12.6 116,13.4 C117,13.9 117.9,14.4 118.7,15 L118.7,2.6 L123.1,2.6 L123.1,23.6 C123.1,25.2 122.7,26.7 122,28.1 C121.3,29.5 120.4,30.7 119.2,31.7 C118,32.7 116.6,33.5 115.1,34.1 C113.7,34.8 112,35.1 110.2,35.1 Z M110.2,16.3 C109,16.3 107.9,16.5 106.8,16.9 C105.7,17.3 104.8,17.8 104,18.5 C103.2,19.2 102.6,19.9 102.2,20.8 C101.8,21.7 101.5,22.6 101.5,23.6 C101.5,24.6 101.7,25.5 102.2,26.4 C102.6,27.3 103.3,28.1 104,28.8 C104.8,29.5 105.7,30 106.8,30.4 C107.9,30.8 109,31 110.2,31 C111.4,31 112.5,30.8 113.6,30.4 C114.7,30 115.6,29.5 116.4,28.8 C117.2,28.1 117.8,27.3 118.2,26.4 C118.6,25.5 118.9,24.6 118.9,23.6 C118.9,22.6 118.7,21.7 118.2,20.8 C117.8,19.9 117.1,19.1 116.4,18.5 C115.6,17.8 114.7,17.3 113.6,16.9 C112.5,16.5 111.4,16.3 110.2,16.3 Z" id="Shape"></path>
</g>
<polygon id="Path" points="122.5 30.3 120.5 33.2 135.1 40.6 137.2 37.6"></polygon>
<rect id="Rectangle" x="67.9" y="2.6" width="4.5" height="5.5"></rect>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
Forgot Password = Passwort vergessen?
Services for subject specialists = Service für Fachreferate
Username = E-Mail-Adresse
\ No newline at end of file
Forgot Password = Forgot your password?
Services for subject specialists = Services for subject specialists
Username = E-Mail Address
\ No newline at end of file
......@@ -1370,5 +1370,122 @@ div[class$="-tab"] {
// PAGE ELEMENTS (Top --> Down) - END
// +++++ Footer - START
// styling follows mobile first principles
footer {
// general footer styles
all: inherit;
color: white;
background-repeat: no-repeat;
background-size: cover;
background-image: url('../images/footer-dummy-background.png');
a:hover, a:link, a:active, a:focus, a:visited {
color: white;
}
#footer-links {
font-family: "Ubuntu Mono";
font-size: em(18px);
font-weight: bold;
letter-spacing: em(2px);
line-height: em(42px);
text-transform: uppercase;
}
#footer-links ul {
list-style: none;
padding-left: 0;
}
#footer-contact-wrapper {
background-color:$azure;
}
#footer-contact div:first-child {
font-family: "Ubuntu Mono";
font-size: em(20px);
font-weight: bold;
letter-spacing: em(0.8px);
line-height: em(20px);
}
#footer-contact div:nth-child(2) {
font-family: "Open Sans";
font-size: em(18px);
line-height: em(33px);
}
#footer-contact .form {
font-weight: bold;
}
.footer-indent {
margin: 35px 15px 25px 15px;
}
.logo-footer {
height: 45px;
}
#footer-logos {
font-family: "Open Sans";
font-size: em(14px);
line-height: em(19px);
}
#footer-copyright {
font-family: "Open Sans";
font-size: em(16px);
line-height: em(22px);
}
// Small devices Tablets (<768px)
@media (max-width: $screen-sm-min - 1px) {
#footer-contact {
margin-left: 20px;
margin-right: 20px;
}
#footer-contact-wrapper {
padding: 35px 15px 20px 15px;
}
background-position-y: 60px;
}
// Small devices Tablets (≥768px) .col-sm-
@media (min-width: $screen-sm-min) {
background-size: calc(100%/2 + #{$container-sm}/4) 100%;
#footer-links {
margin-top: 50px;
}
#footer-contact-wrapper {
margin-top: 50px;
margin-right: 25px;
padding: 35px;
}
}
// Medium devices Desktops (≥992px) .col-md-
@media (min-width: $screen-md-min) {
background-size: calc(100%/2 + #{$container-md}/4) 100%;
#footer-links {
font-size: em(24px);
letter-spacing: em(1px);
line-height: em(42px);
}
#footer-contact div:first-child {
font-size: em(30px);
font-weight: bold;
line-height: em(34px);
}
#footer-contact-wrapper {
margin-right: -15px;
}
}
// Large devices Desktops (≥1200px) .col-lg-
@media (min-width: $screen-lg-min) {
background-size: calc(100%/2 + #{$container-lg}/4);
}
}
// +++++ Footer - END
\ No newline at end of file
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-push-6 col-lg-5 col-lg-push-7">
<div class="row">
<div class="col-sm-12">
<div id="footer-contact-wrapper">
<div id="footer-contact" class="row">
<div class="col-md-5">
<p>Kontakt</p>
</div>
<div class="col-md-7">
<p>Dr. Sebastian Stoppe<br>
Projektkoordinator<br>
+49 341 9730626<br>
<span class="form">&rarr; Kontaktformular</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-sm-pull-6 col-lg-7 col-lg-pull-5">
<div id="footer-links" class="footer-indent">
<ul>
<li><a href="<?=$this->url('content-page', ['page' => 'faq'])?>"><?=$this->transEsc('FAQs')?></a></li>
<li><a href="https://blog.adlr.link/newsletter/" target="_blank"><?=$this->transEsc('Newsletter')?></a></li>
<li><a href="https://blog.adlr.link/service-fuer-fachreferate/" target="_blank"><?=$this->translate('Services for subject specialists')?></a></li>
<li><a href="https://blog.adlr.link/team/" target="_blank"><?=$this->transEsc('fid::Team')?></a></li>
<li><a href="<?=$this->url('fid/user/terms')?>"><?=$this->transEsc('fid::terms')?></a></li>
<li><a href="<?=$this->url('fid/user/policy')?>"><?=$this->transEsc('fid::policy')?></a></li>
</ul>
</div>
</div>
</div>
<div class="row" id="footer-logos">
<div class="col-sm-12 col-md-9 col-lg-9">
<div class="row">
<div class="col-md-3 col-lg-3">
<div class="footer-indent">
<p>Powered by</p>
<a href="http://blog.finc.info" title="Blog FinC-Team" target="_blank"><img src="<?=$this->imageLink('finc-logo.png')?>" class="logo-footer" alt="powered by finc - finc Logo"/></a>
</div>
</div>
<div class="col-md-9 col-lg-6">
<div class="footer-indent">
<p>gefördert durch</p>
<a href="https://www.dfg.de/" title="dfg.de" target="_blank"><img src="<?=$this->imageLink('dfg-logo.svg')?>" class="logo-footer" alt="funded by Deutsche Forschungsgemeinschaft - DFG Logo"/></a>
</div>
</div>
<div class="col-sm-12 col-lg-3">
<div class="footer-indent">
<p>&nbsp;</p>
<a href="https://vufind.org/" title="vufind.org" target="_blank"><img src="<?=$this->imageLink('vufind-logo.svg')?>" class="logo-footer" alt="powered by VuFind - VuFind Logo"/></a>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="footer-copyright">
<div class="col-sm-12">
<div class="footer-indent">
<p>&copy; Universitätsbibliothek Leipzig | <a href="https://blog.adlr.link/impressum/" target="_blank">Impressum</a></p>
</div>
</div>
</div>
</div>
</footer>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment