瀏覽代碼

Added/modified station on HP

KrisVos130 9 年之前
父節點
當前提交
62401d89e4
共有 2 個文件被更改,包括 73 次插入5 次删除
  1. 29 2
      app/app.css
  2. 44 3
      app/app.html

+ 29 - 2
app/app.css

@@ -32,6 +32,9 @@ body :-ms-input-placeholder {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 300;
 }
+ul {
+    list-style: none;
+}
 .landing {
   background: #50a3a2;
   background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
@@ -42,7 +45,8 @@ body :-ms-input-placeholder {
   width: 100%;
   height: 100%; /*400px*/
   /*margin-top: -200px;*/
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: scroll;
 }
 .container {
   max-width: 600px;
@@ -133,7 +137,7 @@ form button:hover {
   top: 0;
   left: 0;
   width: 100%;
-  height: 100%;
+  height: 0px;
   z-index: 1;
 }
 .bg-bubbles li {
@@ -308,7 +312,24 @@ footer a:hover{
   height: 300px;
   width: 300px;
   border-radius: 100%;
+  text-align: center;
+  color: white;
+  font-family: Sans-serif;
+  /*float: left;*/
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.station > h3 {
+    line-height: 200px;
+    font-size: 42px;
 }
+
+.station > h5 {
+    margin-top: -40px;
+    font-size: 15px;
+}
+
 .station-top{
   height: 200px;
 }
@@ -345,3 +366,9 @@ footer a:hover{
   display: block;
   text-align: center;
 }
+
+@media (max-width: 992px) { 
+    .station {
+        background-color: red;
+    }
+}

+ 44 - 3
app/app.html

@@ -50,9 +50,50 @@
 
 <template name="dashboard">
   <div class="landing">
-    <div class="station">
-      
-    </div>
+      <!--ul>
+          <li class="station">
+              <h3>Name</h3>
+              <h5>Song</h5>
+          </li>
+          <li class="station">
+              <h3>Name</h3>
+              <h5>Song</h5>
+          </li>
+          <li class="station">
+              <h3>Name</h3>
+              <h5>Song</h5>
+          </li>
+          <li class="station">
+              <h3>Name</h3>
+              <h5>Song</h5>
+          </li>
+      </ul-->
+      <div class="row">
+          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+              <div class="station">
+                    <h3>Name</h3>
+                    <h5>Song</h5>
+              </div>
+          </div>
+          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+              <div class="station">
+                    <h3>Name</h3>
+                    <h5>Song</h5>
+              </div>
+          </div>
+          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+              <div class="station">
+                    <h3>Name</h3>
+                    <h5>Song</h5>
+              </div>
+          </div>
+          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+              <div class="station">
+                    <h3>Name</h3>
+                    <h5>Song</h5>
+              </div>
+          </div>
+      </div>
 
     <ul class="bg-bubbles">
     	<li></li>