Add filter in the HTML catalog. need UI work. re #46
This commit is contained in:
parent
002f90fd0d
commit
452bde9cb5
5 changed files with 134 additions and 9 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue