X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;f=web%2Fmodules%2Fcontrib%2Fslick%2Fslick_ui%2Fcss%2Fslick.admin--vertical-tabs.css;fp=web%2Fmodules%2Fcontrib%2Fslick%2Fslick_ui%2Fcss%2Fslick.admin--vertical-tabs.css;h=0c02ecdff23739212469462e29637695ae57c8e1;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hp=0000000000000000000000000000000000000000;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad;p=yaffs-website

diff --git a/web/modules/contrib/slick/slick_ui/css/slick.admin--vertical-tabs.css b/web/modules/contrib/slick/slick_ui/css/slick.admin--vertical-tabs.css
new file mode 100644
index 000000000..0c02ecdff
--- /dev/null
+++ b/web/modules/contrib/slick/slick_ui/css/slick.admin--vertical-tabs.css
@@ -0,0 +1,79 @@
+/**
+ * @file
+ * Vertical tabs. Lets face it, VT over-specified selector is for a reason:
+ * not easily get broken. And that is not a breeze to override.
+ * And we don't want to CSS alter for a partial use case.
+ */
+.form--slick .form-type-vertical-tabs {
+  margin-bottom: 30px;
+  padding: 0;
+  width: 100%;
+}
+
+.form--slick .vertical-tabs__menu {
+  float: left;
+  margin: 0;
+  width: 100%;
+}
+
+.form--slick .vertical-tabs__panes {
+  margin: 0;
+}
+
+.form--slick .vertical-tabs__menu-item {
+  border: 0;
+  text-align: right;
+}
+
+.form--slick .vertical-tabs__menu-item a {
+  background: #f9f9f9;
+}
+
+.form--slick .vertical-tabs__menu-item.is-selected {
+  border-right: 0;
+}
+
+.form--slick .vertical-tabs__menu-item.is-selected a {
+  background: #fff;
+}
+
+.form--slick .vertical-tabs details {
+  border: 0;
+}
+
+.form--slick .vertical-tabs .vertical-tabs__panes details.vertical-tabs__pane {
+  padding: 0;
+}
+
+.form--slick .vertical-tabs__panes {
+  background: #f3f3f3;
+  background: rgba(255, 255, 255, 0.9);
+  border: 1px solid #dadada;
+  border-radius: 1px;
+  padding: 0;
+  min-height: 240px;
+}
+
+.form--slick .vertical-tabs__panes > details,
+.form--slick .vertical-tabs__panes > details:first-child {
+  border: 0;
+  margin: 0;
+  padding-top: 0 !important;
+}
+
+.form--slick .details--responsive .details--settings .form-item:first-child {
+  clear: left;
+}
+
+@media screen and (min-width: 1280px) {
+  .form--slick .vertical-tabs__menu {
+    float: left;
+    margin: 0 -100% -1px 0;
+    width: 200px;
+  }
+
+  .form--slick .vertical-tabs__panes {
+    margin: 0 0 0 200px;
+    padding: 0;
+  }
+}