summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--base.css173
-rw-r--r--js/fat.js83
-rw-r--r--templates/popup_footer_inc.tpl5
-rw-r--r--templates/popup_header_inc.tpl45
4 files changed, 234 insertions, 72 deletions
diff --git a/base.css b/base.css
index 620c7cf..5927578 100644
--- a/base.css
+++ b/base.css
@@ -1,19 +1,21 @@
-/* $Header: /cvsroot/bitweaver/_bit_themes/Attic/base.css,v 1.6 2005/10/12 15:13:55 spiderr Exp $ */
+/* $Header: /cvsroot/bitweaver/_bit_themes/Attic/base.css,v 1.7 2005/10/23 14:42:30 squareing Exp $ */
/* essential and basic css settings */
body {background:#fff; margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; padding:0; margin:0; width:100%;}
pre, code {font-family:monospace; font-size:12px; overflow:auto; text-align:left;}
#tikilayouttable {width:100%; padding:0; margin:0;}
-#bitleft {vertical-align:top; width:170px; overflow:hidden;}
-#bitright {vertical-align:top; width:170px;}
+#bitleft,
+#bitright {vertical-align:top; width:170px; overflow:hidden;}
#tikimain {vertical-align:top;}
#tikibottom {font:10px verdana,sans-serif; color:#999; text-align:center; clear:both;}
-.introduction,.description {text-align:justify;}
+.introduction,
+.description {text-align:justify;}
.norecords {font-weight:bold;}
.boxtitle {text-align:center;}
.boxtitle .icon {vertical-align:middle;}
.popup {background:#fff; width:250px; border:1px solid #000;}
-.icon,.icon:hover,a.icon,a.icon:hover {border:0px;}
+.icon,.icon:hover,
+a.icon,a.icon:hover {border:0px;}
.portrait,.avatar {float:right; padding:0 0 5px 5px;}
.menu .head {display:block; white-space:nowrap;}
.menu .item {display:block;}
@@ -30,101 +32,128 @@ span.actionicon {float:right;}
td.actionicon {text-align:right;}
.actionicon a,
.floaticon a {padding:0 3px;}
-.navbar,.comment,.footer {clear:both;}
-.date,.footer,.pagination,small {color:#999;}
+.navbar,
+.comment,
+.footer {clear:both;}
+.date,
+.footer,
+.pagination,
+small {color:#999;}
.panelsubmitrow {text-align:center;}
.pagination {text-align:center;}
.storage {float:right; clear:both;}
.clear {clear:both;}
- /*** forms ***/
-form,input,textarea,select{margin:0; padding:0;}
-form {display:inline;}
-textarea {width:100%;}
-.row {clear:both;}
-.formlabel {float:left; width:14em; text-align:right;}
-.forminput {margin-left:14.5em;}
-.formhelp {cursor:help;}
-.closebutton {position:absolute; top:1px; right:1px;}
-.submit {text-align:center; padding-bottom:10px;}
-.minifind {width:200px;}
-.error,.errorpage .boxtitle {color:#f00; font-weight:bold;}
-.warning {color:#f80;}
-.success {color:#090;}
-.fisheyeimage .boxcontent, .fisheyegallery .boxcontent,.image .boxcontent {text-align:center;}
- /* priorities */
+
+/*** forms ***/
+form {margin:0; padding:0;}
+textarea {width:100%;}
+.row {clear:both;}
+.formlabel {float:left; width:14em; text-align:right;}
+.forminput {margin-left:14.5em;}
+.formhelp {cursor:help;}
+.closebutton {position:absolute; top:1px; right:1px;}
+.submit {text-align:center; padding-bottom:10px;}
+.minifind {width:200px;}
+.error,
+.errorpage .boxtitle {color:#f00; font-weight:bold;}
+.warning {color:#f80;}
+.success {color:#090;}
+
+/* priorities */
.prio1 {background:#dfc !important;}
.prio2 {background:#efc !important;}
.prio3 {background:#ffc !important;}
.prio4 {background:#fec !important;}
.prio5 {background:#fdc !important;}
- /* annoyances and grievances */
-.module textarea {width:auto;}
-.comment .content {overflow:auto;}
- /* lists */
-ul,ol,dl {margin-top:0; margin-bottom:0;}
-.module ol,.module ul,.menu ul {margin:0; padding:0}
-.module ol li {margin:0 0 0 3em; padding:0;}
-.module ul li,.menu li,ul.toc li {list-style:none;}
-ul.toc ul {margin-left:1.5em; padding:0;}
-.navbar {height:2em;}
-.navbar ul {padding:0; margin:0; list-style:none;}
-.navbar ul li {float:left;}
-ul.data {margin:0; padding:0;}
-ul.data li.item {list-style:none; margin:0; padding:0;}
-ul.data li.item .thumb {float:right;}
-li.error,li.success,li.note,li.warning {list-style:none;}
-ul.toc li {list-style:none;}
-li.treenode {list-style:none; clear:both; border-top:1px solid #999;}
-ul.tree {margin:0;padding-left:20px;}
- /* structures */
+
+/* annoyances and grievances */
+.module textarea {width:auto;}
+.comment .content {overflow:auto;}
+
+/* lists */
+ul,ol,dl {margin-top:0; margin-bottom:0;}
+.module ol,
+.module ul,
+.menu ul {margin:0; padding:0}
+.module ol li {margin:0 0 0 3em; padding:0;}
+.module ul li,
+.menu li,
+ul.toc li {list-style:none;}
+ul.toc ul {margin-left:1.5em; padding:0;}
+.navbar {height:2em;}
+.navbar ul {padding:0; margin:0; list-style:none;}
+.navbar ul li {float:left;}
+
+ul.data {margin:0; padding:0;}
+ul.data li.item {list-style:none; margin:0; padding:0;}
+ul.data li.item .thumb {float:right;}
+li.error,li.success,
+li.note,li.warning {list-style:none;}
+ul.toc li {list-style:none;}
+li.treenode {list-style:none; clear:both; border-top:1px solid #999;}
+ul.tree {margin:0;padding-left:20px;}
+
+/* structures */
.structurebar {clear:both;}
.structurebar .path {display:block;}
.gallerybar .path {display:block;}
.navigation span {display:block; width:50%; float:left;}
.navigation .right {text-align:right;}
- /* css driven dropdown menus - horizontal */
+/* css driven dropdown menus - horizontal */
#nav,#nav a,#nav li ul {z-index:10000;}
.hor,.hor a,.hor li ul {z-index:1000;}
.ver,.ver a,.ver li ul {z-index:1000;}
-.hor,.hor ul {padding:0; margin:0; list-style:none;}
-.hor a {white-space:nowrap; display:block;}
-.hor li {width:auto;}
-.hor li li,.hor li ul {width:13em; display:block; text-align:left;}/*padding:0; margin:0; */
-.hor .head {width:auto; padding:0 0.5em;}
-.hor li {float:left; position:relative;}
-.hor li ul {position:absolute; left:-999em; background:#fff; border:1px solid #999;}
-.hor li ul ul {margin:-1.3em 0 0 13em;}
-.hor .icon {position:absolute; left:28px; top:2px; vertical-align:middle; margin-left:-26px;}
-.hor li li a {margin:0 0 0 2em;}
- /* css driven dropdown menus - vertical */
-.ver, .ver ul {padding:0; margin:0; list-style:none; float:left; width:13em;}
-.ver li {position:relative;}
-.ver li li {position:relative; float:left; width:13em;}
-.ver li ul {position:absolute; left:-999em; margin-left:11.05em; margin-top:-1.35em; background:#fff;}
-.ver li ul ul {left:-999em;}
-.ver li a {width:13em; w\idth:12em; display:block;}
- /* ieHover used as suckerfish class for MSIE hover support */
+.hor,.hor ul {padding:0; margin:0; list-style:none;}
+.hor a {white-space:nowrap; display:block;}
+.hor li {width:auto;}
+.hor li li,
+.hor li ul {width:13em; display:block; text-align:left;}
+.hor .head {width:auto; padding:0 0.5em;}
+.hor li {float:left; position:relative;}
+.hor li ul {position:absolute; left:-999em; background:#fff; border:1px solid #999;}
+.hor li ul ul {margin:-1.3em 0 0 13em;}
+.hor .icon {position:absolute; left:28px; top:2px; vertical-align:middle; margin-left:-26px;}
+.hor li li a {margin:0 0 0 2em;}
+
+/* css driven dropdown menus - vertical */
+.ver, .ver ul {padding:0; margin:0; list-style:none; float:left; width:13em;}
+.ver li {position:relative;}
+.ver li li {position:relative; float:left; width:13em;}
+.ver li ul {position:absolute; left:-999em; margin-left:11.05em; margin-top:-1.35em; background:#fff;}
+.ver li ul ul {left:-999em;}
+.ver li a {width:13em; w\idth:12em; display:block;}
+
+/* ieHover used as suckerfish class for MSIE hover support */
.hor li:hover ul ul, .hor li:hover ul ul ul, .hor li.ieHover ul ul, .hor li.ieHover ul ul ul,
.ver li:hover ul ul, .ver li:hover ul ul ul, .ver li.ieHover ul ul, .ver li.ieHover ul ul ul {left:-999em;}
.hor li:hover ul, .hor li li:hover ul, .hor li li li:hover ul, .hor li.ieHover ul, .hor li li.ieHover ul, .hor li li li.ieHover ul,
.ver li:hover ul, .ver li li:hover ul, .ver li li li:hover ul, .ver li.ieHover ul, .ver li li.ieHover ul, .ver li li li.ieHover ul {left:auto;}
- /* Support for MSIE select box hiding part of suckerfish */
+
+/* Support for MSIE select box hiding part of suckerfish */
.hor iframe,.ver iframe {position:absolute; left:0; top:0; z-index:-1; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}
- /* tabs */
+
+/* tabs */
.tabsystem .tabcontainer {margin:0; padding:0; border:0; clear:both;}
.tabsystem .tabcontainer ul,
.tabsystem .tabcontainer li {margin:0; padding:0; border:0; list-style-type:none; display:inline;}
.tabsystem .tabcontainer .tab,
.tabsystem .tabcontainer .tab-active {position:relative; display:inline; float:left; z-index:1; white-space:nowrap;}
-.tabsystem .tabpage {clear:both;}
-h4 {margin:0; padding:0;}
- /* these settings are still in motion... */
-a.external {background:transparent url("icons/external_link.png") no-repeat right; padding-right:1.3em;}
+.tabsystem .tabpage {clear:both;}
+h4 {margin:0; padding:0;}
+
+/* these settings are still in motion... */
+a.external {background:transparent url("icons/external_link.png") no-repeat right; padding-right:1.3em;}
-/* prob. doesn't belong here...*/
-.stickies textarea,.stickies input[type='text'] {background:#ffc;}
-.stickynote .boxtitle {border-bottom: 1px solid #dda;}
-.stickynote {background-color:#ffc; width:300px; padding:3px;}
+/* should we move these settings to individual packages? */
+.stickies textarea,
+.stickies input[type='text'] {background:#ffc;}
+.stickynote .boxtitle {border-bottom: 1px solid #dda;}
+.stickynote {background-color:#ffc; width:300px; padding:3px;}
.phpbb a:hover img {border:none}
.phpbb img {border:none}
+
+/* fisheye gallery specific stuff */
+.fisheyeimage .boxcontent,
+.fisheyegallery .boxcontent,
+.image .boxcontent {text-align:center;}
diff --git a/js/fat.js b/js/fat.js
new file mode 100644
index 0000000..7c6347f
--- /dev/null
+++ b/js/fat.js
@@ -0,0 +1,83 @@
+// @name The Fade Anything Technique
+// @namespace http://www.axentric.com/aside/fat/
+// @version 1.0-RC1
+// @author Adam Michela
+
+var Fat = {
+ make_hex : function (r,g,b) {
+ r = r.toString(16); if (r.length == 1) r = '0' + r;
+ g = g.toString(16); if (g.length == 1) g = '0' + g;
+ b = b.toString(16); if (b.length == 1) b = '0' + b;
+ return "#" + r + g + b;
+ },
+ fade_all : function () {
+ var a = document.getElementsByTagName("*");
+ for (var i = 0; i < a.length; i++)
+ {
+ var o = a[i];
+ var r = /fade-?(\w{3,6})?/.exec(o.className);
+ if (r)
+ {
+ if (!r[1]) r[1] = "";
+ if (o.id) Fat.fade_element(o.id,null,null,"#"+r[1]);
+ }
+ }
+ },
+ fade_element : function (id, fps, duration, from, to) {
+ if (!fps) fps = 30;
+ if (!duration) duration = 3000;
+ if (!from || from=="#") from = "#FFFF33";
+ if (!to) to = this.get_bgcolor(id);
+
+ var frames = Math.round(fps * (duration / 1000));
+ var interval = duration / frames;
+ var delay = interval;
+ var frame = 0;
+
+ if (from.length < 7) from += from.substr(1,3);
+ if (to.length < 7) to += to.substr(1,3);
+
+ var rf = parseInt(from.substr(1,2),16);
+ var gf = parseInt(from.substr(3,2),16);
+ var bf = parseInt(from.substr(5,2),16);
+ var rt = parseInt(to.substr(1,2),16);
+ var gt = parseInt(to.substr(3,2),16);
+ var bt = parseInt(to.substr(5,2),16);
+
+ var r,g,b,h;
+ while (frame < frames) {
+ r = Math.floor(rf * ((frames-frame)/frames) + rt * (frame/frames));
+ g = Math.floor(gf * ((frames-frame)/frames) + gt * (frame/frames));
+ b = Math.floor(bf * ((frames-frame)/frames) + bt * (frame/frames));
+ h = this.make_hex(r,g,b);
+
+ setTimeout("Fat.set_bgcolor('"+id+"','"+h+"')", delay);
+
+ frame++;
+ delay = interval * frame;
+ }
+ setTimeout("Fat.set_bgcolor('"+id+"','"+to+"')", delay);
+ },
+ set_bgcolor : function (id, c) {
+ var o = document.getElementById(id);
+ o.style.backgroundColor = c;
+ },
+ get_bgcolor : function (id) {
+ var o = document.getElementById(id);
+ while(o) {
+ var c;
+ if (window.getComputedStyle) c = window.getComputedStyle(o,null).getPropertyValue("background-color");
+ if (o.currentStyle) c = o.currentStyle.backgroundColor;
+ if ((c != "" && c != "transparent") || o.tagName == "BODY") { break; }
+ o = o.parentNode;
+ }
+ if (c == undefined || c == "" || c == "transparent") c = "#FFFFFF";
+ var rgb = c.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);
+ if (rgb) c = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));
+ return c;
+ }
+}
+
+window.onload = function () {
+ Fat.fade_all();
+}
diff --git a/templates/popup_footer_inc.tpl b/templates/popup_footer_inc.tpl
new file mode 100644
index 0000000..d499c8f
--- /dev/null
+++ b/templates/popup_footer_inc.tpl
@@ -0,0 +1,5 @@
+ </div><!-- end .body -->
+ </div><!-- end .attbrowser -->
+ </div><!-- end #attbrowser -->
+</body>
+</html>
diff --git a/templates/popup_header_inc.tpl b/templates/popup_header_inc.tpl
new file mode 100644
index 0000000..61affff
--- /dev/null
+++ b/templates/popup_header_inc.tpl
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <title>{tr}{$gPageTitle}{/tr}</title>
+
+ {if $smarty.request.site_style}
+ <link rel="stylesheet" title="{$style}" type="text/css" href="{$gBitSystem->getStyleCss($smarty.request.site_style)}" media="all" />
+ {/if}
+ {if $gBitSystem->mStyles.styleSheet}
+ <link rel="stylesheet" title="{$style}" type="text/css" href="{$gBitSystem->mStyles.styleSheet}" media="all" />
+ {/if}
+ {if $gBitSystem->mStyles.browserStyleSheet}
+ <link rel="stylesheet" title="{$style}" type="text/css" href="{$gBitSystem->mStyles.browserStyleSheet}" media="all" />
+ {/if}
+ {if $gBitSystem->mStyles.customStyleSheet}
+ <link rel="stylesheet" title="{$style}" type="text/css" href="{$gBitSystem->mStyles.custumStyleSheet}" media="all" />
+ {/if}
+ {foreach from=$gBitSystem->mStyles.altStyleSheets item=alt_path key=alt_name}
+ <link rel="alternate stylesheet" title="{$alt_name}" type="text/css" href="{$alt_path}" media="screen" />
+ {/foreach}
+
+ <script type="text/javascript" src="{$smarty.const.KERNEL_PKG_URL}bitweaver.js"></script>
+
+ {literal}
+ <script type="text/javascript"><!--
+ function returnAttachmentId(attachmentId) {
+ self.opener.document.getElementById("existing_attachment_id_input").value = attachmentId;
+ self.close();
+ }
+ --></script>
+ {/literal}
+
+ <!--[if gte IE 5.5000]>
+ <script type="text/javascript" src="{$smarty.const.THEMES_PKG_URL}js/pngfix.js"></script>
+ <![endif]-->
+
+</head>
+<body>
+ <div id="attbrowser">
+ <div class="display attbrowser">
+ <div class="header">
+ <h1>{$gPageTitle}</h1>
+ </div>
+
+ <div class="body">