compages 0.4.0

data/public/robots.txt

@@ -0,0 +1 @@
+# See http://www.robotstxt.org/wc/norobots.html for documentation on how to use the robots.txt file

data/public/stylesheets/compages.css

@@ -0,0 +1,196 @@
+body {
+  background: #B7BCC3 url(/images/body_bg_short.gif) repeat-x;
+  font-family: 'verdana', 'tahoma', sans-serif;
+  font-family: georgia, serif;
+  font-size: 12pt;
+  text-align: left;
+  color: black;
+}
+h1, h2, h3 {
+  font-weight: normal;
+  text-align: center;
+  margin: 0px;
+  padding:0px;
+}
+
+input {
+  font-family: georgia, serif;
+  border: none;
+  background-color:white;
+  margin-right: 5px;
+  text-decoration: underline;
+  cursor:pointer;
+}
+input:hover {
+  font-family: georgia, serif;
+  border: none;
+  background-color:#ffffaa;
+  margin-right: 5px;
+}
+
+form {
+  display:inline;
+}
+
+a {
+  color:black;
+  text-decoration: underline;
+}
+a:hover {
+  background: #ffffaa;
+}
+/*************** journal layout ************/
+.main_title {
+  font-size:70pt;
+  font-family: georgia, serif;
+  margin-bottom: -5px;
+  margin-top: 0px;
+  padding-top:0px;
+}
+.subtitle {
+  border: 1px solid black;
+  border-width: 1px 0;
+  margin:  0 ;
+  text-transform: uppercase;
+  text-align: center;
+  padding-right:2.7em;
+}
+.subtitle .left{
+  float:left;
+  /*position: absolute;*/
+}
+
+.subtitle a{
+  text-decoration: none;
+  color: black;
+}
+
+.column{
+  vertical-align:top;
+  /*float:left;*/
+  text-align: left;
+  padding: 0px;
+  width: 313px;
+  display:table-cell;
+}
+.lborder {
+  border-left: 1px solid black;
+}
+.rborder {
+  border-right: 1px solid black;
+}
+.column p{
+  text-align: justify;
+  margin-bottom: 0px;
+  margin-top:5px;
+}
+.column em{
+  background: #ffffaa;
+  font-style:normal;
+}
+.column ol li{
+  margin:1ex;
+  background-color:white;
+}
+
+.column h2{
+  text-align: center;
+  margin: 5px 1em 0px 1em;
+  font-family: Impact, sans-serif;
+  font-weight: lighter;
+  letter-spacing: 2px;
+  color:darkblue;
+  padding-bottom: 5px;
+  border-bottom: 1px black solid;
+}
+
+.column .signature{
+  text-align: right;
+  font-weight: bold;
+}
+.wide_column{
+  /*width: 647px;*/
+}
+.wide_column h1{
+  font-size:40px;
+  font-weight: lighter;
+}
+
+
+.right_column {
+/*  border-left: 1px solid black; */
+  padding-left: 10px;
+/*  float:right;*/
+}
+.right_column h2{
+  color:darkred;
+}
+
+.left_column {
+  padding-right: 10px;
+}
+/*************** wrapper *******************/
+#wrapper {
+  margin: 100px auto;
+  width: 687px;
+  text-align: justify;
+  padding:0;
+}
+#journal-page {
+  background: white;
+  width: 647px;
+  margin-bottom: 0px;
+  padding: 20px;
+  /*min-height:170px;*/
+  overflow:hidden;
+}
+#journal-shadow {
+  background: url(/images/journal_reflex.gif) repeat-x top left; 
+  width: 687px; 
+  margin-top: 0px; 
+  padding-top: 25px;
+  font-size: xx-small;
+  color: grey;
+  text-align: center;
+}
+
+/*************** page_listed ***************/
+.page_listed {
+  /* 
+  border: 1px solid lightgrey;
+  margin: 5px 0;
+  padding:5px;
+  */
+  margin-bottom: 10px;
+  text-align: left;
+}
+
+.page_listed .title {
+
+}
+
+.page_listed .edit_title {
+  position: relative;
+  left:-12ex;
+  font-size:x-small;
+  margin-left:10px;
+  float: left;
+}
+.page_listed .actions {
+  font-size: x-small;
+  color: grey;
+}
+
+/*************** general *******************/
+
+p.align_right {
+  text-align: right;
+}
+
+.clear {
+  border: 1px solid black;
+  border-width: 0;
+  clear: both;
+  height: 0px;
+  font-size:0px;
+}

data/public/stylesheets/editing.css

