Foundry base theme category pages finished (beta quality). No responsivness yet.

git-svn-id: https://svn.libreccm.org/ccm/trunk@2990 8810af33-2d31-482b-a856-94f89814c4df
master
jensp 2014-11-24 16:36:24 +00:00
parent 0134779c7e
commit 9952817c20
7 changed files with 289 additions and 9 deletions

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg baseProfile="full" xmlns="http://www.w3.org/2000/svg">
<filter id="grayscale">
<feColorMatrix type="saturate" values="0"/>
</filter>
<filter id="desaturate">
<feColorMatrix type="saturate" values="0.3"/>
</filter>
</svg>

After

Width:  |  Height:  |  Size: 273 B

View File

@ -8,6 +8,11 @@ html, body {
font-size: 10pt;
}
html {
position: relative;
margin-bottom: 11em;
}
header {
width: 100%;
margin: 0;
@ -117,6 +122,9 @@ header .service-panel div.service-links a{
header nav {
position: relative;
/*height: 3em;*/
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 2px solid #e7e6ee;
}
header nav #home-link {
@ -144,7 +152,7 @@ header nav ul {
left: 160px;
list-style: none;
margin: 0;
padding: 0 0 5px 0;
padding: 0;
}
@ -186,3 +194,174 @@ header nav ul li.active {
header nav ul li.active a {
color: #ff9840;
}
main h1 {
margin-top: 1em;
font-family: "Caption", sans-serif;
font-size: 2em;
font-weight: normal;
page-break-after: avoid;
color: #0776a0;
}
main div.lead {
margin: 0.5em 0;
padding: 0 5px;
font-size: 1.2em;
font-weight: bold;
font-family: "Text", sans-serif;
}
main div.main {
padding: 0 5px;
font-size: 1em;
font-family: "Text", sans-serif;
text-align: justify;
}
main nav {
float: right;
width: 24em;
margin: -2em 0 1em 1em;
padding: 0;
background-color: #e7e6ee;
}
main nav ul {
margin: 0;
padding: 0;
font-family: "Text", sans-serif;
font-weight: normal;
font-size: 12pt;
text-align:right;
list-style: none;
}
main nav ul li ul {
font-size: 0.9em;
}
main nav ul li {
position: relative;
}
main nav ul li > a {
display: block;
margin: 0;
padding: 0.15em 0.7em;
height: 1.7em;
text-decoration: none;
color: #4a4a4a;
}
main nav ul li.active > a,
main nav ul li > a:active,
main nav ul li > a:focus,
main nav ul li > a:hover {
background-color: #7f7f7f;
color: #ff7600;
}
main nav ul li.active:after,
main nav ul li > a:active:after,
main nav ul li > a:focus:after,
main nav ul li > a:hover:after {
content: "";
position: absolute;
top: 0;
left: -11px;
bottom: auto;
border-width: 1em 11px 1em 0;
border-style: solid;
border-color:transparent #7f7f7f;
width: 0;
}
main nav ul li.active > a {
background-color: #ff9840;
color: #fff;
}
main nav ul li.active:after {
border-color:transparent #ff9840;
}
footer {
margin: 0;
padding-bottom: 0;
position: absolute;
bottom: 0em;
left: 0;
width: 100%;
height: 10em;
border-top: 4px solid #0776a0;
color: #fff;
background-image: linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%);
background-image: -o-linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%);
background-image: -ie-linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%);
background-image: -moz-linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%);
background-image: -webkit-linear-gradient(top, #6d6d6d 5%, #3c3c3c 95%);
}
footer > div.content-width {
margin: 0 auto;
padding: 0;
height: 100%;
position: relative;
}
footer div#breadcrumbs {
padding: 1em 0;
font-family: "TextCond", sans-serif;
font-variant: small-caps;
}
footer div#breadcrumbs a,
footer div#breadcrumbs a:link {
text-decoration: none;
color: #fff;
}
footer div#breadcrumbs a:active,
footer div#breadcrumbs a:focus,
footer div#breadcrumbs a:hover {
color: #ff9840;
}
footer div#librecms-logo {
position: absolute;
bottom: 1em;
left: 0;
}
footer div#librecms-logo a img {
filter: url('../../images/filters.svg#grayscale');
}
footer div#librecms-logo a:active img,
footer div#librecms-logo a:focus img,
footer div#librecms-logo a:hover img {
filter: none;
}
footer div#formalia-links {
position: absolute;
bottom: 1em;
right: 0;
font-family: "TextCond", sans-serif;
font-variant: small-caps;
color: #fff;
}
footer div#formalia-links a {
color: #fff;
text-decoration: none;
padding: 1em;
}
footer div#formalia-links a:active,
footer div#formalia-links a:focus,
footer div#formalia-links a:hover {
color: #ff9840;
}

View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<content-item-layout>
<!--<h2>
<content-item-title/>
</h2>-->
<div class="lead">
<lead-text/>
</div>
<div class="main">
<main-text/>
</div>
</content-item-layout>

View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<content-item-layout>
<h2>
<!--<h2>
<content-item-title/>
</h2>
</h2>-->
<div class="lead">
<lead-text/>

View File

@ -54,7 +54,7 @@
<show-text>layout/page/head/title</show-text>
</span>
</div>
<navigation>
<navigation max-level="1">
<navigation-links>
<ul>
<navigation-link>
@ -69,7 +69,41 @@
</navigation>
</nav>
</header>
<nav>
<main class="content-width">
<navigation min-level="2" max-level="99">
<nav>
<navigation-links>
<ul>
<navigation-link>
<li>
<a>
<navigation-link-label/>
</a>
<navigation-sublinks/>
</li>
</navigation-link>
</ul>
</navigation-links>
</nav>
</navigation>
<div>
<h1>
<show-page-title/>
</h1>
<content-item mode="detail"/>
</div>
</main>
<include file="fragments/footer.xml"/>
<!--<nav>
<navigation-home-link>
<a>
<navigation-title/>
@ -178,6 +212,6 @@
<include file="fragments/footer.xml"/>
<include file="fragments/libreccm.xml" origin="internal"/>
</footer>
</footer>-->
</body>
</page-layout>

View File

@ -1,6 +1,33 @@
<?xml version="1.0" encoding="utf-8"?>
<fragment-layout>
<div>
<strong>included from <code>fragments/footer.xml</code></strong>
</div>
<footer>
<div class="content-width">
<breadcrumbs>
<div id="breadcrumbs">
<show-text>layout/page/footer/breadcrumbs</show-text>
<breadcrumb-link>
<a>
<breadcrumb-label mode="mark"/>
</a>
</breadcrumb-link>
</div>
<breadcrumb-separator>
<span class="breadcrumb-separator">/</span>
</breadcrumb-separator>
</breadcrumbs>
<div id="librecms-logo">
<a href-static="http://www.librecms.org">
<img src-static="images/librecms-logo.png" width="121" height="73"/>
</a>
</div>
<div id="formalia-links">
<a href-static="/ccm/webmaster">
<show-text>layout/page/footer/webmaster</show-text>
</a>
<a href-static="/ccm/impressum">
<show-text>layout/page/footer/impressum</show-text>
</a>
</div>
</div>
</footer>
</fragment-layout>

View File

@ -16,6 +16,21 @@
<translation lang="en">Foundry</translation>
</text>
<text id="layout/page/footer/breadcrumbs">
<translation lang="de">Sie sind hier: </translation>
<translation lang="en">You are here: </translation>
</text>
<text id="layout/page/footer/webmaster">
<translation lang="de">Webmaster</translation>
<translation lang="en">Webmaster</translation>
</text>
<text id="layout/page/footer/impressum">
<translation lang="de">Impressum</translation>
<translation lang="en">Legal notice</translation>
</text>
<text id="layout/page/skipnav/link">
<translation lang="de">Navigation überspringen</translation>
<translation lang="en">Skip navigation</translation>