src/pyams_default_theme/resources/css/pyams-default.css
changeset 222 fa1df486025b
parent 196 748d3fb360b8
child 231 d462a5ced83e
--- a/src/pyams_default_theme/resources/css/pyams-default.css	Fri Nov 16 08:24:17 2018 +0100
+++ b/src/pyams_default_theme/resources/css/pyams-default.css	Fri Nov 16 08:24:37 2018 +0100
@@ -1,5 +1,5 @@
 body {
-  font-family: "Advent Pro", Helvetica, Arial, sans-serif;
+  font-family: Lato, Helvetica, Arial, sans-serif;
   margin: 0 auto;
 }
 body .header-simple .regularbanner {
@@ -16,6 +16,45 @@
   left: 10px;
   max-height: calc(80%);
 }
+body .affix {
+  top: 0;
+  width: 100%;
+  z-index: 9999 !important;
+  opacity: 0.95;
+  transition: all 0.5s ease-in-out;
+}
+body .affix ~ .container-fluid {
+  position: relative;
+  top: 50px;
+}
+body .navbar {
+  margin-bottom: 20px;
+  background-color: white;
+  border: 1px solid #39413b;
+  font-family: Oswald, Helvetica, Arial, Sans-Serif;
+  transition: all 0.5s ease-in-out;
+}
+body .navbar a,
+body .navbar a:active,
+body .navbar a:visited {
+  color: #39413b;
+}
+body .navbar li.active,
+body .navbar .icon-bar {
+  background-color: #a5bcaa;
+}
+body .navbar.affix {
+  background-color: #39413b;
+}
+body .navbar.affix a {
+  color: white;
+}
+body .navbar.affix:hover a:hover {
+  color: #39413b;
+}
+body .navbar.affix .icon-bar {
+  background-color: white;
+}
 h1,
 h2,
 h3,
@@ -50,4 +89,29 @@
 .margin-bottom-20 {
   margin-bottom: 20px;
 }
+/**
+ * Images gallery
+ */
+.gallery {
+  display: flex;
+  flex-wrap: wrap;
+}
+.gallery .legend {
+  margin-bottom: 0.2em;
+}
+.gallery 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;
+}
+.gallery img:hover {
+  filter: none;
+}
+.gallery .author {
+  margin-bottom: 15px;
+  text-align: right;
+  font-style: italic;
+  font-size: 0.8em;
+}
 /*# sourceMappingURL=pyams-default.css.map */
\ No newline at end of file