Released version 2.0.1. Please read the changelog.txt file.

admin/css/admin.css

@@ -1,6 +1,6 @@
 /** 
  * Admin interface styles.
- * On 'theme.css' you can set the colors or overrride them.  
+ * On 'theme.css' you can set more options (colors, margins, etc.) or overrride them.
  */
 
 #global { padding:1em; overflow:auto; }
@@ -23,17 +23,22 @@
         #nav ul li a { padding:2px 8px; border:2px solid #000; text-decoration:none; border-bottom:none;
                        border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; 
                        background-color:#DDD; color:#666; }
-          #nav ul a:hover, #nav ul a:focus { background: #EEE; }
+          #nav ul a:hover, #nav ul a:focus { background:#F5F5F5; }
 
-/* the 'more' link. Colors are set in theme.css */
-a.morebtn { width:300px; margin:1em auto; padding:.6em; display:block; text-decoration:none; }
+/* the 'more' link on tracking-report. Colors are set in theme.css */
+#more { width:300px; margin:1em auto; padding:.6em; display:block; text-decoration:none; }
 
 /* login */
 #loginform { width:300px; margin:0 auto; padding:1em; }
   #loginform input.text { width:98%; display:block; font-size:150%; }
-  #loginform input.button { margin-left:100px; font-size:100%; }
+  #loginform input.button { font-size:120%; margin-right:0; }
   #loginform input.recover { margin-left:0; }
 
 /* other */
