src/pyams_default_theme/resources/less/pyams-default.less
changeset 222 fa1df486025b
parent 196 748d3fb360b8
child 231 d462a5ced83e
--- a/src/pyams_default_theme/resources/less/pyams-default.less	Fri Nov 16 08:24:17 2018 +0100
+++ b/src/pyams_default_theme/resources/less/pyams-default.less	Fri Nov 16 08:24:37 2018 +0100
@@ -1,6 +1,6 @@
 
 body {
-	font-family: "Advent Pro", Helvetica, Arial, sans-serif;
+	font-family: Lato, Helvetica, Arial, sans-serif;
 	margin: 0 auto;
 
 	.header-simple {
@@ -21,6 +21,49 @@
 			}
 		}
 	}
+	.affix {
+		top: 0;
+		width: 100%;
+		z-index: 9999 !important;
+		opacity: 0.95;
+		transition: all .5s ease-in-out;
+	}
+	.affix ~ .container-fluid {
+		position: relative;
+		top: 50px;
+	}
+	.navbar {
+		margin-bottom: 20px;
+		background-color: white;
+		border: 1px solid #39413b;
+		font-family: Oswald, Helvetica, Arial, Sans-Serif;
+		transition: all .5s ease-in-out;
+
+		a,
+		a:active,
+		a:visited {
+			color: #39413b;
+		}
+		li.active,
+		.icon-bar {
+			background-color: #a5bcaa;
+		}
+		&.affix {
+			background-color: #39413b;
+
+			a {
+				color: white;
+			}
+			&:hover {
+				a:hover {
+					color: #39413b;
+				}
+			}
+			.icon-bar {
+				background-color: white;
+			}
+		}
+	}
 }
 
 h1,
@@ -66,3 +109,33 @@
 		margin-bottom: 20px;
 	}
 }
+
+
+/**
+ * Images gallery
+ */
+
+.gallery {
+	display: flex;
+	flex-wrap: wrap;
+
+	.legend {
+		margin-bottom: 0.2em;
+	}
+	img {
+		box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.75);
+    	margin-bottom: 5px;
+		filter: grayscale();
+		transition: all ease-in-out 0.5s;
+
+		&:hover {
+			filter: none;
+		}
+	}
+	.author {
+		margin-bottom: 15px;
+		text-align: right;
+		font-style: italic;
+		font-size: 0.8em;
+	}
+}
\ No newline at end of file