finished to theme search form

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -592,9 +592,144 @@ main[role="main"]{
 // / __| ___ __ _ _ _ __| |_
 // \__ \/ -_) _` | '_/ _| ' \
 // |___/\___\__,_|_| \__|_||_|
-
+.col[theme="edlp_search_search_form"]{
+  &, >.wrapper{
+    position: relative;
+    height:100%;
+  }
+}
 #edlp-search-form{
+  height:100%;
 
+  .fieldgroup{
+    border-bottom: 1px solid red;
+    margin-top:1em;
+    margin-bottom: 0em;
+    legend{
+      font-size: 0.9em;
+      margin: 0;
+      font-weight: 500;
+    }
+    .fieldset-wrapper{
+      padding-bottom: 1em;
+    }
+    .form-item{
+      margin:0;
+    }
+  }
+
+  input[type="text"], input[type="search"]{
+    font-size: 0.8em;
+    padding:0.2em; margin:0;
+    border: 1px solid #aaa;
+    border-radius: 3px;
+    width:90%;
+  }
+
+  #edit-entries{
+    .form-item{
+      label, input{
+        display: inline-block;
+        vertical-align: middle;
+      }
+      label{
+        font-size: 0.756em;
+      }
+      input[type="checkbox"]{
+        appearance:none;
+        $w:10px;
+        width:$w; height:$w;
+        border: 1px double black;
+        background-color: white;
+        &:checked{
+          background-color: black;
+        }
+        &[value='134']{
+          border-color: var(--e-col-134);
+          &:checked{background-color: var(--e-col-134);}
+        }
+        &[value='121']{
+          border-color: var(--e-col-121);
+          &:checked{background-color: var(--e-col-121);}
+        }
+        &[value='125']{
+          border-color: var(--e-col-125);
+          &:checked{background-color: var(--e-col-125);}
+        }
+        &[value='119']{
+          border-color: var(--e-col-119);
+          &:checked{background-color: var(--e-col-119);}
+        }
+        &[value='132']{
+          border-color: var(--e-col-132);
+          &:checked{background-color: var(--e-col-132);}
+        }
+        &[value='122']{
+          border-color: var(--e-col-122);
+          &:checked{background-color: var(--e-col-122);}
+        }
+        &[value='129']{
+          border-color: var(--e-col-129);
+          &:checked{background-color: var(--e-col-129);}
+        }
+        &[value='120']{
+          border-color: var(--e-col-120);
+          &:checked{background-color: var(--e-col-120);}
+        }
+        &[value='130']{
+          border-color: var(--e-col-130);
+          &:checked{background-color: var(--e-col-130);}
+        }
+        &[value='118']{
+          border-color: var(--e-col-118);
+          &:checked{background-color: var(--e-col-118);}
+        }
+        &[value='127']{
+          border-color: var(--e-col-127);
+          &:checked{background-color: var(--e-col-127);}
+        }
+        &[value='133']{
+          border-color: var(--e-col-133);
+          &:checked{background-color: var(--e-col-133);}
+        }
+        &[value='128']{
+          border-color: var(--e-col-128);
+          &:checked{background-color: var(--e-col-128);}
+        }
+        &[value='124']{
+          border-color: var(--e-col-124);
+          &:checked{background-color: var(--e-col-124);}
+        }
+        &[value='116']{
+          border-color: var(--e-col-116);
+          &:checked{background-color: var(--e-col-116);}
+        }
+        &[value='117']{
+          border-color: var(--e-col-117);
+          &:checked{background-color: var(--e-col-117);}
+        }
+        &[value='131']{
+          border-color: var(--e-col-131);
+          &:checked{background-color: var(--e-col-131);}
+        }
+        &[value='126']{
+          border-color: var(--e-col-126);
+          &:checked{background-color: var(--e-col-126);}
+        }
+        &[value='123']{
+          border-color: var(--e-col-123);
+          &:checked{background-color: var(--e-col-123);}
+        }
+      }
+    }
+  }
+
+  input[type="submit"]{
+    font-size: 0.756em;
+    padding:0.1em;
+    margin:1em 0 0 0;
+    float:right;
+  }
 }
 
 .col[theme="edlp_search_results"]{
@@ -981,6 +1116,12 @@ footer{
           }
         }
 
+        // TODO: replace variable system by attribute color
+        // a.term-link:before, .entree-content span.oblique-wrapper a:before{
+        //   border-color: attr(color);
+        //   background-color: attr(color);
+        // }
+
         &[tid='134']{
           a.term-link:before, .entree-content span.oblique-wrapper a:before{
             border-color: var(--e-col-134);background-color: var(--e-col-134);}}