Genesis Columns Advanced - Version 1.0.0

Version Description

  • Initial Release
Download this release

Release Info

Developer ndiego
Plugin Icon 128x128 Genesis Columns Advanced
Version 1.0.0
Comparing to
See all releases

Version 1.0.0

Files changed (44) hide show
  1. css/gca-optional-styles.css +91 -0
  2. gca-shortcodes.php +154 -0
  3. genesis-columns-advanced.php +77 -0
  4. readme.txt +54 -0
  5. tinymce/css/gca-popup.css +207 -0
  6. tinymce/gca-plugin.js +42 -0
  7. tinymce/gca-popup.html +398 -0
  8. tinymce/images/arrows.png +0 -0
  9. tinymce/images/icon.png +0 -0
  10. tinymce/images/layouts/fivesixths_sixth.gif +0 -0
  11. tinymce/images/layouts/foursixths_sixth_sixth.gif +0 -0
  12. tinymce/images/layouts/fourth_fourth_half.gif +0 -0
  13. tinymce/images/layouts/fourth_half_fourth.gif +0 -0
  14. tinymce/images/layouts/fourth_threefourths.gif +0 -0
  15. tinymce/images/layouts/fourths.gif +0 -0
  16. tinymce/images/layouts/half.gif +0 -0
  17. tinymce/images/layouts/half_fourth_fourth.gif +0 -0
  18. tinymce/images/layouts/sixth_fivesixths.gif +0 -0
  19. tinymce/images/layouts/sixth_foursixths_sixth.gif +0 -0
  20. tinymce/images/layouts/sixth_sixth_foursixths.gif +0 -0
  21. tinymce/images/layouts/sixth_sixth_sixth_sixth_twosixths.gif +0 -0
  22. tinymce/images/layouts/sixth_sixth_sixth_threesixths.gif +0 -0
  23. tinymce/images/layouts/sixth_sixth_sixth_twosixths_sixth.gif +0 -0
  24. tinymce/images/layouts/sixth_sixth_threesixths_sixth.gif +0 -0
  25. tinymce/images/layouts/sixth_sixth_twosixths_sixth_sixth.gif +0 -0
  26. tinymce/images/layouts/sixth_sixth_twosixths_twosixths.gif +0 -0
  27. tinymce/images/layouts/sixth_threesixths_sixth_sixth.gif +0 -0
  28. tinymce/images/layouts/sixth_twosixths_sixth_sixth_sixth.gif +0 -0
  29. tinymce/images/layouts/sixth_twosixths_sixth_twosixths.gif +0 -0
  30. tinymce/images/layouts/sixth_twosixths_threesixths.gif +0 -0
  31. tinymce/images/layouts/sixth_twosixths_twosixths_sixth.gif +0 -0
  32. tinymce/images/layouts/sixths.gif +0 -0
  33. tinymce/images/layouts/third_twothirds.gif +0 -0
  34. tinymce/images/layouts/thirds.gif +0 -0
  35. tinymce/images/layouts/threefourths_fourth.gif +0 -0
  36. tinymce/images/layouts/threesixths_sixth_sixth_sixth.gif +0 -0
  37. tinymce/images/layouts/threesixths_sixth_twosixths.gif +0 -0
  38. tinymce/images/layouts/threesixths_twosixths_sixth.gif +0 -0
  39. tinymce/images/layouts/twosixths_sixth_sixth_sixth_sixth.gif +0 -0
  40. tinymce/images/layouts/twosixths_sixth_sixth_twosixths.gif +0 -0
  41. tinymce/images/layouts/twosixths_sixth_threesixths.gif +0 -0
  42. tinymce/images/layouts/twosixths_sixth_twosixths_sixth.gif +0 -0
  43. tinymce/images/layouts/twosixths_twosixths_sixth_sixth.gif +0 -0
  44. tinymce/images/layouts/twothirds_third.gif +0 -0
