caseadilla 0.0.10 → 0.0.11

data/app/assets/javascripts/caseadilla/wymeditor/skins/refine/skin.js

@@ -0,0 +1,42 @@
+WYMeditor.SKINS['default'] = {
+
+    init: function(wym) {
+
+        //render following sections as panels
+        jQuery(wym._box).find(wym._options.classesSelector)
+          .addClass("wym_panel");
+
+        //render following sections as buttons
+        jQuery(wym._box).find(wym._options.toolsSelector)
+          .addClass("wym_buttons");
+
+        //render following sections as dropdown menus
+        jQuery(wym._box).find(wym._options.containersSelector)
+          .addClass("wym_dropdown")
+          .find(WYMeditor.H2)
+          .append("<span>&#160;&gt;</span>");
+
+        // auto add some margin to the main area sides if left area
+        // or right area are not empty (if they contain sections)
+        jQuery(wym._box).find("div.wym_area_right ul")
+          .parents("div.wym_area_right").show()
+          .parents(wym._options.boxSelector)
+          .find("div.wym_area_main")
+          .css({"margin-right": "155px"});
+
+        jQuery(wym._box).find("div.wym_area_left ul")
+          .parents("div.wym_area_left").show()
+          .parents(wym._options.boxSelector)
+          .find("div.wym_area_main")
+          .css({"margin-left": "155px"});
+
+        //make hover work under IE < 7
+        jQuery(wym._box).find(".wym_section").hover(function(){
+          jQuery(this).addClass("hover");
+        },function(){
+          jQuery(this).removeClass("hover");
+        });
+
+    }
+};
+

data/app/assets/javascripts/caseadilla/wymeditor/skins/refine/wymiframe.css

