--- a/src/pyams_default_theme/resources/less/pyams-default.less Fri Dec 28 11:05:40 2018 +0100
+++ b/src/pyams_default_theme/resources/less/pyams-default.less Sun Dec 30 18:11:35 2018 +0100
@@ -77,12 +77,12 @@
* Header styles
*/
.header-simple {
- .regularbanner {
+ .banner {
position: relative;
picture,
img {
- &.regularbanner__media {
+ &.banner_img {
width: 100%;
}
@@ -168,6 +168,7 @@
background-color: #39413b;
color: white;
flex-direction: row;
+ flex-wrap: wrap;
justify-content: space-evenly;
align-items: flex-start;
padding-top: 1em;
@@ -298,6 +299,24 @@
border: 1px solid #ddd;
border-left: 5px solid #ddd;
+ h3 {
+ margin-top: 0.5em;
+ }
+ .pictogram {
+ position: relative;
+ margin-right: 10px;
+
+ >.svg-container,
+ >img {
+ position: relative;
+ margin-top: ~"calc(100% - 24px)";
+ margin-bottom: ~"calc(100% - 24px)";
+ }
+
+ svg {
+ display: block;
+ }
+ }
&.pull-right {
padding: 0 15px;
text-align: left;
@@ -310,6 +329,9 @@
/**
* Panels
*/
+.panel {
+ margin-top: 1rem;
+}
.panels {
margin-top: 2rem;
}
@@ -362,8 +384,6 @@
*/
.illustration {
- margin-bottom: 1rem;
-
.author {
padding-top: 0.2em;
font-size: 0.9em;
@@ -475,7 +495,9 @@
top: 0;
font-size: 4em;
}
-
+ .quote {
+ font-style: italic;
+ }
.author {
margin-top: 0.5em;
}