web/htdocs/themes/facelift/scss/_pages.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 /* Styles used in all Multisite pages, for example in the
  29    status GUI, in WATO pages and in "Add snapin". These
  30    styles are not used in the sidebar and in Mobile. */
  31
  32
  33 .tagify, .tagify[readonly] {
  34   border: none;
  35
  36   tag {
  37     margin: 0 0 0 5px;
  38
  39     > div {
  40       color: #fff;
  41     }
  42
  43     x {
  44       font-size: 11px;
  45     }
  46
  47     &:hover:not([readonly]) div::before {
  48       opacity: 0.5;
  49       box-shadow: none;
  50     }
  51
  52     > div::before {
  53       background: #00a8b5;
  54       box-shadow: none;
  55     }
  56
  57     &.explicit > div::before {
  58       background: #774898;
  59     }
  60
  61     &.ruleset > div::before {
  62       background: #de4383;
  63     }
  64
  65     &.discovered > div::before {
  66       background: #f3ae4b;
  67     }
  68   }
  69
  70   &:hover {
  71     border-color: none;
  72   }
  73
  74   a tag {
  75     cursor: pointer;
  76   }
  77 }