first hugo commit

content/photos/static/css/style.css

@@ -0,0 +1,196 @@
+body {
+  background-color: #242424;
+  color: #aaaaaa;
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
+  font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.container {
+  margin: 0 auto;
+  text-align: left;
+  width: 96%;
+}
+
+a, a:link, a:visited {
+  color: #999999;
+  text-decoration: underline;
+}
+
+a:hover {
+  color: #dadada;
+}
+
+/* remove SMALLCAPS style and dotted underline from some browsers */
+abbr[title] {
+  text-decoration: none;
+  font-variant: none;
+  border-bottom: none;
+}
+
+abbr[title="exposure"]::after { content: "s" }
+abbr[title="film speed"]::before { content: "ISO " }
+abbr[title="aperture"]::before { content: "f/" }
+abbr[title="focal length"]::after { content: "mm" }
+abbr[title="camera make and model"], abbr[title="date"] {
+    display: block;
+}
+
+/* header */
+header {
+  padding: 1em 0;
+  color: #eeeeee;
+}
+header h1, header h2 {
+  color: #eeeeee;
+  margin: 10px 0;
+}
+header h1 a, header h1 a:link, header h1 a:visited,
+header h2 a, header h2 a:link, header h2 a:visited {
+  color: #eeeeee;
+  text-shadow: 0 2px 0 #000;
+  text-decoration: none;
+}
+header h1 a:hover, header h2 a:hover {
+  color: #fff;
+  text-decoration: none;
+}
+
+#menu ul {
+  list-style-type: none;
+  margin: 0 0 10px;
+  padding: 0;
+}
+#menu ul li {
+  display: inline-block;
+}
+#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
+  color: #aaaaaa;
+  border-bottom: 1px solid #aaaaaa;
+  padding-bottom: 2px;
+  margin-left: 5px;
+  text-decoration: none;
+}
+#menu ul li a:hover {
+  color: #eeeeee;
+  border-color: #eeeeee;
+  text-decoration: none;
+}
+
+/* gallery */
+#albums ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+#albums ul li {
+  display: inline-block;
+  margin: 0 55px 30px 0;
+  text-align: center;
+  vertical-align: top;
+  width: 280px;
+}
+#albums ul li:nth-child(3n+3) {
+  margin-right: 0;
+}
+#albums ul li a img {
+  opacity: 1;
+  -webkit-transition: opacity 0.2s ease-in;
+  -moz-transition-property: opacity;
+  -moz-transition-duration: 0.2s;
+  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
+  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
+  -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
+}
+#albums ul li a:hover img {
+  opacity: .5;
+}
+
+.album_title {
+  display: block;
+  color: #eeeeee;
+  font-size: 1.3em;
+  font-variant: small-caps;
+  font-weight: bold;
+}
+
+/* galleria */
+#gallery {
+  line-height: 0;
+  width: 100%;
+  height: 600px;
+  clear: both;
+}
+#gallery video {
+  position: absolute;
+  top: 10%;
+  width: 100%;
+  margin: 0 auto;
+}
+.galleria-theme-classic .galleria-info-text {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.icons {
+  top: 10px;
+  right: 20px;
+  padding: 5px;
+  z-index: 2;
+  position: absolute;
+  text-align: right;
+}
+.icons a {
+  cursor: pointer;
+}
+.icons img {
+  opacity: .7;
+}
+.icons img:hover {
+  opacity: .9;
+}
+
+/* Mimic .galleria-stage to use the same area for the map */
+#galleria-map {
+  position: absolute;
+  bottom: 80px;
+  left: 10px;
+  top: 0;
+  right: 10px;
+}
+
+/* footer */
+footer {
+  clear: both;
+  display: block;
+  margin: 1em 0;
+  text-align: center;
+}
+footer a:link, footer a:visited {
+  font-weight: bold;
+  text-decoration: none;
+}
+footer a:hover {
+  border-bottom: 1px solid;
+  text-decoration: none;
+}
+footer span:not(:last-child):after {
+  content: ' - ';
+}
+
+@media only screen and (min-width: 980px) {
+  .container {
+    width: 960px;
+  }
+
+  #gallery {
+    width: 980px;
+    margin: 0 0 40px -10px;
+  }
+
+  header h1, #menu {
+    display: inline-block;
+    width: 49.5%;
+  }
+  #menu {
+    text-align: right;
+  }
+}