Version 1

[yaffs-website] / web / modules / contrib / environment_indicator / css / environment_indicator.css

diff --git a/web/modules/contrib/environment_indicator/css/environment_indicator.css b/web/modules/contrib/environment_indicator/css/environment_indicator.css
new file mode 100644 (file)
index 0000000..0f47736
--- /dev/null
+++ b/web/modules/contrib/environment_indicator/css/environment_indicator.css
@@ -0,0 +1,91 @@
+#environment-indicator {
+  text-align: center;
+  white-space: nowrap;
+  color: white;
+  text-shadow: 0 -1px 1px #333;
+  font-weight: bold;
+  z-index: 10;
+  left: 0;
+  right: 0;
+  padding: 5px;
+  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%);
+  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%);
+  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%);
+  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%);
+  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%);
+
+  background-image: -webkit-gradient(
+          linear,
+          left bottom,
+          left top,
+          color-stop(0.19, rgba(207,207,207,0.3)),
+          color-stop(0.6, rgba(250,250,250,0.3)),
+          color-stop(0.8, rgba(255,255,255,0.3))
+  );
+}
+
+#environment-indicator .description { font-size: 0.85em; }
+#environment-indicator .description::before { content: "("; }
+#environment-indicator .description::after { content: ")"; }
+
+#environment-indicator ul { overflow: hidden; margin: 0; }
+
+#environment-indicator ul.environment-switcher-container li {
+  list-style: none;
+  float: left;
+}
+
+#environment-indicator ul.environment-switcher-container li a {
+  margin: 0 3px;
+  padding: 3px 8px;
+  -moz-border-radius: 15px;
+  -webkit-border-radius: 15px;
+  border-radius: 15px;
+  font-size: 0.8em;
+  text-shadow: none;
+  border: none;
+}
+
+#environment-indicator ul.environment-switcher-container li a:hover {
+  background-color: #DDD;
+  -moz-box-shadow: inset 0 1px 5px #333;
+  -webkit-box-shadow: inset 0 1px 5px #333;
+  -o-box-shadow: inset 0 1px 5px #333;
+  box-shadow: inset 0 1px 5px #333;
+}
+
+#environment-indicator ul.environment-switcher-container {
+  display: none;
+  padding: 8px 10px 6px 10px;
+  margin-top: 1px;
+}
+
+.environment-indicator-color {
+  font-size: 1em;
+  text-align: center;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+  background-color: #EDEDE0;
+}
+
+.toolbar-bar .toolbar-icon-environment:before {
+  background-image: url("../images/env-bebebe.svg");
+}
+.no-svg .toolbar-bar .toolbar-icon-environment:before {
+  background-image: url("../images/env-bebebe.png");
+}
+.toolbar-bar .toolbar-icon-environment.is-active:before {
+  background-image: url("../images/env-ffffff.svg");
+}
+.no-svg .toolbar-bar .toolbar-icon-environment.is-active:before {
+  background-image: url("../images/env-ffffff.png");
+}
+.toolbar .toolbar-tray-vertical .edit-environments {
+  text-align: right;
+  padding: 1em;
+}
+.toolbar .toolbar-tray-horizontal .edit-environments {
+  float: right;
+}