@@ -0,0 +1,97 @@
+/*
+ * WYMeditor : what you see is What You Mean web-based editor
+ * Copyright (c) 2008 Jean-Francois Hovinne, http://www.wymeditor.org/
+ * Dual licensed under the MIT (MIT-license.txt)
+ * and GPL (GPL-license.txt) licenses.
+ *
+ * For further information visit:
+ *    http://www.wymeditor.org/
+ *
+ * File Name:
+ *    wymeditor.css
+ *    Main editor css file.
+ *    See the documentation for more info.
+ *
+ * File Authors:
+ *    Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+ *    Daniel Reszka (d.reszka a-t wymeditor dotorg)
+*/
+
+/* VISUAL FEEDBACK */
+
+/* basic */
+  body  { background: #fff;}
+
+/* make HTML blocs visible */
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  ul,
+  ol,
+  table,
+  blockquote,
+  pre       { background: transparent no-repeat 2px 2px;
+          padding:8px 5px 5px;
+          margin:6px 0px;
+          border: 1px dotted #cccccc;
+          }
+  td      { background: #F0F4F8; }
+  th      { background: #ffffcc; }
+  ul,
+  ol      { border-left:20px solid #B9C4D0; padding:0px 5px; }
+  caption     { background: #E4E4B0; padding: 5px; font-weight: bold; }
+  table     { font-size: 12px; width: 500px; }
+  td      { width: 25%; }
+  blockquote  { margin-left: 30px; }
+  pre       { background-color:transparent; border: 1px solid white; }
+
+/* Gecko min height fix */
+  p       { min-height: 1em; } /*min-height is needed under Firefox, because empty parargraphs */
+  *+html p    { min-height: auto; } /* but we have to remove it under IE7 because it triggers the 'haslayout' mode */
+  td      { height: 1.6em; }
+
+/* labels */
+  p     { background-image: url('images/iframe/lbl-p.png'); }
+  h1    { background-image: url('images/iframe/lbl-h1.png'); }
+  h2    { background-image: url('images/iframe/lbl-h2.png'); }
+  h3    { background-image: url('images/iframe/lbl-h3.png'); }
+  h4    { background-image: url('images/iframe/lbl-h4.png'); }
+  h5    { background-image: url('images/iframe/lbl-h5.png'); }
+  h6    { background-image: url('images/iframe/lbl-h6.png'); }
+  blockquote{ background-image: url('images/iframe/lbl-blockquote.png'); }
+  pre     { background-image: url('images/iframe/lbl-pre.png'); }
+
+/* specific HTML elements */
+	caption	 { text-align: left; }
+	img		 { margin-right: 5px;
+				border: 1px solid transparent; }
+	a img	 { border: 1px dotted blue !important; }
+	acronym	 { border: 1px solid gray; }
+
+/* visual feedback for non-valid nesting of elements*/
+  h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address,
+  h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address,
+  h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address,
+  h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address,
+  h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address,
+  h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address,
+  p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address,
+  pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address,
+  address h1, address h2, address h3, address h4, address h5, address h6,
+  address p, address pre, address address
+  { background-color: #ff9999 !important;
+  border: 1px solid red !important;
+  font-size: 12px !important;
+  font-weight: normal; }
+
+/* indicate invalid text area fields */
+  body.fieldWithErrors { background-color: #ffecf0 !important; }
+
+  img.selected_by_wym {
+    border: 1px dashed #22a7f2;
+  }
+

data/app/assets/javascripts/caseadilla/wymeditor/skins/seamless/skin.css

@@ -0,0 +1,306 @@
+/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
+.wym_skin_seamless p,
+.wym_skin_seamless h2,
+.wym_skin_seamless h3,
+.wym_skin_seamless ul,
+.wym_skin_seamless li {
+    background: transparent url();
+    margin: 0;
+    padding: 0;
+    border-width: 0;
+    list-style: none;
+}
+
+/*HIDDEN BY DEFAULT*/
+.wym_skin_seamless .wym_area_left {
+    display: none;
+}
+.wym_skin_seamless .wym_area_right {
+    display: block;
+}
+
+/*TYPOGRAPHY*/
+.wym_skin_seamless {
+    font-size: 62.5%;
+    font-family: Verdana, Arial, sans-serif;
+}
+.wym_skin_seamless h2 {
+    font-size: 110%; /* = 11px */
+}
+.wym_skin_seamless h3 {
+    font-size: 100%; /* = 10px */
+}
+.wym_skin_seamless li {
+    font-size: 100%; /* = 10px */
+}
+
+/*WYM_BOX*/
+.wym_box {
+    margin:   0;
+    overflow: visible;
+    width:    98%;
+}
+.wym_skin_seamless {
+    border-style: none;
+    padding: 1px;
+}
+
+/*WYM_HTML*/
+.wym_skin_seamless .wym_html {
+    width: 98%;
+}
+.wym_skin_seamless .wym_html textarea {
+    width: 100%;
+    height: 200px;
+    border: 1px solid gray;
+    background: white;
+}
+
+/* Top controls */
+.wym_skin_seamless .wym_area_top {
+    width: 802px;
+    margin-left: auto;
+    margin-right: auto;
+    height: 24px;
+}
+.wym_skin_seamless .wym_area_top_affix_placeholder {
+    margin: 0px;
+    padding: 0px;
+}
+.wym_skin_seamless .affix {
+    position: fixed;
+    top: 0px;
+    width: 100%;
+    background: white;
+}
+
+/*WYM_IFRAME*/
+.wym_skin_seamless .wym_iframe {
+    width: 802px;
+    margin-left: auto;
+    margin-right: auto;
+}
+.wym_skin_seamless .wym_iframe iframe {
+    width: 100%;
+    /* Don't set a height. That will be dynamic based on the content. */
+    border-style: none;
+    background: white;
+    display: block;
+    vertical-align: bottom;
+}
+
+/*AREAS*/
+.wym_skin_seamless .wym_area_left {
+    width: 150px;
+    float: left;
+}
+.wym_skin_seamless .wym_area_right {
+    width: 150px;
+    float: right;
+}
+.wym_skin_seamless .wym_area_bottom {
+    height: 1%;
+    clear: both;
+}
+
+/*SECTIONS SYSTEM*/
+/*common defaults for all sections*/
+.wym_skin_seamless .wym_section {
+    margin-bottom: 5px;
+}
+.wym_skin_seamless .wym_section h2,
+.wym_skin_seamless .wym_section h3 {
+    padding: 1px 3px;
+    margin: 0;
+}
+.wym_skin_seamless .wym_section a {
+    display: block;
+    text-decoration: none;
+    color: black;
+}
+.wym_skin_seamless .wym_section a:hover {
+    background-color: yellow;
+}
+/*hide section titles by default*/
+.wym_skin_seamless .wym_section h2 {
+    display: none;
+}
+/*disable any margin-collapse*/
+.wym_skin_seamless .wym_section {
+    padding-top: 1px;
+    padding-bottom: 1px;
+}
+
+/*option: add this class to a section to make it render as a panel*/
+.wym_skin_seamless .wym_panel {
+}
+.wym_skin_seamless .wym_panel h2 {
+    display: block;
+}
+
+/*option: add this class to a section to make it render as a dropdown menu*/
+.wym_skin_seamless .wym_dropdown {
+    padding: 0;
+    background: #ddd;
+    border: solid gray;
+    margin-right: 10px;
+    width: 110px;
+    float: left;
+    border-width: 1px 1px 1px 1px;
+}
+.wym_skin_seamless .wym_dropdown h2 {
+    display: block;
+    font-size: 2.0em;
+    line-height: 20px;
+}
+.wym_skin_seamless .wym_dropdown ul {
+    display: none;
+    position: absolute;
+    background: white;
+    font-size: 1.7em;
+    /* If there's a top margin, we hit a gap and break the hover
+     * when scrolling down */
+    margin-top: 0px;
+    margin-left: -1px;
+    padding: 5px 10px 5px 3px;
+}
+.wym_skin_seamless .wym_dropdown:hover ul,
+.wym_skin_seamless .wym_dropdown.hover ul {
+    display: block;
+}
+.wym_skin_seamless .wym_dropdown li {
+    width: 120px;
+}
+
+/* option: add this class to a section to make its elements render buttons
+   (icons are only available for the wym_tools section for now)
+ */
+.wym_skin_seamless .wym_buttons {
+    margin-right: 5px;
+    float: left;
+}
+.wym_skin_seamless .wym_buttons li {
+    float:left;
+}
+.wym_skin_seamless .wym_buttons a {
+    width: 20px;
+    height: 20px;
+    overflow: hidden;
+    padding: 2px;
+}
+/*image replacements*/
+.wym_skin_seamless .wym_buttons li a {
+    background: url(icons.png) no-repeat;
+    text-indent: -9999px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_strong a {
+    background-position: 0 -382px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_emphasis a {
+    background-position: 0 -22px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_superscript a {
+    background-position: 0 -430px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_subscript a {
+    background-position: 0 -454px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_ordered_list a {
+    background-position: 0 -48px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_unordered_list a {
+    background-position: 0 -72px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_indent a {
+    background-position: 0 -574px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_outdent a {
+    background-position: 0 -598px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_undo a {
+    background-position: 0 -502px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_redo a {
+    background-position: 0 -526px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_link a {
+    background-position: 0 -96px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_unlink a {
+    background-position: 0 -168px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_image a {
+    background-position: 0 -121px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_table a {
+    background-position: 0 -144px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_paste a {
+    background-position: 0 -552px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_html a {
+    background-position: 0 -193px;
+}
+.wym_skin_seamless .wym_buttons li.wym_tools_preview a {
+    background-position: 0 -408px;
+}
+
+/*DECORATION*/
+.wym_skin_seamless .wym_panel {
+    padding: 0;
+    border: solid gray;
+    border-width: 1px;
+    background: white;
+}
+.wym_skin_seamless .wym_panel ul {
+    margin: 2px 0 5px;
+}
+
+/*DIALOGS*/
+.wym_dialog div.row {
+    margin-bottom: 5px;
+}
+.wym_dialog div.row input {
+    margin-right: 5px;
+}
+.wym_dialog div.row label {
+    float: left;
+    width: 120px;
+    display: block;
+    text-align: right;
+    margin-right: 10px;
+}
+.wym_dialog div.row-indent {
+    padding-left: 160px;
+}
+/*autoclearing*/
+.wym_dialog div.row:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+}
+.wym_dialog div.row {
+    display: inline-block;
+}
+/* Hides from IE-mac \*/
+* html .wym_dialog div.row {
+    height: 1%;
+}
+.wym_dialog div.row {
+    display: block;
+}
+/* End hide from IE-mac */
+
+/*WYMEDITOR_LINK*/
+a.wym_wymeditor_link {
+    text-indent: -9999px;
+    float: right;
+    display: block;
+    width: 50px;
+    height: 15px;
+    background: url(../wymeditor_icon.png);
+    overflow: hidden;
+    text-decoration: none;
+}