jQuery UI integration: TableTools styling

11 years ago · 5f255273de
parent dd06614889
commit 5f255273de
2 changed files with 182 additions and 0 deletions
--- a/integration/jqueryui/dataTables.jqueryui.css
+++ b/integration/jqueryui/dataTables.jqueryui.css
@ -314,3 +314,88 @@ table.dataTable td {
  clear: both;
  height: 0;
 }
+
+/*
+ * TableTools styling for jQuery UI
+ */
+div.DTTT_container {
+  position: relative;
+  float: left;
+}
+
+.DTTT_button {
+  position: relative;
+  float: left;
+  margin-right: 3px;
+  padding: 3px 10px;
+  border: 1px solid #d0d0d0;
+  background-color: #fff;
+  color: #333 !important;
+  cursor: pointer;
+}
+
+.DTTT_button::-moz-focus-inner {
+  border: none !important;
+  padding: 0;
+}
+
+.DTTT_disabled {
+  color: #999 !important;
+}
+
+table.DTTT_selectable tbody tr {
+  cursor: pointer;
+}
+
+div.DTTT_collection {
+  width: 150px;
+  background-color: #f3f3f3;
+  overflow: hidden;
+  z-index: 2002;
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
+div.DTTT_collection button.DTTT_button,
+div.DTTT_collection div.DTTT_button,
+div.DTTT_collection a.DTTT_button {
+  float: none;
+  width: 100%;
+  margin-bottom: -0.1em;
+}
+
+div.DTTT_collection_background {
+  background: url(../images/background.png) repeat top left;
+  z-index: 2001;
+}
+
+.DTTT_print_info {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 400px;
+  height: 150px;
+  margin-left: -200px;
+  margin-top: -75px;
+  text-align: center;
+  background-color: #3f3f3f;
+  color: white;
+  padding: 10px 30px;
+  opacity: 0.9;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
+.DTTT_print_info .DTTT_print_info h6 {
+  font-weight: normal;
+  font-size: 28px;
+  line-height: 28px;
+  margin: 1em;
+}
+.DTTT_print_info .DTTT_print_info p {
+  font-size: 14px;
+  line-height: 20px;
+}
--- a/integration/jqueryui/dataTables.jqueryui.scss
+++ b/integration/jqueryui/dataTables.jqueryui.scss
@ -406,3 +406,100 @@ table.dataTable td {
 }


+
+
+
+/*
+ * TableTools styling for jQuery UI
+ */
+div.DTTT_container {
+  position: relative;
+  float: left;
+}
+
+.DTTT_button {
+  position: relative;
+  float: left;
+  margin-right: 3px;
+  padding: 3px 10px;
+  border: 1px solid #d0d0d0;
+  background-color: #fff;
+  color: #333 !important;
+  cursor: pointer;
+}
+
+.DTTT_button::-moz-focus-inner { 
+  border: none !important;
+  padding: 0;
+}
+
+.DTTT_disabled {
+  color: #999 !important;
+}
+
+table.DTTT_selectable tbody tr {
+  cursor: pointer;
+}
+
+div.DTTT_collection {
+  width: 150px;
+  background-color: #f3f3f3;
+  overflow: hidden;
+  z-index: 2002;
+  
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+
+  button.DTTT_button,
+  div.DTTT_button,
+  a.DTTT_button {
+    float: none;
+    width: 100%;
+    margin-bottom: -0.1em;
+  }
+}
+
+div.DTTT_collection_background {
+  background: url(../images/background.png) repeat top left;
+  z-index: 2001;
+}
+
+.DTTT_print_info {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 400px;
+  height: 150px;
+  margin-left: -200px;
+  margin-top: -75px;
+  text-align: center;
+  background-color: #3f3f3f;
+  color: white;
+  padding: 10px 30px;
+  
+  opacity: 0.9;
+  
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  
+  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+
+  .DTTT_print_info {
+    h6 {
+      font-weight: normal;
+      font-size: 28px;
+      line-height: 28px;
+      margin: 1em;
+    }
+
+    p {
+      font-size: 14px;
+      line-height: 20px;
+    }
+  }
+}
+