koha-dev.rot13.org Git - srvgit/blob - koha-tmpl/intranet-tmpl/prog/css/src/_header.scss

   1 #header {
   2     .navbar-nav > li > a {
   3         overflow: hidden;
   4         color: #FFFFFF;
   5
   6         &:hover, &:active {
   7             border-bottom: 1px 5px #FFFFFF;
   8         }
   9     }
  10
  11     .dropdown-menu {
  12         background-color: rgb(53, 44, 46);
  13
  14         li a {
  15             color: #FFFFFF;
  16             &:hover, &:focus {
  17                 background-color: transparent;
  18                 text-decoration: underline;
  19             }
  20         }
  21     }
  22
  23 }
  24
  25 #logo {
  26     display: flex;
  27     align-items: center;
  28
  29     img {
  30         height: 80%;
  31     }
  32 }
  33
  34 #toplevelmenu {
  35     background-color: transparent;
  36     box-shadow: none;
  37     position: relative;
  38     left: 0;
  39     top: 0;
  40 }
  41
  42 #header_search {
  43     background-color: #418940;
  44     border-radius: 0;
  45     border: 1px solid #418940;
  46     display: flex;
  47     padding: 0 .8em;
  48
  49     .residentsearch {
  50         padding: 0;
  51         border: 0;
  52         background-color: transparent;
  53         display: none;
  54
  55         &:first-of-type {
  56             display: block;
  57         }
  58     }
  59
  60     > ul {
  61         padding: 0 .8em 0 0;
  62         margin: 0;
  63         order: -1;
  64         border-radius: 0 16px 16px 0;
  65         display: flex;
  66         justify-content: space-around;
  67         align-items: center;
  68         color: white;
  69         background-color: #418940;
  70         z-index: 2;
  71
  72         li {
  73             background: transparent;
  74             border: 0;
  75             border-radius: 0;
  76
  77             border: 0;
  78             border-bottom-width: 0;
  79             padding-bottom: 0;
  80             margin: 0;
  81
  82             a {
  83                 color: #FFF;
  84                 font-size: .9em;
  85                 padding: 0 .25em;
  86                 margin: 0 .25em;
  87                 border: 2px solid transparent;
  88             }
  89         }
  90     }
  91     .ui-state-hover, .ui-state-active {
  92         a {
  93             border-bottom: 2px solid #FFFFFF;
  94         }
  95     }
  96
  97     form {
  98         display: flex;
  99         position: relative;
 100     }
 101
 102     .form-content {
 103         background-color: white;
 104         margin-left: -16px;
 105         padding-left: 16px;
 106         border-radius: 0 16px 16px 0;
 107         white-space: nowrap;
 108         z-index: 1;
 109         display: flex;
 110
 111         input[type="text"] {
 112             border: 0;
 113             box-shadow: unset;
 114             background-color: transparent;
 115         }
 116
 117         select {
 118             margin: 0;
 119             background-color: transparent;
 120             border: 0;
 121             box-shadow: unset;
 122             max-width: 15em;
 123         }
 124     }
 125
 126     .form-extra-content {
 127         left: -16px;
 128         right: 60px;
 129         position: absolute;
 130         top: 31px;
 131         background-color: #f3f4f4;
 132         background-color: white;
 133         padding: 1em;
 134         border-radius: 0 0 8px 8px;
 135         border: 1px solid #418940;
 136         border-top: 0;
 137         box-shadow: 0 2px 2px 1px #00000030;
 138         z-index: 1;
 139         display: none;
 140
 141         .form-control {
 142             display: block;
 143             width: 100%;
 144         }
 145     }
 146
 147     .form-extra-content-toggle {
 148         opacity: .5;
 149
 150         &:hover {
 151             opacity: 1;
 152         }
 153     }
 154
 155     input[type="submit"], button[type="submit"] {
 156         height: 31px;
 157         background-color: #71B443;
 158         color: white;
 159         border: 0;
 160         text-shadow: unset;
 161         border-radius: 0 16px 16px 0;
 162         margin-left: -16px;
 163         padding-left: calc(16px + .5em);
 164     }
 165
 166     input[type="button"], button {
 167         height: 31px;
 168         border: 0;
 169         text-shadow: unset;
 170
 171         &:active {
 172             box-shadow: unset;
 173         }
 174     }
 175 }
 176
 177 #logged-in-menu {
 178     &:hover, &:active, &:focus {
 179         text-decoration: none;
 180     }
 181 }
 182
 183 #lastborrower-window {
 184     display: none;
 185     background-image: linear-gradient(to left, #418940, #71B443);
 186     box-shadow: 1px 1px 1px 0 #999;
 187     color: #FFFFFF;
 188     padding: .2em;
 189     border-radius: 5px 5px 5px 5px;
 190
 191     > * {
 192         padding: 0 .4em;
 193     }
 194 }
 195
 196 #lastborrower-remove {
 197     cursor: pointer;
 198     border-left: 1px solid #fff;
 199 }
 200
 201 #lastborrowerlink {
 202     color: #FFFFFF;
 203 }