Add close button styles

diff --git a/css/themes/cyborg.css b/css/themes/cyborg.css
index dc80cd21580fbf36af33902653b0ab1a3e751362..5d80614ecda48817dd5896f7eab40ce5ca63237f 100644 (file)
--- a/css/themes/cyborg.css
+++ b/css/themes/cyborg.css
@@ -1896,6 +1896,31 @@ tbody.collapse.in {
   padding: 9px;
   border-radius: 3px;
 }
   padding: 9px;
   border-radius: 3px;
 }

+.close {
+  float: right;
+  font-size: 21px;
+  font-weight: bold;
+  line-height: 1;
+  color: #000000;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+.close:hover,
+.close:focus {
+  color: #000000;
+  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;
 }
 .modal-open {
   overflow: hidden;
 }

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;
 }
   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;
 }
 .modal-open {
   overflow: hidden;
 }

diff --git a/css/themes/slate.css b/css/themes/slate.css
index ddd8dc98cb25e73ba04db5dafa976d75aa4bd19b..7e9ac71bb499f8a900e4213d71e363cff1bc3ed2 100644 (file)
--- a/css/themes/slate.css
+++ b/css/themes/slate.css
@@ -1896,6 +1896,31 @@ tbody.collapse.in {
   padding: 9px;
   border-radius: 3px;
 }
   padding: 9px;
   border-radius: 3px;
 }

+.close {
+  float: right;
+  font-size: 21px;
+  font-weight: bold;
+  line-height: 1;
+  color: #000000;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+.close:hover,
+.close:focus {
+  color: #000000;
+  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;
 }
 .modal-open {
   overflow: hidden;
 }