css/gca-optional-styles.css ADDED
@@ -0,0 +1,91 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* An optional CSS file that is loaded for those not running the Genesis Framework
2
+
3
+ /* Column Classes
4
+ --------------------------------------------- */
5
+ /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
6
+
7
+ .five-sixths,
8
+ .four-sixths,
9
+ .one-fourth,
10
+ .one-half,
11
+ .one-sixth,
12
+ .one-third,
13
+ .three-fourths,
14
+ .three-sixths,
15
+ .two-fourths,
16
+ .two-sixths,
17
+ .two-thirds {
18
+ float: left;
19
+ margin-left: 2.564102564102564%;
20
+ }
21
+
22
+ .one-half,
23
+ .three-sixths,
24
+ .two-fourths {
25
+ width: 48.717948717948715%;
26
+ }
27
+
28
+ .one-third,
29
+ .two-sixths {
30
+ width: 31.623931623931625%;
31
+ }
32
+
33
+ .four-sixths,
34
+ .two-thirds {
35
+ width: 65.81196581196582%;
36
+ }
37
+
38
+ .one-fourth {
39
+ width: 23.076923076923077%;
40
+ }
41
+
42
+ .three-fourths {
43
+ width: 74.35897435897436%;
44
+ }
45
+
46
+ .one-sixth {
47
+ width: 14.52991452991453%;
48
+ }
49
+
50
+ .five-sixths {
51
+ width: 82.90598290598291%;
52
+ }
53
+
54
+ .first {
55
+ clear: both;
56
+ margin-left: 0;
57
+ }
58
+
59
+
60
+ @media only screen and (max-width: 800px) {
61
+
62
+ .five-sixths,
63
+ .four-sixths,
64
+ .one-fourth,
65
+ .one-half,
66
+ .one-sixth,
67
+ .one-third,
68
+ .three-fourths,
69
+ .three-sixths,
70
+ .two-fourths,
71
+ .two-sixths,
72
+ .two-thirds {
73
+ margin: 0;
74
+ width: 100%;
75
+ }
76
+
77
+ }
78
+
79
+
80
+ /* Utility Classes
81
+ --------------------------------------------- */
82
+ .clearfix:before {
83
+ content: " ";
84
+ display: table;
85
+ }
86
+
87
+ .clearfix:after {
88
+ clear: both;
89
+ content: " ";
90
+ display: table;
91
+ }
gca-shortcodes.php ADDED
@@ -0,0 +1,154 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ defined( 'WPINC' ) or die;
4
+
5
+
6
+ // Turns Timymce editor auto format off
7
+
8
+ remove_filter( 'the_content', 'wpautop' );
9
+
10
+
11
+ // Utility Shortcodes
12
+
13
+ function gca_clearfix( $atts ) {
14
+ return '<div class="clearfix"></div>';
15
+ }
16
+ add_shortcode('clearfix','gca_clearfix');
17
+
18
+ function gca_spacer( $atts ) {
19
+ return '<div class="gca-vertical-spacer" style="clear: both; margin-bottom: 30px"></div>';
20
+ }
21
+ add_shortcode('vertical-spacer','gca_spacer');
22
+
23
+ // Column Shortcodes - HALVES
24
+
25
+ function gca_onehalf_first( $atts, $content = null ) {
26
+ return '<div class="one-half first">'.do_shortcode($content).'</div>';
27
+ }
28
+ add_shortcode("one-half-first","gca_onehalf_first");
29
+
30
+ function gca_onehalf( $atts, $content = null ) {
31
+ return '<div class="one-half">'.do_shortcode($content).'</div>';
32
+ }
33
+ add_shortcode('one-half','gca_onehalf');
34
+
35
+
36
+
37
+ // Column Shortcodes - THIRDS
38
+
39
+ function gca_onethird_first( $atts, $content = null ) {
40
+ return '<div class="one-third first">' .do_shortcode($content). '</div>';
41
+ }
42
+ add_shortcode("one-third-first","gca_onethird_first");
43
+
44
+ function gca_onethird( $atts, $content = null ) {
45
+ return '<div class="one-third">' .do_shortcode($content). '</div>';
46
+ }
47
+ add_shortcode('one-third','gca_onethird');
48
+
49
+ function gca_twothirds_first( $atts, $content = null ) {
50
+ return '<div class="two-thirds first">' .do_shortcode($content). '</div>';
51
+ }
52
+ add_shortcode("two-thirds-first","gca_twothirds_first");
53
+
54
+ function gca_twothirds( $atts, $content = null ) {
55
+ return '<div class="two-thirds">' .do_shortcode($content). '</div>';
56
+ }
57
+ add_shortcode('two-thirds','gca_twothirds');
58
+
59
+
60
+
61
+ // Column Shortcodes - FOURTHS
62
+
63
+ function gca_onefourth_first( $atts, $content = null ) {
64
+ return '<div class="one-fourth first">' .do_shortcode($content). '</div>';
65
+ }
66
+ add_shortcode("one-fourth-first","gca_onefourth_first");
67
+
68
+ function gca_onefourth( $atts, $content = null ) {
69
+ return '<div class="one-fourth">' .do_shortcode($content). '</div>';
70
+ }
71
+ add_shortcode('one-fourth','gca_onefourth');
72
+
73
+ function gca_twofourths_first( $atts, $content = null ) {
74
+ return '<div class="two-fourths first">' .do_shortcode($content). '</div>';
75
+ }
76
+ add_shortcode("two-fourth-first","gca_twofourths_first");
77
+
78
+ function gca_twofourths( $atts, $content = null ) {
79
+ return '<div class="two-fourths">' .do_shortcode($content). '</div>';
80
+ }
81
+ add_shortcode('two-fourth','gca_twofourths');
82
+
83
+ function gca_threefourths_first( $atts, $content = null ) {
84
+ return '<div class="three-fourths first">' .do_shortcode($content). '</div>';
85
+ }
86
+ add_shortcode("three-fourths-first","gca_threefourths_first");
87
+
88
+ function gca_threefourths( $atts, $content = null ) {
89
+ return '<div class="three-fourths">' .do_shortcode($content). '</div>';
90
+ }
91
+ add_shortcode('three-fourths','gca_threefourths');
92
+
93
+
94
+
95
+ // Column Shortcodes - SIXTHS
96
+
97
+ function gca_onesixth_first( $atts, $content = null ) {
98
+ return '<div class="one-sixth first">' .do_shortcode($content). '</div>';
99
+ }
100
+ add_shortcode("one-sixth-first","gca_onesixth_first");
101
+
102
+ function gca_onesixth( $atts, $content = null ) {
103
+ return '<div class="one-sixth">' .do_shortcode($content). '</div>';
104
+ }
105
+ add_shortcode('one-sixth','gca_onesixth');
106
+
107
+ function gca_twosixths_first( $atts, $content = null ) {
108
+ return '<div class="two-sixths first">' .do_shortcode($content). '</div>';
109
+ }
110
+ add_shortcode("two-sixths-first","gca_twosixths_first");
111
+
112
+ function gca_twosixths ( $atts, $content = null ) {
113
+ return '<div class="two-sixths">' .do_shortcode($content). '</div>';
114
+ }
115
+ add_shortcode("two-sixths","gca_twosixths");
116
+
117
+ function gca_threesixths_first( $atts, $content = null ) {
118
+ return '<div class="three-sixths first">' .do_shortcode($content). '</div>';
119
+ }
120
+ add_shortcode("three-sixths-first","gca_threesixths_first");
121
+
122
+ function gca_threesixths( $atts, $content = null ) {
123
+ return '<div class="three-sixths">' .do_shortcode($content). '</div>';
124
+ }
125
+ add_shortcode("three-sixths","gca_threesixths");
126
+
127
+ function gca_foursixths_first( $atts, $content = null ) {
128
+ return '<div class="four-sixths first">' .do_shortcode($content). '</div>';
129
+ }
130
+ add_shortcode("four-sixths-first","gca_foursixths_first");
131
+
132
+ function gca_foursixths( $atts, $content = null ) {
133
+ return '<div class="four-sixths">' .do_shortcode($content). '</div>';
134
+ }
135
+ add_shortcode("four-sixths","gca_foursixths");
136
+
137
+ function gca_fivesixths_first( $atts, $content = null ) {
138
+ return '<div class="five-sixths first">' .do_shortcode($content). '</div>';
139
+ }
140
+ add_shortcode("five-sixths-first","gca_fivesixths_first");
141
+
142
+ function gca_fivesixths( $atts, $content = null ) {
143
+ return '<div class="five-sixths">' .do_shortcode($content). '</div>';
144
+ }
145
+ add_shortcode("five-sixths","gca_fivesixths");
146
+
147
+
148
+
149
+ // Turns Timymce editor auto format back on
150
+
151
+ add_filter( 'the_content', 'wpautop' , 12);
152
+
153
+
154
+
genesis-columns-advanced.php ADDED
@@ -0,0 +1,77 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*
3
+ Plugin Name: Genesis Columns Advanced
4
+ Plugin URI: http://www.outermostdesign.com
5
+ Description: Generates shortcodes for all 35 possible column layouts when using Genesis column classes.
6
+ Version: 1.0.0
7
+ Author: Nick Diego
8
+ Author URI: http://www.outermostdesign.com
9
+ Text Domain: genesis-custom-headers
10
+ License: GPLv2
11
+ */
12
+
13
+ /*
14
+ Copyright 2014 Nick Diego
15
+
16
+ This program is free software; you can redistribute it and/or modify
17
+ it under the terms of the GNU General Public License as published by
18
+ the Free Software Foundation; either version 2 of the License, or
19
+ (at your option) any later version.
20
+
21
+ This program is distributed in the hope that it will be useful,
22
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
23
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
24
+ GNU General Public License for more details.
25
+
26
+ You should have received a copy of the GNU General Public License
27
+ along with this program; if not, write to the Free Software
28
+ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
29
+ */
30
+
31
+ defined( 'WPINC' ) or die;
32
+
33
+ include_once dirname( __FILE__ ) . '/gca-shortcodes.php';
34
+
35
+ add_action('admin_head', 'gca_mce_button');
36
+ /**
37
+ * Adds our columns shortcode tinymce button
38
+ */
39
+ function gca_mce_button() {
40
+ // check user permissions
41
+ if ( !current_user_can( 'edit_posts' ) && !current_user_can( 'edit_pages' ) ) {
42
+ return;
43
+ }
44
+ // check if WYSIWYG is enabled and if the portfolio shortcode is enabled
45
+ if ( 'true' == get_user_option( 'rich_editing' ) ) {
46
+ add_filter( 'mce_external_plugins', 'gca_add_tinymce_plugin' );
47
+ add_filter( 'mce_buttons', 'gca_register_mce_button' );
48
+ }
49
+ }
50
+
51
+ /**
52
+ * Declare script for new button
53
+ */
54
+ function gca_add_tinymce_plugin( $plugin_array ) {
55
+ $plugin_array['gca_button'] = plugin_dir_url( __FILE__ ) . 'tinymce/gca-plugin.js';
56
+ return $plugin_array;
57
+ }
58
+
59
+ /**
60
+ * Register new button in the tinymce editor
61
+ */
62
+ function gca_register_mce_button( $buttons ) {
63
+ array_push( $buttons, 'gca_button' );
64
+ return $buttons;
65
+ }
66
+
67
+ add_action( 'wp_enqueue_scripts', 'gca_frontend_scripts_enqueue' );
68
+ /**
69
+ * Loads scripts to the frontend
70
+ */
71
+ function gca_frontend_scripts_enqueue() {
72
+
73
+ // Load our optional stylesheet if the Genesis Framework is not activated. This allows us to use GCA without Genesis
74
+ if ( ! function_exists('genesis_pre') ) {
75
+ wp_enqueue_style( 'gca-optional-styles', plugin_dir_url( __FILE__ ) . 'css/gca-optional-styles.css' );
76
+ }
77
+ }
readme.txt ADDED
@@ -0,0 +1,54 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ === Genesis Columns Advanced ===
2
+ Contributors: ndiego, outermostdesign
3
+ Tags: columns, shortcode, genesis, Genesis Framework, genesiswp, TinyMCE, admin
4
+ Requires at least: 3.6
5
+ Tested up to: 4.1
6
+ Stable tag: 1.0.0
7
+ License: GPLv2 or later
8
+ License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
+
10
+ Generates shortcodes for all 35 possible column layouts when using Genesis column classes.
11
+
12
+ == Description ==
13
+
14
+ This plugin generates shortcodes for every column configuration available with the column classes provided by the Genesis Framework by [StudioPress](http://www.studiopress.com). Shortcodes are easily added using a custom button in your Wordpress editor.
15
+
16
+ = Plugin Highlights =
17
+ * 35 different responsive column configurations available
18
+ * Includes two utility shortcodes to assist with layout
19
+ * Only adds one button to your Wordpress editor
20
+ * Custom button design integrates seamlessly with the core Wordpress aesthetic
21
+ * Developed for Genesis Framework users but usable by all! (See note on Installation page)
22
+
23
+ If you have questions or would like to request additional features, such as additional utility shortcodes, please let me know in the plugin support forum.
24
+
25
+
26
+ == Installation ==
27
+
28
+ 1. You have a couple options:
29
+ * Go to Plugins->Add New and search for "Genesis Columns Advanced”. Once found, click "Install".
30
+ * Download the folder from Wordpress.org and zip the folder. Then upload via Plugins->Add New->Upload.
31
+ 2. Activate the plugin through the 'Plugins' menu in WordPress.
32
+ 3. From the ‘Plugins’ page, head to a post/page and check out the new button in your editor.
33
+ 4. If you have any implementation questions, please post in the plugin support forum.
34
+
35
+ **Please Note:** This plugin was designed for Genesis Framework users. Genesis is a premium product by [StudioPress](http://www.studiopress.com). However, if you are a non-Genesis user, this plugin will still activate. A special stylesheet (gca-optional-styles.css) will be applied to the frontend of your site so that you can generate columns too!
36
+
37
+ == Frequently Asked Questions ==
38
+
39
+ = Why is there no option for five even columns, or columns broken down by fifths? =
40
+
41
+ This was a conscious decision in order for the plugin to stay inline with the column classes offered by the Genesis Framework. The informational page on Genesis’s column classes can be found on [Studiopress.com](http://my.studiopress.com/tutorials/content-column-classes/). As of Genesis v2.1.2, there unfortunately is no option for fifths. If this changes in the future, I will update this plugin.
42
+
43
+ == Screenshots ==
44
+
45
+ 1. A screenshot of columns button in editor and available options.
46
+ 2. A screenshot of Advanced Options popup were you can select from all 35 column configurations.
47
+ 3. A screenshot of the frontend featuring a two column and six column layout with all columns evenly spaced.
48
+ 4. A screenshot of the frontend featuring an advanced three column and an advanced two column layout.
49
+
50
+ == Changelog ==
51
+
52
+ = 1.0.0 =
53
+ * Initial Release
54
+
tinymce/css/gca-popup.css ADDED
@@ -0,0 +1,207 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* General Popup Styling - Genesis Columns Advanced -----*/
2
+
3
+ html, body {
4
+ background-color: #fff;
5
+ color: #444;
6
+ font-family: 'Open Sans', sans-serif;
7
+ font-size: 14px;
8
+ font-weight: normal;
9
+ padding: 0;
10
+ }
11
+ h2 {
12
+ clear: both;
13
+ font-size: 16px;
14
+ font-weight: bold;
15
+ margin: 0;
16
+ }
17
+ h4 {
18
+ clear: both;
19
+ cursor: pointer;
20
+ border-bottom: 1px solid #dfdfdf;
21
+ font-size: 14px;
22
+ line-height: 30px;
23
+ margin: 10px 10px 0 0;
24
+ }
25
+ p {
26
+ margin: 10px 10px 0 0;
27
+ }
28
+ .description {
29
+ font-size: 13px;
30
+ font-style: italic;
31
+ }
32
+
33
+
34
+ /* Column Layout Container Styling ----------------------*/
35
+
36
+ .column-layout-container {
37
+ padding: 10px 10px 80px 10px;
38
+ }
39
+ .column-layout-general {
40
+ height: 110px;
41
+ }
42
+ .column-layout-selector input {
43
+ display: none;
44
+ text-align: center;
45
+ }
46
+ .column-layout-selector input#default-layout {
47
+ display: inline;
48
+ }
49
+ .column-layout-selector label.box {
50
+ display: block;
51
+ float: left;
52
+ margin: 10px 10px 0 0;
53
+ text-align: center;
54
+ }
55
+ .column-layout-selector label.box img {
56
+ border: 3px solid transparent;
57
+ max-width: 85px;
58
+ }
59
+ .column-layout-selector label.box img:hover {
60
+ border: 3px solid #ddd;
61
+ }
62
+ .column-layout-selector label.box.selected img {
63
+ border: 3px solid #ccc;
64
+ }
65
+ .column-layout-footer {
66
+ clear: both;
67
+ background: #fcfcfc;
68
+ border-top: 1px solid #dfdfdf;
69
+ text-align: right;
70
+ padding: 10px;
71
+ position: fixed;
72
+ bottom: 0;
73
+ right: 0;
74
+ left: 0;
75
+ }
76
+ div.clear {
77
+ clear: both;
78
+ padding-top: 8px;
79
+ }
80
+
81
+
82
+ /* jQuery UI - Accordion & Tooltip Styling ----------------------*/
83
+
84
+ .ui-icon-open {
85
+ background-image: url('../images/arrows.png');
86
+ background-position: -2px 2px;
87
+ background-size: 16px auto;
88
+ display: inline-block;
89
+ height: 16px;
90
+ padding-right: 18px;
91
+ }
92
+ .ui-icon-closed {
93
+ background-image: url('../images/arrows.png');
94
+ background-position: -2px -113px;
95
+ background-size: 16px auto;
96
+ display: inline-block;
97
+ height: 16px;
98
+ padding-right: 18px;
99
+ }
100
+ /* Removes "blue blur" on selected items */
101
+ .ui-state-focus {
102
+ -moz-box-shadow: none !important;
103
+ -webkit-box-shadow: none !important;
104
+ box-shadow: none !important;
105
+ outline: none;
106
+ }
107
+ .ui-accordion-content {
108
+ padding-top: 5px;
109
+ }
110
+ .ui-tooltip, .arrow:after {
111
+ background: black;
112
+ position: absolute;
113
+ }
114
+ .ui-tooltip {
115
+ border-radius: 3px;
116
+ -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
117
+ box-shadow: 0 3px 5px rgba(0,0,0,.2);
118
+ color: #fff;
119
+ font-size: 12px;
120
+ padding: 5px 8px 4px 8px;
121
+ text-align: center;
122
+ }
123
+ .arrow {
124
+ width: 70px;
125
+ height: 16px;
126
+ overflow: hidden;
127
+ position: absolute;
128
+ left: 50%;
129
+ margin-left: -30px;
130
+ bottom: -16px;
131
+ }
132
+ .arrow.top {
133
+ top: -16px;
134
+ bottom: auto;
135
+ }
136
+ .arrow.left {
137
+ left: 20%;
138
+ }
139
+ .arrow:after {
140
+ content: "";
141
+ position: absolute;
142
+ left: 20px;
143
+ top: -20px;
144
+ width: 21px;
145
+ height: 21px;
146
+ box-shadow: 6px 5px 9px -9px black;
147
+ -webkit-transform: rotate(45deg);
148
+ -ms-transform: rotate(45deg);
149
+ transform: rotate(45deg);
150
+ }
151
+ .arrow.top:after {
152
+ bottom: -20px;
153
+ top: auto;
154
+ }
155
+
156
+
157
+ /* WP Button Styling -----------------------------------*/
158
+
159
+ #insert {
160
+ background: #2ea2cc;
161
+ border-radius: 3px;
162
+ border: 1px solid #2ea2cc;
163
+ box-shadow: rgba(120, 200, 230, 0.498039) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.14902) 0px 1px 0px 0px;
164
+ -webkit-box-shadow: rgba(120, 200, 230, 0.498039) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.14902) 0px 1px 0px 0px;
165
+ box-sizing: border-box;
166
+ color: rgb(255, 255, 255);
167
+ cursor: pointer;
168
+ display: inline-block;
169
+ font-size: 13px;
170
+ font-weight: normal;
171
+ height: 30px;
172
+ line-height: 28px;
173
+ padding: 0 12px 2px;
174
+ text-align: center;
175
+ text-decoration: none;
176
+ }
177
+ #insert:hover{
178
+ background: #1e8cbe;
179
+ border-color: #0074a2;
180
+ -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6);
181
+ box-shadow: inset 0 1px 0 rgba(120,200,230,.6);
182
+ color: #fff;
183
+ }
184
+ #cancel {
185
+ color: #555;
186
+ border: 1px solid #ccc;
187
+ border-radius: 3px;
188
+ background: #f7f7f7;
189
+ -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
190
+ box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
191
+ vertical-align: top;
192
+ box-sizing: border-box;
193
+ cursor: pointer;
194
+ display: inline-block;
195
+ font-size: 13px;
196
+ font-weight: normal;
197
+ height: 30px;
198
+ line-height: 28px;
199
+ padding: 0 12px 2px;
200
+ text-align: center;
201
+ text-decoration: none;
202
+ }
203
+ #cancel:hover {
204
+ background: #fafafa;
205
+ border-color: #999;
206
+ color: #222;
207
+ }
tinymce/gca-plugin.js ADDED
@@ -0,0 +1,42 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ * Add our columns shortcode Tinymce button
3
+ */
4
+ (function() {
5
+
6
+ if ( typeof tinymce != 'undefined' ) {
7
+
8
+ tinymce.PluginManager.add( 'gca_button', function( editor, url ) {
9
+
10
+ editor.addButton( 'gca_button', {
11
+ type: 'menubutton',
12
+ title: 'Insert Columns',
13
+ image: url + '/images/icon.png',
14
+ menu: [
15
+ { text: '2 Columns', onclick: function() { editor.insertContent( '[one-half-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : 'Place your content for the first column here.' ) + '[/one-half-first]<br>[one-half]Place your content for the second column here.[/one-half]<br>' ); }},
16
+ { text: '3 Columns', onclick: function() { editor.insertContent( '[one-third-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : 'Place your content for the first column here.' ) + '[/one-third-first]<br>[one-third]Place your content for the second column here.[/one-third]<br>[one-third]Place your content for the third column here.[/one-third]<br>' ); }},
17
+ { text: '4 Columns', onclick: function() { editor.insertContent( '[one-fourth-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]<br>[one-fourth]Place your content for the third column here.[/one-fourth]<br>[one-fourth]Place your content for the fourth column here.[/one-fourth]<br>' ); }},
18
+ { text: '6 Columns', onclick: function() { editor.insertContent( '[one-sixth-first]' + ( editor.selection.getContent() != '' ? editor.selection.getContent() : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]<br>[one-sixth]Place your content for the sixth column here.[/one-sixth]<br>'); }},
19
+ { text: 'Advanced Layouts', onclick: function() {
20
+ editor.windowManager.open({
21
+ title: 'Advanced Column Layouts',
22
+ url: url + '/gca-popup.html',
23
+ width: 550,
24
+ height: 540,
25
+ inline: 1
26
+ }, {
27
+ selectedContent: editor.selection.getContent(),
28
+ onInsert: function( layout ) { editor.insertContent( layout ); }
29
+ });
30
+ }},
31
+ { text: 'Utilities', menu: [
32
+ { text: 'Clearfix', onclick: function() { editor.insertContent( '[clearfix]' ) } },
33
+ { text: 'Vertical Spacer', onclick: function() { editor.insertContent( '[vertical-spacer]' ) } }
34
+ ]}
35
+ ]
36
+ }); // end addButton
37
+
38
+ }); // end PluginManager
39
+
40
+ };
41
+
42
+ })();
tinymce/gca-popup.html ADDED
@@ -0,0 +1,398 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <title>Genesis Shortcodes Advanced - Outermost Design</title>
6
+
7
+ <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
8
+ <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
9
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
10
+ <link rel="stylesheet" href="css/gca-popup.css" />
11
+
12
+ <script type="text/javascript">
13
+
14
+ // Create our columns dialog box variable
15
+ var ColumnsSelection = {
16
+
17
+ insert : function() {
18
+
19
+ // Get the selected content, if there is any
20
+ var selectedContent = top.tinymce.activeEditor.windowManager.getParams().selectedContent;
21
+
22
+ // Set up variable to contain our layout input value
23
+ var column_layout = jQuery('input:radio[name=column-layout]:checked').val();
24
+
25
+ // Set up output variable
26
+ var output = '';
27
+
28
+ switch ( column_layout ) {
29
+
30
+ // Output for general column configurations
31
+ case 'two-column':
32
+ output += '[one-half-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-half-first]<br>[one-half]Place your content for the second column here.[/one-half]';
33
+ break;
34
+ case 'three-column':
35
+ output += '[one-third-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-third-first]<br>[one-third]Place your content for the second column here.[/one-third]<br>[one-third]Place your content for the third column here.[/one-third]';
36
+ break;
37
+ case 'four-column':
38
+ output += '[one-fourth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]<br>[one-fourth]Place your content for the third column here.[/one-fourth]<br>[one-fourth]Place your content for the fourth column here.[/one-fourth]';
39
+ break;
40
+ case 'six-column':
41
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]<br>[one-sixth]Place your content for the sixth column here.[/one-sixth]';
42
+ break;
43
+
44
+ // Output for advanced Two-Column configurations
45
+ case 'twothirds-onethird':
46
+ output += '[two-thirds-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-thirds-first]<br>[one-third]Place your content for the second column here.[/one-third]';
47
+ break;
48
+ case 'onethird-twothirds':
49
+ output += '[one-third-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-third-first]<br>[two-thirds]Place your content for the second column here.[/two-thirds]';
50
+ break;
51
+ case 'onefourth-threefourths':
52
+ output += '[one-fourth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[three-fourths]Place your content for the second column here.[/three-fourths]';
53
+ break;
54
+ case 'threefourths-onefourth':
55
+ output += '[three-fourths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/three-fourths-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]';
56
+ break;
57
+ case 'onesixth-fivesixths':
58
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[five-sixths]Place your content for the second column here.[/five-sixths]';
59
+ break;
60
+ case 'fivesixths-onesixth':
61
+ output += '[five-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/five-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]';
62
+ break;
63
+
64
+ // Output for advanced Three-Column configurations
65
+ case 'onefourth-onefourth-half':
66
+ output += '[one-fourth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]<br>[two-fourths]Place your content for the third column here.[/two-fourths]';
67
+ break;
68
+ case 'half-onefourth-onefourth':
69
+ output += '[two-fourths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-fourths-first]<br>[one-fourth]Place your content for the second column here.[/one-fourth]<br>[one-fourth]Place your content for the third column here.[/one-fourth]';
70
+ break;
71
+ case 'onefourth-half-onefourth':
72
+ output += '[one-fourth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-fourth-first]<br>[two-fourths]Place your content for the second column here.[/two-fourths]<br>[one-fourth]Place your content for the third column here.[/one-fourth]';
73
+ break;
74
+ case 'onesixth-onesixth-foursixths':
75
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[four-sixths]Place your content for the third column here.[/four-sixths]';
76
+ break;
77
+ case 'foursixths-onesixth-onesixth':
78
+ output += '[four-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/four-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]';
79
+ break;
80
+ case 'onesixth-foursixths-onesixth':
81
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[four-sixths]Place your content for the second column here.[/four-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]';
82
+ break;
83
+ case 'onesixth-twosixths-threesixths':
84
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[three-sixths]Place your content for the third column here.[/three-sixths]';
85
+ break;
86
+ case 'threesixths-twosixths-onesixth':
87
+ output += '[three-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/three-sixths-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]';
88
+ break;
89
+ case 'twosixths-onesixth-threesixths':
90
+ output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[three-sixths]Place your content for the third column here.[/three-sixths]';
91
+ break;
92
+ case 'threesixths-onesixth-twosixths':
93
+ output += '[three-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/three-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[two-sixths]Place your content for the third column here.[/two-sixths]';
94
+ break;
95
+
96
+ // Output for advanced Four-Column configurations
97
+ case 'onesixth-onesixth-onesixth-threesixths':
98
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[three-sixths]Place your content for the fourth column here.[/three-sixths]';
99
+ break;
100
+ case 'threesixths-onesixth-onesixth-onesixth':
101
+ output += '[three-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/three-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
102
+ break;
103
+ case 'onesixth-threesixths-onesixth-onesixth':
104
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[three-sixths]Place your content for the second column here.[/three-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
105
+ break;
106
+ case 'onesixth-onesixth-threesixths-onesixth':
107
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[three-sixths]Place your content for the third column here.[/three-sixths]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
108
+ break;
109
+ case 'onesixth-onesixth-twosixths-twosixths':
110
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[two-sixths]Place your content for the third column here.[/two-sixths]<br>[two-sixths]Place your content for the fourth column here.[/two-sixths]';
111
+ break;
112
+ case 'twosixths-twosixths-onesixth-onesixth':
113
+ output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
114
+ break;
115
+ case 'onesixth-twosixths-onesixth-twosixths':
116
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[two-sixths]Place your content for the fourth column here.[/two-sixths]';
117
+ break;
118
+ case 'twosixths-onesixth-twosixths-onesixth':
119
+ output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[two-sixths]Place your content for the third column here.[/two-sixths]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
120
+ break;
121
+ case 'onesixth-twosixths-twosixths-onesixth':
122
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[two-sixths]Place your content for the third column here.[/two-sixths]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]';
123
+ break;
124
+ case 'twosixths-onesixth-onesixth-twosixths':
125
+ output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[two-sixths]Place your content for the fourth column here.[/two-sixths]';
126
+ break;
127
+
128
+ // Output for advanced Five-Column configurations
129
+ case 'onesixth-onesixth-onesixth-onesixth-twosixths':
130
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[two-sixths]Place your content for the fifth column here.[/two-sixths]';
131
+ break;
132
+ case 'twosixths-onesixth-onesixth-onesixth-onesixth':
133
+ output += '[two-sixths-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/two-sixths-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]';
134
+ break;
135
+ case 'onesixth-twosixths-onesixth-onesixth-onesixth':
136
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[two-sixths]Place your content for the second column here.[/two-sixths]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]';
137
+ break;
138
+ case 'onesixth-onesixth-onesixth-twosixths-onesixth':
139
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[one-sixth]Place your content for the third column here.[/one-sixth]<br>[two-sixths]Place your content for the fourth column here.[/two-sixths]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]';
140
+ break;
141
+ case 'onesixth-onesixth-twosixths-onesixth-onesixth':
142
+ output += '[one-sixth-first]' + ( selectedContent != '' ? selectedContent : 'Place your content for the first column here.' ) + '[/one-sixth-first]<br>[one-sixth]Place your content for the second column here.[/one-sixth]<br>[two-sixths]Place your content for the third column here.[/two-sixths]<br>[one-sixth]Place your content for the fourth column here.[/one-sixth]<br>[one-sixth]Place your content for the fifth column here.[/one-sixth]';
143
+ break;
144
+
145
+ default:
146
+ output += 'error';
147
+
148
+ } //end switch
149
+
150
+ // If a layout has been selected, do stuff
151
+ if ( output != 'error' ) {
152
+ // Insert the column selection into tinymce
153
+ top.tinymce.activeEditor.windowManager.getParams().onInsert( output );
154
+
155
+ // Close the window once we have added the output to tinymce
156
+ top.tinymce.activeEditor.windowManager.close();
157
+ }
158
+ },
159
+
160
+ cancel : function() {
161
+ // Close the window since the cancel button has been clicked
162
+ top.tinymce.activeEditor.windowManager.close();
163
+ }
164
+ };
165
+
166
+ </script>
167
+
168
+ </head>
169
+ <body>
170
+
171
+ <form action="/" method="get" accept-charset="utf-8">
172
+ <div class="column-layout-container">
173
+ <div class="column-layout-selector">
174
+
175
+ <div class="description">Select your desired column configuration.</div>
176
+ <div id="accordion">
177
+ <h4>Two Columns</h4>
178
+ <div>
179
+ <div id="advanced-two-column">
180
+ <label title="1/2 - 1/2" class="box">
181
+ <img src="images/layouts/half.gif" alt="1/2 - 1/2"><br>
182
+ <input type="radio" name="column-layout" id="two-column" value="two-column">
183
+ </label>
184
+ <label title="1/3 - 2/3" class="box">
185
+ <img src="images/layouts/third_twothirds.gif" alt="1/3 - 2/3"><br>
186
+ <input type="radio" name="column-layout" id="onethird-twothirds" value="onethird-twothirds">
187
+ </label>
188
+ <label title="2/3 - 1/3" class="box">
189
+ <img src="images/layouts/twothirds_third.gif" alt="2/3 - 1/3"><br>
190
+ <input type="radio" name="column-layout" id="twothirds-onethird" value="twothirds-onethird">
191
+ </label>
192
+ <label title="1/4 - 3/4" class="box">
193
+ <img src="images/layouts/fourth_threefourths.gif" alt="1/4 - 3/4"><br>
194
+ <input type="radio" name="column-layout" id="onefourth-threefourths" value="onefourth-threefourths">
195
+ </label>
196
+ <label title="3/4 - 1/4" class="box">
197
+ <img src="images/layouts/threefourths_fourth.gif" alt="3/4 - 1/4"><br>
198
+ <input type="radio" name="column-layout" id="threefourths-onefourth" value="threefourths-onefourth">
199
+ </label>
200
+ <label title="1/6 - 5/6" class="box">
201
+ <img src="images/layouts/sixth_fivesixths.gif" alt="1/6 - 5/6"><br>
202
+ <input type="radio" name="column-layout" id="onesixth-fivesixths" value="onesixth-fivesixths">
203
+ </label>
204
+ <label title="5/6 - 1/6" class="box">
205
+ <img src="images/layouts/fivesixths_sixth.gif" alt="5/6 - 1/6"><br>
206
+ <input type="radio" name="column-layout" id="fivesixths-onesixth" value="fivesixths-onesixth">
207
+ </label>
208
+ </div>
209
+ <div class="clear"></div>
210
+ </div>
211
+ <h4>Three Columns</h4>
212
+ <div>
213
+ <div id="advanced-three-column">
214
+ <label title="1/3 - 1/3 - 1/3" class="box">
215
+ <img src="images/layouts/thirds.gif" alt="1/3 - 1/3 - 1/3"><br>
216
+ <input type="radio" name="column-layout" id="three-column" value="three-column">
217
+ </label>
218
+ <label title="1/4 - 1/4 - 2/4" class="box">
219
+ <img src="images/layouts/fourth_fourth_half.gif" alt="1/4 - 1/4 - 2/4"><br>
220
+ <input type="radio" name="column-layout" id="onefourth-onefourth-half" value="onefourth-onefourth-half">
221
+ </label>
222
+ <label title="2/4 - 1/4 - 1/4" class="box">
223
+ <img src="images/layouts/half_fourth_fourth.gif" alt="2/4 - 1/4 - 1/4"><br>
224
+ <input type="radio" name="column-layout" id="half-onefourth-onefourth" value="half-onefourth-onefourth">
225
+ </label>
226
+ <label title="1/4 - 2/4 - 1/4" class="box">
227
+ <img src="images/layouts/fourth_half_fourth.gif" alt="1/4 - 2/4 - 1/4"><br>
228
+ <input type="radio" name="column-layout" id="onefourth-half-onefourth" value="onefourth-half-onefourth">
229
+ </label>
230
+ <label title="1/6 - 1/6 - 4/6" class="box">
231
+ <img src="images/layouts/sixth_sixth_foursixths.gif" alt="1/6 - 1/6 - 4/6"><br>
232
+ <input type="radio" name="column-layout" id="onesixth-onesixth-foursixths" value="onesixth-onesixth-foursixths">
233
+ </label>
234
+ <label title="4/6 - 1/6 - 1/6" class="box">
235
+ <img src="images/layouts/foursixths_sixth_sixth.gif" alt="4/6 - 1/6 - 1/6"><br>
236
+ <input type="radio" name="column-layout" id="foursixths-onesixth-onesixth" value="foursixths-onesixth-onesixth">
237
+ </label>
238
+ <label title="1/6 - 4/6 - 1/6" class="box">
239
+ <img src="images/layouts/sixth_foursixths_sixth.gif" alt="1/6 - 4/6 - 1/6"><br>
240
+ <input type="radio" name="column-layout" id="onesixth-foursixths-onesixth" value="onesixth-foursixths-onesixth">
241
+ </label>
242
+ <label title="1/6 - 2/6 - 3/6" class="box">
243
+ <img src="images/layouts/sixth_twosixths_threesixths.gif" alt="1/6 - 2/6 - 3/6"><br>
244
+ <input type="radio" name="column-layout" id="onesixth-twosixths-threesixths" value="onesixth-twosixths-threesixths">
245
+ </label>
246
+ <label title="3/6 - 2/6 - 1/6" class="box">
247
+ <img src="images/layouts/threesixths_twosixths_sixth.gif" alt="3/6 - 2/6 - 1/6"><br>
248
+ <input type="radio" name="column-layout" id="threesixths-twosixths-onesixth" value="threesixths-twosixths-onesixth">
249
+ </label>
250
+ <label title="2/6 - 1/6 - 3/6" class="box">
251
+ <img src="images/layouts/twosixths_sixth_threesixths.gif" alt="2/6 - 1/6 - 3/6"><br>
252
+ <input type="radio" name="column-layout" id="twosixths-onesixth-threesixths" value="twosixths-onesixth-threesixths">
253
+ </label>
254
+ <label title="3/6 - 1/6 - 2/6" class="box">
255
+ <img src="images/layouts/threesixths_sixth_twosixths.gif" alt="3/6 - 1/6 - 2/6"><br>
256
+ <input type="radio" name="column-layout" id="threesixths-onesixth-twosixths" value="threesixths-onesixth-twosixths">
257
+ </label>
258
+ </div>
259
+ <div class="clear"></div>
260
+ </div>
261
+ <h4>Four Columns</h4>
262
+ <div>
263
+ <div id="advanced-four-column">
264
+ <label title="1/4 - 1/4 - 1/4 - 1/4" class="box">
265
+ <img src="images/layouts/fourths.gif" alt="1/4 - 1/4 - 1/4 - 1/4"><br>
266
+ <input type="radio" name="column-layout" id="four-column" value="four-column">
267
+ </label>
268
+ <label title="1/6 - 1/6 - 1/6 - 3/6" class="box">
269
+ <img src="images/layouts/sixth_sixth_sixth_threesixths.gif" alt="1/6 - 1/6 - 1/6 - 3/6"><br>
270
+ <input type="radio" name="column-layout" id="onesixth-onesixth-onesixth-threesixths" value="onesixth-onesixth-onesixth-threesixths">
271
+ </label>
272
+ <label title="3/6 - 1/6 - 1/6 - 1/6" class="box">
273
+ <img src="images/layouts/threesixths_sixth_sixth_sixth.gif" alt="3/6 - 1/6 - 1/6 - 1/6"><br>
274
+ <input type="radio" name="column-layout" id="threesixths-onesixth-onesixth-onesixth" value="threesixths-onesixth-onesixth-onesixth">
275
+ </label>
276
+ <label title="1/6 - 1/6 - 3/6 - 1/6" class="box">
277
+ <img src="images/layouts/sixth_sixth_threesixths_sixth.gif" alt="1/6 - 1/6 - 3/6 - 1/6"><br>
278
+ <input type="radio" name="column-layout" id="onesixth-onesixth-threesixths-onesixth" value="onesixth-onesixth-threesixths-onesixth">
279
+ </label>
280
+ <label title="1/6 - 3/6 - 1/6 - 1/6" class="box">
281
+ <img src="images/layouts/sixth_threesixths_sixth_sixth.gif" alt="1/6 - 3/6 - 1/6 - 1/6"><br>
282
+ <input type="radio" name="column-layout" id="onesixth-threesixths-onesixth-onesixth" value="onesixth-threesixths-onesixth-onesixth">
283
+ </label>
284
+ <label title="1/6 - 1/6 - 2/6 - 2/6" class="box">
285
+ <img src="images/layouts/sixth_sixth_twosixths_twosixths.gif" alt="1/6 - 1/6 - 2/6 - 2/6"><br>
286
+ <input type="radio" name="column-layout" id="onesixth-onesixth-twosixths-twosixths" value="onesixth-onesixth-twosixths-twosixths">
287
+ </label>
288
+ <label title="2/6 - 2/6 - 1/6 - 1/6" class="box">
289
+ <img src="images/layouts/twosixths_twosixths_sixth_sixth.gif" alt="2/6 - 2/6 - 1/6 - 1/6"><br>
290
+ <input type="radio" name="column-layout" id="twosixths-twosixths-onesixth-onesixth" value="twosixths-twosixths-onesixth-onesixth">
291
+ </label>
292
+ <label title="1/6 - 2/6 - 1/6 - 2/6" class="box">
293
+ <img src="images/layouts/sixth_twosixths_sixth_twosixths.gif" alt="1/6 - 2/6 - 1/6 - 2/6"><br>
294
+ <input type="radio" name="column-layout" id="onesixth-twosixths-onesixth-twosixths" value="onesixth-twosixths-onesixth-twosixths">
295
+ </label>
296
+ <label title="2/6 - 1/6 - 2/6 - 1/6" class="box">
297
+ <img src="images/layouts/twosixths_sixth_twosixths_sixth.gif" alt="2/6 - 1/6 - 2/6 - 1/6"><br>
298
+ <input type="radio" name="column-layout" id="twosixths-onesixth-twosixths-onesixth" value="twosixths-onesixth-twosixths-onesixth">
299
+ </label>
300
+ <label title="1/6 - 2/6 - 2/6 - 1/6" class="box">
301
+ <img src="images/layouts/sixth_twosixths_twosixths_sixth.gif" alt="1/6 - 2/6 - 2/6 - 1/6"><br>
302
+ <input type="radio" name="column-layout" id="onesixth-twosixths-twosixths-onesixth" value="onesixth-twosixths-twosixths-onesixth">
303
+ </label>
304
+ <label title="2/6 - 1/6 - 1/6 - 2/6" class="box">
305
+ <img src="images/layouts/twosixths_sixth_sixth_twosixths.gif" alt="2/6 - 1/6 - 1/6 - 2/6"><br>
306
+ <input type="radio" name="column-layout" id="twosixths-onesixth-onesixth-twosixthsx" value="twosixths-onesixth-onesixth-twosixths">
307
+ </label>
308
+ </div>
309
+ <div class="clear"></div>
310
+ </div>
311
+ <h4>Five Columns</h4>
312
+ <div>
313
+ <div id="advanced-five-column">
314
+ <label title="1/6 - 1/6 - 1/6 - 1/6 - 2/6" class="box">
315
+ <img src="images/layouts/sixth_sixth_sixth_sixth_twosixths.gif" alt="1/6 - 1/6 - 1/6 - 1/6 - 2/6"><br>
316
+ <input type="radio" name="column-layout" id="onesixth-onesixth-onesixth-onesixth-twosixths" value="onesixth-onesixth-onesixth-onesixth-twosixths">
317
+ </label>
318
+ <label title="2/6 - 1/6 - 1/6 - 1/6 - 1/6" class="box">
319
+ <img src="images/layouts/twosixths_sixth_sixth_sixth_sixth.gif" alt="2/6 - 1/6 - 1/6 - 1/6 - 1/6"><br>
320
+ <input type="radio" name="column-layout" id="twosixths-onesixth-onesixth-onesixth-onesixth" value="twosixths-onesixth-onesixth-onesixth-onesixth">
321
+ </label>
322
+ <label title="1/6 - 2/6 - 1/6 - 1/6 - 1/6" class="box">
323
+ <img src="images/layouts/sixth_twosixths_sixth_sixth_sixth.gif" alt="1/6 - 2/6 - 1/6 - 1/6 - 1/6"><br>
324
+ <input type="radio" name="column-layout" id="onesixth-twosixths-onesixth-onesixth-onesixth" value="onesixth-twosixths-onesixth-onesixth-onesixth">
325
+ </label>
326
+ <label title="1/6 - 1/6 - 1/6 - 2/6 - 1/6" class="box">
327
+ <img src="images/layouts/sixth_sixth_sixth_twosixths_sixth.gif" alt="1/6 - 1/6 - 1/6 - 2/6 - 1/6"><br>
328
+ <input type="radio" name="column-layout" id="onesixth-onesixth-onesixth-twosixths-onesixth" value="onesixth-onesixth-onesixth-twosixths-onesixth">
329
+ </label>
330
+ <label title="1/6 - 1/6 - 2/6 - 1/6 - 1/6" class="box">
331
+ <img src="images/layouts/sixth_sixth_twosixths_sixth_sixth.gif" alt="1/6 - 1/6 - 2/6 - 1/6 - 1/6"><br>
332
+ <input type="radio" name="column-layout" id="onesixth-onesixth-twosixths-onesixth-onesixth" value="onesixth-onesixth-twosixths-onesixth-onesixth">
333
+ </label>
334
+ </div>
335
+ <div class="clear"></div>
336
+ </div>
337
+ <h4>Six Columns</h4>
338
+ <div>
339
+ <div id="advanced-six-column">
340
+ <label title="1/6 - 1/6 - 1/6 - 1/6 - 1/6" class="box">
341
+ <img src="images/layouts/sixths.gif" alt="1/6 - 1/6 - 1/6 - 1/6 - 1/6"><br>
342
+ <input type="radio" name="column-layout" id="six-column" value="six-column">
343
+ </label>
344
+ </div>
345
+ <div class="clear"></div>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ </div>
350
+
351
+ <div class="column-layout-footer">
352
+ <a href="javascript:ColumnsSelection.insert()" id="insert">Insert Selected Layout</a>
353
+ <a href="javascript:ColumnsSelection.cancel()" id="cancel">Cancel</a>
354
+ </div>
355
+
356
+ </form>
357
+
358
+
359
+ <script language="javascript">
360
+
361
+ // Generates colored border on selected layout
362
+ var selected_class = 'selected';
363
+
364
+ $( ".column-layout-selector input[type='radio']" ).click( function() {
365
+ $( ".column-layout-selector label.box" ).removeClass(selected_class);
366
+ $( event.target ).parent('label.box').addClass(selected_class);
367
+ });
368
+
369
+ // Initiates accordion functionality
370
+ $(function() {
371
+ $( "#accordion" ).accordion({
372
+ collapsible: false,
373
+ //active: false,
374
+ heightStyle: "content",
375
+ icons: { "header": "ui-icon-closed", "activeHeader": "ui-icon-open" }
376
+ });
377
+ });
378
+
379
+ // Initiates tooltip functionality
380
+ $(function() {
381
+ $( document ).tooltip({
382
+ position: {
383
+ using: function( position, feedback ) {
384
+ $( this ).css( position );
385
+ $( "<div>" )
386
+ .addClass( "arrow" )
387
+ .addClass( feedback.vertical )
388
+ .addClass( feedback.horizontal )
389
+ .appendTo( this );
390
+ }
391
+ }
392
+ });
393
+ });
394
+
395
+ </script>
396
+
397
+ </body>
398
+ </html>
tinymce/images/arrows.png ADDED
Binary file
tinymce/images/icon.png ADDED
Binary file
tinymce/images/layouts/fivesixths_sixth.gif ADDED
Binary file
tinymce/images/layouts/foursixths_sixth_sixth.gif ADDED
Binary file
tinymce/images/layouts/fourth_fourth_half.gif ADDED
Binary file
tinymce/images/layouts/fourth_half_fourth.gif ADDED
Binary file
tinymce/images/layouts/fourth_threefourths.gif ADDED
Binary file
tinymce/images/layouts/fourths.gif ADDED
Binary file
tinymce/images/layouts/half.gif ADDED
Binary file
tinymce/images/layouts/half_fourth_fourth.gif ADDED
Binary file
tinymce/images/layouts/sixth_fivesixths.gif ADDED
Binary file
tinymce/images/layouts/sixth_foursixths_sixth.gif ADDED
Binary file
tinymce/images/layouts/sixth_sixth_foursixths.gif ADDED
Binary file
tinymce/images/layouts/sixth_sixth_sixth_sixth_twosixths.gif ADDED
Binary file
tinymce/images/layouts/sixth_sixth_sixth_threesixths.gif ADDED
Binary file
tinymce/images/layouts/sixth_sixth_sixth_twosixths_sixth.gif ADDED
Binary file
tinymce/images/layouts/sixth_sixth_threesixths_sixth.gif ADDED
Binary file
tinymce/images/layouts/sixth_sixth_twosixths_sixth_sixth.gif ADDED
Binary file
tinymce/images/layouts/sixth_sixth_twosixths_twosixths.gif ADDED
Binary file
tinymce/images/layouts/sixth_threesixths_sixth_sixth.gif ADDED
Binary file
tinymce/images/layouts/sixth_twosixths_sixth_sixth_sixth.gif ADDED
Binary file
tinymce/images/layouts/sixth_twosixths_sixth_twosixths.gif ADDED
Binary file
tinymce/images/layouts/sixth_twosixths_threesixths.gif ADDED
Binary file
tinymce/images/layouts/sixth_twosixths_twosixths_sixth.gif ADDED
Binary file
tinymce/images/layouts/sixths.gif ADDED
Binary file
tinymce/images/layouts/third_twothirds.gif ADDED
Binary file
tinymce/images/layouts/thirds.gif ADDED
Binary file
tinymce/images/layouts/threefourths_fourth.gif ADDED
Binary file
tinymce/images/layouts/threesixths_sixth_sixth_sixth.gif ADDED
Binary file
tinymce/images/layouts/threesixths_sixth_twosixths.gif ADDED
Binary file
tinymce/images/layouts/threesixths_twosixths_sixth.gif ADDED
Binary file
tinymce/images/layouts/twosixths_sixth_sixth_sixth_sixth.gif ADDED
Binary file
tinymce/images/layouts/twosixths_sixth_sixth_twosixths.gif ADDED
Binary file
tinymce/images/layouts/twosixths_sixth_threesixths.gif ADDED
Binary file
tinymce/images/layouts/twosixths_sixth_twosixths_sixth.gif ADDED
Binary file
tinymce/images/layouts/twosixths_twosixths_sixth_sixth.gif ADDED
Binary file
tinymce/images/layouts/twothirds_third.gif ADDED
Binary file