Add close button styles

[gruntmaster-page.git] / css / themes / readable.css

diff --git a/css/themes/readable.css b/css/themes/readable.css
index 2de3950999b374400bed1a78a8a87fb43b437bb3..14c47d663a99018657b8c9ecd9f58b6f9a06dc85 100644 (file)
--- a/css/themes/readable.css
+++ b/css/themes/readable.css
@@ -1896,6 +1896,31 @@ tbody.collapse.in {
   padding: 9px;
   border-radius: 3px;
 }
+.close {
+  float: right;
+  font-size: 24px;
+  font-weight: bold;
+  line-height: 1;
+  color: #ffffff;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+.close:hover,
+.close:focus {
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
 .modal-open {
   overflow: hidden;
 }