src/wolnelektury/static/scss/widget.scss

   1 html, body {
   2     padding: 0;
   3     margin: 0;
   4     overflow: hidden;
   5     font-family: sans-serif;
   6 }
   7
   8
   9 #wl {
  10     background-color: #083F4D;
  11     position:relative;
  12
  13     a, a:visited, a:hover {
  14         display: block;
  15         line-height: 5.94rem;
  16         border: 0;
  17
  18         img {
  19             border: 0;
  20             max-width: 100%;
  21             margin: 0 0 0 25px;
  22             vertical-align: middle;
  23         }
  24     }
  25
  26     #wl-form {
  27         background: #083F4D;
  28         color: white;
  29         height: 45px;
  30         position: relative;
  31     }
  32     #wl-search {
  33         position: absolute;
  34         left: .3125rem;
  35         right: 10px;
  36         top: 0;
  37     }
  38
  39     #id_qq {
  40         font-family: sans-serif;
  41         font-size: 0.8125rem;
  42
  43         outline: 0;
  44         background-color: #FFFFFF;
  45         border: medium none;
  46         border-radius: 20px;
  47         color: #000000;
  48         height: 40px;
  49         width: 100%;
  50
  51         line-height: 2.03125rem;
  52         padding: 0 0 0 .8125rem;
  53         position: relative;
  54         box-sizing: border-box;
  55         z-index: 200;
  56
  57         &::-moz-placeholder {
  58             color: #767676;
  59             font-family: sans-serif;
  60             font-style: italic;
  61         }
  62     }
  63
  64     button {
  65         background: transparent;
  66         border: none;
  67         color: #083F4D;
  68         display: inline-block;
  69         font-size: .6875rem;
  70         position: absolute;
  71         right: 10px;
  72         top: 0;
  73         bottom: 10px;
  74         width: 2rem;
  75
  76         width: 40px;
  77         height: 40px;
  78         margin: 0;
  79         padding: 0;
  80         border-radius: 20px;
  81         z-index:300;
  82
  83         img {
  84             max-width: 100%;
  85         }
  86     }
  87 }
  88
  89 .ui-menu {
  90     width: 100%;
  91     list-style-type: none;
  92     padding: 0;
  93     margin: 0;
  94
  95     li {
  96         background-color: white;
  97         &:hover{
  98             background-color: #083F4D;
  99             color:white;
 100         }
 101
 102         .ui-state-hover {
 103             background-color: #083F4D;
 104             color:white;
 105         }
 106
 107         .search-hint-label {
 108             line-height: 30px;
 109             display: inline-block;
 110             white-space: nowrap;
 111             overflow: hidden;
 112             text-overflow: ellipsis;
 113         }
 114
 115         .search-hint-category {
 116             display: none;
 117             @media screen and (min-width: 10em) {
 118                 display: block;
 119             }
 120             float: right;
 121             font-size: .9em;
 122         }
 123     }
 124
 125     a:hover {
 126         text-decoration: none;
 127     }
 128 }
 129
 130 .ui-corner-all {
 131     cursor: pointer;
 132     display:block;
 133
 134     a {
 135         text-decoration: none;
 136         color: black;
 137         padding: 0 10px;
 138     }
 139 }