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         li {
  61             > a {
  62                 color: #727272;
  63                 font-weight: bold;
  64                 text-shadow: none;
  65
  66                 &:hover {
  67                     color: #85CA11;
  68                 }
  69
  70                 &:focus {
  71                     color: #85CA11;
  72                 }
  73             }
  74
  75             &.dropdown {
  76                 > a {
  77                     &:hover {
  78                         .caret {
  79                             border-bottom-color: #85CA11;
  80                             border-top-color: #85CA11;
  81                         }
  82                     }
  83
  84                     &:focus {
  85                         .caret {
  86                             border-bottom-color: #85CA11;
  87                             border-top-color: #85CA11;
  88                         }
  89                     }
  90                 }
  91
  92                 &.open {
  93                     > .dropdown-toggle {
  94                         background-color: transparent;
  95                         color: #85CA11;
  96
  97                         .caret {
  98                             border-bottom-color: #85CA11;
  99                             border-top-color: #85CA11;
 100
 101                             &:hover {
 102                                 border-bottom-color: #85CA11;
 103                                 border-top-color: #85CA11;
 104                             }
 105                         }
 106                     }
 107                 }
 108             }
 109         }
 110     }
 111 }
 112
 113 .navbar-inner {
 114     background: #FCF9FC none;
 115 }
 116
 117 .navbar-fixed-bottom {
 118     &.navbar-static-bottom {
 119         position: static;
 120     }
 121
 122     .navbar-inner {
 123         box-shadow: none;
 124         min-height: $footer-height;
 125     }
 126 }
 127
 128 // Wrapper for page content to push down footer
 129 #wrap {
 130     height: auto !important;
 131     height: 100%;
 132     margin: 0 auto -#{$footer-height + 1};
 133     // Negative indent footer by its height
 134     min-height: 100%;
 135     padding-left: 40px;
 136     padding-right: 40px;
 137 }
 138
 139 #changelanguage {
 140     clear: both;
 141     // Set the fixed height of the footer here
 142     min-height: $footer-height;
 143
 144     .nav {
 145         > .active {
 146             > p {
 147                 padding: 0 15px;
 148             }
 149         }
 150     }
 151 }
 152
 153 #i18nMenu {
 154     margin-left: 1em;
 155
 156     li {
 157         font-size: 85%;
 158
 159         li {
 160             font-size: 100%;
 161
 162             > a {
 163                 font-size: 100%;
 164             }
 165
 166             &:hover {
 167                 color: #FFF;
 168             }
 169         }
 170
 171         a {
 172             color: $links;
 173         }
 174     }
 175
 176     .dropdown-menu {
 177         li {
 178             p {
 179                 clear: both;
 180                 display: block;
 181                 font-weight: normal;
 182                 line-height: 20px;
 183                 padding: 3px 20px;
 184                 white-space: nowrap;
 185             }
 186         }
 187     }
 188 }
 189
 190 #koha_url {
 191     p {
 192         color: #666666;
 193         float: right;
 194         margin: 0;
 195     }
 196 }