web/data/cubicweb.facets.css
author Aurelien Campeas <aurelien.campeas@logilab.fr>
Thu, 06 Feb 2014 19:04:03 +0100
changeset 9584 8209bede1a4b
parent 9379 b0b1148b6963
permissions -rw-r--r--
[pkg] bump the dependency on logilab.database This will allow use of an extended API. Related to #3526594.

#filterbox fieldset{
 margin: 0px;
 padding: 0px;
}

.facet {
  border: 1px solid chocolate;
  background: #fff;
  padding: %(facet_Padding)s;
  margin-bottom: %(facet_MarginBottom)s;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 7px;
}

.facetGroup {
  margin: .3em;
  float: left;
}

div.facetTitle, div.bkSearch  {
 color: #000;
 margin: 2px;
 cursor: pointer;
 font-weight: bold;
 font: %(facet_titleFont)s;
}

div.facetTitle a {
 padding-left: 10px;
 background: transparent url("puce.png") 0% 50% no-repeat;
}

.opened {
 color: #000 !important;
}

.facetGroup div.rangeFacet {
  width: 13em;
}

.facetGroup div.vocabularyFacet {
  /* when facets spread on several lines, it can relieve the eye
     to have them vertically aligned; these properties should
     be used then  */
  /* width: 13em; */
}

div.vocabularyFacet {
  max-height: %(facet_vocabMaxHeight)s;
  overflow-y: auto;
  overflow-x: hidden;
}

div.facetCheckBox {
  clear: both;
  cursor: pointer;
  text-decoration: none;
}

div.facetValue{
  padding-left: 2px;
  clear: both
}

div.facetValue img {
  float: left;
  background: #fff;
}

div.facetValueSelected {
  background: #EBE8D9;
}

#leftcol label {
  color: #523015;
}

div#filter_box div.boxTitle {
  visibility: hidden;
  display: none;
}

div#filter_box {
  border: none;
}

.facet input {
  margin-top: .2em;
  border: 1px solid #ccc;
  font-size: small;
}

.facetValueDisabled span {
  font-style: italic;
  text-decoration: line-through;
}

div#filterboxTitle {
  margin-top: 50px;
  margin-bottom: 1em;
  color: #1190A1;
  font-size: 75%;
  padding: 0.15em;
  text-transform: uppercase;
}

div#facetLoading {
  display: none;
  position: fixed;
  background: #f2f2f2;
  top: 400px;
  width: 200px;
  padding: 1em;
  font-size:      120%;
  font-weight:    bold;
  text-align:     center;
}

div.facetTitleSelected {
  background: url("required.png") no-repeat right top;
}

.filter {
  background-color: #EBE8D9;
  border: dotted grey 1px;
  display: inline-block;
}