Cleaned up Assets and refined page layout with <figcaption>
This commit is contained in:
Moritz »mo.« Sauer
parent
512a87e38a
commit
0968fff224
11 changed files with 26 additions and 2111 deletions
|
|
@ -6,11 +6,20 @@ format: post
|
||||||
<div class="medium-8 columns{% if page.sidebar == NULL %} medium-offset-2 end{% endif %}{% if page.sidebar == "left" %} medium-push-4{% endif %}">
|
<div class="medium-8 columns{% if page.sidebar == NULL %} medium-offset-2 end{% endif %}{% if page.sidebar == "left" %} medium-push-4{% endif %}">
|
||||||
<article itemscope itemtype="http://schema.org/Article">
|
<article itemscope itemtype="http://schema.org/Article">
|
||||||
<header>
|
<header>
|
||||||
{% if page.image.title %}<img src="{{ site.url }}/images/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}" itemprop="image">{% endif %}
|
{% if page.image.title %}
|
||||||
|
<figure>
|
||||||
|
<img src="{{ site.url }}/images/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}" itemprop="image">
|
||||||
|
|
||||||
{% if page.image.url && page.image.credit %}
|
{% if page.image.url && page.image.credit %}
|
||||||
<p class="text-right caption">
|
<figcaption class="text-right">
|
||||||
<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
|
<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
|
||||||
</p>
|
</figcaption>
|
||||||
|
{% elsif page.image.credit %}
|
||||||
|
<figcaption class="text-right">
|
||||||
|
{{ page.image.credit }}
|
||||||
|
</figcaption>
|
||||||
|
{% endif %}
|
||||||
|
</figure>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<span itemprop="name">
|
<span itemprop="name">
|
||||||
|
|
|
||||||
|
|
@ -104,6 +104,16 @@ img { border-radius: $global-radius;}
|
||||||
img.aligncenter,
|
img.aligncenter,
|
||||||
img.center { display: block; margin:0 auto 10px; }
|
img.center { display: block; margin:0 auto 10px; }
|
||||||
|
|
||||||
|
figure {
|
||||||
|
margin: 0 0 rem-calc(30) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
figcaption a {
|
||||||
|
border-bottom: 1px dotted $grey-4;
|
||||||
|
color: $grey-10;
|
||||||
|
font-size: rem-calc(13);
|
||||||
|
font-family: $font-family-sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Lists
|
/* Lists
|
||||||
|
|
|
||||||
|
|
@ -86,8 +86,6 @@ button, .button { letter-spacing: 1px; }
|
||||||
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: #eee; }
|
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: #eee; }
|
||||||
|
|
||||||
.homepage p { margin: 0; padding: 0; color: $grey-10; }
|
.homepage p { margin: 0; padding: 0; color: $grey-10; }
|
||||||
.caption a { border-bottom: 1px dotted $grey-4; color: $grey-10; font-size: rem-calc(13); }
|
|
||||||
|
|
||||||
|
|
||||||
.meta-info p {
|
.meta-info p {
|
||||||
font-size: rem-calc(13);
|
font-size: rem-calc(13);
|
||||||
|
|
|
||||||
|
|
@ -1,114 +0,0 @@
|
||||||
// Color Settings
|
|
||||||
|
|
||||||
// Corporate Identity Colorpalette/Color Scheme
|
|
||||||
// https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/
|
|
||||||
//
|
|
||||||
$ci-1: #334D5C; // dark turquoise
|
|
||||||
$ci-2: #45B29D; // turquoise
|
|
||||||
$ci-3: #EFC94C; // yellow
|
|
||||||
$ci-4: #E27A3F; // orange
|
|
||||||
$ci-5: #DF4949; // red
|
|
||||||
$ci-6: #A1D044; // green
|
|
||||||
|
|
||||||
|
|
||||||
// Foundation Color Variables
|
|
||||||
$primary-color: $ci-1;
|
|
||||||
$secondary-color: $ci-6;
|
|
||||||
$alert-color: $ci-5;
|
|
||||||
$success-color: $ci-6;
|
|
||||||
$warning-color: $ci-4;
|
|
||||||
$info-color: $ci-2;
|
|
||||||
|
|
||||||
// Grey Scale
|
|
||||||
|
|
||||||
$grey-1: #E4E4E4;
|
|
||||||
$grey-2: #D7D7D7;
|
|
||||||
$grey-3: #CBCBCB;
|
|
||||||
$grey-4: #BEBEBE;
|
|
||||||
$grey-5: #A4A4A4;
|
|
||||||
$grey-6: #979797;
|
|
||||||
$grey-7: #8B8B8B;
|
|
||||||
$grey-8: #7E7E7E;
|
|
||||||
$grey-9: #646464;
|
|
||||||
$grey-10: #575757;
|
|
||||||
$grey-11: #4B4B4B;
|
|
||||||
$grey-12: #3E3E3E;
|
|
||||||
$grey-13: #313131;
|
|
||||||
$grey-14: #242424;
|
|
||||||
$grey-15: #171717;
|
|
||||||
$grey-16: #0B0B0B;
|
|
||||||
|
|
||||||
|
|
||||||
// Code Highlighting
|
|
||||||
|
|
||||||
$highlight-background: #ffffff;
|
|
||||||
$highlight-comment: #999988;
|
|
||||||
$highlight-error: #a61717;
|
|
||||||
$highlight-comment-special: #999999;
|
|
||||||
$highlight-deleted: #000000;
|
|
||||||
$highlight-error-2: #aa0000;
|
|
||||||
$highlight-literal-string: #d14;
|
|
||||||
$highlight-literal-number: #009999;
|
|
||||||
$highlight-name-attribut: #008080;
|
|
||||||
$highlight-error-background: #e3d2d2;
|
|
||||||
$highlight-generic-deleted: #ffdddd;
|
|
||||||
$highlight-generic-deleted-specific: #ffaaaa;
|
|
||||||
$highlight-generic-inserted: #ddffdd;
|
|
||||||
$highlight-generic-inserted-specific: #aaffaa;
|
|
||||||
$highlight-generic-output: #888888;
|
|
||||||
$highlight-generic-prompt: #555555;
|
|
||||||
$highlight-subheading: #aaaaaa;
|
|
||||||
$highlight-keyword-type: #445588;
|
|
||||||
$highlight-name-builtin: #0086B3;
|
|
||||||
$highlight-name-class: #445588;
|
|
||||||
$highlight-name-entity: #800080;
|
|
||||||
$highlight-name-exception: #990000;
|
|
||||||
$highlight-name-function: #990000;
|
|
||||||
$highlight-name-namespace: #555555;
|
|
||||||
$highlight-name-tag: #000080;
|
|
||||||
$highlight-text-whitespace: #bbbbbb;
|
|
||||||
$highlight-literal-string-regex: #009926;
|
|
||||||
$highlight-literal-string-symbol: #990073;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Topbar-Navigation
|
|
||||||
|
|
||||||
$topbar-bg-color: #fff;
|
|
||||||
|
|
||||||
$topbar-dropdown-toggle-color: $ci-1;
|
|
||||||
|
|
||||||
$topbar-link-color: #000;
|
|
||||||
$topbar-link-color-hover: #000;
|
|
||||||
$topbar-link-color-active: #000;
|
|
||||||
$topbar-link-color-active-hover: #000;
|
|
||||||
|
|
||||||
$topbar-dropdown-label-color: $ci-2;
|
|
||||||
$topbar-dropdown-link-bg-hover: $ci-6;
|
|
||||||
$topbar-dropdown-bg: $ci-6; // Hintergrund kleine Navigation
|
|
||||||
|
|
||||||
$topbar-link-bg-active: $ci-6; // Aktiver ausgewählter Menupunkt
|
|
||||||
$topbar-link-bg-hover: $ci-6;
|
|
||||||
$topbar-link-bg-active-hover: $ci-2;
|
|
||||||
|
|
||||||
|
|
||||||
$topbar-dropdown-bg: $ci-6; // Hintergrund kleine Navigation
|
|
||||||
$topbar-dropdown-link-color: #000;
|
|
||||||
$topbar-dropdown-link-bg: $ci-2;
|
|
||||||
|
|
||||||
$topbar-menu-link-color-toggled: $ci-1;
|
|
||||||
$topbar-menu-icon-color-toggled: $ci-1;
|
|
||||||
$topbar-menu-link-color: #000;
|
|
||||||
$topbar-menu-icon-color: #000;
|
|
||||||
$topbar-menu-link-color-toggled: $ci-6;
|
|
||||||
$topbar-menu-icon-color-toggled: $ci-6;
|
|
||||||
|
|
||||||
|
|
||||||
// Footer
|
|
||||||
|
|
||||||
$footer-bg: $grey-8;
|
|
||||||
$footer-color: #fff;
|
|
||||||
|
|
||||||
$subfooter-bg: $grey-13;
|
|
||||||
$subfooter-color: $grey-8;
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
// This is the default html and body font-size for the base rem value.
|
|
||||||
$base-font-size: 16px;
|
|
||||||
$rem-base: $base-font-size;
|
|
||||||
|
|
||||||
// Allows the use of rem-calc() or lower-bound() in your settings
|
|
||||||
@import "foundation/functions";
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Modular Scale ----------------------
|
|
||||||
|
|
||||||
2:3 perfect fifth
|
|
||||||
|
|
||||||
44px @ 1:1.5
|
|
||||||
16px @ 1:1.5
|
|
||||||
|
|
||||||
DIESE IST DIE AKTUELLE
|
|
||||||
|
|
||||||
44.000 1 2.75 338.462
|
|
||||||
36.000 0.818 2.25 276.923
|
|
||||||
29.333 0.667 1.833 225.638
|
|
||||||
24.000 0.545 1.5 184.615
|
|
||||||
19.555 0.444 1.222 150.423
|
|
||||||
16.000 0.364 1 123.077
|
|
||||||
|
|
||||||
--------------------------------*/
|
|
||||||
|
|
||||||
$font-size-h1: rem-calc(44);
|
|
||||||
$font-size-h2: rem-calc(36);
|
|
||||||
$font-size-h3: rem-calc(29);
|
|
||||||
$font-size-h4: rem-calc(24);
|
|
||||||
$font-size-h5: rem-calc(19);
|
|
||||||
$font-size-p: rem-calc(16);
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,162 +0,0 @@
|
||||||
/* - - - - - - - - - - - - - - - - - - - - - - -
|
|
||||||
|
|
||||||
Additional Typography to complement Foundation
|
|
||||||
|
|
||||||
- - - - - - - - - - - - - - - - - - - - - - - */
|
|
||||||
|
|
||||||
p a { border-bottom: 1px dotted; }
|
|
||||||
p a:hover { border-bottom: 2px solid; }
|
|
||||||
p a.button { border: 0; }
|
|
||||||
|
|
||||||
img { border-radius: $global-radius;}
|
|
||||||
img.alignleft,
|
|
||||||
img.left { float: left; margin:5px 15px 5px 0; }
|
|
||||||
img.alignright,
|
|
||||||
img.right { float: right; margin:5px 0 5px 15px; }
|
|
||||||
img.aligncenter,
|
|
||||||
img.center { display: block; margin:0 auto 10px; }
|
|
||||||
|
|
||||||
h1 { font-weight: bold; }
|
|
||||||
h2 { margin-top: rem-calc(24); }
|
|
||||||
.blog-index h2 { margin-top: 10px; }
|
|
||||||
h3 { margin-top: rem-calc(22); }
|
|
||||||
|
|
||||||
article dl dt { line-height: 1.3; }
|
|
||||||
article dl dd { line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
dl.accordion { border-top: 1px solid $grey-2; }
|
|
||||||
.accordion dd { border-bottom: 1px solid $grey-2; }
|
|
||||||
dd.accordion-navigation span { padding-right: 12px; }
|
|
||||||
dd.accordion-navigation span:before { content: "\E766" }
|
|
||||||
dd.accordion-navigation.active span:before { content: "\E764" }
|
|
||||||
dd.accordion-navigation.active span:before { content: "\E764" }
|
|
||||||
|
|
||||||
|
|
||||||
td { vertical-align: top; }
|
|
||||||
|
|
||||||
pre { overflow: auto; }
|
|
||||||
code { font-size: rem-calc(14); line-height: 1.5; }
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
font-style: italic;
|
|
||||||
position: relative;
|
|
||||||
border: none;
|
|
||||||
margin: 0 30px 30px 30px;
|
|
||||||
color: #4b4b4d
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote p {font-style: italic; color: $grey-10; }
|
|
||||||
|
|
||||||
blockquote:before {
|
|
||||||
display:block;content:"\00BB";
|
|
||||||
font-size:80px;
|
|
||||||
position:absolute;
|
|
||||||
left:-25px;
|
|
||||||
top:-40px;
|
|
||||||
color:#4b4b4d
|
|
||||||
}
|
|
||||||
blockquote:after {
|
|
||||||
display:block;
|
|
||||||
content:"\00AB";
|
|
||||||
font-size:80px;
|
|
||||||
position:absolute;
|
|
||||||
right:-10px;
|
|
||||||
bottom:-40px;
|
|
||||||
color:#4b4b4d;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote cite:before{content:"\2014 \0020"}
|
|
||||||
|
|
||||||
blockquote cite a,blockquote cite a:visited {color: #555}
|
|
||||||
|
|
||||||
cite { padding-top: 5px; }
|
|
||||||
|
|
||||||
.alert-box {
|
|
||||||
font-family: $header-font-family;
|
|
||||||
text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
|
|
||||||
}
|
|
||||||
.alert-box p { margin-bottom: 0; }
|
|
||||||
.alert-box a {
|
|
||||||
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
|
|
||||||
color: #fff;
|
|
||||||
border-bottom: 1px dotted #fff;
|
|
||||||
}
|
|
||||||
.alert-box a:hover {
|
|
||||||
border-bottom: 1px solid #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
button, .button { letter-spacing: 1px; }
|
|
||||||
|
|
||||||
mark { background-color: scale-color($warning-color, $lightness: 60%);}
|
|
||||||
|
|
||||||
.subheadline { font-size: rem-calc(16); margin: 0; text-transform: uppercase; }
|
|
||||||
.teaser { font-size: rem-calc(20); }
|
|
||||||
.big-teaser { font-style: italic; font-weight: 300; }
|
|
||||||
.big-teaser a { font-style: italic; font-weight: 400; }
|
|
||||||
|
|
||||||
|
|
||||||
/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
|
|
||||||
@media only screen {
|
|
||||||
.big-teaser {
|
|
||||||
font-size: rem-calc(20);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media only screen and (min-width: 40.063em) {
|
|
||||||
.big-teaser {
|
|
||||||
font-size: rem-calc(29);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* - - - - - - - - - - - - - - - - - - - - - - -
|
|
||||||
|
|
||||||
Additional typographical elements
|
|
||||||
|
|
||||||
- - - - - - - - - - - - - - - - - - - - - - - */
|
|
||||||
|
|
||||||
.sans { font-family: $font-family-sans-serif; }
|
|
||||||
.serif { font-family: $font-family-serif; }
|
|
||||||
|
|
||||||
.font-size-h1 { font-size: $font-size-h1; }
|
|
||||||
.font-size-h2 { font-size: $font-size-h2; }
|
|
||||||
.font-size-h3 { font-size: $font-size-h3; }
|
|
||||||
.font-size-h4 { font-size: $font-size-h4; }
|
|
||||||
.font-size-h5 { font-size: $font-size-h5; }
|
|
||||||
.font-size-p { font-size: $font-size-p; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'entypo';
|
|
||||||
src: url('../fonts/entypo.eot');
|
|
||||||
src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('../fonts/entypo.woff') format('woff'),
|
|
||||||
url('../fonts/entypo.ttf') format('truetype'),
|
|
||||||
url('../fonts/entypo.svg#entypo') format('svg');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'entypo-social';
|
|
||||||
src: url('../fonts/entypo-social.eot');
|
|
||||||
src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('../fonts/entypo-social.woff') format('woff'),
|
|
||||||
url('../fonts/entypo-social.ttf') format('truetype'),
|
|
||||||
url('../fonts/entypo-social.svg#entypo-social') format('svg');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entypo { font-family:'entypo'; }
|
|
||||||
.entypo-social { font-family:'entypo-social'; }
|
|
||||||
.entypo-32 { font-size: em-calc(32); }
|
|
||||||
.entypo-29 { font-size: rem-calc(29); }
|
|
||||||
.entypo-48 { font-size: em-calc(48); }
|
|
||||||
.entypo-64 { font-size: em-calc(64); }
|
|
||||||
|
|
||||||
|
|
@ -1,176 +0,0 @@
|
||||||
body.video,
|
|
||||||
body.video #masthead-no-image-header { background: #000; }
|
|
||||||
body.video #masthead-no-image-header { margin-bottom: 60px; }
|
|
||||||
body.video h1,
|
|
||||||
body.video h2,
|
|
||||||
body.video h3,
|
|
||||||
body.video h4,
|
|
||||||
body.video h5,
|
|
||||||
body.video h6,
|
|
||||||
body.video p,
|
|
||||||
body.video a,
|
|
||||||
body.video blockquote:before,
|
|
||||||
body.video blockquote:after,
|
|
||||||
body.video cite a, { color: #fff; }
|
|
||||||
body.video cite a:visited, { color: #fff; }
|
|
||||||
body.video cite { color: #fff; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#navigation {
|
|
||||||
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
|
|
||||||
box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
|
|
||||||
}
|
|
||||||
#search {
|
|
||||||
padding: 20px 0 0 0;
|
|
||||||
background: $ci-4;
|
|
||||||
}
|
|
||||||
|
|
||||||
#breadcrumb {
|
|
||||||
background: scale-color($grey-1, $lightness: 55%);
|
|
||||||
border-top: 1px solid scale-color($grey-1, $lightness: 45%);
|
|
||||||
border-bottom: 1px solid scale-color($grey-1, $lightness: 45%);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* - - - MASTHEAD - - - - - - - - - - - - - - - - - - - - - - */
|
|
||||||
|
|
||||||
#title-image-small { height: 240px; }
|
|
||||||
#title-image-large { height: 520px; }
|
|
||||||
#title-image-index-small { height: 120px; }
|
|
||||||
#title-image-index-large { height: 260px; }
|
|
||||||
|
|
||||||
|
|
||||||
#masthead { height: 190px; }
|
|
||||||
#logo img { margin-top: 30px; }
|
|
||||||
#masthead-no-image-header { height: 120px; background: $primary-color; }
|
|
||||||
#masthead-with-pattern { padding: 30px 0; }
|
|
||||||
#masthead-with-background-color { padding: 30px 0; }
|
|
||||||
|
|
||||||
/* Masthead auf medium-up Geräten */
|
|
||||||
@media only screen and (min-width: 40.063em) {
|
|
||||||
#logo img { margin-top: 80px; }
|
|
||||||
#masthead { height: 320px; }
|
|
||||||
#masthead-no-image-header { height: 175px; background: $primary-color; }
|
|
||||||
#masthead-no-image-header #logo img { margin-top: 45px; }
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-meta {
|
|
||||||
color: $grey-5;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-meta .button {
|
|
||||||
background: $grey-5;
|
|
||||||
}
|
|
||||||
#page-meta .button:hover {
|
|
||||||
background: $primary-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* - - - FOOTER - - - - - - - - - - - - - - - - - - - - - - */
|
|
||||||
|
|
||||||
#up-to-top a.entypo:hover { background: $grey-2; border-radius: 3px;}
|
|
||||||
#up-to-top { padding: 160px 0 10px 0; }
|
|
||||||
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
padding-top: 30px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
background: $footer-bg;
|
|
||||||
color: $footer-color;
|
|
||||||
}
|
|
||||||
footer p,
|
|
||||||
footer li {
|
|
||||||
font-size: rem-calc(13);
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer a { color: $ci-6; }
|
|
||||||
#footer a.entypo:hover { background: $ci-2; border-radius: 3px;}
|
|
||||||
|
|
||||||
#footer h4,
|
|
||||||
#footer h5 {
|
|
||||||
letter-spacing: 1px;
|
|
||||||
color: #fff;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
#footer p.entypo {
|
|
||||||
font-size: 80px;
|
|
||||||
line-height: 54px;
|
|
||||||
text-align: center;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#subfooter {
|
|
||||||
background: $subfooter-bg;
|
|
||||||
color: $subfooter-color;
|
|
||||||
padding-top: 30px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
#subfooter-left ul.inline-list {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
#subfooter .entypo-social,
|
|
||||||
#subfooter .entypo {
|
|
||||||
font-size: 48px;
|
|
||||||
line-height: 36px;
|
|
||||||
color: $subfooter-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
#subfooter li a {
|
|
||||||
color: $subfooter-color;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
#subfooter li a:hover {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#subfooter .social-icons li a {
|
|
||||||
display: block;
|
|
||||||
height: 36px;
|
|
||||||
width: 36px;
|
|
||||||
border-radius: 50%;
|
|
||||||
color: $subfooter-bg;
|
|
||||||
background: $subfooter-color;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#subfooter .social-icons li a:hover {
|
|
||||||
background: $subfooter-bg;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ad-space {
|
|
||||||
border: 1px solid scale-color($grey-1, $lightness: 80%);
|
|
||||||
text-align: center;
|
|
||||||
padding: 15px 0;
|
|
||||||
margin-bottom: rem-calc(20);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
|
|
||||||
CSS-Classes to add margin at the top or bottom
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
.t15 { margin-top: 15px; }
|
|
||||||
.t20 { margin-top: 20px; }
|
|
||||||
.t30 { margin-top: 30px; }
|
|
||||||
.t50 { margin-top: 50px; }
|
|
||||||
.t60 { margin-top: 60px; }
|
|
||||||
.t90 { margin-top: 90px; }
|
|
||||||
|
|
||||||
.b15 { margin-bottom: 15px; }
|
|
||||||
.b20 { margin-bottom: 20px; }
|
|
||||||
.b30 { margin-bottom: 30px; }
|
|
||||||
.b60 { margin-bottom: 60px; }
|
|
||||||
|
|
||||||
.pl20 { padding-left: 20px; }
|
|
||||||
|
|
||||||
.pr5 { padding-right: 5px; }
|
|
||||||
.pr10 { padding-right: 10px; }
|
|
||||||
.pr20 { padding-right: 20px; }
|
|
||||||
|
|
@ -1,70 +0,0 @@
|
||||||
.ad-panel {
|
|
||||||
border: 1px solid $grey-2;
|
|
||||||
text-align: center;
|
|
||||||
padding: 15px;
|
|
||||||
}
|
|
||||||
.ad-panel p {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-box { font-family: $header-font-family; text-shadow: 0px 1px 1px rgba(0,0,0,0.9); }
|
|
||||||
.alert-box.terminal { background: $grey-16; color: #fff; border-color: scale-color($grey-16, $lightness: $alert-function-factor);
|
|
||||||
}
|
|
||||||
.alert-box p { margin-bottom: 0; }
|
|
||||||
.alert-box a {
|
|
||||||
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
|
|
||||||
color: #fff;
|
|
||||||
border-bottom: 1px dotted #fff;
|
|
||||||
}
|
|
||||||
.alert-box a:hover {
|
|
||||||
border-bottom: 1px solid #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
button, .button { letter-spacing: 1px; }
|
|
||||||
button.grey, .button.grey { background: $grey-10; }
|
|
||||||
button.grey:hover,
|
|
||||||
button.grey:focus,
|
|
||||||
.button.grey:hover,
|
|
||||||
.button.grey:focus { background-color: $grey-16; }
|
|
||||||
|
|
||||||
|
|
||||||
.shadow-no {text-shadow: rgba(0, 0, 0, 0) 0 0 0;}
|
|
||||||
.shadow-black {text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;}
|
|
||||||
.shadow-white {text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 2px;}
|
|
||||||
|
|
||||||
|
|
||||||
.side-nav li.title { text-transform: uppercase;}
|
|
||||||
.side-nav li { border-top: 1px solid $grey-3;}
|
|
||||||
.side-nav li a:not(.button) { padding: 0.4375rem 0rem; }
|
|
||||||
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: #eee; }
|
|
||||||
|
|
||||||
.homepage p { margin: 0; padding: 0; color: $grey-10; }
|
|
||||||
.caption a { border-bottom: 1px dotted $grey-4; color: $grey-10; font-size: rem-calc(13); }
|
|
||||||
|
|
||||||
|
|
||||||
.meta-info p {
|
|
||||||
font-size: rem-calc(13);
|
|
||||||
color: scale-color($grey-1, $lightness: 40%);
|
|
||||||
}
|
|
||||||
.meta-info a {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: scale-color($grey-1, $lightness: 40%);
|
|
||||||
}
|
|
||||||
.meta-info a:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
color: $secondary-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#logo-monochrome {
|
|
||||||
background: url(../img/phlow-logo-monochrome-100x36.png) no-repeat;
|
|
||||||
height: 36px;
|
|
||||||
width: 100px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
line-height: 0;
|
|
||||||
text-indent: -9999px;
|
|
||||||
display: block;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
@ -1,65 +0,0 @@
|
||||||
|
|
||||||
/* Syntax highlighting styles
|
|
||||||
/* Colors see color_settings
|
|
||||||
/* ----------------------------------------------------------*/
|
|
||||||
|
|
||||||
.highlight { background: $highlight-background; padding-bottom: 20px; }
|
|
||||||
.highlight .c { color: $highlight-comment; font-style: italic } /* Comment */
|
|
||||||
.highlight .err { color: $highlight-error; background-color: $highlight-error-background; } /* Error */
|
|
||||||
.highlight .k { font-weight: bold } /* Keyword */
|
|
||||||
.highlight .o { font-weight: bold } /* Operator */
|
|
||||||
.highlight .cm { color: $highlight-comment; font-style: italic } /* Comment.Multiline */
|
|
||||||
.highlight .cp { color: $highlight-comment-special; font-weight: bold } /* Comment.Preproc */
|
|
||||||
.highlight .c1 { color: $highlight-comment; font-style: italic } /* Comment.Single */
|
|
||||||
.highlight .cs { color: $highlight-comment-special; font-weight: bold; font-style: italic } /* Comment.Special */
|
|
||||||
.highlight .gd { color: $highlight-deleted; background-color: $highlight-generic-deleted; } /* Generic.Deleted */
|
|
||||||
.highlight .gd .x { color: $highlight-deleted; background-color: $highlight-generic-deleted-specific;} /* Generic.Deleted.Specific */
|
|
||||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
|
||||||
.highlight .gr { color: $highlight-error-2; } /* Generic.Error */
|
|
||||||
.highlight .gh { color: $highlight-comment-special } /* Generic.Heading */
|
|
||||||
.highlight .gi { color: $highlight-deleted; background-color: $highlight-generic-inserted; } /* Generic.Inserted */
|
|
||||||
.highlight .gi .x { color: $highlight-deleted; background-color: $highlight-generic-inserted-specific; } /* Generic.Inserted.Specific */
|
|
||||||
.highlight .go { color: $highlight-generic-output; } /* Generic.Output */
|
|
||||||
.highlight .gp { color: $highlight-generic-prompt; } /* Generic.Prompt */
|
|
||||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
|
||||||
.highlight .gu { color: $highlight-subheading;} /* Generic.Subheading */
|
|
||||||
.highlight .gt { color: $highlight-error-2; } /* Generic.Traceback */
|
|
||||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
|
||||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
|
||||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
|
||||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
|
||||||
.highlight .kt { color: $highlight-keyword-type; font-weight: bold } /* Keyword.Type */
|
|
||||||
.highlight .m { color: $highlight-literal-number; } /* Literal.Number */
|
|
||||||
.highlight .s { color: $highlight-literal-string; } /* Literal.String */
|
|
||||||
.highlight .na { color: $highlight-name-attribut; } /* Name.Attribute */
|
|
||||||
.highlight .nb { color: $highlight-name-builtin; } /* Name.Builtin */
|
|
||||||
.highlight .nc { color: $highlight-name-class; font-weight: bold } /* Name.Class */
|
|
||||||
.highlight .no { color: $highlight-name-attribut; } /* Name.Constant */
|
|
||||||
.highlight .ni { color: $highlight-name-entity; } /* Name.Entity */
|
|
||||||
.highlight .ne { color: $highlight-name-exception; font-weight: bold } /* Name.Exception */
|
|
||||||
.highlight .nf { color: $highlight-name-function; font-weight: bold } /* Name.Function */
|
|
||||||
.highlight .nn { color: $highlight-name-namespace; } /* Name.Namespace */
|
|
||||||
.highlight .nt { color: $highlight-name-tag; } /* Name.Tag */
|
|
||||||
.highlight .nv { color: $highlight-name-attribut; } /* Name.Variable */
|
|
||||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
|
||||||
.highlight .w { color: $highlight-text-whitespace; } /* Text.Whitespace */
|
|
||||||
.highlight .mf { color: $highlight-literal-number; } /* Literal.Number.Float */
|
|
||||||
.highlight .mh { color: $highlight-literal-number; } /* Literal.Number.Hex */
|
|
||||||
.highlight .mi { color: $highlight-literal-number; } /* Literal.Number.Integer */
|
|
||||||
.highlight .mo { color: $highlight-literal-number; } /* Literal.Number.Oct */
|
|
||||||
.highlight .sb { color: $highlight-literal-string; } /* Literal.String.Backtick */
|
|
||||||
.highlight .sc { color: $highlight-literal-string; } /* Literal.String.Char */
|
|
||||||
.highlight .sd { color: $highlight-literal-string; } /* Literal.String.Doc */
|
|
||||||
.highlight .s2 { color: $highlight-literal-string; } /* Literal.String.Double */
|
|
||||||
.highlight .se { color: $highlight-literal-string; } /* Literal.String.Escape */
|
|
||||||
.highlight .sh { color: $highlight-literal-string; } /* Literal.String.Heredoc */
|
|
||||||
.highlight .si { color: $highlight-literal-string; } /* Literal.String.Interpol */
|
|
||||||
.highlight .sx { color: $highlight-literal-string; } /* Literal.String.Other */
|
|
||||||
.highlight .sr { color: $highlight-literal-string-regex; } /* Literal.String.Regex */
|
|
||||||
.highlight .s1 { color: $highlight-literal-string; } /* Literal.String.Single */
|
|
||||||
.highlight .ss { color: $highlight-literal-string-symbol; } /* Literal.String.Symbol */
|
|
||||||
.highlight .bp { color: $highlight-comment-special } /* Name.Builtin.Pseudo */
|
|
||||||
.highlight .vc { color: $highlight-name-attribut; } /* Name.Variable.Class */
|
|
||||||
.highlight .vg { color: $highlight-name-attribut; } /* Name.Variable.Global */
|
|
||||||
.highlight .vi { color: $highlight-name-attribut; } /* Name.Variable.Instance */
|
|
||||||
.highlight .il { color: $highlight-literal-number; } /* Literal.Number.Integer.Long */
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
@import "1_color_settings_theme-fr";
|
|
||||||
@import "2_typography_settings_theme-fr";
|
|
||||||
@import "3_settings_theme-fr";
|
|
||||||
|
|
||||||
@import
|
|
||||||
"foundation/components/accordion",
|
|
||||||
"foundation/components/alert-boxes",
|
|
||||||
"foundation/components/block-grid",
|
|
||||||
"foundation/components/button-groups",
|
|
||||||
"foundation/components/buttons",
|
|
||||||
"foundation/components/clearing",
|
|
||||||
"foundation/components/dropdown",
|
|
||||||
"foundation/components/dropdown-buttons",
|
|
||||||
"foundation/components/flex-video",
|
|
||||||
"foundation/components/forms",
|
|
||||||
"foundation/components/grid",
|
|
||||||
"foundation/components/inline-lists",
|
|
||||||
"foundation/components/keystrokes",
|
|
||||||
"foundation/components/panels",
|
|
||||||
"foundation/components/reveal",
|
|
||||||
"foundation/components/side-nav",
|
|
||||||
"foundation/components/sub-nav",
|
|
||||||
"foundation/components/tables",
|
|
||||||
"foundation/components/thumbs",
|
|
||||||
"foundation/components/top-bar",
|
|
||||||
"foundation/components/type",
|
|
||||||
"foundation/components/visibility";
|
|
||||||
|
|
||||||
@import "4_typography_theme-fr";
|
|
||||||
@import "5_layout_theme-fr";
|
|
||||||
@import "6_additional_theme-fr";
|
|
||||||
@import "7_highlight_theme-fr";
|
|
||||||
|
|
||||||
Reference in a new issue