www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/environment_indicator/css/environment_indicator.css

   1 #environment-indicator {
   2   text-align: center;
   3   white-space: nowrap;
   4   color: white;
   5   text-shadow: 0 -1px 1px #333;
   6   font-weight: bold;
   7   z-index: 10;
   8   left: 0;
   9   right: 0;
  10   padding: 5px;
  11   background-image: linear-gradient(bottom, rgba(207,207,207,0.3) 19%, rgba(250,250,250,0.3) 60%, rgba(255,255,255,0.3) 80%);
  12   background-image: -o-linear-gradient(bottom, rgba(207,207,207,0.3) 19%, rgba(250,250,250,0.3) 60%, rgba(255,255,255,0.3) 80%);
  13   background-image: -moz-linear-gradient(bottom, rgba(207,207,207,0.3) 19%, rgba(250,250,250,0.3) 60%, rgba(255,255,255,0.3) 80%);
  14   background-image: -webkit-linear-gradient(bottom, rgba(207,207,207,0.3) 19%, rgba(250,250,250,0.3) 60%, rgba(255,255,255,0.3) 80%);
  15   background-image: -ms-linear-gradient(bottom, rgba(207,207,207,0.3) 19%, rgba(250,250,250,0.3) 60%, rgba(255,255,255,0.3) 80%);
  16
  17   background-image: -webkit-gradient(
  18           linear,
  19           left bottom,
  20           left top,
  21           color-stop(0.19, rgba(207,207,207,0.3)),
  22           color-stop(0.6, rgba(250,250,250,0.3)),
  23           color-stop(0.8, rgba(255,255,255,0.3))
  24   );
  25 }
  26
  27 #environment-indicator .description { font-size: 0.85em; }
  28 #environment-indicator .description::before { content: "("; }
  29 #environment-indicator .description::after { content: ")"; }
  30
  31 #environment-indicator ul { overflow: hidden; margin: 0; }
  32
  33 #environment-indicator ul.environment-switcher-container li {
  34   list-style: none;
  35   float: left;
  36 }
  37
  38 #environment-indicator ul.environment-switcher-container li a {
  39   margin: 0 3px;
  40   padding: 3px 8px;
  41   -moz-border-radius: 15px;
  42   -webkit-border-radius: 15px;
  43   border-radius: 15px;
  44   font-size: 0.8em;
  45   text-shadow: none;
  46   border: none;
  47 }
  48
  49 #environment-indicator ul.environment-switcher-container li a:hover {
  50   background-color: #DDD;
  51   -moz-box-shadow: inset 0 1px 5px #333;
  52   -webkit-box-shadow: inset 0 1px 5px #333;
  53   -o-box-shadow: inset 0 1px 5px #333;
  54   box-shadow: inset 0 1px 5px #333;
  55 }
  56
  57 #environment-indicator ul.environment-switcher-container {
  58   display: none;
  59   padding: 8px 10px 6px 10px;
  60   margin-top: 1px;
  61 }
  62
  63 .environment-indicator-color {
  64   font-size: 1em;
  65   text-align: center;
  66   -webkit-border-radius: 5px;
  67   -moz-border-radius: 5px;
  68   -o-border-radius: 5px;
  69   border-radius: 5px;
  70   background-color: #EDEDE0;
  71 }
  72
  73 .toolbar-bar .toolbar-icon-environment:before {
  74   background-image: url("../images/env-bebebe.svg");
  75 }
  76 .no-svg .toolbar-bar .toolbar-icon-environment:before {
  77   background-image: url("../images/env-bebebe.png");
  78 }
  79 .toolbar-bar .toolbar-icon-environment.is-active:before {
  80   background-image: url("../images/env-ffffff.svg");
  81 }
  82 .no-svg .toolbar-bar .toolbar-icon-environment.is-active:before {
  83   background-image: url("../images/env-ffffff.png");
  84 }
  85 .toolbar .toolbar-tray-vertical .edit-environments {
  86   text-align: right;
  87   padding: 1em;
  88 }
  89 .toolbar .toolbar-tray-horizontal .edit-environments {
  90   float: right;
  91 }