@@ -0,0 +1,180 @@
+body {
+	padding:0;
+	margin:0;
+}
+.dragging {
+/*  outline: 3px solid #ffffaa; */
+  margin:0;
+  padding:0;
+  background: #ffffaa;
+  opacity: 0.7;
+}
+
+/******************************** AREAS & ELEMENTS ****************************/
+.compages_area, .compages_element {
+  border:none;
+  padding:2px !important;
+  margin:0 !important;
+  cursor:move !important;
+  z-index: 100 !important;
+}
+
+.compages_element a{
+  cursor:move !important;
+}
+.compages_element:hover{
+  outline: dotted 1px black !important;
+}
+/********************************** RESTORE BAR *******************************/
+#compages #restore_bar {
+  padding: 8px 12px 12px 3px;
+  position: absolute;
+  background: white;
+  left: 45%;
+  top: 45%;
+  height: 100px !important;
+  width: 161px !important;
+  color:black;
+	font-family: georgia, serif;
+  background: url('/images/restore_bar.png') no-repeat 7px 4px;
+  text-align:center;
+  z-index: 500;
+}
+.drag_handle {
+  position:relative;
+  cursor:move;
+  color:lightgrey;
+  padding:0 !important;
+  margin:0 !important;
+}
+#restore_bar a {
+  margin:0 !important;
+  z-index: 500 !important;
+}
+#remove_element {
+  color:red !important;
+  cursor:pointer;
+}
+/********************************* BASE ***************************************/
+#compages {
+  font-family: georgia, serif;
+	color: black;
+	font-size: 12pt;
+	z-index: 1500;
+}
+#compages div {	z-index: 1500; }
+#compages a {
+  color:black;
+  text-decoration: none;
+	margin: 0;
+	letter-spacing: normal;
+	text-decoration: none;
+	font-weight: normal;
+	border: none;
+	color: black;
+}
+
+#compages a:hover {
+  background: #ffffaa;
+}
+#compages .menu a {
+  margin: 0 2em;
+  white-space: nowrap;
+}
+#compages img {
+	border: 0;
+}
+
+#compages h1, #compages h2{
+  font-size:14pt;
+  margin:0 0 10px 0;
+  font-family: georgia, serif;
+	color: black;
+}
+
+/******************************** STRUCTURE ***********************************/
+#compages #hide_bar {
+  margin:auto;
+  margin-bottom: 5px;
+  text-align: center;
+  font-size:small;
+}
+
+#compages #compages_bar_wrapper {
+	position: absolute;
+	top: 0;
+	left: 0;
+	margin: 0;
+  background: url('/images/page_edit_shadow.png') repeat-x bottom;
+	width: 100%;
+	padding: 0 0 27px 0;
+}
+
+#compages #options_bar {
+  background:white;
+  padding: 0;
+  margin: 0;
+  position:relative;
+  top:0;
+}
+#compages #options_bar div{
+  background:white;
+}
+#compages #options_bar .menu {
+	list-style: none;
+	margin: 0;
+	padding:0;
+	text-align: center;
+	background-color: white;
+	border: 1px solid black;
+  border-width: 1px 0;
+}
+
+#compages #widgets {
+  background:#fff;
+  z-index:1501;
+  margin:0;
+  padding-bottom:10px;
+  width:100%;
+}
+#compages #options_bar ul li {
+	display:inline;
+	margin: 0;
+	padding: 0;
+}
+
+#compages #options_bar small a { display: inline; }
+
+/******************************* WIDGETS **************************************/
+#compages .clear { clear:both; }
+#compages .widget { 
+  text-align:center;
+  margin-top:5px;
+}
+#compages .widget table{
+  margin:auto;
+  display:block;
+  text-align:center;
+}
+#compages .widget table td{ 
+  width:30%;
+  text-align:right;
+}
+
+#compages #widget_instructions p {
+  margin-bottom:0.8em;
+}
+#compages #widget_instructions {
+  text-align: center;
+  padding:0 20px;
+}
+
+/************************************ WRITING *********************************/
+
+#compages #write_widget #write_area textarea{
+  height: 5em;
+  padding:0;
+  margin:0;
+}
+
+/************************************ LIBRARY *********************************/

data/public/stylesheets/editing_ie_filth.css

@@ -0,0 +1,36 @@
+table, tbody, tr, td, th {
+  position: relative;
+}
+#compages_bar #options_bar { 
+  background:white;
+  margin:0;
+  padding:0;
+}
+#compages #compages_bar_wrapper {
+  width:100%;
+  background: none;
+  padding:0;
+  padding-top:6px;
+  margin:0;
+  position:relative;
+  top:-8px;
+}
+#compages #ie_shadow {
+  width:100%;
+  height:27px;
+  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/ie_shadow.png', sizingMethod='scale');
+}
+#compages #widgets {
+  padding-bottom:0;
+}
+#compages #restore_bar {
+  background:none;
+  top: 100px;
+  left: 200px;
+}
+#restore_bar_ie {
+  width: 161px;
+  height: 100px;
+  padding-top: 8px;
+	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, src='/images/restore_bar.png', sizingMethod='fit'); 
+}

