making nickpages work and more
This commit is contained in:
parent
3a7f36261d
commit
b46c7941db
8 changed files with 360 additions and 329 deletions
|
|
@ -589,127 +589,242 @@ ol.commentlist {
|
|||
margin-left: 17px;
|
||||
}
|
||||
|
||||
|
||||
/* g. Footer
|
||||
/* ------------------------------------------------------------------ */
|
||||
|
||||
footer {
|
||||
padding-top: 36px;
|
||||
margin-bottom: 42px;
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
position: relative;
|
||||
color: #34393A;
|
||||
}
|
||||
footer h3 {
|
||||
font: 14px/24px 'opensans-bold', sans-serif;
|
||||
margin-bottom: 9px;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
footer p {
|
||||
margin-bottom: 24px;
|
||||
/* ===================================================================
|
||||
* # footer
|
||||
*
|
||||
* ------------------------------------------------------------------- */
|
||||
.s-footer {
|
||||
padding-top: 4.8rem;
|
||||
margin-bottom: 4.2rem;
|
||||
font-size: 1.422rem;
|
||||
line-height: 2.8rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
footer a, footer a:visited { color: #6C934D; }
|
||||
footer a:hover, footer a:focus { color: #34393A; }
|
||||
|
||||
footer .info { padding-right: 30px; }
|
||||
|
||||
footer ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
footer ul li {
|
||||
margin: 0;
|
||||
line-height: 24px;
|
||||
}
|
||||
footer ul li a,
|
||||
footer ul li a:visited { color: #34393A; }
|
||||
footer ul li a:hover,
|
||||
footer ul li a:focus { color: #6C934D; }
|
||||
|
||||
/* social links */
|
||||
footer .social-links {
|
||||
margin: 18px auto 42px auto;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
footer .social-links li {
|
||||
display: inline-block;
|
||||
font-size: 32px;
|
||||
line-height: 48px;
|
||||
padding: 0;
|
||||
margin: 0 16px;
|
||||
color: #444;
|
||||
}
|
||||
footer .social-links li:first-child { margin-left: 0; }
|
||||
|
||||
|
||||
/* Photostream */
|
||||
footer .photostream {
|
||||
list-style: none;
|
||||
margin: 12px 0 24px -15px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
footer .photostream li {
|
||||
display: inline-block;
|
||||
margin: 0 0 12px 12px;
|
||||
padding: 0;
|
||||
.s-footer h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1.6rem;
|
||||
}
|
||||
|
||||
footer .photostream li a {
|
||||
display: block;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
background: #fff;
|
||||
padding: 9px;
|
||||
border: 1px solid #E9E9E9;
|
||||
border-radius: 3px;
|
||||
}
|
||||
footer .photostream li a img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
/* copyright */
|
||||
footer .copyright {
|
||||
margin: 0;
|
||||
padding: 24px 18px 6px 18px;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
|
||||
.s-footer p {
|
||||
margin-bottom: 2.4rem;
|
||||
}
|
||||
|
||||
/* Go To Top Button */
|
||||
#go-top {
|
||||
position: fixed;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
text-align: center;
|
||||
display: none;
|
||||
.s-footer__list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#go-top a {
|
||||
text-decoration: none;
|
||||
border: 0 none;
|
||||
display: block;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
background-color: #494949;
|
||||
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
line-height: 48px;
|
||||
border-radius: 3px;
|
||||
.s-footer__list li {
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
line-height: 24px;
|
||||
}
|
||||
#go-top a:hover { background: #7BA857; }
|
||||
|
||||
.s-footer__list li a {
|
||||
color: #3e3e3e;
|
||||
}
|
||||
|
||||
.s-footer__list li a:hover, .s-footer__list li a:focus {
|
||||
color: #84be5b;
|
||||
}
|
||||
|
||||
.s-footer__info {
|
||||
padding-right: 3.2rem;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------
|
||||
* ## footer social
|
||||
* ------------------------------------------------------------------- */
|
||||
.s-footer__social {
|
||||
margin: 1.6rem auto 4.8rem;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.s-footer__social li {
|
||||
display: inline-block;
|
||||
font-size: 3.2rem;
|
||||
line-height: 4.8rem;
|
||||
padding: 0;
|
||||
margin: 0 1.6rem;
|
||||
}
|
||||
|
||||
.s-footer__social li a {
|
||||
color: #3e3e3e;
|
||||
}
|
||||
|
||||
.s-footer__social li a:hover, .s-footer__social li a:focus {
|
||||
color: #84be5b;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------
|
||||
* ## photostream
|
||||
* ------------------------------------------------------------------- */
|
||||
.s-footer .photostream {
|
||||
list-style: none;
|
||||
margin: 1.2rem 0 2.4rem -1.6rem;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.s-footer .photostream li {
|
||||
display: inline-block;
|
||||
margin: 0 0 1.2rem 1.2rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.s-footer .photostream li a {
|
||||
display: block;
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
background-color: #ffffff;
|
||||
padding: .9rem;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.s-footer .photostream li a img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------
|
||||
* ## copyright
|
||||
* ------------------------------------------------------------------- */
|
||||
.ss-copyright {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
margin: 0;
|
||||
padding: 3.2rem 1.6rem .8rem 1.6rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ss-copyright span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ss-copyright span::after {
|
||||
content: "|";
|
||||
display: inline-block;
|
||||
padding: 0 1rem 0 1.2rem;
|
||||
color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.ss-copyright span:last-child::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------
|
||||
* ## go top
|
||||
* ------------------------------------------------------------------- */
|
||||
.ss-go-top {
|
||||
z-index: 2;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 200%, 0);
|
||||
transform: translate3d(0, 200%, 0);
|
||||
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
position: fixed;
|
||||
bottom: 4.4rem;
|
||||
right: 4rem;
|
||||
}
|
||||
|
||||
.ss-go-top a {
|
||||
text-decoration: none;
|
||||
border: 0 none;
|
||||
display: block;
|
||||
height: 5.6rem;
|
||||
width: 5.6rem;
|
||||
border-radius: 50%;
|
||||
background-color: #84be5b;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ss-go-top a:hover, .ss-go-top a:focus {
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.ss-go-top svg {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
position: absolute;
|
||||
-webkit-transform: translate3d(-50%, -50%, 0);
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.ss-go-top svg path {
|
||||
fill: #ffffff;
|
||||
}
|
||||
|
||||
.ss-go-top.link-is-visible {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------
|
||||
* responsive:
|
||||
* footer
|
||||
* ------------------------------------------------------------------- */
|
||||
@media screen and (max-width:900px) {
|
||||
.s-footer__bottom>.column {
|
||||
-ms-flex: 0 0 100%;
|
||||
-webkit-box-flex: 0;
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.s-footer__info {
|
||||
margin-bottom: 1.6rem;
|
||||
}
|
||||
.ss-copyright {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
||||
text-align: center;
|
||||
margin-top: 3.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:800px) {
|
||||
.s-footer__social li {
|
||||
font-size: 2.8rem;
|
||||
margin: 0 1.2rem;
|
||||
}
|
||||
.s-footer-list--nav li {
|
||||
display: inline-block;
|
||||
margin-right: 1.2rem;
|
||||
}
|
||||
.s-footer-list--nav li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ss-go-top {
|
||||
right: 3.2rem;
|
||||
}
|
||||
.ss-go-top a {
|
||||
height: 4.8rem;
|
||||
width: 4.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:600px) {
|
||||
.ss-copyright span {
|
||||
display: block;
|
||||
}
|
||||
.ss-copyright span::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:400px) {
|
||||
.ss-go-top {
|
||||
right: 0rem;
|
||||
bottom: 0rem;
|
||||
}
|
||||
.ss-go-top a {
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,44 +1,79 @@
|
|||
<div class="pmnotice"></div>
|
||||
<footer>
|
||||
<footer class="s-footer">
|
||||
|
||||
<div class="row">
|
||||
<div class="row s-footer__top">
|
||||
<!--<div class="column">
|
||||
<ul class="s-footer__social">
|
||||
<li><a href="#0"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#0"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#0"><i class="fab fa-youtube" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#0"><i class="fab fa-vimeo-v" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#0"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#0"><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#0"><i class="fab fa-skype" aria-hidden="true"></i></a></li>
|
||||
</ul>
|
||||
</div>-->
|
||||
</div> <!-- end footer__top -->
|
||||
|
||||
<div class="twelve columns">
|
||||
<!--<ul class="social-links">
|
||||
<li><a href="https://twitter.com/austriachatnet"><i class="fa fa-twitter"></i></a></li>
|
||||
</ul>-->
|
||||
</div>
|
||||
|
||||
<div class="six columns info">
|
||||
{if $user.is_admin==1}
|
||||
mySQL Queries: {$queries} | Memory usage: {$memory}
|
||||
{/if}
|
||||
</div>
|
||||
<div class="two columns">
|
||||
<h3 class="social">Navigation</h3>
|
||||
<div class="row s-footer__bottom">
|
||||
|
||||
<ul class="navigate group">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/nutzungsbedingungen.html">Nutzungsbedingungen</a></li>
|
||||
<li><a href="/datenschutzerklaerung.html">Datenschutzerklärung</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="large-6 tab-full column s-footer__info">
|
||||
</div>
|
||||
|
||||
<p class="copyright">© Copyright 2025 FunCh.at. Design by <a title="Styleshout" href="http://www.styleshout.com/">Styleshout</a>.</p>
|
||||
|
||||
</div> <!-- End row -->
|
||||
<div class="large-6 tab-full column">
|
||||
<div class="row">
|
||||
<!--<div class="large-8 tab-full column">
|
||||
|
||||
<div id="go-top"><a class="smoothscroll" title="Back to Top" href="#top"><i class="fa fa-chevron-up"></i></a></div>
|
||||
<h3 class="h6">Photostream</h3>
|
||||
|
||||
</footer> <!-- End Footer-->
|
||||
<!-- Java Script
|
||||
================================================== -->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
|
||||
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="/js/odo/odometer.min.js"></script>
|
||||
<ul class="photostream group">
|
||||
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
||||
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
||||
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
||||
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
||||
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
||||
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
||||
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
||||
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
||||
</ul>
|
||||
|
||||
</div>-->
|
||||
|
||||
<div class="large-4 tab-full column">
|
||||
<h3 class="h6">Navigation</h3>
|
||||
|
||||
<ul class="s-footer__list s-footer-list--nav group">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/nutzungsbedingungen.html">Nutzungsbedingungen</a></li>
|
||||
<li><a href="/datenschutzerklaerung.html">Datenschutzerklärung</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ss-copyright">
|
||||
<span>© Copyright 2025 FunCh.at.</span>
|
||||
<span>Design by <a href="https://www.styleshout.com/">StyleShout</a></span>
|
||||
</div>
|
||||
|
||||
</div> <!-- end footer__bottom -->
|
||||
|
||||
|
||||
<div class="ss-go-top">
|
||||
<a class="smoothscroll" title="Back to Top" href="#top">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0l8 9h-6v15h-4v-15h-6z"/></svg>
|
||||
</a>
|
||||
</div> <!-- end ss-go-top -->
|
||||
|
||||
</footer> <!-- end Footer-->
|
||||
|
||||
|
||||
<!-- Java Script
|
||||
================================================== -->
|
||||
<script src="{$themepath}/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="{$themepath}/js/main.js"></script>
|
||||
<script src="/js/odo/odometer.min.js"></script>
|
||||
{$footer}
|
||||
-->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -51,9 +51,8 @@
|
|||
<h1 id="logo-text"><a href="/" title="">FunCh.at</a></h1>
|
||||
<p id="intro">Die Österreichische Chatcommunity</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav id="nav-wrap">
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue