add plusfuture

plusfuture/view/css/plusfuture.css

@@ -0,0 +1,89 @@
+/*
+Back to top button 
+*/
+#button {
+	position: fixed;
+	bottom: 60px;
+	right: 42px;
+	opacity: 0.65;
+	z-index: 1;
+}
+#button a {
+	width: 50px;
+	display: block;
+	text-align: center;
+	font: 11px/100% Arial, Helvetica, sans-serif;
+	text-transform: uppercase;
+	text-decoration: none;
+	/* background color transition */
+	-webkit-transition: 1s;
+	-moz-transition: 1s;
+	transition: 1s;
+}
+#button a:hover {
+	color: rgba(248, 34, 34, 0.9);
+}
+/* arrow icon (span tag) */
+#button span {
+	width: 56px;
+	height: 56px;
+	display: block;
+/*	margin-bottom: 7px; */
+	background:rgba(255, 0, 0, 0.8) url(../../post-button.png) no-repeat center center;
+	/* rounded corners */
+	-webkit-border-radius: 35px;
+	-moz-border-radius: 35px;
+	border-radius: 35px;
+	/* background color transition */
+	-webkit-transition: 1s;
+	-moz-transition: 1s;
+	transition: 1s;
+	filter: drop-shadow(5px 5px 5px rgba(75, 75, 75, 0.985));
+}
+#button a:hover span {
+	background-color: rgba(255, 0, 0, 1.0);
+}
+
+
+#bottombar {
+    margin: 0;
+    display: flex;
+    background-color: rgba(255, 255, 255, 0.561);
+    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
+    position: fixed;
+    width: 100%;
+    bottom: 0;
+	 left: 0;
+    background: white;
+	 z-index: 1;
+	 text-decoration: none;
+	 line-height:1.0;
+}
+@media screen and (min-width: 993px) {
+   #bottombar {
+		  display: none;
+    }
+	#button{
+		   bottom: 22px;
+	}
+}
+@media screen and (min-width: 400px) {
+    #bottombar {
+        font-size: medium;
+    }
+}
+@media screen and (max-width: 399px) {
+    #bottombar {
+        font-size: small;
+    }
+}
+.p {
+    display: table-cell;
+    text-align: center;
+    color: black;
+	 margin: auto;
+}
+
+#thread-wrapper{
+	 box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
+}