|
Introduction
Use this script to convert your HTML PRE tags into a code viewer with realtime syntax hilighting.
You can create as many viewers as you want within your HTML page.
This script was tested with the following systems and browsers:
 | Windows: |
 | IE |  | Opera |  | FF |  | Chrome |
If you use another browser or operating system, this script may not work for you - sorry.
List of Supported Languages
Currently the code viewer supports the following languages:
- JavaScript
- PHP
- Perl
- HTML
- CSS
- XML
- SQL
JavaScript Example
/*********************************************************************************************************
This code is part of the FileManager software (www.gerd-tentler.de/tools/filemanager), copyright by
Gerd Tentler. Obtain permission before selling this code or hosting it on a commercial website or
redistributing it over the Internet or in any other medium. In all cases copyright must remain intact.
*********************************************************************************************************/
function ajax() {
/* Member variables *******************************************************************/
this.callBack = null;
this.xmlPath = '';
this.xmlDoc = null;
this.request = null;
this.response = '';
this.encoding = 'UTF-8';
this.noWarning = true;
this.query = '';
/* AJAX functions *********************************************************************/
/*
url = path to XML document, optional
callBack = callback function, optional
frmName = form name, optional
async = asynchronous mode (true (default) or false), optional
*/
this.makeRequest = function(url, callBack, frmName, async) {
if(url) this.xmlPath = url;
if(callBack) this.callBack = callBack;
if(typeof(async) != 'boolean') async = true;
if(this.xmlPath) {
if(window.XMLHttpRequest) {
this.request = new XMLHttpRequest();
if(this.request.overrideMimeType) {
this.request.overrideMimeType('text/xml');
}
}
else if(window.ActiveXObject) {
try {
this.request = new ActiveXObject('Msxml2.XMLHTTP');
}
catch(e) {
try {
this.request = new ActiveXObject('Microsoft.XMLHTTP');
}
catch(e) {}
}
}
if(this.request) {
var mt = (new Date()).getTime();
url += ((url.indexOf('?') == -1) ? '?' : '&') + 'preventCache=' + mt;
if(async) this.request.onreadystatechange = this.requestHandler.bind(this);
if(!this.encoding) this.encoding = 'UTF-8';
if(frmName) {
this.query = this.getFormData(frmName);
this.request.open('POST', url, async);
this.request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=' + this.encoding);
this.request.send(this.query);
}
else {
url.match(/\?(.+)$/);
this.query = RegExp.$1;
this.request.open('GET', url, async);
this.request.send(null);
}
if(!async) this.getResponse();
}
}
}
this.requestHandler = function() {
if(this.request && this.request.readyState == 4) {
switch(this.request.status) {
case 200:
this.getResponse();
return true;
case 12029:
case 12030:
case 12031:
case 12152:
case 12159:
this.request.onreadystatechange = function() {};
this.makeRequest();
return false;
default:
this.xmlDoc = null;
if(!this.noWarning) alert('Server returned ' + this.request.status);
if(typeof(this.callBack) == 'function') this.callBack();
return false;
}
}
}
this.getResponse = function() {
this.xmlDoc = this.request.responseXML;
this.response = this.request.responseText;
if(typeof(this.callBack) == 'function') {
this.callBack();
}
}
/* Retrieve form data *****************************************************************/
/*
frmName = from name
omitDisabled = omit disabled fields (true or false)
omitContent = omit values with this content, optional
omitField = omit fields if name starts with this string, optional
cache = cached selection (array), optional
*/
this.getFormData = function(frmName, omitDisabled, omitContent, omitField, cache) {
var param = '';
var f = document.forms[frmName];
if(f) {
var elem, val, ind;
for(var i = 0; i < f.elements.length; i++) {
elem = f.elements[i];
if(cache && cache[elem.name]) val = '' + cache[elem.name];
else val = this.getFieldValue(elem);
if(val) {
if(!omitDisabled || !elem.disabled) {
if(!omitContent || val != omitContent) {
ind = elem.name.indexOf(omitField);
if(!omitField || ind == -1 || ind > 0) {
val = val.replace(/^\s+/, '');
val = val.replace(/\s+$/, '');
if(param) param += '&';
param += elem.name + '=' + encodeURIComponent(val);
}
}
}
}
}
}
return param;
}
/*
field = form field (object)
*/
this.getFieldValue = function(field) {
var val = '';
switch(field.type.toLowerCase()) {
case 'text':
case 'textarea':
case 'hidden':
case 'password':
val = field.value;
break;
case 'select-one':
case 'select-multiple':
val = field.options[field.selectedIndex].value;
break;
case 'checkbox':
case 'radio':
val = field.checked ? field.value : '';
break;
}
return val;
}
}
PHP Example
<?php
/**
* This code is part of the FileManager software (www.gerd-tentler.de/tools/filemanager), copyright by
* Gerd Tentler. Obtain permission before selling this code or hosting it on a commercial website or
* redistributing it over the Internet or in any other medium. In all cases copyright must remain intact.
*/
/**
* This class provides static methods for general use.
*
* @package FileManager
* @subpackage class
* @author Gerd Tentler
*/
abstract class FM_Tools {
/* PUBLIC STATIC METHODS *********************************************************************** */
/**
* clean local directory
*
* @param string $dir directory
* @param integer $time optional: modification timestamp
* @param boolean $remDirs optional: remove sub folders
*/
public static function cleanDir($dir, $time = null, $remDirs = false) {
if($dp = @opendir($dir)) {
while(($file = @readdir($dp)) !== false) {
if($file != '.' && $file != '..') {
if($time) {
$atime = @fileatime("$dir/$file");
$mtime = @filemtime("$dir/$file");
$fileTime = ($atime > $mtime) ? $atime : $mtime;
$delete = ($fileTime < $time);
}
else $delete = true;
if($delete) {
if($remDirs && is_dir("$dir/$file")) self::removeDir("$dir/$file");
if(is_file("$dir/$file")) @unlink("$dir/$file");
}
}
}
@closedir($dp);
}
}
/**
* remove local directory tree
*
* @param string $dir directory
*/
public static function removeDir($dir) {
if($dp = @opendir($dir)) {
while(($file = @readdir($dp)) !== false) {
if($file != '.' && $file != '..') {
if(is_dir("$dir/$file")) self::removeDir("$dir/$file");
else @unlink("$dir/$file");
}
}
@closedir($dp);
@rmdir($dir);
}
}
/**
* create local directory path
*
* @param string $newDir
* @return boolean
*/
public static function makeDir($dir) {
if(!is_dir(self::dirname($dir))) self::makeDir(self::dirname($dir));
return (is_dir($dir) || @mkdir($dir, 0755));
}
/**
* get number of files in local directory
*
* @param string $dir directory
* @return integer
*/
public static function getFileCount($dir) {
$cnt = 0;
if($dp = @opendir($dir)) {
while(($file = @readdir($dp)) !== false) {
if($file != '.' && $file != '..') {
if(is_file("$dir/$file")) $cnt++;
}
}
@closedir($dp);
}
return $cnt;
}
/**
* read local file
*
* @param string $file file path
* @return string $data file data
*/
public static function readLocalFile($file) {
return @file_get_contents($file);
}
/**
* save local file
*
* @param string $path file path
* @param string $data file data
* @param boolean $append optional: append data to existing file
* @return boolean
*/
public static function saveLocalFile($path, $data, $append = false) {
if($append) {
return @file_put_contents($path, $data, FILE_APPEND);
}
return @file_put_contents($path, $data);
}
/**
* remove local files
*
* @param string $dir directory path
* @param string $regExp regular expression for filename
*/
public static function removeFiles($dir, $regExp) {
if($dp = @opendir($dir)) {
while(($file = @readdir($dp)) !== false) {
if($file != '.' && $file != '..') {
if(preg_match($regExp, $file)) {
@unlink("$dir/$file");
}
}
}
@closedir($dp);
}
}
/**
* get permissions of local file / directory
*
* @param string $path
* @return string
*/
public static function getPermissions($path) {
if(is_dir($path)) {
$perms = 'd';
$rwx = substr(decoct(@fileperms($path)), 2);
}
else {
$perms = '-';
$rwx = substr(decoct(@fileperms($path)), 3);
}
for($i = 0; $i < strlen($rwx); $i++) {
switch($rwx[$i]) {
case 1: $perms .= '--x'; break;
case 2: $perms .= '-w-'; break;
case 3: $perms .= '-wx'; break;
case 4: $perms .= 'r--'; break;
case 5: $perms .= 'r-x'; break;
case 6: $perms .= 'rw-'; break;
case 7: $perms .= 'rwx'; break;
default: $perms .= '---';
}
}
return $perms;
}
/**
* call URL
*
* @param string $url URL
* @param string $errstr stores error message
* @return string response
*/
public static function callUrl($url, &$errstr) {
$errno = $errstr = $response = '';
$urlParts = parse_url($url);
if(isset($urlParts['host']) && $urlParts['host'] != '') $host = $urlParts['host'];
else if(isset($_SERVER['HTTP_HOST'])) $host = $_SERVER['HTTP_HOST'];
if($host == '' || $host == 'localhost') $host = '127.0.0.1';
$port = (isset($urlParts['port']) && $urlParts['port'] > 0) ? $urlParts['port'] : 80;
$query = (isset($urlParts['query']) && $urlParts['query'] != '') ? '?' . $urlParts['query'] : '';
$path = isset($urlParts['path']) ? $urlParts['path'] . $query : $query;
$path = str_replace(' ', '%20', $path);
if($sp = @fsockopen($host, $port, $errno, $errstr, 10)) {
$out = "GET $path HTTP/1.0\r\n";
$out .= "Host: $host\r\n";
if(isset($urlParts['user']) && isset($urlParts['pass'])) {
$login = base64_encode($urlParts['user'] . ':' . $urlParts['pass']);
$out .= "Authorization: Basic $login\r\n";
}
$out .= "Connection: close\r\n\r\n";
@fwrite($sp, $out);
while(!@feof($sp)) {
$response .= @fread($sp, 4096);
if(preg_match('/^HTTP\/[\d\.]+ (\d+) ([\w ]+)/i', $response, $m)) {
if($m[1] != 200) {
$errstr = "Host returned \"$m[1] $m[2]\"";
break;
}
}
}
@fclose($sp);
}
return $response;
}
/**
* check if string contains 3 or 4 byte characters (Chinese etc.);
* usually these characters have a bigger width than the characters
* of the Latin alphabet
*
* @param string $str the string
* @return boolean
*/
public static function containsBigChars($str) {
if($str === null) return false;
return preg_match('/[\xE0-\xF4][\x80-\xBF]{2,3}/', $str);
}
/**
* check if string contains UTF-8 characters
*
* @param string $str the string
* @return boolean
*/
public static function isUtf8($str) {
if($str === null || !is_string($str)) return false;
return preg_match('%(?:
[\xC2-\xDF][\x80-\xBF] # non-overlong 2-byte
|\xE0[\xA0-\xBF][\x80-\xBF] # excluding overlongs
|[\xE1-\xEC\xEE\xEF][\x80-\xBF]{2} # straight 3-byte
|\xED[\x80-\x9F][\x80-\xBF] # excluding surrogates
|\xF0[\x90-\xBF][\x80-\xBF]{2} # planes 1-3
|[\xF1-\xF3][\x80-\xBF]{3} # planes 4-15
|\xF4[\x80-\x8F][\x80-\xBF]{2} # plane 16
)%x', $str);
}
/**
* encode string if it doesn't contain UTF-8 characters
*
* @param string $str the string
* @param string $encoding character set
* @return string encoded string
*/
public static function utf8Encode($str, $encoding) {
if($str === null) return '';
if($str != '' && $encoding != '' && $encoding != 'UTF-8') {
if(!self::isUtf8($str)) {
if(function_exists('mb_convert_encoding')) {
return mb_convert_encoding($str, 'UTF-8', $encoding);
}
else if(function_exists('iconv')) {
return iconv($encoding, 'UTF-8//TRANSLIT', $str);
}
return utf8_encode($str);
}
}
return $str;
}
/**
* decode string if it contains UTF-8 characters
*
* @param string $str the string
* @param string $encoding character set
* @return string decoded string
*/
public static function utf8Decode($str, $encoding) {
if($str === null) return '';
if($encoding != '' && $encoding != 'UTF-8') {
if(self::isUtf8($str)) {
if(function_exists('mb_convert_encoding')) {
return mb_convert_encoding($str, $encoding, 'UTF-8');
}
else if(function_exists('iconv')) {
return iconv('UTF-8', $encoding . '//TRANSLIT', $str);
}
return utf8_decode($str);
}
}
return $str;
}
/**
* try to detect the encoding of a string
*
* @param string $str
* @return string
*/
public static function getEncoding($str) {
if($str === null) return '';
$encodings = array(
'UTF-8', 'ASCII',
'ISO-8859-1', 'ISO-8859-2', 'ISO-8859-3', 'ISO-8859-4', 'ISO-8859-5',
'ISO-8859-6', 'ISO-8859-7', 'ISO-8859-8', 'ISO-8859-9', 'ISO-8859-10',
'ISO-8859-13', 'ISO-8859-14', 'ISO-8859-15', 'ISO-8859-16',
'Windows-1251', 'Windows-1252', 'Windows-1254',
'EUC-JP', 'SJIS', 'eucJP-win', 'SJIS-win', 'JIS', 'ISO-2022-JP'
);
if(function_exists('mb_detect_encoding')) {
return mb_detect_encoding($str, $encodings, true);
}
else if(function_exists('iconv')) {
foreach($encodings as $item) {
$sample = iconv($item, $item, $str);
if (md5($sample) == md5($str)) {
return $item;
}
}
}
return '';
}
/**
* strlen() that works also with UTF-8 strings
*
* @param string $str the string
* @return integer number of characters
*/
public static function strlen($str) {
if($str === null) return 0;
if(self::isUtf8($str)) {
if(function_exists('mb_strlen')) {
return mb_strlen($str, 'UTF-8');
}
return preg_match_all('/.{1}/us', $str, $m);
}
return strlen($str);
}
/**
* strtolower() that works also with UTF-8 strings
*
* @param string $str the string
* @return string lowercase string
*/
public static function strtolower($str) {
if($str === null) return '';
if(self::isUtf8($str)) {
if(function_exists('mb_strtolower')) {
return mb_strtolower($str, 'UTF-8');
}
}
return strtolower($str);
}
/**
* substr() that works also with UTF-8 strings
*
* @param string $str the string
* @param integer $start start position
* @param integer $length optional: number of characters
* @return string the substring
*/
public static function substr($str, $start, $length = null) {
if($str === null) return '';
if(self::isUtf8($str)) {
if(function_exists('mb_substr')) {
return mb_substr($str, $start, $length, 'UTF-8');
}
if(!$length) $length = self::strlen($str);
preg_match('/.{' . $start . '}(.{' . ($length - $start) . '})/us', $str, $m);
return isset($m[1]) ? $m[1] : '';
}
return substr($str, $start, $length);
}
/**
* basename() that works also with UTF-8 strings
*
* @param string $path file path
* @return string
*/
public static function basename($path) {
if($path === null) return '';
if(self::isUtf8($path)) {
$name = self::getSuffix($path, '/');
return ($name != '') ? $name : $path;
}
return basename($path);
}
/**
* dirname() that works also with UTF-8 strings
*
* @param string $path file path
* @return string
*/
public static function dirname($path) {
if($path === null) return '';
if(self::isUtf8($path)) {
$parts = explode('/', $path);
array_pop($parts);
return implode('/', $parts);
}
return dirname($path);
}
/**
* get suffix/extension from a string
*
* @param string $str
* @param string $delimiter
* @return string
*/
public static function getSuffix($str, $delimiter) {
if($str === null) return '';
if(false === strpos($str, $delimiter)) return '';
$tmp = explode($delimiter, $str);
return end($tmp);
}
/**
* get prefix from a string
*
* @param string $str
* @param string $delimiter
* @return string
*/
public static function getPrefix($str, $delimiter) {
if($str === null) return '';
if(false === strpos($str, $delimiter)) return '';
$tmp = explode($delimiter, $str);
return reset($tmp);
}
/**
* convert strings like "8M" or "50K" to bytes; needs bcMath library
* to work with gigabytes or higher values
*
* @param string $str
* @return integer
*/
public static function string2bytes($str) {
if($str === null) return 0;
$hasBc = function_exists('bcmul');
preg_match('/\d+(\.\d+)?/', $str, $m);
$bytes = $m[0];
switch(strtoupper($str[strlen($str) - 1])) {
case 'K': return round($bytes * 1024);
case 'M': return round($bytes * 1024 * 1024);
case 'G': return $hasBc ? bcmul($bytes, 1024 * 1024 * 1024) : round($bytes);
case 'T': return $hasBc ? bcmul($bytes, 1024 * 1024 * 1024 * 1024) : round($bytes);
}
return round($bytes);
}
/**
* convert bytes to strings like "8.5 M" or "50 K"; needs bcMath library
* to work with gigabytes or higher values
*
* @param integer $bytes number of bytes
* @param integer $dec optional: decimals
* @return string
*/
public static function bytes2string($bytes, $dec = 1) {
if(!function_exists('bcmul')) {
$sizes = array(
'M' => 1024 * 1024,
'K' => 1024
);
foreach($sizes as $key => $val) {
if($bytes >= $val) {
return round($bytes / $val, $dec) . ' ' . $key;
}
}
return round($bytes) . ' B';
}
$sizes = array(
'T' => bcmul(1024, 1024 * 1024 * 1024),
'G' => bcmul(1024, 1024 * 1024),
'M' => 1024 * 1024,
'K' => 1024
);
foreach($sizes as $key => $val) {
if($bytes >= $val) {
return round(bcdiv($bytes, $val, $dec ? $dec : 1), $dec) . ' ' . $key;
}
}
return round($bytes) . ' B';
}
/**
* get web path
*
* @return string
*/
public static function getWebPath() {
$incPath = str_replace('\\', '/', realpath(dirname(__FILE__) . '/..'));
$webPath = preg_replace('%^' . preg_quote($_SERVER['DOCUMENT_ROOT'], '%') . '%', '', $incPath);
if($webPath == $incPath) {
$ld = basename($_SERVER['DOCUMENT_ROOT']);
$webPath = substr($incPath, strpos($incPath, $ld) + strlen($ld));
}
return $webPath;
}
/**
* get message string
*
* @param string $token message token
* @param string $val optional: additional value
* @return string
*/
public static function getMsg($token, $val = '') {
global $msg, $fmEncoding, $fmCnt;
if(!isset($msg[$token])) return '';
$encoding = !empty($fmEncoding[$fmCnt]) ? $fmEncoding[$fmCnt] : '';
return $msg[$token] . (!empty($val) ? ': ' . self::utf8Encode($val, $encoding) : '');
}
/**
* get memory usage
*
* @return integer
*/
public static function getMemoryUsage() {
if(function_exists('memory_get_usage')) {
return function_exists('memory_get_peak_usage')
? memory_get_peak_usage(true)
: memory_get_usage();
}
return 0;
}
/**
* read synchsafe number
*
* @param integer $in
* @return integer
*/
public static function unsynchsafe($in) {
$out = 0;
$mask = 0x7F000000;
for($i = 0; $i < 4; $i++) {
$out >>= 1;
$out |= $in & $mask;
$mask >>= 8;
}
return $out;
}
}
CSS Example
/*********************************************************************************************************
This code is part of the FileManager software (www.gerd-tentler.de/tools/filemanager), copyright by
Gerd Tentler. Obtain permission before selling this code or hosting it on a commercial website or
redistributing it over the Internet or in any other medium. In all cases copyright must remain intact.
*********************************************************************************************************/
/*********************************************************************************************************
general
*********************************************************************************************************/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fmBody {
width: 100%;
height: 100%;
margin: 0;
background-color: #F0F0F0;
}
/*********************************************************************************************************
content
*********************************************************************************************************/
.fmContent, .fmContentDisabled, .fmContentNew {
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 11px;
}
.fmContent {
color: #000000;
font-weight: normal;
}
.fmContentDisabled {
color: #A0A0A0;
font-weight: normal;
}
.fmContentNew {
color: #D00000;
font-weight: bold;
}
.fmThumbnail {
background-image: url(../icn/mediaLoading.gif);
background-position: center;
background-repeat: no-repeat;
}
.fmMenuTitle {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: bold;
background-color: #F0F8FF;
color: #000080;
}
.fmMenuBorder {
border-top: 1px solid #405BA2;
border-bottom: 1px solid #405BA2;
}
.fmMenuItem {
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 11px;
color: #000080;
}
.fmMenuItemDisabled {
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 11px;
color: #A0A0A0;
}
/*********************************************************************************************************
hyperlinks
*********************************************************************************************************/
.fmLink, .fmLink:active, .fmLink:visited {
color: #000000;
text-decoration: none;
}
.fmLink:hover {
text-decoration: underline;
color: #0000FF;
}
/*********************************************************************************************************
error and log messages, debug info
*********************************************************************************************************/
.fmError {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
font-weight: bold;
padding: 2px;
text-align: center;
border: 1px dashed #D00000;
color: #D00000;
background-color: #FFF0E0;
}
.fmLogDefault, .fmLogInfo, .fmLogError {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: normal;
}
.fmLogDefault {
color: #00B000;
}
.fmLogInfo {
color: #0000FF;
}
.fmLogError {
color: #FF4040;
}
.fmLogWindow {
background-color: #F0F8FF;
}
.fmSearchResult {
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 11px;
background-color: #FFFFD0;
}
.fmDebugInfo {
background-color: white;
color: #808080;
border: 1px dashed #808080;
padding: 2px;
text-align: left;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
}
/*********************************************************************************************************
forms, fields and buttons
*********************************************************************************************************/
.fmForm {
margin: 0;
}
.fmField {
font-family: "Courier New", Courier;
font-size: 12px;
font-weight: normal;
border: 2px inset #FFFFFF;
}
.fmButton {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-weight: bold;
margin-top: 4px;
width: 100px;
}
/*********************************************************************************************************
table header cells
*********************************************************************************************************/
.fmTH1, .fmDialog, .fmDialogTitle {
cursor: default;
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #405BA2;
}
.fmTH2 {
cursor: default;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
color: #000000;
background-color: #C0D0F0;
}
.fmTH3 {
cursor: default;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
padding: 2px;
border: 1px outset #FFFFFF;
background-color: #708BD2;
margin-left: 1px;
text-align: center;
white-space: nowrap;
}
.fmTH4 {
cursor: pointer;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: bold;
padding: 2px;
border: 1px outset #FFFFFF;
color: #FFFFFF;
background-color: #A0B0D0;
margin-left: 1px;
text-align: center;
white-space: nowrap;
}
.fmTH5 {
cursor: pointer;
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: bold;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
border: 1px inset #FFFFFF;
color: #FFFFFF;
background-color: #A0B0D0;
margin-left: 1px;
text-align: center;
white-space: nowrap;
}
/*********************************************************************************************************
table data cells
*********************************************************************************************************/
.fmTD1 {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
overflow-x: hidden !important;
}
.fmTD2 {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: normal;
color: #000000;
background-color: #E0F0FF;
}
.fmTD3 {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #708BD2;
}
/*********************************************************************************************************
dialog boxes
*********************************************************************************************************/
.fmDialog {
position: absolute;
z-index: 69;
visibility: hidden;
display: none;
border: 1px outset #FFFFFF;
}
.fmDialogTitle {
padding: 4px;
cursor: move;
overflow: hidden;
white-space: nowrap;
text-align: left;
}
/*********************************************************************************************************
directory tree
*********************************************************************************************************/
.fmExplorer, .fmExplorerHilight, .fmExplorerActive, .fmExplorerContent, .fmExplorerFileCnt {
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 11px;
}
.fmExplorer, .fmExplorerHilight, .fmExplorerActive, .fmExplorerTitle {
padding: 4px;
display: block;
text-align: left;
white-space: nowrap;
overflow: hidden;
}
.fmExplorerHilight {
background-color: #C0D0F0;
}
.fmExplorerActive {
background-color: #D0E0F0;
}
.fmExplorerFileCnt {
color: #808080;
}
.fmExplorerTitle {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
font-weight: bold;
color: #405BA2;
background-color: #F0F8FF;
border-bottom: 1px solid #405BA2;
text-align: left;
}
/*********************************************************************************************************
progress bar
*********************************************************************************************************/
.fmProgressBar {
height: 10px;
background-color: #708BD2;
border: 1px outset white;
}
.fmProgressBarBG {
height: 12px;
background-color: #E0E0E0;
border: 1px solid black;
text-align: left;
}
.fmProgressBarText {
font-family: Arial, Helvetica;
font-size: 10px;
white-space: nowrap;
}
.fmProgressBarCont {
background-color: #B0C0D0;
border: 1px solid white;
margin: 3px;
}
/*********************************************************************************************************
shadows
*********************************************************************************************************/
.fmShadow {
-moz-box-shadow: 3px 3px 4px #808080;
-webkit-box-shadow: 3px 3px 4px #808080;
box-shadow: 3px 3px 4px #808080;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');
}
Change Log
Version 1.3
* Added SQL to the list of supported languages.
Version 1.2
* Added XML to the list of supported languages.
Version 1.1
* Added Perl to the list of supported languages.
Comments
|