src/wolnelektury/static/scss/main/search.scss

   1 /* jquery UI overrides us */
   2 .ui-menu .ui-menu-item a {
   3     color: #0d7e85 !important;
   4     line-height: 1.636em !important;
   5 }
   6
   7 .ui-widget {
   8     font-family: Gelasio, Georgia, serif !important;
   9     @include size(font-size, 10px !important);
  10 }
  11
  12 .ui-widget-content {
  13     background: #EEEEEE !important; /* #E2E2E2 ? */
  14     border-radius: 0px !important;
  15 }
  16
  17
  18
  19 .inline-tag-lists p span:first-child {
  20     color: #281d1c;
  21 }
  22
  23 /* just on search page */
  24 .top-tag-list {
  25     @include size(margin-top, 22px);
  26     @include size(margin-bottom, 16px);
  27 }
  28
  29 /*.search-result {
  30     @include size(border, 1px solid #ddd);
  31     @include size(box-shadow, 2px 2px 2px #ddd);
  32     @include size(margin, 1px);
  33     background: white;
  34
  35     @include min-screen($S_BOOK_SHORT_FULL) {
  36         @include size(width, $W_BOOK_SHORT_FULL -4px);
  37     }
  38
  39     @media screen and (min-width: 62.5em) {
  40         @include size(width, 965px);
  41         @include size(padding-right, 8px);
  42     }
  43
  44     .book-box {
  45         display: inline-block;
  46
  47         @include min-screen($S_BOOK_SHORT_FULL) {
  48             @include size(width, $W_BOOK_SHORT_FULL - 4px);
  49         }
  50
  51         .book-box-inner {
  52             border: none;
  53             box-shadow: none;
  54             margin: 0;
  55         }
  56     }
  57 }*/
  58
  59
  60
  61 .book-list-header {
  62     @media screen and (min-width: 62.5em) {
  63         @include size(width, 975px);
  64     }
  65     padding: 0em;
  66     @include size(margin-left, -1px);
  67
  68     .book-box-inner {
  69         min-height: 1em;
  70     }
  71
  72     p {
  73         @include size(font-size, 24px);
  74         @include size(margin, 5px);
  75     }
  76 }
  77
  78 .snippets {
  79     @media screen and (min-width: 62.5em) {
  80         @include size(width, 360px);
  81         float: right;
  82     }
  83
  84     .snippet-text {
  85         @include size(font-size, 16px);
  86         @include size(margin, 13px 0);
  87         @include size(padding, 12px);
  88         background: #f7f7f7;
  89     }
  90
  91     .anchor {
  92         display: none;
  93     }
  94 }
  95
  96
  97 .search-result {
  98     @media screen and (min-width: 62.5em) {
  99         .picture-left-column {
 100             display: inline-block;
 101             @include size(width, 800px);
 102         }
 103         .picture-right-column {
 104             display: inline-block;
 105             @include size(padding-top, 15px);
 106             @include size(width, 150px);
 107         }
 108     }
 109
 110     .area-hit {
 111         @include size(font-size, 16px);
 112         @include size(margin, 13px 0);
 113         @include size(padding-left, 20px);
 114         @include size(padding-right, 20px);
 115         @include size(padding-top, 1px);
 116         @include size(padding-bottom, 20px);
 117         background: #f7f7f7;
 118     }
 119 }
 120
 121
 122 .search-hint-label {
 123     display: inline-block;
 124     @include size(font-size, 16px);
 125     //@include size(width, 275px);
 126     line-height: 1.636em;
 127 }
 128
 129
 130
 131
 132 .search-filter {
 133     a {
 134         margin-right: 1em;
 135     }
 136     strong {
 137         display: inline-block;
 138         width: 5em;
 139     }
 140     em {
 141         margin-right: 1em;
 142     }
 143
 144 }