Added css for new posted date filter

Author: MatthieuLP

css/hf_base.css

@@ -855,6 +855,10 @@ li.path-ext-svg a img {
 
 /* Multi criteria search */
 
+.filter .filter-icon {
+  color: #474747;
+}
+
 .filter-manager-popin {
   position: fixed;
   z-index: 100;
@@ -1054,7 +1058,8 @@ li.path-ext-svg a img {
   margin: 0;
 }
 
-.filter-filetypes-form .filter-actions {
+.filter-filetypes-form .filter-actions,
+.filter-date_post-form .filter-actions {
   gap: 5px;
 }
 
@@ -1117,29 +1122,42 @@ li.path-ext-svg a img {
   font-weight: 600;
   margin-top: 15px;
 }
-.filter-filetypes-form {
+.filter-filetypes-form,
+.filter-date_post-form {
   width: 200px;
 }
-.filetypes-option-container {
+.filetypes-option-container,
+.date_post-option-container {
   display: flex;
   flex-direction: column;
   margin: 20px 0 20px 0;
 }
-.filetypes-option:nth-child(odd) {
+.date_post-option-container {
+  margin: 10px 0 10px 0;
+}
+.filetypes-option:nth-child(odd),
+.date_post-option:nth-child(odd) label {
   background: #f3f3f3;
 }
 
-.filetypes-option input {
+.filetypes-option input,
+.date_post-option input {
   display: none;
 }
-.filetypes-option label {
+.filetypes-option label,
+.date_post-option label {
   display: flex;
   flex-direction: row;
   align-items: baseline;
   position: relative;
   padding: 5px;
 }
-.filetypes-option label .checked-icon{
+.date_post-option label {
+  width: 230px;
+  transform: translateX(-20px);
+}
+.filetypes-option label .checked-icon,
+.date_post-option label .checked-icon{
   display: none;
   position: absolute;
   left: 0;
@@ -1152,6 +1170,10 @@ li.path-ext-svg a img {
   margin-left: 30px;
   text-transform: uppercase;
 }
+.date_post-option label .date-period{
+  margin-left: 30px;
+}
+
 .filetypes-option label .ext-badge {
   margin-left: auto;
   background: #ff7700;
@@ -1161,12 +1183,16 @@ li.path-ext-svg a img {
   font-weight: 600;
 }
 
-.filetypes-option input:checked + label .checked-icon{
+.filetypes-option input:checked + label .checked-icon,
+.date_post-option input:checked + label .checked-icon{
   display: flex;
 }
 .filetypes-option input:checked + label {
   background: #fff5e8;
 }
+.date_post-option input:checked + label {
+  background: rgba(244, 171, 79, 0.17);
+}
 
 .filter-album-form {
   width: 400px;