koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss

   1 // Sticky footer styles
   2 html,
   3 body {
   4     height: 100%;
   5     // The html and body elements cannot have any padding or margin.
   6 }
   7
   8 body {
   9     background: #FCF9FC none;
  10     font-family: sans-serif;
  11     font-size: 16px;
  12 }
  13
  14 .fonts-loaded {
  15     body {
  16         font-family: "NotoSans";
  17     }
  18 }
  19
  20 .navbar {
  21     .divider-vertical {
  22         border-left-color: #FCF9FC;
  23         border-right-color: #FCF9FC;
  24     }
  25
  26     .nav {
  27         li {
  28             &.dropdown {
  29                 > a {
  30                     &:focus {
  31                         .caret {
  32                             border-bottom-color: #85CA11;
  33                             border-top-color: #85CA11;
  34                         }
  35                     }
  36
  37                     &:hover {
  38                         .caret {
  39                             border-bottom-color: #85CA11;
  40                             border-top-color: #85CA11;
  41                         }
  42                     }
  43                 }
  44             }
  45         }
  46     }
  47 }
  48
  49 .navbar-inverse {
  50     .brand {
  51         color: #9FE1FF;
  52         font-weight: bold;
  53     }
  54
  55     .navbar-inner {
  56         background: #FCF9FC none;
  57         border-color: #FCF9FC;
  58         box-shadow: none;
  59
  60         ul {
  61             &.dropdown-menu {
  62                 a {
  63                     &:hover {
  64                         color: #FFF;
  65                     }
  66                 }
  67             }
  68         }
  69
  70         li {
  71             > a {
  72                 color: #727272;
  73                 font-weight: bold;
  74                 text-shadow: none;
  75
  76                 &:hover {
  77                     color: #85CA11;
  78                 }
  79
  80                 &:focus {
  81                     color: #85CA11;
  82                 }
  83             }
  84
  85             &.dropdown {
  86                 > a {
  87                     &:hover {
  88                         .caret {
  89                             border-bottom-color: #85CA11;
  90                             border-top-color: #85CA11;
  91                         }
  92                     }
  93
  94                     &:focus {
  95                         .caret {
  96                             border-bottom-color: #85CA11;
  97                             border-top-color: #85CA11;
  98                         }
  99                     }
 100                 }
 101
 102                 &.open {
 103                     > .dropdown-toggle {
 104                         background-color: transparent;
 105                         color: #85CA11;
 106
 107                         .caret {
 108                             border-bottom-color: #85CA11;
 109                             border-top-color: #85CA11;
 110
 111                             &:hover {
 112                                 border-bottom-color: #85CA11;
 113                                 border-top-color: #85CA11;
 114                             }
 115                         }
 116                     }
 117                 }
 118             }
 119         }
 120     }
 121 }
 122
 123 .navbar-inner {
 124     background: #FCF9FC none;
 125 }
 126
 127 .navbar-fixed-bottom {
 128     &.navbar-static-bottom {
 129         position: static;
 130     }
 131
 132     .navbar-inner {
 133         box-shadow: none;
 134         min-height: $footer-height;
 135     }
 136 }
 137
 138 // Wrapper for page content to push down footer
 139 #wrap {
 140     height: auto !important;
 141     height: 100%;
 142     margin: 0 auto -#{$footer-height + 1};
 143     // Negative indent footer by its height
 144     min-height: 100%;
 145     padding-left: 40px;
 146     padding-right: 40px;
 147 }
 148
 149 #changelanguage {
 150     clear: both;
 151     // Set the fixed height of the footer here
 152     min-height: $footer-height;
 153
 154     .nav {
 155         > .active {
 156             > p {
 157                 padding: 0 15px;
 158             }
 159         }
 160     }
 161 }
 162
 163 #i18nMenu {
 164     margin-left: 1em;
 165
 166     li {
 167         font-size: 85%;
 168
 169         a {
 170             &:hover {
 171                 color: #85CA11;
 172             }
 173         }
 174
 175         li {
 176             font-size: 100%;
 177
 178             > a {
 179                 font-size: 100%;
 180
 181                 &:hover {
 182                     color: #FFF;
 183                 }
 184             }
 185
 186         }
 187
 188         a {
 189             color: $links;
 190         }
 191     }
 192
 193     .dropdown-menu {
 194         li {
 195             p {
 196                 clear: both;
 197                 display: block;
 198                 font-weight: normal;
 199                 line-height: 20px;
 200                 padding: 3px 20px;
 201                 white-space: nowrap;
 202             }
 203         }
 204     }
 205 }
 206
 207 #koha_url {
 208     p {
 209         color: #666666;
 210         float: right;
 211         margin: 0;
 212     }
 213 }