data/public/themes/Doc_basic/_script.js

@@ -0,0 +1,342 @@
+/* including:ecds_script */var isNav4, isNav6, isIE4;
+
+/*
+ * Browser version snooper; determines your browser
+ * (Navigator 4, Navigator 6, or Internet Explorer 4/5)
+ */
+function setBrowser()
+{
+    if (navigator.appVersion.charAt(0) == "4")
+    {
+        if (navigator.appName.indexOf("Explorer") >= 0)
+        {
+            isIE4 = true;
+        }
+        else
+        {
+            isNav4 = true;
+        }
+    }
+    else if (navigator.appVersion.charAt(0) > "4")
+    {
+        isNav6 = true;
+    }
+}
+
+/*
+ *
+ * Given a selector string, return a style object
+ * by searching through stylesheets. Return null if
+ * none found
+ *
+ */
+function getStyleBySelector( selector )
+{
+    if (!isNav6)
+    {
+        return null;
+    }
+    var sheetList = document.styleSheets;
+    var ruleList;
+    var i, j;
+
+    /* look through stylesheets in reverse order that
+       they appear in the document */
+    for (i=sheetList.length-1; i >= 0; i--)
+    {
+        ruleList = sheetList[i].cssRules;
+        for (j=0; j<ruleList.length; j++)
+        {
+            if (ruleList[j].type == CSSRule.STYLE_RULE &&
+                ruleList[j].selectorText == selector)
+            {
+                return ruleList[j].style;
+            }   
+        }
+    }
+    return null;
+}
+
+/*
+ *
+ * Given an id and a property (as strings), return
+ * the given property of that id.  Navigator 6 will
+ * first look for the property in a tag; if not found,
+ * it will look through the stylesheet.
+ *
+ * Note: do not precede the id with a # -- it will be
+ * appended when searching the stylesheets
+ *
+ */
+function getIdProperty( id, property )
+{
+    if (isNav6)
+    {
+        var styleObject = document.getElementById( id );
+        if (styleObject != null)
+        {
+            styleObject = styleObject.style;
+            if (styleObject[property])
+            {
+                return styleObject[ property ];
+            }
+        }
+        styleObject = getStyleBySelector( "#" + id );
+        return (styleObject != null) ?
+            styleObject[property] :
+            null;
+    }
+    else if (isNav4)
+    {
+        return document[id][property];
+    }
+    else
+    {
+        return document.all[id].style[property];
+    }
+}
+
+/*
+ *
+ * Given an id and a property (as strings), set
+ * the given property of that id to the value provided.
+ *
+ * The property is set directly on the tag, not in the
+ * stylesheet.
+ *
+ */
+function setIdProperty( id, property, value )
+{
+    if (isNav6)
+    {
+        var styleObject = document.getElementById( id );
+        if (styleObject != null)
+        {
+            styleObject = styleObject.style;
+            styleObject[ property ] = value;
+        }
+        
+        /*
+		styleObject = getStyleBySelector( "#" + id );
+        if (styleObject != null)
+        {
+            styleObject[property] = value;
+        }
+		*/
+    }
+    else if (isNav4)
+    {
+        document[id][property] = value;
+    }
+    else if (isIE4)
+    {
+         document.all[id].style[property] = value;
+    }
+}
+
+/*
+ *
+ * Move a given id.  If additive is true,
+ * then move it by xValue dots horizontally and
+ * yValue units vertically.  If additive is
+ * false, then move it to (xValue, yValue)
+ *
+ * Note: do not precede the id with a # -- it will be
+ * appended when searching the stylesheets
+ *
+ * Note also: length units are preserved in Navigator 6
+ * and Internet Explorer. That is, if left is 2cm and
+ * top is 3cm, and you move to (4, 5), the left will
+ * become 4cm and the top 5cm.
+ *
+ */
+function generic_move( id, xValue, yValue, additive )
+{
+    var left = getIdProperty(id, "left");
+    var top = getIdProperty(id, "top");
+    var leftMatch, topMatch;
+
+    if (isNav4)
+    {
+        leftMatch = new Array( 0, left, "");
+        topMatch = new Array( 0, top, "");
+    }
+    else if (isNav6 || isIE4 )
+    {
+        var splitexp = /([-0-9.]+)(\w+)/;
+        leftMatch = splitexp.exec( left );
+        topMatch = splitexp.exec( top );
+        if (leftMatch == null || topMatch == null)
+        {
+            leftMatch = new Array(0, 0, "px");
+            topMatch = new Array(0, 0, "px");
+        }
+    }
+    left = ((additive) ? parseFloat( leftMatch[1] ) : 0) + xValue;
+    top = ((additive) ? parseFloat( topMatch[1] ) : 0) + yValue;
+    setIdProperty( id, "left", left + leftMatch[2] );
+    setIdProperty( id, "top", top + topMatch[2] );
+}
+
+/*
+ *
+ * Move a given id to position (xValue, yValue)
+ *
+ */
+function moveTo( id, x, y )
+{
+    generic_move( id, x, y, false );
+}
+
+/*
+ *
+ * Move a given id to (currentX + xValue, currentY + yValue)
+ *
+ */
+function moveBy( id, x, y)
+{
+    generic_move( id, x, y, true );
+}
+
+/*
+ *
+ * Function used when converting rgb format colors
+ * from Navigator 6 to a hex format
+ *
+ */ 
+function hex( n )
+{
+    var hexdigits = "0123456789abcdef";
+    return ( hexdigits.charAt(n >> 4) + hexdigits.charAt(n & 0x0f) );
+}
+
+/*
+ *
+ * Retrieve background color for a given id.
+ * The value returned will be in hex format (#rrggbb)
+ *
+ */ 
+function getBackgroundColor( id )
+{
+    var color;
+
+    if (isNav4)
+    {
+        color = document[id].bgColor;
+    }
+    else if (isNav6)
+    {
+        var parseExp = /rgb.(\d+),(\d+),(\d+)./;
+        var rgbvals;
+        color = getIdProperty( id, "backgroundColor" );
+        if (color)
+        {
+            rgbvals = parseExp.exec( color );
+            if (rgbvals)
+            {
+                color = "#" + hex( rgbvals[1] ) + hex( rgbvals[2] ) +
+                    hex( rgbvals[3] );
+            }
+        }
+        return color;
+    }
+    else if (isIE4)
+    {
+        return document.all[id].backgroundColor;
+    }
+    return "";
+}
+
+/*
+ *
+ * Return a division's document
+ * 
+ */
+function getDocument( divName )
+{
+    var doc;
+
+    if (isNav4)
+    {
+        doc = window.document[divName].document;
+    }
+    else if (isNav6)
+    {
+        doc = document;
+    }
+    else if (isIE4)
+    {
+        doc = document;
+    }
+    return doc;
+}
+
+function mgtChangeVis(id, vmode){
+  theNode = document.getElementById( id);
+  if (theNode){
+     setIdProperty( id, "display", vmode );
+          }
+}
+
+function mgtSetVisible(id, force){
+  theNode = document.getElementById( id);
+  if (theNode){
+     if (force == 1){
+        if (mgtsticknote != id){
+         //alert ('setting invisible '+id);
+         mgtSetInvisible(mgtsticknote, 1);
+         mgtsticknote = id;
+         setIdProperty( id, "display", "block" );
+        }
+        else {
+          mgtSetInvisible(id, 1);
+        }
+     }
+     else {
+        setIdProperty( id, "display", "block" );
+     }
+  }
+}
+
+function mgtSetInvisible(id, force){
+  theNode = document.getElementById( id);
+  if (theNode){
+     if (mgtsticknote != id || force == 1){
+     //alert ('setting invisible '+id);
+     setIdProperty( id, "display", "none" );
+     if (force == 1){
+          //alert ('forcing invisible '+id);
+       mgtsticknote = null;
+       }
+     }
+  }
+}
+
+setBrowser();
+mgtsticknote = 0;
+
+function mgtSetIframe (perc, opt) {
+  var iframe=document.getElementById("ecdsiframe");
+  var theDiv=iframe.parentNode;
+  if (opt == "win") {
+    if (window.innerHeight) {
+      var innerH=window.innerHeight;
+      var heightVal=(innerH/100)*perc;
+      iframe.height=heightVal;
+    }
+    if (!window.innerHeight && window.screen.availHeight) {
+      var innerH=window.screen.availHeight;
+      var heightVal=(innerH/100)*perc;
+      iframe.height=heightVal;
+    } 
+    if (!document.body.clientHeight && document.documentElement.clientHeight) {
+      var innerH=document.documentElement.clientHeight;
+      var heightVal=(innerH/100)*perc;
+      iframe.height=heightVal;
+    }
+  }
+  if (opt == "div") {
+    iframe.height=theDiv.offsetHeight;
+    iframe.width=theDiv.offsetWidth;
+  }
+}