First Comit

Taking that most important step - public release :)
anandau · Apr 19, 2017 · 090c499 · 090c499
1 parent 4cf8aae
commit 090c499
Show file tree

Hide file tree

Showing 23 changed files with 2,417 additions and 0 deletions.
diff --git a/README.MD b/README.MD
@@ -0,0 +1,36 @@
+# Tables For Elementor
+
+
+**Contributors:** [WPDevHQ](https://wpdevhq.com)   
+**Tags:** elementor, pagebuilder, page builder, page builder table, page builder tables, WordPress tables, table builder, builder tables   
+**Requires at least:** 4.4  
+**Tested up to:** 4.7.3  
+**Stable tag:** 1.0.0  
+**License:** GPLv3  
+**License URI:** https://www.gnu.org/licenses/gpl-3.0.html   
+
+Adds a tables creation module to the [Elementor Pagebuilder](https://github.com/pojome/elementor) : Only a basic 2 column table format is available right now - more in the future!
+
+## Description ##
+Tables For Elementor is an addon companion for the most advanced frontend drag & drop page builder - Elementor. Create Feature rich tables and customize them right inside the page builder.
+
+## Installation ##
+* These instructions assumes you already have a WordPress site and the Elementor plugin installed and activated. Also, it is assumed that you already have at least one of the supported froms plugin installed and activated.
+
+1. Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the `wp-content/plugins/` directory of your WordPress installation.
+2. Activate the plugin through the 'Plugins' menu in WordPress.
+3. Go to Pages > Add New
+4. While in the Elementor Editor, drag and drop the Contact Form 7 widget to the location of your choice - if you have not created any forms then only the default form will be available for styling!
+4. Configure as desired and save.
+5. Done! Enjoy :)
+
+## Frequently Asked Questions ##
+
+**Non Yet!**
+
+## Changelog ##
+
+### 1.0.0 ###
+* Initial release.
+
+Copyright: WPDevHQ https://wpdevhq.com
diff --git a/assets/css/editor.css b/assets/css/editor.css
@@ -0,0 +1,108 @@
+.table {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 auto;
+  padding: 2rem 0rem 0rem 0rem;
+  max-width: 1100px;
+}
+
+.table-cell {
+  box-sizing: border-box;
+  flex-grow: 1;
+  width: 100%;
+  padding: 0.8em 1.2em;
+  overflow: hidden;
+  list-style-type: none;
+  outline: 1px solid #ddd;
+  text-align: center;
+  font-weight: 300;
+  margin-top: 1px;
+  margin-left: 1px;
+}
+.table-cell:first-child {
+  outline: 1px solid #fff;
+  background: transparent;
+}
+@media only screen and (max-width: 768px) {
+  .table-cell:first-child {
+    display: none;
+  }
+}
+.table-cell:nth-child(3) {
+  outline: 1px solid #30305b;
+}
+.table-cell:nth-child(-n+3) {
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+.table-cell > h3 {
+  font-size: 26px;
+  margin-top: 0;
+  margin-bottom: 3rem;
+}
+
+.table-cell.cell-feature {
+  text-align: left;
+  font-size: 18px; 
+}
+.table-cell.features a.btn:hover {
+  background-color: #85bafc;
+  border-color: #85bafc;
+  color: #30305b;
+}
+.table-cell.plattform {
+  color: limegreen;
+}
+.table-cell.plattform a.btn {
+  color: limegreen;
+}
+.table-cell.plattform a.btn:hover {
+  background-color: limegreen;
+  border-color: limegreen;
+  color: white;
+}
+.table-cell.enterprise {
+  background-color: #30305b;
+  color: #85bafc;
+}
+.table-cell.enterprise a.btn {
+  color: #85bafc;
+}
+.table-cell.enterprise a.btn:hover {
+  background-color: #85bafc;
+  border-color: #85bafc;
+  color: #30305b;
+}
+
+/* Table columns
+================================== */
+.table-cell {
+  width: calc(33.33% - 1px);
+}
+@media only screen and (max-width: 768px) {
+  .table-cell.cell-feature {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+svg.enterprise-check path {
+  fill: #30305b !important;
+}
+
+a.btn {
+  border: 2px solid;
+  padding: .6rem .9rem .6rem .9rem;
+  font-weight: 400;
+  text-transform: uppercase;
+  text-decoration: none;
+  -webkit-transition: 0.2s ease-in-out;
+  -moz-transition: 0.2s ease-in-out;
+  -ms-transition: 0.2s ease-in-out;
+  -o-transition: 0.2s ease-in-out;
+  transition: 0.2s ease-in-out;
+  -webkit-border-radius: 0.3rem;
+  -moz-border-radius: 0.3rem;
+  -ms-border-radius: 0.3rem;
+  border-radius: 0.3rem;
+}
diff --git a/assets/css/editor.min.css b/assets/css/editor.min.css
@@ -0,0 +1,193 @@
+/*! elementor-show - v1.0.0 - 25-02-2017 */
+@media screen and (min-width: 750px) {
+	.modal {
+	  text-align: center;
+	  padding: 0 !important;
+	}
+
+	.modal:before {
+	  content: '';
+	  display: inline-block;
+	  height: 100%;
+	  vertical-align: middle;
+	  margin-right: -4px;
+	}
+
+	.modal-dialog {
+	  display: inline-block;
+	  vertical-align: middle;
+	}
+
+	.model-body {
+	  overflow-y: scroll !important;
+	  overflow-x: hidden !important;
+	}
+}
+.modal {
+	background-color: #27446e;
+	background-color: rgba(39, 68, 110, 0.5);
+}
+
+.modal-dialog {
+    max-width: 1280px;
+    width: 100%;
+}
+
+.modal,.modal:before, .modal-dialog, .modal-body {
+  z-index: 99999 !important;
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 10;
+}
+.modal-backdrop.fade {
+  filter: alpha(opacity=0);
+  opacity: 0;
+}
+.modal-backdrop.in {
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+
+.modal-dialog {
+	text-align: left;
+}
+
+.modal-title {
+	text-align: center;
+	vertical-align: middle;	
+	padding-bottom: 20px;
+}
+
+body.modal-open .elementor-widget-wrap {
+	z-index: auto;
+}
+
+.show-modal {
+	cursor: pointer;
+}
+
+.close {
+  font-size: 26px;
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+.close:hover,
+.close:focus {
+  filter: alpha(opacity=80);
+  opacity: .8;
+}
+
+.table {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 auto;
+  padding: 2rem 0rem 0rem 0rem;
+  max-width: 1100px;
+}
+
+.table-cell {
+  box-sizing: border-box;
+  flex-grow: 1;
+  width: 100%;
+  padding: 0.8em 1.2em;
+  overflow: hidden;
+  list-style-type: none;
+  outline: 1px solid #ddd;
+  text-align: center;
+  font-weight: 300;
+  margin-top: 1px;
+  margin-left: 1px;
+}
+.table-cell:first-child {
+  outline: 1px solid #fff;
+  background: transparent;
+}
+@media only screen and (max-width: 768px) {
+  .table-cell:first-child {
+    display: none;
+  }
+}
+.table-cell:nth-child(3) {
+  outline: 1px solid #30305b;
+}
+.table-cell:nth-child(-n+3) {
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+.table-cell > h3 {
+  font-size: 26px;
+  margin-top: 0;
+  margin-bottom: 3rem;
+}
+
+.table-cell.cell-feature {
+  text-align: left;
+  font-size: 18px; 
+}
+.table-cell.features a.btn:hover {
+  background-color: #85bafc;
+  border-color: #85bafc;
+  color: #30305b;
+}
+.table-cell.plattform {
+  color: limegreen;
+}
+.table-cell.plattform a.btn {
+  color: limegreen;
+}
+.table-cell.plattform a.btn:hover {
+  background-color: limegreen;
+  border-color: limegreen;
+  color: white;
+}
+.table-cell.enterprise {
+  background-color: #30305b;
+  color: #85bafc;
+}
+.table-cell.enterprise a.btn {
+  color: #85bafc;
+}
+.table-cell.enterprise a.btn:hover {
+  background-color: #85bafc;
+  border-color: #85bafc;
+  color: #30305b;
+}
+
+/* Table columns
+================================== */
+.table-cell {
+  width: calc(33.33% - 1px);
+}
+@media only screen and (max-width: 768px) {
+  .table-cell.cell-feature {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+svg.enterprise-check path {
+  fill: #30305b !important;
+}
+
+a.btn {
+  border: 2px solid;
+  padding: .6rem .9rem .6rem .9rem;
+  font-weight: 400;
+  text-transform: uppercase;
+  text-decoration: none;
+  -webkit-transition: 0.2s ease-in-out;
+  -moz-transition: 0.2s ease-in-out;
+  -ms-transition: 0.2s ease-in-out;
+  -o-transition: 0.2s ease-in-out;
+  transition: 0.2s ease-in-out;
+  -webkit-border-radius: 0.3rem;
+  -moz-border-radius: 0.3rem;
+  -ms-border-radius: 0.3rem;
+  border-radius: 0.3rem;
+}