+ background-color: #f5f5f5;
+ clear: both;
+}
+
+.picwall_pictureframe {
+ margin: 2px;
+ background-color: #f5f5f5;
+ z-index: 5;
+ position: relative;
+ display: table-cell;
+ vertical-align: middle;
+ width: 90px;
+ height: 90px;
+ overflow: hidden;
+ text-align: center;
+ float: left;
+}
+
+.b-lazy {
+ -webkit-transition: opacity 500ms ease-in-out;
+ -moz-transition: opacity 500ms ease-in-out;
+ -o-transition: opacity 500ms ease-in-out;
+ transition: opacity 500ms ease-in-out;
+ opacity: 0;
+}
+.b-lazy.b-loaded {
+ opacity: 1;
+}
+
+.picwall_pictureframe img {
+ max-width: 100%;
+ height: auto;
+ color: transparent;
+} /* Adapt the width of the image */
+
+.picwall_pictureframe a {
+ text-decoration: none;
+}
+
+/* CSS to show title when hovering an image - no javascript required. */
+.picwall_pictureframe span.info {
+ display: none;
+ font-family: Arial, sans-serif;
+}
+
+.picwall_pictureframe:hover span.info {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 90px;
+ height: 90px;
+ font-weight: bold;
+ font-size: 9pt;
+ color: #f5f5f5;
+ text-align: left;
+ background-color: rgba(0, 0, 0, 0.8);
+}
+
+/**
+ * DAILY
+ */
+.daily-desc {
+ color: #7f7f7f;