web/htdocs/themes/classic/scss/_login.scss

   1 /*
   2 +------------------------------------------------------------------+
   3 |             ____ _               _        __  __ _  __           |
   4 |            / ___| |__   ___  ___| | __   |  \/  | |/ /           |
   5 |           | |   | '_ \ / _ \/ __| |/ /   | |\/| | ' /            |
   6 |           | |___| | | |  __/ (__|   <    | |  | | . \            |
   7 |            \____|_| |_|\___|\___|_|\_\___|_|  |_|_|\_\           |
   8 |                                                                  |
   9 | Copyright Mathias Kettner 2012             mk@mathias-kettner.de |
  10 +------------------------------------------------------------------+
  11
  12 This file is part of Check_MK.
  13 The official homepage is at http://mathias-kettner.de/check_mk.
  14
  15 check_mk is free software;  you can redistribute it and/or modify it
  16 under the  terms of the  GNU General Public License  as published by
  17 the Free Software Foundation in version 2.  check_mk is  distributed
  18 in the hope that it will be useful, but WITHOUT ANY WARRANTY;  with-
  19 out even the implied warranty of  MERCHANTABILITY  or  FITNESS FOR A
  20 PARTICULAR PURPOSE. See the  GNU General Public License for more de-
  21 ails.  You should have  received  a copy of the  GNU  General Public
  22 License along with GNU Make; see the file  COPYING.  If  not,  write
  23 to the Free Software Foundation, Inc., 51 Franklin St,  Fifth Floor,
  24 Boston, MA 02110-1301 USA.
  25
  26 */
  27
  28 /*-------------------------------------------------------------------------.
  29 |                      _                _                                  |
  30 |                     | |    ___   __ _(_)_ __                             |
  31 |                     | |   / _ \ / _` | | '_ \                            |
  32 |                     | |__| (_) | (_| | | | | |                           |
  33 |                     |_____\___/ \__, |_|_| |_|                           |
  34 |                                 |___/                                    |
  35 +--------------------------------------------------------------------------+
  36 | Styling of the login page (when not HTTP Basic Auth is used)             |
  37 '-------------------------------------------------------------------------*/
  38
  39 body.login {
  40     background-image: none;
  41     background-color: #285069;
  42     text-align: center;
  43     vertical-align: middle;
  44 }
  45
  46 body.login.screenshotmode div#login {
  47     background-image: url("");
  48 }
  49
  50 body.login {
  51     div#login {
  52         width: 770px;
  53         height: 605px;
  54         position: absolute;
  55         top:0;
  56         bottom: 0;
  57         left: 0;
  58         right: 0;
  59         margin: auto;
  60     }
  61
  62     #login_window {
  63         background-image: url("images/login_window.png");
  64         width: 370px;
  65         height: 230px;
  66         left: 10px;
  67         top: 187px;
  68         position: relative;
  69         margin: -30px auto 10px auto;
  70     }
  71
  72     label {
  73         color: white;
  74     }
  75
  76     #version {
  77         position: absolute;
  78         text-align: right;
  79         width: 150px;
  80         top: 15px;
  81         right: 20px;
  82         color: white;
  83         font-size: 8pt;
  84     }
  85
  86     #label_user, #label_pass {
  87         left: 55px;
  88     }
  89
  90     #input_user, #input_pass {
  91         left: 121px;
  92     }
  93
  94     #label_user {
  95         position: absolute;
  96         top: 115px;
  97     }
  98     #input_user {
  99         position: absolute;
 100         top: 110px;
 101     }
 102
 103     #label_pass {
 104         position: absolute;
 105         top: 155px;
 106     }
 107     #input_pass {
 108         position: absolute;
 109         top: 150px;
 110     }
 111
 112     #input_user, #input_pass {
 113         width: 150px;
 114         height: 17px;
 115         border: none;
 116         border-radius: 0px;
 117         outline: none;
 118         padding: 3px 5px 3px 5px;
 119         background-image: url("images/login_input_normal.png");
 120         background-repeat: no-repeat;
 121         box-shadow: none;
 122     }
 123
 124     .inputerror #input_user, .inputerror #input_pass {
 125         background-image: url("images/login_input_error.png");
 126         background-repeat: no-repeat;
 127     }
 128
 129     #_login {
 130         position: absolute;
 131         bottom: 15px;
 132         right: 15px;
 133     }
 134
 135     #login_error {
 136         position: absolute;
 137         bottom: 15px;
 138         left: 105px;
 139         width: 180px;
 140         height: 30px;
 141         z-index: 100;
 142         background-image: url("images/login_error_message.png");
 143         background-repeat: no-repeat;
 144         border: none;
 145         margin: 0px;
 146         padding: 0px;
 147     }
 148
 149     #login_error div.error {
 150         border-style: none;
 151         background-color: transparent;
 152         margin: 0px;
 153         padding: 8px 0px 0px 0px;
 154         color: black;
 155         border-radius: 0;
 156         box-shadow: 0 0 0;
 157     }
 158
 159     #foot {
 160         text-align: center;
 161         width: 350px;
 162         color: white;
 163         font-size: 8pt;
 164
 165         position: relative;
 166         left: 10px;
 167         top: 187px;
 168         margin: 0 auto 10px auto;
 169     }
 170
 171
 172     #foot a, #foot a:hover {
 173         color: white;
 174     }
 175 }