From afab584f13c4dc820b6be01c3df8ebd924d7a375 Mon Sep 17 00:00:00 2001
From: Chris Weber <cweber@nerdery.com>
Date: Mon, 10 Oct 2011 10:01:19 -0500
Subject: [PATCH] Issue #1216978: Refactor Contextual Links CSS

---
 modules/contextual/contextual.css       |   99 -------------------------------
 modules/contextual/contextual.module    |    2 +-
 modules/contextual/contextual.theme.css |   84 ++++++++++++++++++++++++++
 3 files changed, 85 insertions(+), 100 deletions(-)
 delete mode 100644 modules/contextual/contextual.css
 create mode 100644 modules/contextual/contextual.theme.css

diff --git a/modules/contextual/contextual.css b/modules/contextual/contextual.css
deleted file mode 100644
index fd71514..0000000
--- a/modules/contextual/contextual.css
+++ /dev/null
@@ -1,99 +0,0 @@
-
-/**
- * Contextual links regions.
- */
-.contextual-links-region {
-  outline: none;
-  position: relative;
-}
-.contextual-links-region-active {
-  outline: #999 dashed 1px;
-}
-
-/**
- * Contextual links.
- */
-div.contextual-links-wrapper {
-  display: none;
-  font-size: 90%;
-  position: absolute;
-  right: 5px; /* LTR */
-  top: 2px;
-  z-index: 999;
-}
-html.js div.contextual-links-wrapper {
-  display: block;
-}
-a.contextual-links-trigger {
-  background: transparent url(images/gear-select.png) no-repeat 2px 0;
-  border: 1px solid transparent;
-  display: none;
-  height: 18px;
-  margin: 0;
-  padding: 0 2px;
-  outline: none;
-  text-indent: 34px; /* LTR */
-  width: 28px;
-  overflow: hidden;
-  -khtml-border-radius: 4px;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-}
-a.contextual-links-trigger:hover,
-div.contextual-links-active a.contextual-links-trigger {
-  background-position: 2px -18px;
-}
-div.contextual-links-active a.contextual-links-trigger {
-  background-color: #fff;
-  border-color: #ccc;
-  border-bottom: none;
-  position: relative;
-  z-index: 1;
-  -moz-border-radius: 4px 4px 0 0;
-  -webkit-border-bottom-left-radius: 0;
-  -webkit-border-bottom-right-radius: 0;
-  border-radius: 4px 4px 0 0;
-}
-div.contextual-links-wrapper ul.contextual-links {
-  background-color: #fff;
-  border: 1px solid #ccc;
-  display: none;
-  margin: 0;
-  padding: 0.25em 0;
-  position: absolute;
-  right: 0;
-  text-align: left;
-  top: 18px;
-  white-space: nowrap;
-  -moz-border-radius: 4px 0 4px 4px; /* LTR */
-  -webkit-border-bottom-left-radius: 4px;
-  -webkit-border-bottom-right-radius: 4px;
-  -webkit-border-top-right-radius: 0; /* LTR */
-  -webkit-border-top-left-radius: 4px; /* LTR */
-  border-radius: 4px 0 4px 4px; /* LTR */
-}
-.contextual-links-region:hover a.contextual-links-trigger,
-div.contextual-links-active a.contextual-links-trigger,
-div.contextual-links-active ul.contextual-links {
-  display: block;
-}
-ul.contextual-links li {
-  line-height: 100%;
-  list-style: none;
-  list-style-image: none;
-  margin: 0;
-  padding: 0;
-}
-div.contextual-links-wrapper a {
-  text-decoration: none;
-}
-ul.contextual-links li a {
-  color: #333 !important;
-  display: block;
-  margin: 0.25em 0;
-  padding: 0.25em 1em 0.25em 0.5em;
-}
-ul.contextual-links li a:hover {
-  background-color: #bfdcee;
-}
diff --git a/modules/contextual/contextual.module b/modules/contextual/contextual.module
index e3c0f8b..8a780bd 100644
--- a/modules/contextual/contextual.module
+++ b/modules/contextual/contextual.module
@@ -48,7 +48,7 @@ function contextual_library_info() {
       $path . '/contextual.js' => array(),
     ),
     'css' => array(
-      $path . '/contextual.css' => array(),
+      $path . '/contextual.theme.css' => array(),
     ),
   );
   return $libraries;
diff --git a/modules/contextual/contextual.theme.css b/modules/contextual/contextual.theme.css
new file mode 100644
index 0000000..3d3c73c
--- /dev/null
+++ b/modules/contextual/contextual.theme.css
@@ -0,0 +1,84 @@
+
+/**
+ * Contextual links regions.
+ */
+.contextual-links-region {
+  outline: none;
+  position: relative;
+}
+.contextual-links-region-active {
+  outline: #999 dashed 1px;
+}
+
+/**
+ * Contextual links.
+ */
+.contextual-links-wrapper {
+  display: none;
+  font-size: 90%;
+  position: absolute;
+  right: 5px; /* LTR */
+  top: 2px;
+  z-index: 999;
+}
+html.js .contextual-links-wrapper {
+  display: block;
+}
+.contextual-links-trigger {
+  background: transparent url(images/gear-select.png) no-repeat 2px 0;
+  border: 1px solid transparent;
+  display: none;
+  height: 18px;
+  padding: 0 2px;
+  outline: none;
+  text-indent: 34px; /* LTR */
+  width: 28px;
+  overflow: hidden;
+  border-radius: 4px;
+}
+.contextual-links-trigger:hover,
+.contextual-links-active .contextual-links-trigger {
+  background-position: 2px -18px;
+}
+.contextual-links-active .contextual-links-trigger {
+  background-color: #fff;
+  border-color: #ccc;
+  border-bottom: none;
+  position: relative;
+  z-index: 1; 
+  border-radius: 4px 4px 0 0;
+}
+.contextual-links-wrapper .contextual-links {
+  background-color: #fff;
+  border: 1px solid #ccc;
+  display: none;
+  margin: 0;
+  padding: 0.25em 0;
+  position: absolute;
+  right: 0;
+  text-align: left;
+  top: 18px;
+  white-space: nowrap;  
+  border-radius: 4px 0 4px 4px; /* LTR */
+}
+.contextual-links-wrapper a {
+  text-decoration: none;
+}
+.contextual-links-region:hover .contextual-links-trigger,
+.contextual-links-active .contextual-links-trigger,
+.contextual-links-active .contextual-links {
+  display: block;
+}
+.contextual-links li {
+  list-style: none;
+  list-style-image: none;
+}
+.contextual-links li a {
+  color: #333 !important;
+  display: block;
+  margin: 0.25em 0;
+  padding: 0.25em 1em 0.25em 0.5em;
+}
+.contextual-links li a:hover {
+  background-color: #bfdcee;
+}
-- 
1.7.2.5