Add close button styles

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

diff --git a/css/themes/readable.css b/css/themes/readable.css
index 5a03b6ba036a25de494b685942a946fda41a48fe..14c47d663a99018657b8c9ecd9f58b6f9a06dc85 100644 (file)
--- a/css/themes/readable.css
+++ b/css/themes/readable.css
@@ -1,4 +1,3 @@
-@import url("//fonts.googleapis.com/css?family=Raleway:400,700");
 /*!
  * bootswatch v3.3.2
  * Homepage: http://bootswatch.com
@@ -281,7 +280,7 @@ html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 body {
-  font-family: serif;
+  font-family: "DejaVu Serif", Georgia, serif;
   font-size: 16px;
   line-height: 1.42857143;
   color: #333333;
@@ -1897,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;
 }