src/pyams_default_theme/resources/less/pyams-default.less
changeset 319 29ffc22ece57
parent 317 46c78cc30b74
child 330 143f661e27e2
--- 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;
 		}