diff options
22 files changed, 362 insertions, 77 deletions
diff --git a/site-media/css/style.css b/site-media/css/style.css new file mode 100644 index 0000000..eda5777 --- /dev/null +++ b/site-media/css/style.css @@ -0,0 +1,35 @@ +html { height: 100%; margin: 0; padding: 0;} +body { font: 61.8% "Trebuchet MS", sans-serif; width: 70%; height: 100%; margin:0;padding:0;} +div#container { position: relative; height:auto !important; height:100%; min-height:100%; margin: 0 auto; margin-left: 50px;} +label { display:block; } +#modal-dialog { font-size: 110%; } +#modal-dialog input.text textarea { margin-bottom:12px; width:95%; padding: .4em; } +#modal-dialog fieldset { padding:0; border:0; margin-top:25px; } +div#footer { font: 100% "Trebuchet MS", sans-serif; border-top: 1px solid #CECECE; position: absolute; bottom: 0; width: 100%; padding-bottom: 50px;} +div#footer ul { margin-right: 50px; list-style: none; padding: 0; margin: 0; } +div#footer li { float: left; margin: 0 0.15em} +.navlist ul { list-style: none; padding: 0; margin: 0; } +.navlist li { float: right; display: inline; margin: 0 0.15em; } +.description { inherit: none; margin-bottom: 10px;} +div#headline{ font: 300% "Trebuchet MS", sans-serif; margin-bottom: 20px;} +div.toolbar{ padding: 4px; float: right; margin-right: 10px; margin-top: 6px; margin-bottom: 20px;} +div#left { float: left; width: 30%; padding-left: 5px; } +div#right { float: right; width: 65%; padding-left: 20px; border-left: 1px solid #CECECE; } +div#related { position: absolute; bottom: 30%; } +ul.links { list-style: none inside; padding: 0; margin: 0; } +li.links { padding: 0; margin: 0; } +div#tree { padding-bottom: 50px;} +#linklist { float: right; margin-right: 50px; } +#linklist ul{ list-style: none; padding: 0; margin: 0; } +#linklist li{ float: left; margin: 0 0.15em} +#linklist a{ font: 120% "Trebuchet MS", sans-serif; } +a { text-decoration: none; } +a:hover { text-decoration: underline; } +.clear { clear: both; } +div#content { } +div#main{ font: 100% "Trebuchet MS", sans-serif; width:95%; height:auto !important; height:100%; min-height: 100%;} +.code{font: 110% "Courier", fixed} +.infopanel { padding-left: 10px; padding-bottom: 10px;} +.infopanel label { display:block; } +div .hidden {visibility:hidden;} +.listheader { padding-left: 20px; }
\ No newline at end of file diff --git a/site-media/js/themes/apple/bg.jpg b/site-media/js/themes/apple/bg.jpg Binary files differnew file mode 100644 index 0000000..3aad05d --- /dev/null +++ b/site-media/js/themes/apple/bg.jpg diff --git a/site-media/js/themes/apple/d.png b/site-media/js/themes/apple/d.png Binary files differnew file mode 100644 index 0000000..2463ba6 --- /dev/null +++ b/site-media/js/themes/apple/d.png diff --git a/site-media/js/themes/apple/dot_for_ie.gif b/site-media/js/themes/apple/dot_for_ie.gif Binary files differnew file mode 100644 index 0000000..c0cc5fd --- /dev/null +++ b/site-media/js/themes/apple/dot_for_ie.gif diff --git a/site-media/js/themes/apple/style.css b/site-media/js/themes/apple/style.css new file mode 100644 index 0000000..8f1b3de --- /dev/null +++ b/site-media/js/themes/apple/style.css @@ -0,0 +1,60 @@ +/*
+ * jsTree apple theme 1.0
+ * Supported features: dots/no-dots, icons/no-icons, focused, loading
+ * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
+ */
+
+.jstree-apple > ul { background:url("bg.jpg") left top repeat; }
+.jstree-apple li,
+.jstree-apple ins { background-image:url("d.png"); background-repeat:no-repeat; background-color:transparent; }
+.jstree-apple li { background-position:-90px 0; background-repeat:repeat-y; }
+.jstree-apple li.jstree-last { background:transparent; }
+.jstree-apple .jstree-open > ins { background-position:-72px 0; }
+.jstree-apple .jstree-closed > ins { background-position:-54px 0; }
+.jstree-apple .jstree-leaf > ins { background-position:-36px 0; }
+
+.jstree-apple a { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-shadow:1px 1px 1px white; }
+.jstree-apple .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 3px 0 1px; text-shadow:1px 1px 1px silver; }
+.jstree-apple .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 3px 0 1px; }
+.jstree-apple a .jstree-icon { background-position:-56px -20px; }
+.jstree-apple a.jstree-loading .jstree-icon { background:url("throbber.gif") center center no-repeat !important; }
+
+.jstree-apple.jstree-focused { background:white; }
+
+.jstree-apple .jstree-no-dots li,
+.jstree-apple .jstree-no-dots .jstree-leaf > ins { background:transparent; }
+.jstree-apple .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
+.jstree-apple .jstree-no-dots .jstree-closed > ins { background-position:0 0; }
+
+.jstree-apple .jstree-no-icons a .jstree-icon { display:none; }
+
+.jstree-apple .jstree-search { font-style:italic; }
+
+.jstree-apple .jstree-no-icons .jstree-checkbox { display:inline-block; }
+.jstree-apple .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
+.jstree-apple .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
+.jstree-apple .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
+.jstree-apple .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
+.jstree-apple .jstree-checked > a > .checkbox:hover { background-position:-38px -37px; }
+.jstree-apple .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
+.jstree-apple .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }
+
+#vakata-dragged.jstree-apple ins { background:transparent !important; }
+#vakata-dragged.jstree-apple .jstree-ok { background:url("d.png") -2px -53px no-repeat !important; }
+#vakata-dragged.jstree-apple .jstree-invalid { background:url("d.png") -18px -53px no-repeat !important; }
+#jstree-marker.jstree-apple { background:url("d.png") -41px -57px no-repeat !important; }
+
+.jstree-apple a.jstree-search { color:aqua; }
+
+#vakata-contextmenu.jstree-apple-context,
+#vakata-contextmenu.jstree-apple-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
+#vakata-contextmenu.jstree-apple-context li { }
+#vakata-contextmenu.jstree-apple-context a { color:black; }
+#vakata-contextmenu.jstree-apple-context a:hover,
+#vakata-contextmenu.jstree-apple-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
+#vakata-contextmenu.jstree-apple-context li.jstree-contextmenu-disabled a,
+#vakata-contextmenu.jstree-apple-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
+#vakata-contextmenu.jstree-apple-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
+#vakata-contextmenu.jstree-apple-context li ul { margin-left:-4px; }
+
+/* TODO: IE6 support - the `>` selectors */
\ No newline at end of file diff --git a/site-media/js/themes/apple/throbber.gif b/site-media/js/themes/apple/throbber.gif Binary files differnew file mode 100644 index 0000000..5b33f7e --- /dev/null +++ b/site-media/js/themes/apple/throbber.gif diff --git a/site-media/js/themes/classic/d.png b/site-media/js/themes/classic/d.png Binary files differnew file mode 100644 index 0000000..275daec --- /dev/null +++ b/site-media/js/themes/classic/d.png diff --git a/site-media/js/themes/classic/dot_for_ie.gif b/site-media/js/themes/classic/dot_for_ie.gif Binary files differnew file mode 100644 index 0000000..c0cc5fd --- /dev/null +++ b/site-media/js/themes/classic/dot_for_ie.gif diff --git a/site-media/js/themes/classic/style.css b/site-media/js/themes/classic/style.css new file mode 100644 index 0000000..bb15730 --- /dev/null +++ b/site-media/js/themes/classic/style.css @@ -0,0 +1,59 @@ +/*
+ * jsTree classic theme 1.0
+ * Supported features: dots/no-dots, icons/no-icons, focused, loading
+ * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
+ */
+
+.jstree-classic li,
+.jstree-classic ins { background-image:url("d.png"); background-repeat:no-repeat; background-color:transparent; }
+.jstree-classic li { background-position:-90px 0; background-repeat:repeat-y; }
+.jstree-classic li.jstree-last { background:transparent; }
+.jstree-classic .jstree-open > ins { background-position:-72px 0; }
+.jstree-classic .jstree-closed > ins { background-position:-54px 0; }
+.jstree-classic .jstree-leaf > ins { background-position:-36px 0; }
+
+.jstree-classic .jstree-hovered { background:#e7f4f9; border:1px solid #e7f4f9; padding:0 2px 0 1px; }
+.jstree-classic .jstree-clicked { background:navy; border:1px solid navy; padding:0 2px 0 1px; color:white; }
+.jstree-classic a .jstree-icon { background-position:-56px -19px; }
+.jstree-classic .jstree-open > a .jstree-icon { background-position:-56px -36px; }
+.jstree-classic a.jstree-loading .jstree-icon { background:url("throbber.gif") center center no-repeat !important; }
+
+.jstree-classic.jstree-focused { background:white; }
+
+.jstree-classic .jstree-no-dots li,
+.jstree-classic .jstree-no-dots .jstree-leaf > ins { background:transparent; }
+.jstree-classic .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
+.jstree-classic .jstree-no-dots .jstree-closed > ins { background-position:0 0; }
+
+.jstree-classic .jstree-no-icons a .jstree-icon { display:none; }
+
+.jstree-classic .jstree-search { font-style:italic; }
+
+.jstree-classic .jstree-no-icons .jstree-checkbox { display:inline-block; }
+.jstree-classic .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
+.jstree-classic .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
+.jstree-classic .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
+.jstree-classic .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
+.jstree-classic .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
+.jstree-classic .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
+.jstree-classic .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }
+
+#vakata-dragged.jstree-classic ins { background:transparent !important; }
+#vakata-dragged.jstree-classic .jstree-ok { background:url("d.png") -2px -53px no-repeat !important; }
+#vakata-dragged.jstree-classic .jstree-invalid { background:url("d.png") -18px -53px no-repeat !important; }
+#jstree-marker.jstree-classic { background:url("d.png") -41px -57px no-repeat !important; }
+
+.jstree-classic a.jstree-search { color:aqua; }
+
+#vakata-contextmenu.jstree-classic-context,
+#vakata-contextmenu.jstree-classic-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
+#vakata-contextmenu.jstree-classic-context li { }
+#vakata-contextmenu.jstree-classic-context a { color:black; }
+#vakata-contextmenu.jstree-classic-context a:hover,
+#vakata-contextmenu.jstree-classic-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
+#vakata-contextmenu.jstree-classic-context li.jstree-contextmenu-disabled a,
+#vakata-contextmenu.jstree-classic-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
+#vakata-contextmenu.jstree-classic-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
+#vakata-contextmenu.jstree-classic-context li ul { margin-left:-4px; }
+
+/* TODO: IE6 support - the `>` selectors */
\ No newline at end of file diff --git a/site-media/js/themes/classic/throbber.gif b/site-media/js/themes/classic/throbber.gif Binary files differnew file mode 100644 index 0000000..5b33f7e --- /dev/null +++ b/site-media/js/themes/classic/throbber.gif diff --git a/site-media/js/themes/default-rtl/d.gif b/site-media/js/themes/default-rtl/d.gif Binary files differnew file mode 100644 index 0000000..d85aba0 --- /dev/null +++ b/site-media/js/themes/default-rtl/d.gif diff --git a/site-media/js/themes/default-rtl/d.png b/site-media/js/themes/default-rtl/d.png Binary files differnew file mode 100644 index 0000000..5179cf6 --- /dev/null +++ b/site-media/js/themes/default-rtl/d.png diff --git a/site-media/js/themes/default-rtl/dots.gif b/site-media/js/themes/default-rtl/dots.gif Binary files differnew file mode 100644 index 0000000..0043364 --- /dev/null +++ b/site-media/js/themes/default-rtl/dots.gif diff --git a/site-media/js/themes/default-rtl/style.css b/site-media/js/themes/default-rtl/style.css new file mode 100644 index 0000000..3ad0727 --- /dev/null +++ b/site-media/js/themes/default-rtl/style.css @@ -0,0 +1,83 @@ +/*
+ * jsTree default-rtl theme 1.0
+ * Supported features: dots/no-dots, icons/no-icons, focused, loading
+ * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
+ */
+
+.jstree-default-rtl li,
+.jstree-default-rtl ins { background-image:url("d.png"); background-repeat:no-repeat; background-color:transparent; }
+.jstree-default-rtl li { background-position:-90px 0; background-repeat:repeat-y; }
+.jstree-default-rtl li.jstree-last { background:transparent; }
+.jstree-default-rtl .jstree-open > ins { background-position:-72px 0; }
+.jstree-default-rtl .jstree-closed > ins { background-position:-54px 0; }
+.jstree-default-rtl .jstree-leaf > ins { background-position:-36px 0; }
+
+.jstree-default-rtl .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 2px 0 1px; }
+.jstree-default-rtl .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 2px 0 1px; }
+.jstree-default-rtl a .jstree-icon { background-position:-56px -19px; }
+.jstree-default-rtl a.jstree-loading .jstree-icon { background:url("throbber.gif") center center no-repeat !important; }
+
+.jstree-default-rtl.jstree-focused { background:#ffffee; }
+
+.jstree-default-rtl .jstree-no-dots li,
+.jstree-default-rtl .jstree-no-dots .jstree-leaf > ins { background:transparent; }
+.jstree-default-rtl .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
+.jstree-default-rtl .jstree-no-dots .jstree-closed > ins { background-position:0 0; }
+
+.jstree-default-rtl .jstree-no-icons a .jstree-icon { display:none; }
+
+.jstree-default-rtl .jstree-search { font-style:italic; }
+
+.jstree-default-rtl .jstree-no-icons .jstree-checkbox { display:inline-block; }
+.jstree-default-rtl .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
+.jstree-default-rtl .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
+.jstree-default-rtl .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
+.jstree-default-rtl .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
+.jstree-default-rtl .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
+.jstree-default-rtl .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
+.jstree-default-rtl .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }
+
+#vakata-dragged.jstree-default-rtl ins { background:transparent !important; }
+#vakata-dragged.jstree-default-rtl .jstree-ok { background:url("d.png") -2px -53px no-repeat !important; }
+#vakata-dragged.jstree-default-rtl .jstree-invalid { background:url("d.png") -18px -53px no-repeat !important; }
+#jstree-marker.jstree-default-rtl { background:url("d.png") -41px -57px no-repeat !important; }
+
+.jstree-default-rtl a.jstree-search { color:aqua; }
+
+#vakata-contextmenu.jstree-default-rtl-context,
+#vakata-contextmenu.jstree-default-rtl-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
+#vakata-contextmenu.jstree-default-rtl-context li { }
+#vakata-contextmenu.jstree-default-rtl-context a { color:black; }
+#vakata-contextmenu.jstree-default-rtl-context a:hover,
+#vakata-contextmenu.jstree-default-rtl-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
+#vakata-contextmenu.jstree-default-rtl-context li.jstree-contextmenu-disabled a,
+#vakata-contextmenu.jstree-default-rtl-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
+#vakata-contextmenu.jstree-default-rtl-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
+#vakata-contextmenu.jstree-default-rtl-context li ul { margin-left:-4px; }
+
+/* IE6 BEGIN */
+.jstree-default-rtl li,
+.jstree-default-rtl ins,
+#vakata-dragged.jstree-default-rtl .jstree-invalid,
+#vakata-dragged.jstree-default-rtl .jstree-ok,
+#jstree-marker.jstree-default-rtl { _background-image:url("d.gif"); }
+.jstree-default-rtl .jstree-open ins { _background-position:-72px 0; }
+.jstree-default-rtl .jstree-closed ins { _background-position:-54px 0; }
+.jstree-default-rtl .jstree-leaf ins { _background-position:-36px 0; }
+.jstree-default-rtl a ins.jstree-icon { _background-position:-56px -19px; }
+#vakata-contextmenu.jstree-default-rtl-context ins { _display:none; }
+#vakata-contextmenu.jstree-default-rtl-context li { _zoom:1; }
+.jstree-default-rtl .jstree-undetermined a .jstree-checkbox { _background-position:-18px -19px; }
+.jstree-default-rtl .jstree-checked a .jstree-checkbox { _background-position:-36px -19px; }
+.jstree-default-rtl .jstree-unchecked a .jstree-checkbox { _background-position:0px -19px; }
+/* IE6 END */
+
+/* RTL part */
+.jstree-default-rtl .jstree-hovered, .jstree-default-rtl .jstree-clicked { padding:0 1px 0 2px; }
+.jstree-default-rtl li { background-image:url("dots.gif"); background-position: 100% 0px; }
+.jstree-default-rtl .jstree-checked > a > .jstree-checkbox { background-position:-36px -19px; margin-left:2px; }
+.jstree-default-rtl .jstree-unchecked > a > .jstree-checkbox { background-position:0px -19px; margin-left:2px; }
+.jstree-default-rtl .jstree-undetermined > a > .jstree-checkbox { background-position:-18px -19px; margin-left:2px; }
+.jstree-default-rtl .jstree-checked > a > .jstree-checkbox:hover { background-position:-36px -37px; }
+.jstree-default-rtl .jstree-unchecked > a > .jstree-checkbox:hover { background-position:0px -37px; }
+.jstree-default-rtl .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-18px -37px; }
\ No newline at end of file diff --git a/site-media/js/themes/default-rtl/throbber.gif b/site-media/js/themes/default-rtl/throbber.gif Binary files differnew file mode 100644 index 0000000..5b33f7e --- /dev/null +++ b/site-media/js/themes/default-rtl/throbber.gif diff --git a/site-media/js/themes/default/d.gif b/site-media/js/themes/default/d.gif Binary files differnew file mode 100644 index 0000000..0e958d3 --- /dev/null +++ b/site-media/js/themes/default/d.gif diff --git a/site-media/js/themes/default/d.png b/site-media/js/themes/default/d.png Binary files differnew file mode 100644 index 0000000..8540175 --- /dev/null +++ b/site-media/js/themes/default/d.png diff --git a/site-media/js/themes/default/style.css b/site-media/js/themes/default/style.css new file mode 100644 index 0000000..01a0889 --- /dev/null +++ b/site-media/js/themes/default/style.css @@ -0,0 +1,73 @@ +/*
+ * jsTree default theme 1.0
+ * Supported features: dots/no-dots, icons/no-icons, focused, loading
+ * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
+ */
+
+.jstree-default li,
+.jstree-default ins { background-image:url("d.png"); background-repeat:no-repeat; background-color:transparent; }
+.jstree-default li { background-position:-90px 0; background-repeat:repeat-y; }
+.jstree-default li.jstree-last { background:transparent; }
+.jstree-default .jstree-open > ins { background-position:-72px 0; }
+.jstree-default .jstree-closed > ins { background-position:-54px 0; }
+.jstree-default .jstree-leaf > ins { background-position:-36px 0; }
+
+.jstree-default .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 2px 0 1px; }
+.jstree-default .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 2px 0 1px; }
+.jstree-default a .jstree-icon { background-position:-56px -19px; }
+.jstree-default a.jstree-loading .jstree-icon { background:url("throbber.gif") center center no-repeat !important; }
+
+.jstree-default.jstree-focused { background:#ffffee; }
+
+.jstree-default .jstree-no-dots li,
+.jstree-default .jstree-no-dots .jstree-leaf > ins { background:transparent; }
+.jstree-default .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
+.jstree-default .jstree-no-dots .jstree-closed > ins { background-position:0 0; }
+
+.jstree-default .jstree-no-icons a .jstree-icon { display:none; }
+
+.jstree-default .jstree-search { font-style:italic; }
+
+.jstree-default .jstree-no-icons .jstree-checkbox { display:inline-block; }
+.jstree-default .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
+.jstree-default .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
+.jstree-default .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
+.jstree-default .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
+.jstree-default .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
+.jstree-default .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
+.jstree-default .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }
+
+#vakata-dragged.jstree-default ins { background:transparent !important; }
+#vakata-dragged.jstree-default .jstree-ok { background:url("d.png") -2px -53px no-repeat !important; }
+#vakata-dragged.jstree-default .jstree-invalid { background:url("d.png") -18px -53px no-repeat !important; }
+#jstree-marker.jstree-default { background:url("d.png") -41px -57px no-repeat !important; }
+
+.jstree-default a.jstree-search { color:aqua; }
+
+#vakata-contextmenu.jstree-default-context,
+#vakata-contextmenu.jstree-default-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
+#vakata-contextmenu.jstree-default-context li { }
+#vakata-contextmenu.jstree-default-context a { color:black; }
+#vakata-contextmenu.jstree-default-context a:hover,
+#vakata-contextmenu.jstree-default-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
+#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a,
+#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
+#vakata-contextmenu.jstree-default-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
+#vakata-contextmenu.jstree-default-context li ul { margin-left:-4px; }
+
+/* IE6 BEGIN */
+.jstree-default li,
+.jstree-default ins,
+#vakata-dragged.jstree-default .jstree-invalid,
+#vakata-dragged.jstree-default .jstree-ok,
+#jstree-marker.jstree-default { _background-image:url("d.gif"); }
+.jstree-default .jstree-open ins { _background-position:-72px 0; }
+.jstree-default .jstree-closed ins { _background-position:-54px 0; }
+.jstree-default .jstree-leaf ins { _background-position:-36px 0; }
+.jstree-default a ins.jstree-icon { _background-position:-56px -19px; }
+#vakata-contextmenu.jstree-default-context ins { _display:none; }
+#vakata-contextmenu.jstree-default-context li { _zoom:1; }
+.jstree-default .jstree-undetermined a .jstree-checkbox { _background-position:-20px -19px; }
+.jstree-default .jstree-checked a .jstree-checkbox { _background-position:-38px -19px; }
+.jstree-default .jstree-unchecked a .jstree-checkbox { _background-position:-2px -19px; }
+/* IE6 END */
\ No newline at end of file diff --git a/site-media/js/themes/default/throbber.gif b/site-media/js/themes/default/throbber.gif Binary files differnew file mode 100644 index 0000000..5b33f7e --- /dev/null +++ b/site-media/js/themes/default/throbber.gif diff --git a/templates/base.html b/templates/base.html index b857c03..c79aa4d 100644 --- a/templates/base.html +++ b/templates/base.html @@ -7,6 +7,7 @@ <link type="text/css" href="/site-media/css/jquery.tagInput.css" rel="stylesheet" /> <link type="text/css" href="/site-media/css/jquery.multiselect2side.css" rel="stylesheet" /> <link type="text/css" href="/site-media/css/jquery.wysiwyg.css" rel="stylesheet" /> + <link type="text/css" href="/site-media/css/style.css" rel="stylesheet"/> <script type="text/javascript" src="/site-media/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/site-media/js/jquery-ui-1.8.2.custom.min.js"></script> <script type="text/javascript" src="/site-media/js/jquery.tooltip.pack.js"></script> @@ -54,80 +55,50 @@ }); </script> {% block js %}{% endblock %} - <style type="text/css"> - body{ font: 61.8% "Trebuchet MS", sans-serif; margin: 50px; width: 70% } - label { display:block; } - #modal-dialog { font-size: 110%; } - #modal-dialog input.text textarea { margin-bottom:12px; width:95%; padding: .4em; } - #modal-dialog fieldset { padding:0; border:0; margin-top:25px; } - #footer { font: 100% "Trebuchet MS", sans-serif; border-top: 1px solid black; margin-top: 50px; padding-top: 10px;} - #footer ul { margin-right: 50px; list-style: none; padding: 0; margin: 0; } - #footer li { float: left; margin: 0 0.15em} - .navlist ul { list-style: none; padding: 0; margin: 0; } - .navlist li { float: left; display: inline; margin: 0 0.15em; } - .description { inherit: none; margin-bottom: 10px;} - #headline{ font: 300% "Trebuchet MS", sans-serif; margin-bottom: 20px; float: left} - #linklist { float: right; margin-right: 50px; } - #linklist ul{ list-style: none; padding: 0; margin: 0; } - #linklist li{ float: left; margin: 0 0.15em} - #linklist a{ font: 120% "Trebuchet MS", sans-serif; } - a { text-decoration: none; } - a:hover { text-decoration: underline; } - .clear { clear: both; } - #content{ } - #main{ font: 100% "Trebuchet MS", sans-serif; width:95%; } - .code{font: 110% "Courier", fixed} - .infopanel { padding-left: 10px; padding-bottom: 10px;} - .infopanel label { display:block; } - div .hidden {visibility:hidden;} - div .ms2side__div {width: 300%;} - option .ms2side__select {font-size: 61.8%;} - .listheader { padding-left: 20px; } - </style> </head> <body> - <div id="notification"></div> +<div id="notification"></div> +<div id="container"> <div id="header"> - <div id="headline">{% block headline %}{% endblock %}</div> {% if user.is_authenticated %} - <div class="ui-widget ui-state-default ui-corner-all" style="padding: 4px; float: right; margin-right: 10px; margin-top: 6px; margin-bottom: 20px;"> - <a title="Logout" class="tip" id="logout" href="/auth/logout/"><span class="ui-icon ui-icon-power"></span></a> + <div class="ui-widget ui-state-default ui-corner-all navlist toolbar"> + <ul> + <li><a title="Logout" class="tip" id="logout" href="/auth/logout/"><span class="ui-icon ui-icon-power"></span></a></li> + <li><a title="{{ profile.display_name }} ({{ profile.identifier }})" class="tip" href="/user/home"><span class="ui-icon ui-icon-home"></span></a></li> + </ul> </div> - {% block tools %} -{% if name %} -<div class="ui-widget ui-state-default ui-corner-all" style="padding: 4px; float: left; margin-left: 10px; margin-top: 6px; margin-bottom: 20px;"> -<div class="navlist"> - <ul> - {% if render.edit %} - <li style="float: right;"><a class="tip" title="Modify access rights" href="/name/{{name.id}}/editacl"><span class="ui-icon ui-icon-unlocked"></span></a></li> - {% endif %} - {% if render.edit %} - <li style="float: right;"><a class="tip" title="Modify" href="/name/{{name.id}}/edit"><span class="ui-icon ui-icon-wrench"></span></a></li> - {% endif %} - {% if render.delete %} - <li style="float: right;"><a class="tip" title="Permanently remove this" href="/name/{{name.id}}/delete"><span class="ui-icon ui-icon-trash"></span></a></li> - {% endif %} - {% if render.insert %} - <li style="float: right;"><a class="tip" title="Create child" href="/name/{{name.id}}/add"><span class="ui-icon ui-icon-plusthick"></span></a></li> - {% endif %} - {% if render.invite %} - <li style="float: right;"><a class="tip" title="Invite someone to join" href="/name/{{name.id}}/invite"><span class="ui-icon ui-icon-heart"></span></a></li> - {% endif %} - <li style="float: right;"><a class="tip" title="Refresh" href="/name/id/{{name.id}}"><span class="ui-icon ui-icon-refresh"></span></a></li> - </ul> -</div> -</div> -{% endif %} -{% endblock %} {% endif %} + {% if name %} + <div class="ui-widget ui-state-default ui-corner-all navlist toolbar"> + <ul> + {% if render.edit %} + <li><a class="tip" title="Modify access rights" href="/name/{{name.id}}/editacl"><span class="ui-icon ui-icon-unlocked"></span></a></li> + {% endif %} + {% if render.edit %} + <li><a class="tip" title="Modify" href="/name/{{name.id}}/edit"><span class="ui-icon ui-icon-wrench"></span></a></li> + {% endif %} + {% if render.delete %} + <li><a class="tip" title="Permanently remove this" href="/name/{{name.id}}/delete"><span class="ui-icon ui-icon-trash"></span></a></li> + {% endif %} + {% if render.insert %} + <li><a class="tip" title="Create child" href="/name/{{name.id}}/add"><span class="ui-icon ui-icon-plusthick"></span></a></li> + {% endif %} + {% if render.invite %} + <li><a class="tip" title="Invite someone to join" href="/name/{{name.id}}/invite"><span class="ui-icon ui-icon-heart"></span></a></li> + {% endif %} + <li><a class="tip" title="Refresh" href="/name/id/{{name.id}}"><span class="ui-icon ui-icon-refresh"></span></a></li> + </ul> + </div> + {% endif %} + <div class="clear"></div> </div> - <div class="clear"></div> <div id="content"> + <div id="headline">{% block headline %}{% endblock %}</div> <div id="main"> {% block main %}{% endblock %} </div> + <div class="clear"></div> </div> - <div class="clear"></div> <div id="footer"> <ul> <li><a href="#about">About COIP</a></li> @@ -137,5 +108,6 @@ <li><a href="/user/home">Logged in as {{ profile.display_name }} ({{ profile.identifier }})</a></li> </ul> </div> +</div> </body> </html> diff --git a/templates/edit.html b/templates/edit.html index 214af95..7ada9a1 100644 --- a/templates/edit.html +++ b/templates/edit.html @@ -27,5 +27,4 @@ <input type="button" onClick="document.location='/name/id/{{name.id}}'" value="Cancel"/> </div> </form> -</div> {% endblock %}
\ No newline at end of file diff --git a/templates/tree.html b/templates/tree.html index 38ecfac..bd64654 100644 --- a/templates/tree.html +++ b/templates/tree.html @@ -4,7 +4,7 @@ $(function() { {% block widgets %}{% endblock %} {% if name %} - $('#tree').jstree({ + $('#jstree').jstree({ 'json_data': { 'ajax': { 'url': function(n) { @@ -16,9 +16,12 @@ $(function() { } }, "progressive_render" : true, - 'animation': 0, }, - 'plugins': ['themeroller','json_data'] + 'themes': { + 'theme': 'classic' + }, + 'animation': 0, + 'plugins': ['themes','json_data'] }); {% endif %} }); @@ -28,8 +31,8 @@ $(function() { {% block title %}COIP{% if name %} - {{name.shortname}}{% endif %}{% endblock %} {% block main %} {% if name %} -<div style="float: left; width: 30%;"> - <span> +<div id="left"> + <div id="tree"> {% if name and render.up %} {% if name.parent %} <a href="/name/id/{{name.parent.id}}">.. (up one level)</a> @@ -37,28 +40,29 @@ $(function() { <a href="/name">.. (up one level)</a> {% endif %} {% endif %} - <div id="tree"></div> - </span> - <span> + <div id="jstree"></div> + </div> + <div id="related"> {% if name and name.links %} <h3 style="float: left;">Related resources</h3> {% if render.edit %} <a style="float: left; margin-top: 11px;" class="tip" title="Add Link" href="/name/{{name.id}}/addlink"><span class="ui-icon ui-icon-plus"></span></a> {% endif %} <div class="clear"></div> - <ul style="list-style: none;"> + <ul class="links""> {% for link in name.links.all %} - <li><a class="tip" style="float:left; margin-right: 5px;" title="{{link.text}}" href="{{link.url}}">{{link.text}}</a> - <a class="tip" style="float:left;" title="Remove link" href="/link/{{link.id}}/remove"> - <span style="margin-left: 1px;" class="ui-icon ui-icon-close"></span></a><div class="clear"></div></li> + <li> + <a class="tip" title="{{link.text}}" href="{{link.url}}">{{link.text}}</a> + <a class="tip" title="Remove link" href="/link/{{link.id}}/remove"><span class="ui-icon ui-icon-close" style="float: right; clear: both;"></span></a> + </li> {% endfor %} </ul> <div class="clear"></div> {% endif %} - </span> + </div> </div> {% endif %} -<div style="float: right; width: 65%; padding-left: 10px;"> +<div id="right"> {% block content %}{% endblock %} </div> {% endblock %}
\ No newline at end of file |