-#bugreport { float:left; margin-top:.5em; font-family:sans-serif; }
-  #bugreport a { padding:.2em; text-decoration:none; }
+p.tag { float:left; margin-top:.5em; padding:.2em 0; font:bold 100% sans-serif; }
+  p.tag a { padding:.2em .5em; text-decoration:none; }
+
+/* filter options */
+form#filter fieldset { border:1px solid #CCC; padding:1em; }
+  form#filter fieldset legend { background:#69C; color:#FFF; padding:0 1em; font:bold 80% sans-serif;}
+hr { border:1px solid #CCC; }

admin/css/base.css

@@ -7,11 +7,11 @@
 body { font:90% Georgia,serif; }
 
 /* headings */
-h1,h2 { font:lighter 150% sans-serif; letter-spacing:-0.02em; }
+h1,h2 { font:normal 150% sans-serif; letter-spacing:-0.02em; }
 h1 { font-size:200%; }
 h2 { margin:.3em auto; }
 
-/* links marked as external (rel attribute) will open in a new browser tab */
+/* links marked as external (rel attribute) will open in a new browser tab, so mark'em */
 a[rel~="external"] { background:url(external.png) center right no-repeat; padding-right:13px; }
 
 /* useful, common styles */
@@ -22,7 +22,8 @@ a[rel~="external"] { background:url(external.png) center right no-repeat; paddin
 .heading { margin:.5em auto; }
 .block { display:block; }
 .valign { vertical-align:middle; }
-.mini { font-size:55%; }
+.small { font-size:75% !important; }
+.mini { font-size:55% !important; }
 
 .clear { clear:both; }
 .fl { float:left; }
@@ -39,35 +40,38 @@ a[rel~="external"] { background:url(external.png) center right no-repeat; paddin
 .pl { padding-left:1em; }
 
 /* tables */
-table { width:100%; margin:auto; table-layout:fixed; }
-caption { font-size:100%; padding:.5em; margin:0 auto; }
-th { text-align:center; font:80% sans-serif; font-weight:bold; padding:.3em; }
-tr { text-align:center; }
-td { padding:0 1em; /*vertical-align:top;*/ }
+table.cms { width:100%; margin:auto; table-layout:fixed; /*border-collapse:collapse;*/ }
+table.cms caption { font-size:100%; padding:.5em; margin:0 auto; }
+table.cms th { text-align:center; font:80% sans-serif; font-weight:bold; padding:.3em; }
+table.cms tr { text-align:center; }
+table.cms td { /*vertical-align:top;*/ }
 
 /* forms */
 fieldset { margin:.7em auto; display:block; }
-legend { font-size:75%; }
-label { font-weight:bold; font-size:75%; }
+legend { font-size:75%; text-align:left; }
+label { font-weight:bold; font-size:75%; color:#036; }
 input,select { vertical-align:middle; }
-  .text { border:1px solid #555; padding:2px; }
+  select, .text { border:1px solid #555; padding:2px; }
   .radio { margin-left:.5em; }
-  .button { margin:auto 1em; padding:.3em 1em; cursor:pointer; font:bold italic 90% Georgia,serif; }
+  /*.button { margin:auto 1em; padding:.3em 1em; cursor:pointer; font:bold italic 90% Georgia,serif; }*/
+  .button { margin:auto 1em; padding:.3em .7em; cursor:pointer; font:bold 100% sans-serif; }
+
 .readonly { background-color:#AAA; }
 
 /* system messages */
 .error, .success, .warning { display:block; clear:both; color:#000; text-align:left; padding:.5em .5em .5em 30px; margin-bottom:1em; 
                              border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
-  .error { border:1px solid #C00; background:#FCC url(icon-error.png) no-repeat 5px center; }
-  .success { border:1px solid #393; background:#CFF url(icon-success.png) no-repeat 5px center; }
-  .warning { border:1px solid #FC6; background:#FFC url(icon-warning.png) no-repeat 5px center; }
+  .error { border:1px solid #C00; background:#FCC url(icon-error.png) no-repeat 5px 5px; }
+  .success { border:1px solid #393; background:#CFF url(icon-success.png) no-repeat 5px 5px; }
+  .warning { border:1px solid #FC6; background:#FFC url(icon-warning.png) no-repeat 5px 5px; }
 
 /* first time users will be starred on tracking report section */
 .ftu { background:transparent url(icon-star.png) no-repeat center left; }
 
 /* round corners */
 .round { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
+.smallround { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
 
 /* other elements */
-acronym { cursor:help; border-bottom: 1px dotted #000; }
+abbr { cursor:help !important; border-bottom:1px dotted #000; }
 p { margin-bottom:.5em; }

admin/css/install.css

@@ -1,5 +1,5 @@
 body { font:100% Georgia,Times,serif; background-color:#888; }
-#global { width:80%; margin:0 auto; padding:1em; background-color:#FFF; border:1px solid #000; }
+#global { width:80%; margin:0 auto; margin-top:5%; padding:1em; background-color:#FFF; border:1px solid #000; }
 fieldset { border:none; }
 h1 { margin-top:.3em; }
 .ok { color:green; }

admin/css/theme.css

@@ -7,49 +7,60 @@ body { background-color:#888; }
 #global { background-color:#FFF; padding:2em; }
 
 /* table row visuals */
-table { border-bottom:1px solid #000; }
-th { background-color:#888; color:#FFF; }
+table.cms { background-color:#FFF; }
 /* table styles can be overriden when using the jquery.stripy plugin */
+table.cms tr:hover { background-color:#FFC; }
+th { background-color:#888; color:#FFF; }
+tr { background-color:#FFF; }
 tr.even { background-color:#DDD; }
 tr.odd { background-color:#EEE; }
-tr:hover { background-color:#FFC; }
 .deleted { background-color:#F66 !important; }
 .dummy { background-color:#FFF; }
-/* deprecated: used to alternate rows by client ID */
+/* deprecated:used to alternate rows by client ID */
 .row0 { background-color:#EEE; }
 .row1 { background-color:#DDD; }
 
-/* the 'more' link */
-a.morebtn { background-color:#EEE; border:1px solid #CCC; }
-  a.morebtn:hover { background-color:#DDD; }
+/* 'mine results' section */
+#filter fieldset { background-color:#FFF; }
+#filter fieldset:hover { background-color:#FFC; }
+  #filter fieldset legend:hover { background-color:#06C; }
+/* defeat IE bug (http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/) */
+#filter fieldset { position:relative; }
+#filter legend { position:absolute; top:-0.5em; left:.5em; }
+#filter fieldset { position:relative; margin-top:1em; padding-top:.75em; }
 
 /* logout button */
 a#logout { color:#FFF; background-color:#C33; text-decoration:none; padding:.2em .4em; font:bold 100% sans-serif; }
   a#logout:hover { background-color:#F33; }
 
 /* forms */
-input.button { color:#FFF; background-color:#000; }
-input.button:hover, input.button:focus { color:#FFF; background-color:#444; }
-.wrapper { border:1px solid #CCC; overflow:auto; margin-bottom:.5em; }
-.wrapper:hover { border:1px solid #000; background-color:#EEE; }
+.button { color:#36F; border:1px solid #CCC; background:#EEE url('button-default-off') repeat-x left top; }
+.button:hover, .button:focus { color:#000; border:1px solid #36F; background:#F5F5F5 url('button-default-on') repeat-x left bottom; }
+
+.wrapper { border:1px solid #CCC; overflow:hidden; padding-bottom:0.5em; margin-bottom:1em; }
+.wrapper:hover { border:1px solid #036; background-color:#FFC; }
 
 /* login */
 .loginwrap { margin-top:10%; }
-  .title { font-size:300%; color:#FFF; font-weight:lighter; }
-  .loginwrap h2 { color:#CCC; }
+  .title { font-size:300%; color:#FFF; font-weight:normal; margin-bottom:0; }
+  .loginwrap h2 { color:#CCC; margin-top:0; }
     #loginform { border:1px solid #000; background-color:#FFF; font:90% sans-serif; }
       #loginform label { color:#888; font:90% Georgia,serif; }
       #loginform input.text { border:1px solid #CCC; background-color:#FBFBFB; }
 
 /* footer and header */
 .foothead { color:#FFF; font-size:85%; } 
-  .foothead a { color:#BBB; }
+  .foothead a { color:#DDD; }
     .foothead a:hover { color:#FFF; }
 #footer { border-top:2px solid #000; font-size:80%; }
-#bugreport a { background-color:#000; padding:.2em .4em; font:bold 100% sans-serif; }
-    #bugreport a:hover { background-color:#333; }
 
+a#wishlist { background-color:#06C; }
+  a#wishlist:hover { background-color:#09C; }
+a#bugreport { background-color:#036; }
+  a#bugreport:hover { background-color:#03C; }
+
 /* other */
 .notfound { font-family:Georgia,serif; font-style:italic; color:#AAA; }
-.delete { background-color:#C00 !important; }
-.delete:hover, .delete:focus { background-color:#D00 !important; }
+.del { color:#C00; }
+.delete { color:#FFF; background:#C00 url('button-delete-off') repeat-x left top; }
+.delete:hover, .delete:focus { color:#FFF; border:1px solid red !important; background:#F66 url('button-delete-on') repeat-x left bottom; }

admin/ext/customize/index.php

@@ -2,19 +2,20 @@
 // server settings are required - relative path to smt2 root dir
 require '../../../config.php';
 // protect extension from being browsed by anyone
-require INC_PATH.'sys/logincheck.php';
-// now you have access to all (smt) API functions and constants
+require SYS_DIR.'logincheck.php';
+// now you have access to all CMS API
 
 // insert custom css and JS files
 add_head('<link rel="stylesheet" type="text/css" href="custom.css" />');
 add_head('<script type="text/javascript" src="interface.js"></script>');
 add_head('<script type="text/javascript" src="sort.js"></script>');
 
-include INC_PATH.'inc/header.php';
+include INC_DIR.'header.php';
 
 // helper function
 function display_options($arrOptions) 
 {
+  $list = "";
   foreach ($arrOptions as $o) {
     $list .= '<p>'.$o['description'].'</p>'.PHP_EOL;
     $list .= '<div class="customize-wrap">'.PHP_EOL;
@@ -25,7 +26,7 @@ function display_options($arrOptions)
       $checked = ($o['value']) ? 'checked="checked" ' : null;
       $list .= '  <input id="'.$o['name'].'" type="checkbox" name="'.$o['name'].'" '.$checked.'/>'.PHP_EOL;
     } elseif ($o['type'] == CMS_TYPE) {
-      $list .= '  <input id="'.$o['name'].'" type="text" name="'.$o['name'].'" class="text center" value="'.$o['value'].'" size="10" maxlength="7" />'.PHP_EOL;  
+      $list .= '  <input id="'.$o['name'].'" type="text" name="'.$o['name'].'" class="text center" value="'.$o['value'].'" size="10" maxlength="6" />'.PHP_EOL;
     }
     $list .= '  </div>'.PHP_EOL;
     $list .= ' </div>'.PHP_EOL;
@@ -76,19 +77,23 @@ function display_options($arrOptions)
 
 <h2>Flash API</h2>
 <p>When using the Flash (SWF) visualization API, all options are customized at runtime. 
-These options are stored on a local Shared Object (aka <em>Flash cookie</em>).</p>
-<p>You should use this API to visualize the mouse tracking data, since it is dramatically more advanced that the JavaScript one.
+These options are stored on a <a href="http://en.wikipedia.org/wiki/Local_Shared_Object">Local Shared Object</a> (aka <em>Flash cookie</em>).</p>
+<p>You should use this API to visualize the mouse tracking data, since it is dramatically more advanced than the JavaScript one.
 However, it relies on the <em>wmode</em> parameter of Flash, 
 so if you cannot see the HTML page behind the tracking layer, please use the old (but revised) JavaScript API.</p>
 
 
-<h2 id="<?=TBL_JSOPT?>" class="vspace">JavaScript API</h2>
+<h2 id="<?=TBL_JSOPT?>" class="vspace">JavaScript API <small class="del">deprecated!</small></h2>
 
 <?php check_notified_request(TBL_JSOPT); ?>
 
-<p>If you wish to use the JavaScript (JS) visualization API, you can customize it here.
+<p>
+If you wish to use the JavaScript (JS) visualization API, you can customize it here.
 These options are stored on your MySQL database. <em>Leave fields blank for default values</em>.
 </p>
+<p>This API will be not supported in a future, and maybe it will be removed definitely in next smt2 releases.</p>
+
+<br />
 
 <form action="savesettings.php" method="post">
   <?php
@@ -101,4 +106,4 @@ function display_options($arrOptions)
   </fieldset>
 </form>
 
-<?php include INC_PATH.'inc/footer.php'; ?>
+<?php include INC_DIR.'footer.php'; ?>

admin/ext/customize/reset.php

@@ -1,12 +1,12 @@
 <?php
 // load base functions
-define('REL_URL', "../../../");
-require_once REL_URL.'config.php';
+require_once '../../../config.php';
 
 // get prioritized sections
 $prioritized = get_exts_order();
 // and availabe sections too
 $exts = ext_available();
+$div = "";
 foreach ($prioritized as $dirname => $priority) 
 {
   // skip deleted sections (do not remove from DB)

admin/ext/customize/savesettings.php

@@ -3,8 +3,7 @@
 // check data first
 if (empty($_POST)) { exit; }
 
-define('REL_URL', "../../../");
-require REL_URL.'config.php';
+require '../../../config.php';
 
 
 // check DB table
@@ -14,7 +13,7 @@
 foreach ($options as $row => $arrValue) 
 {
   $name = $arrValue['name'];
-  $value = $_POST[$name];
+  if (isset($_POST[$name])) { $value = $_POST[$name]; }
 
   if ($arrValue['type'] == CMS_CHOICE) {
     // store int numbers instead of "on" string from checkboxes

admin/ext/customize/sort.js

@@ -35,7 +35,7 @@ $(function(){
     function delayCallback()
     {
       setTimeout(function(){
-        infoDiv.fadeOut("slow", resetInfoDiv);
+        infoDiv.slideUp("slow", resetInfoDiv);
       }, 1000);
     };
 

admin/ext/customize/sort.php

@@ -1,7 +1,7 @@
 <?php
 session_start();
-define('REL_URL', "../../../");
-require REL_URL.'config.php';
+
+require '../../../config.php';
 
 // check root user
 if (!is_root()) { exit; }

admin/ext/documentation/index.php

@@ -2,27 +2,24 @@
 // server settings are required - relative path to smt2 root dir
 require '../../../config.php';
 // protect extension from being browsed by anyone
-require INC_PATH.'sys/logincheck.php';
-// now you have access to all (smt) API functions and constants
-include INC_PATH.'inc/header.php';
-
-// shorcut to CSS styles
-define ('CSS_PATH', ADMIN_PATH."css/");
+require SYS_DIR.'logincheck.php';
+// now you have access to all CMS API
+include INC_DIR.'header.php';
 ?>
 
 
 <p>
   Developers may read the <a href="./php/">PHP</a> and <a href="./js/">JS</a> APIs for writing their own scripts.
-  Designers may have a look at the CSS files on <?=CSS_PATH?>: 
+  Designers may have a look at the CSS files on <?=CSS_PATH?> dir:
   <a href="<?=CSS_PATH?>base.css">base</a>, <a href="<?=CSS_PATH?>admin.css">admin</a>, <a href="<?=CSS_PATH?>theme.css">theme</a>.
 </p>
 
-<p>More information about (smt)<sup>2.0</sup> can be found on <a rel="external" href="http://code.google.com/p/smt2/w/list">(smt) Google code wiki</a> pages:</p>
-<ul>
+<p>More information about (smt)<sup>2</sup> can be found on <a rel="external" href="http://code.google.com/p/smt2/w/list">smt2 Google code wiki</a> pages:</p>
+<ul class="pl">
   <li><a rel="external" href="http://code.google.com/p/smt2/wiki/readme">the basics</a></li>
   <li><a rel="external" href="http://code.google.com/p/smt2/wiki/CMS">about this CMS</a></li>
   <li><a rel="external" href="http://code.google.com/p/smt2/wiki/roles">understanding roles</a></li>
 </ul>
 
 
-<?php include INC_PATH.'inc/footer.php'; ?>
+<?php include INC_DIR.'footer.php'; ?>