form + filter

user/themes/lecampus/scss/theme/_blog.scss

@@ -1,5 +1,4 @@
 // home
-
 .gal{
   width: 100%;
   height:400px;
@@ -41,38 +40,71 @@
 
 .cat{
   height: 50px;
-  a{
+  z-index: 999;
+  margin: 20px 0;
+  .tags{
+    @include inlineflex();
+    margin-left: 15px;
+  }
+  .filters{
     padding: 10px;
     border: 1px solid black;
+    margin-right: 20px;
   }
 }
 
-#item{
-  @include inlineflex();
-  width: 100%;
-  .card{
-    width: calc( (100% / 4) - 45px);
-    min-width: 250px;
-    margin: 0 15px 30px 15px;
-    position: relative;
-    border: 1px solid black;
-    .card-header{
-      width: auto;
-      position: absolute;
-      right: 0;
-      text-align: right;
-      .publics{
-        padding: 10px;
-        background: grey;
-        a{
-          color: white;
+.start:not(#form){
+  #item{
+    @include inlineflex();
+    width: 100%;
+    .card{
+      width: calc( (100% / 4) - 45px);
+      min-width: 250px;
+      margin: 0 15px 30px 15px;
+      border: 1px solid black;
+      .card-header{
+        position: absolute;
+        width: auto;
+        right: 0;
+        text-align: right;
+        .publics{
+          padding: 10px;
+          background: grey;
+          a{
+            color: white;
+          }
+        }
+      }
+      .card-body{
+        padding: 15px;
+        .card-title{
+          margin-bottom: 10px;
         }
       }
     }
-    .card-body{
-      padding: 15px;
-      .card-title{
-        margin-bottom: 10px;
+  }
+}
+
+.start#form{
+  #item{
+    width: calc( (100% / 2));
+    min-width: 250px;
+    margin: 100px auto;
+    form{
+      @include inlineflex();
+      margin-top: 20px;
+      & > div{
+        margin: 20px 0;
+        width: 50%;
+        &:nth-of-type(3){
+          width: 100%;
+        }
+        input{
+          width: 90%;
+        }
+        &:nth-of-type(10){
+          width: 100%;
+        }
       }
     }
   }
@@ -132,12 +164,46 @@
   }
 }
 
-.sub-content{
-  border-top: 1px solid black;
-  margin-bottom: 20px;
-  margin-top: 20px;
-  h3{
+#item{
+  .sub-content{
+    border-top: 1px solid black;
+    margin-bottom: 20px;
     margin-top: 20px;
+    h3{
+      margin-top: 20px;
+    }
+  }
+}
+
+
+#event{
+  .content{
+    margin-top: 50px;
+    h2{
+      float: left;
+      margin-right: 20px;
+    }
+    .reso{
+      @include inlineflex;
+      flex-wrap: nowrap;
+      width: 50px;
+      height: 25px;
+    }
+  }
+  .sidebar{
+    margin-top: 50px;
+  }
+}
+
+#footer{
+  @include inlineflex;
+  .sub-content{
+    width: calc((100% / 3) - 40px);
+    border-top: 1px solid black;
+    margin: 20px;
+    h3{
+      margin-top: 20px;
+    }
   }
 }
 
@@ -168,11 +234,3 @@
 #footer{
   margin-top: 20px;
 }
-
-
-// .card{
-//   height: 100px;
-//   .card-image{
-//     height: 100px;
-//   }
-// }