Add filter in the HTML catalog. need UI work. re #46

This commit is contained in:
Sébastien Lucas 2013-06-28 02:07:32 +02:00
parent 002f90fd0d
commit 452bde9cb5
5 changed files with 134 additions and 9 deletions

View file

@ -55,6 +55,41 @@ a:hover { color:#000; text-decoration: none; }
margin: 20px auto;
}
.filtered {
display: none;
}
#filter {
clear:both;
}
#filter ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
text-transform:none;
}
#filter li {
display: inline-block;
padding: .2em 1em;
margin: 2px;
color: black;
background-color: white;
opacity: 0.5;
}
.filter-include {
border-left:thick solid blue;
opacity: 1;
}
.filter-exclude {
border-right:thick solid red;
opacity: 1;
}
img
{
@ -246,7 +281,6 @@ line-height: 100%;
#tool
{
width:100%;
height:32px;
overflow: hidden;
}
@ -259,11 +293,6 @@ width: 100%;
margin: 3px;
}
#tool div, #tool form
{
height: 32px;
}
.stop select
{
vertical-align: middle;

View file

@ -60,6 +60,43 @@ a:hover { color:#000; text-decoration: none; }
margin: 20px auto;
}
.filtered {
display: none;
}
#filter {
clear:both;
}
#filter ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
text-transform:none;
font-variant: normal;
}
#filter li {
display: inline-block;
padding: .2em 1em;
margin: 2px;
color: black;
background-color: #ddd;
opacity: 0.5;
}
.filter-include {
border-left:thick solid blue;
opacity: 1;
}
.filter-exclude {
border-right:thick solid red;
opacity: 1;
}
img
{
margin:0;
@ -256,7 +293,6 @@ line-height: 100%;
#tool
{
width:100%;
height:32px;
overflow: hidden;
}