diff options
| -rw-r--r-- | base.css | 173 | ||||
| -rw-r--r-- | js/fat.js | 83 | ||||
| -rw-r--r-- | templates/popup_footer_inc.tpl | 5 | ||||
| -rw-r--r-- | templates/popup_header_inc.tpl | 45 |
4 files changed, 234 insertions, 72 deletions
@@ -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">
|
