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: Georgia !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
  30 .search-result {
  31     @include size(border, 1px solid #ddd);
  32     @include size(box-shadow, 2px 2px 2px #ddd);
  33     @include size(margin, 1px);
  34     background: white;
  35
  36     @include min-screen($S_BOOK_SHORT_FULL) {
  37         @include size(width, $W_BOOK_SHORT_FULL -4px);
  38     }
  39
  40     @media screen and (min-width: 62.5em) {
  41         @include size(width, 965px);
  42         @include size(padding-right, 8px);
  43     }
  44
  45     .book-box {
  46         display: inline-block;
  47
  48         @include min-screen($S_BOOK_SHORT_FULL) {
  49             @include size(width, $W_BOOK_SHORT_FULL - 4px);
  50         }
  51
  52         .book-box-inner {
  53             border: none;
  54             box-shadow: none;
  55             margin: 0;
  56         }
  57     }
  58 }
  59
  60
  61
  62 .book-list-header {
  63     @media screen and (min-width: 62.5em) {
  64         @include size(width, 975px);
  65     }
  66     padding: 0em;
  67     @include size(margin-left, -1px);
  68
  69     .book-box-inner {
  70         min-height: 1em;
  71     }
  72
  73     p {
  74         @include size(font-size, 24px);
  75         @include size(margin, 5px);
  76     }
  77 }
  78
  79 .snippets {
  80     @media screen and (min-width: 62.5em) {
  81         @include size(width, 360px);
  82         float: right;
  83     }
  84
  85     .snippet-text {
  86         @include size(font-size, 16px);
  87         @include size(margin, 13px 0);
  88         @include size(padding, 12px);
  89         background: #f7f7f7;
  90     }
  91
  92     .anchor {
  93         display: none;
  94     }
  95 }
  96
  97
  98 .search-hint-label {
  99     display: inline-block;
 100     @include size(font-size, 11px);
 101     @include size(width, 275px);
 102     line-height: 1.636em;
 103 }
 104
 105 .search-hint-category {
 106     @include size(font-size, 11px);
 107     line-height: 1.636em;
 108 }
 109