Cannot Create Credentials File

'; $ersError['102'] = '

Invalid Credentials: Please try again

'; $ersError['103'] = '

Status: Failed
Reason: You Must Enter Both Redirect and Destination URL

'; $ersError['104'] = '

Please Enter Redirect to Delete

'; $ersError['105'] = '

Status: Failed
Category names can only contain letters, numbers, and spaces. Please try again.

'; $ersError['110'] = '

Status: Failed
Redirect names can only contain letters, numbers, and spaces. Please try again.

'; $ersError['106'] = '

Status: Failed
Reason: Link already exists or conflicts with existing file/directory
'; $ersError['107'] = '
Status: Error
Reason: Cannot delete "http://' . $ersVar['domain'] . '/' . trim($_POST['link']) . '". It either does not exist or was not created with this tool.

'; $ersError['108'] = '

Status: Failed
Reason: Redirect Category Already Exists
'; $ersError['109'] = '
Status: Failed
Reason: You Must Enter Both Category Name and Category Description

'; class ERSAdminStatus { public static $STATUS_CODES = NULL; public static function init() { self::$STATUS_CODES = array( 'NEW_LINK' => 101, 'REMOVE_LINK' => 102, 'NEW_CATEGORY' => 103, 'UPDATE_LINK' => 104, 'REMOVE_CATEGORY' => 105, 'UPDATE_CATEGORY' => 106 ); } } ERSAdminStatus::init(); class ERSErrorLog { public static function Log($data) { if ($_SESSION['DEBUG'] && $_SESSION['log']) { file_put_contents("debug.log", date('[Y-d-m H:i:s]: ') . $data, FILE_APPEND); } } } class QrCodes { var $Size = 150; var $IsImage = 0; var $CoddingType = 0; var $codding = ""; var $adres = ""; function GetCode($text) { switch ($this->CoddingType) { case 0: $this->codding = "UTF-8"; break; case 1: $this->codding = "Shift_JIS"; break; case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $text = $this->adres . urlencode($text) . "&choe=" . $this->codding; break; Case 1: $text = ""; break; } Return $text; } function GetMail($email) { Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $email = $this->adres . urlencode($email) . "&choe=" . $this->codding; break; Case 1: $email = ""; break; } Return $email; } function GetMail2($email, $subjectMail) { $createMail = "MATMSG:TO:" . $email . ";SUB:" . $subjectMail . ";"; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $createMail = $this->adres . urlencode($createMail) . "&choe=" . $this->codding; break; Case 1: $createMail = ""; break; } Return $createMail; } function GetMail3($email, $subjectMail, $bodyMessage) { $createMail = "MATMSG:TO:" . $email . ";SUB:" . $subjectMail . ";BODY:" . $bodyMessage . ";"; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $createMail = $this->adres . urlencode($createMail) . "&choe=" . $this->codding; break; Case 1: $createMail = ""; break; } Return $createMail; } function GetGeo($latitude, $longitude) { $geo = "geo:" . $latitude . "," . $longitude; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $geo = $this->adres . urlencode($geo) . "&choe=" . $this->codding; break; Case 1: $geo = ""; break; } Return $geo; } function GetGeo2($latitude, $longitude, $altitude) { $geo = "geo:" . $latitude . "," . $longitude . "," . $altitude; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $geo = $this->adres . urlencode($geo) . "&choe=" . $this->codding; break; Case 1: $geo = ""; break; } Return $geo; } Function GetSms($phoneNumber) { $sms = "smsto:+" . $phoneNumber; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $sms = $this->adres . urlencode($sms) . "&choe=" . $this->codding; break; Case 1: $sms = ""; break; } Return $sms; } Function GetSms2($phoneNumber, $smsMessage) { $sms = "smsto:+" . $phoneNumber . ":" . $smsMessage; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $sms = $this->adres . urlencode($sms) . "&choe=" . $this->codding; break; Case 1: $sms = ""; break; } Return $sms; } Function GetMms($phoneNumber) { $mms = "mmsto:+" . $phoneNumber; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $mms = $this->adres . urlencode($mms) . "&choe=" . $this->codding; break; Case 1: $mms = ""; break; } Return $mms; } Function GetMms2($phoneNumber, $smsMessage) { $mms = "mmsto:+" . $phoneNumber . ":" . $smsMessage; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $mms = $this->adres . urlencode($mms) . "&choe=" . $this->codding; break; Case 1: $mms = ""; break; } Return $mms; } Function GetPhone($phoneNumber) { $phone = "tel:+" . $phoneNumber; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $phone = $this->adres . urlencode($phone) . "&choe=" . $this->codding; break; Case 1: $phone = ""; break; } Return $phone; } Function GetBookmark($url, $titleUrl) { $createUrl = "MEBKM:TITLE:" . $titleUrl . ";URL:" . $url . ";"; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $createUrl = $this->adres . urlencode($createUrl) . "&choe=" . $this->codding; break; Case 1: $createUrl = ""; break; } Return $createUrl; } Function GetContact($name, $phone, $url, $emailContact, $adresContact, $note) { $createContact = "MECARD:N:" . $name . ";TEL:+" . $phone . ";URL:" . $url . ";EMAIL:" . $emailContact . ";ADR:" . $adresContact . ";NOTE:" . $note . ";"; Switch ($this->CoddingType) { Case 0: $this->codding = "UTF-8"; break; Case 1: $this->codding = "Shift_JIS"; break; Case 2: $this->codding = "ISO-8859-1"; break; } $this->adres = "http://chart.apis.google.com/chart?chs=" . $this->Size . "x" . $this->Size . "&cht=qr&chl="; Switch ($this->IsImage) { Case 0: $createContact = $this->adres . urlencode($createContact) . "&choe=" . $this->codding; break; Case 1: $createContact = ""; break; } Return $createContact; } } class ERSAdmin { private $output; private $outputType; public function ERSAdmin() { $this->outputType = "JSON"; $this->output = array(); $this->output['page_to_display'] = "default"; $this->configureErrorSettings(); } private function getAssociatedErsVar($id) { global $ersVar; return $ersVar[$id]; } private function setAssociatedErsVar($id, $value) { global $ersVar; $ersVar[$id] = $value; } private function getAssociatedErrorMessage($id) { global $ersError; return $ersError[$id]; } private function getAssociatedStatusMessage($id, $params = array()) { $myTxt = ""; switch ($id) { case ERSAdminStatus::$STATUS_CODES['NEW_LINK']: $location_url = 'http://' . $this->getAssociatedErsVar('domain') . '/' . trim($params['link']); $link_url = $this->getQrCodeLocationImageUrl($location_url); $myTxt .= '

Status: Success
' . "\n"; $myTxt = '
Success! ' . "\n"; $linkPath = 'http://' . $this->getAssociatedErsVar('domain') . '/' . trim($params['link']); $redirectUrl = $linkPath; $destUrl = $params['dest']; $myTxt .= "Redirect URL: {$redirectUrl}" . '

'; $myTxt .= "" . $this->getTabledOutputQrCodeEntry($link_url) . ""; $myTxt .= '
'; break; case ERSAdminStatus::$STATUS_CODES['REMOVE_LINK']: $myTxt .= '
Success! ' . "\n"; $linkPath = $this->getAssociatedErsVar('domain') . '/' . trim($params['link']); $redirectUrl = 'http://' . $linkPath; $destUrl = $params['dest']; $myTxt .= "Deleted URL: {$redirectUrl}" . '
'; break; case ERSAdminStatus::$STATUS_CODES['NEW_CATEGORY']: $myTxt .= '
Success!' . "\n"; $myTxt .= 'Created Category: ' . $params['catname'] . '
'; break; case ERSAdminStatus::$STATUS_CODES['UPDATE_LINK']: $myTxt .= '
Success! ' . "\n"; $location_url = 'http://' . $this->getAssociatedErsVar('domain') . '/' . trim($params['link']); $link_url = $this->getQrCodeLocationImageUrl($location_url); $linkPath = $this->getAssociatedErsVar('domain') . '/' . trim($params['link']); $redirectUrl = 'http://' . $linkPath; $destUrl = $params['dest']; $myTxt .= "Updated URL: {$redirectUrl}" . '

'; $myTxt .= "" . $this->getTabledOutputQrCodeEntry($link_url, $params['link']) . ""; $myTxt .= '
'; break; case ERSAdminStatus::$STATUS_CODES['REMOVE_CATEGORY']: $myTxt .= '
Success! ' . "\n"; $myTxt .= 'Removed Category: ' . $params['catname'] . '
'; break; case ERSAdminStatus::$STATUS_CODES['UPDATE_CATEGORY']: $myTxt .= '
Success! ' . "\n"; $myTxt .= 'Updated Category: ' . $params['catname'] . '
'; break; } return $myTxt; } private function getTabledOutputQrCodeEntry($qrLink) { $myTxt = "" . "" . "
" . "" . "
" . "
" . "Right Click Image to Save" . "
" . "
"; return $myTxt; } private function getQrCodeLocationImageUrl($link) { $qr = new QrCodes(); ERSErrorLog::Log('GetCode: ' . $link); return $qr->GetCode($link); } private function getQrCodeBookmarkImageUrl($link, $desc) { $qr = new QrCodes(); return $qr->GetBookmark($link, $desc); } private function configureErrorSettings() { $this->output['errorsDetected'] = FALSE; $this->output['errorsMessages'] = array(); } private function addError($errorType, $errorMesg) { $this->output['errorsDetected'] = TRUE; $this->output['errorsMessages'][] = array( 'type' => $errorType, 'message' => $errorMesg ); } private function checkIfProperLink($link) { return (!preg_match('/^(http|https|ftp|mailto):' . '\/\/([A-Z0-9][A-Z0-9_-]*(?:\.[A-Z0-9]' . '[A-Z0-9_-]*)+):?(\d+)?\/?/i', $link)) ? FALSE : TRUE; } private function validateUserInput($input) { if ($this->output['errorsDetected']) { return FALSE; } return TRUE; } private function encodeUserInput($val) { return urlencode($val); } private function decodeUserInput($val) { return urldecode($val); } private function standardLinkChecks($filename, $link) { if (!$this->checkIfProperLink($link)) { $this->addError('ERROR', 'Please use a proper URL - Links should be like "http://www.google.com"'); } if (!$this->checkIfValidFilename($filename)) { $this->addError('ERROR', 'Please use a proper Redirect Name - Redirect names should only use alphanumeric characters, dashes, and underscores'); } if ($this->output['errorsDetected']) { return FALSE; } return TRUE; } private function checkIfValidFilename($filename) { if (!preg_match('/^[\w-_]+$/', $filename)) { return false; } return true; } private function checkIfValidFilenameWithSpaces($filename) { if (!preg_match('/^[\w -_]+$/', $filename)) { return false; } return true; } private function checkIfSystemMeetsMinimumRequirements() { $returnCode = ""; $testFailed = "false"; $touchFailed = "false"; $failedMessage = '

System Requirements Failure

' . '

Your Server has' . ' failed to meet one or more requirements for this application.' . '
Please see below for detailed information and possible ' . 'fixes to the problems encountered.

'; if (version_compare(PHP_VERSION, '5.0.0', '<')) { $testFailed = "true"; $failedMessage = $failedMessage . '

PHP Version ' . 'Error
PHP Version 5 required. You ' . 'are running version: ' . PHP_VERSION . '

' . 'Background Information

Although ' . 'most hosting providers support PHP version 5, your ' . 'server may be configured to use an older version by ' . 'default. In most cases, you can change the default ' . 'setting via cPanel. However, doing so may affect ' . 'other application that require the older version of ' . "PHP. Therefore, it is safer to override the " . "default PHP version on a per directory basis, " . "as shown below. If you do not have any applications " . "that require the older version of PHP configured as " . "the default, it is strongly recommended you change " . "the default setting to PHP 5 or later. Please contact" . " your hosting provider with questions about PHP " . "version changes for your account.

" . "Possbile Fix: Override PHP Version for This " . "Application

Create a .htccess file in " . "the ersadmin directory with the following two lines " . "then reload this page:
AddType application/x-" . "httpd-php5 .php
AddHandler application/x-" . "httpd-php5 .php
If this does not fix the " . "problem, please contact your hosting provider and " . "ask them how to enable PHP version 5 or later on " . "your web server.

"; } if (ini_get('safe_mode')) { $testFailed = "true"; $failedMessage = $failedMessage . "

PHP Safe Mode
Your server is " . "configured with PHP Safe Mode On. This application cannot " . "run with Safe Mode On.

Background " . "Information

The following is an excerpt from " . "the PHP Documentation page for \"Safe Mode:\"

The PHP safe" . " mode is an attempt to solve the shared-server security " . "problem. It is architecturally incorrect to try to solve" . " this problem at the PHP level...

Safe " . "Mode has been removed from PHP version 6 and above. " . " For complete details on Safe Mode, see the PHP Safe Mode Documentation

" . "

Possbile Fix: Implement suPHP Instead" . "

The preferred method of for implementing PHP " . "security in shared environments is by using suPHP. " . "Please ask your hosting provider about how to enable " . "suPHP for your account.

"; } touch("erstestpermission.php") or $touchFailed = "true"; unlink("erstestpermission.php") or $touchFailed = "true"; touch("../erstestpermission.php") or $touchFailed = "true"; unlink("../erstestpermission.php") or $touchFailed = "true"; if ($touchFailed == "true") { $testFailed = "true"; $failedMessage = $failedMessage . "

Insufficient Permissions
Your " . "server configuration will not allow this application to " . "function properly due to insufficient file permissions." . "

Background Information

" . "

Most shared " . "hosting servers are configured with a PHP security module " . "called suPHP, which allows scripts to execute with " . "the permissions of the file owner.

Most VPS and " . "Dedicated Servers are not configured with suPHP. This is " . "because they are more secure in nature. In a shared hosting " . "environment, many users run scripts from a single server, and " . "it is therefore critical to protect one user's files from " . "another user's scripts. Since Dedicated and VPS server are " . "not usually shared by more than one company or user, suPHP is " . "not required, however, it does cause problems for this " . "application.

Possbile Fix 1: Implement suPHP" . "

" . "If you are running in a shared hosting environment (your typical " . "inexpensive service), this is definitely what you should do. " . "Please ask your hosting provider about how to enable suPHP for " . "your account.

In a Dedicated Server or VPS environment, " . "this is also a good option, and you can ask your hosting " . "provider to help you install and configure suPHP, however, " . "the next solution will be much easier to implement.

" . "Possbile Fix 2: Change Directory Permissions
" . "

For " . "security reasons, you are strongly discouraged from implementing " . "this solution in a shared hosting environment.

In a Dedicated " . "Server or VPS environment, this is not an issue and this solution " . "can be safely implemented.

Solution:

  1. Change the " . "permissions of the \"ersadmin\" directory to 777
  2. Change " . "the permissions of the directory containing \"ersadmin\" to 777
    3. " . "

"; } if ($testFailed) { $this->addError('ERROR', $failedMessage); return FALSE; } else return TRUE; } private function checkIfCredentialsFileExists() { if (!file_exists("./credentials.php")) { $this->addError('ERROR', "Credentials File not detected"); $this->showPage('credentials'); if (!$this->checkIfSystemMeetsMinimumRequirements()) { return FALSE; } return FALSE; } $this->showPage('erslogin'); return TRUE; } private function showPage($page) { $this->output['page_to_display'] = $page; } private function checkPageHasBeenSet() { if ($this->output['page_to_display'] == "" || $this->output['page_to_display'] == 'default') { return FALSE; } return TRUE; } private function buildQueryString($params) { return http_build_query($params); } private function displayScreenCss() { $myTxt = ""; $myTxt .= "/* This file contains layout/font information, see the other CSS files for color information */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* The 960 Grid Framework is in 960.css */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h1, h2, h3, h4, h5, h6," . "\n"; $myTxt .= "" . "\n"; $myTxt .= "p, body" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "@font-face {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-family: 'LeagueGothicRegular';" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " src: url('lib/fonts/League_Gothic-webfont.eot');" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " src: local('?'), " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " url('lib/fonts/League_Gothic-webfont.woff') format('woff'), " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " url('lib/fonts/League_Gothic-webfont.ttf') format('truetype'), " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " url('lib/fonts/League_Gothic-webfont.svg#webfontOTINA1xY') format('svg');" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-weight: normal;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-style: normal;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "body" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{ " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:14px; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " line-height:160%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "body, textarea" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-family:Georgia, \"Times New Roman\", Times, serif;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h1, h2, h3, h4, h5, h6, " . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".menu, " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-family:'LeagueGothicRegular', 'Arial Narrow', Arial, Helvetica;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h1, h2, h3, h4, h5, h6" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " line-height:100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-weight:normal;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h1" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:60px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h2" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:50px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h3" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:35px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h4" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:25px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h5" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:20px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h6" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:18px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "UL,OL" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-top:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-bottom:15px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "LI UL," . "\n"; $myTxt .= "" . "\n"; $myTxt .= "LI OL" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-bottom:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "blockquote" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-top:20px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-bottom:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-left:100px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "p," . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h1, h2, h3, h4, h5, h6" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0 0 15px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "h5, h6" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " letter-spacing:0.5px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "a," . "\n"; $myTxt .= "" . "\n"; $myTxt .= "a.active:hover" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " outline:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#logo h1" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#logo a" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-indent:-9999px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width:220px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height:72px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#header" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:10px 0 12px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position:fixed;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " top:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " left:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width:100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " z-index:20;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " bottom:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " left:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width:100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:14px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-family: georgia, tahoma, arial;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:8px 0 5px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " z-index:19;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height:80px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer p" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer UL.social," . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer UL.social LI" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " list-style-type:none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-top:38px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer .social li" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:inline;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer .social a" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " float:left;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0 20px 0 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer UL.social LI:last-child a" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding-right:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer a" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-decoration:none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color:#fff;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#footer a:hover, a.active {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-decoration:none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color:#085186;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".slider" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position:relative;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".slider .next," . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".slider .prev" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " cursor:pointer;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position:absolute;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " top:44%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " opacity:0.85;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:10px 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:18px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " z-index:30;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-indent:-9999px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width:16px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height:16px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".slider .next" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " right:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".slider .prev" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " left:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".slider:hover a.next," . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".slider:hover a.prev" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".promos" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0 0 40px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".menu-container" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position:relative;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "UL.menu" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position:absolute;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " right:0; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:inline;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin:1px 10px 0 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:8px 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "UL.menu LI" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:inline;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " list-style-type:none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "UL.menu LI a" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " float:left;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-decoration:none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:20px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".section" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* padding:125px 0 400px 0; */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " /* -------------------------------------------- " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * modified this for right now - it" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * was spacing the items too fr apart" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * -------------------------------------------- " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding: 125px 0 0px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " /* -------------------------------------------- " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * 125 is needed in order to peek down from" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * the header" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * -------------------------------------------- " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".boxed" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:20px 15px 5px 15px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".rounded" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius:10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius:10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius:10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".left" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " float:left;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".right" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " float:right;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "img.right" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:10px 0 10px 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "img.left" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:10px 10px 0 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "img.center" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin:0 auto;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".end" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height:500px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "a img" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".hidden,.alternate" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".message" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-weight:bold;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".section-heading h2" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0 0 10px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin:0 0 20px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-transform:uppercase;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".blog-summary .post" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin:0 0 15px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0 0 10px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".fancydate .m," . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".fancydate .y" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:14px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".fancydate .d" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:22px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".meta" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:12px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".posttitle" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0 0 5px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".posttitle a" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-decoration:none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".portfolio-large .post" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-bottom:20px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding-bottom:20px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".gallery .thumb" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-bottom:20px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "UL.clean," . "\n"; $myTxt .= "" . "\n"; $myTxt .= "UL.clean LI" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " list-style-type:none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".standardForm input:focus," . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".standardForm textarea:focus," . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".standardForm .submit:hover" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " outline:0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* text box updates */ /* For rounded corners on the text fields */ .textbox2 { border:2px solid #666; padding-left:5px; } .textbox3 { border:2px solid #666; width:200px; padding-left:5px; } .textbox5 { border:2px solid #666; width:200px; padding-left:5px; } .textbox5 { border:2px solid #666; width:250px; padding-left:5px; } .textbox6 { border:2px solid #666; width:250px; margin-left:175px; } /* Table updates */ table.simpleoptions2 { border:1px solid #ccc; background:#fff; font-size:11px; } .overflowed { width: 440px; overflow: auto; } /* Contact Form updates */ .standardForm .submit, .rounded { border:2px solid #666; } /*(for the contact form, makes it easier to read)*/"; $myTxt .= ".standardForm .textbox," . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".standardForm .textarea," . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".standardForm .submit" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:8px 5px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-weight:bold;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display:block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin:0 0 10px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".standardForm .textbox" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width:70%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".standardForm .textarea" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width:95%; /*100% breaks IE6*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height:120px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " line-height:160%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".standardForm .submit" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width:35%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " cursor:pointer;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".grid-demo p" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin:0 0 20px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding:15px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-align:left;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "code" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font-size:90%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".centered" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-align:center;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/**" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * jQuery lightBox plugin" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * and adapted to me for use like a plugin from jQuery." . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * @name jquery-lightbox-0.5.css" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * @author Leandro Vieira Pinho - http://leandrovieira.com" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * @version 0.5" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * @date April 11, 2008" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * @category jQuery plugin" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#jquery-overlay {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position: absolute;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " top: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " left: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " z-index: 90;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height: 500px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#jquery-lightbox {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position: absolute;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " top: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " left: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " z-index: 100;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-align: center;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " line-height: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#jquery-lightbox a img { border: none; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-container-image-box {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position: relative;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #fff;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 250px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height: 250px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin: 0 auto;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-container-image { padding: 10px; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-loading {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position: absolute;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " top: 40%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " left: 0%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height: 25%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-align: center;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " line-height: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-nav {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position: absolute;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " top: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " left: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height: 100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " z-index: 10;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-container-image-box > #lightbox-nav { left: 0; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-nav a { outline: none;}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-nav-btnPrev, #lightbox-nav-btnNext {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 49%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height: 100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " zoom: 1;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display: block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-nav-btnPrev { " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " left: 0; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " float: left;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-nav-btnNext { " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " right: 0; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " float: right;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-container-image-data-box {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font: 10px Verdana, Helvetica, sans-serif;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #fff;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin: 0 auto;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " line-height: 1.4em;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " overflow: auto;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 100%;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding: 0 10px 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-container-image-data {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding: 0 10px; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #666; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-container-image-data #lightbox-image-details { " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 70%; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " float: left; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-align: left; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "} " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-image-details-caption { font-weight: bold; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-image-details-currentNumber {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display: block; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " clear: left; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding-bottom: 1.0em; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "} " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "#lightbox-secNav-btnClose {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 66px; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " float: right;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding-bottom: 0.7em; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* End of Lightbox Plugin */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".img-left {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "float: left;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "margin-right:20px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".img-right {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "float: right;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "margin-left:20px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* CSS3 ELEMENTS PACKAGE */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* Version 1.0 */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* by kailoon http://themetation.com */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* BUTTONS ################################*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton { " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " outline: none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-decoration: none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display: inline-block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding: 7px 10px 8px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font: 900 12px/1 Arial, sans-serif; /* font type and attributes */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " cursor: pointer;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 6px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 6px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 6px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-border-radius: 6px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position: relative;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #fff; /* font color */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-transition: -webkit-box-shadow 0.1s ease; /* animation - safari and chrome */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-transition-property: -o-box-shadow;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-transition-duration: 4s;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-transition-delay: 1s;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " /* The gradient effects and shadow ################################*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2); " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-shadow: 0 1px 1px rgba(0,0,0,0.5);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 1px solid rgba(0,0,0,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-bottom: 1px solid rgba(0,0,0,0.4);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* BUTTONS HOVER AND ACTIVE STAGE ################################*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton:hover { " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.2), inset 0 -15px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton:active {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-shadow: 0 -1px 1px rgba(0,0,0,0.5);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.2), inset 0 -15px 8px rgba(255,255,255,0.2), inset 1px -1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px -1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px -1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset .mybutton:hover {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.2), inset 0 -15px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-box-shadow: 0 0px 0px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* LITE BUTTONS */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".lite.mybutton { " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-shadow: 0 1px 1px rgba(255,255,255,0.5); " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".lite.mybutton:active {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-shadow: 0 -1px 1px rgba(255,255,255,0.5); " . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* OUTSET ################################*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset { /* Button with outset - for example My CSS3 Button */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-border-radius: 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display: inline-block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " text-decoration: none;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset .mybutton {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " /* The gradient effects */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-box-shadow: inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2); " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-box-shadow: inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-box-shadow: inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* ARROW ################################*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.arrow {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding-right: 20px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".b_button.arrow {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding-right: 30px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".arrow:after { /* arrow for normal button */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " content: \"\\00a0\";" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display: block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position: absolute;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " bottom: 9px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " right: 3px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 5px solid transparent;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-left-color: rgba(0,0,0,0.7);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".arrow:before{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " content: \"\\00a0\";" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display: block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position: absolute;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " bottom: 8px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " right: 2px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " height: 0;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 5px solid transparent;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-left-color: rgba(255,255,255,0.1);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".b_button.arrow:after { /* arrow for big button */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " bottom: 11px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " right: 0px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-width: 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".b_button.arrow:before {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " bottom: 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " right: -1px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-width: 10px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".s_button.arrow:after { /* arrow for small button */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " bottom: 6px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " right: 3px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-width: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".s_button.arrow:before{" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " bottom: 5px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " right: 2px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-width: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".black.arrow:after {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-left-color: rgba(255,255,255,1);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".black.arrow:before {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-left-color: rgba(255,255,255,0.3);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* BUTTON SIZES ################################ */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".s_button { " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font: 900 10px/10px Arial, sans-serif; " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding: 4px 7px 6px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".b_button { " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " font: 900 14px/16px Arial, sans-serif;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding: 13px 20px; /* You can adjust the button size using padding */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.1), inset 0 16px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.3);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.1), inset 0 16px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.3);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -o-box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.1), inset 0 16px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.3);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "}" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* BUTTON COLORS - you can change the button based color here ################################ */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.blue, .outset.blue .mybutton { background-color: #1a5aa2; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.green, .outset.green .mybutton { background-color: #719213; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.red, .outset.red .mybutton { background-color: #991b1b; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.orange, .outset.orange .mybutton { background-color: #e33100; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.black, .outset.black .mybutton { background-color: #111; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.metalic, .outset.metalic .mybutton { background-color: #696969; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.yellow, .outset.yellow .mybutton { background-color: #ecd225; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.purple, .outset.purple .mybutton { background-color: #842dbb; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.ocean, .outset.ocean .mybutton { background-color: #2d9fbb; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.coffee, .outset.coffee .mybutton { background-color: #91846d; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.blue-lite, .outset.blue-lite .mybutton { background-color: #bedae9; color: #365463; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.green-lite, .outset.green-lite .mybutton { background-color: #c5d488; color: #516112; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.red-lite, .outset.red-lite .mybutton { background-color: #e3aaaa; color: #681b1b; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.orange-lite, .outset.orange-lite .mybutton { background-color: #e39045; color: #4f2409; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.black-lite, .outset.black-lite .mybutton { background-color: #ccc; color: #434343; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.yellow-lite, .outset.yellow-lite .mybutton { background-color: #e7e19a; color: #5a5629; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.purple-lite, .outset.purple-lite .mybutton { background-color: #e6a5e1; color: #5d1657; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.ocean-lite, .outset.ocean-lite .mybutton { background-color: #a9d7dd; color: #115159; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".mybutton.coffee-lite, .outset.coffee-lite .mybutton { background-color: #aaa999; color: #35342c; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset.blue, .outset.blue-lite { background-color: #dcebf3; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset.green, .outset.green-lite { background-color: #f1f3dc; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset.red, .outset.red-lite { background-color: #f3dcdc; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset.orange, .outset.orange-lite { background-color: #f3eadc; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset.black, .outset.metalic, .outset.black-lite { background-color: #f1f1f1; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset.yellow, .outset.yellow-lite { background-color: #f3eedc; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset.purple, .outset.purple-lite { background-color: #f3dcf3; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset.ocean, .outset.ocean-lite { background-color: #dcf2f3; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= ".outset.coffee, .outset.coffee-lite { background-color: #f3e8dc; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* DEFAULT TOOLTIPS · used for every tooltip. */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip { position: relative; }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-left: -9999px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " position: absolute;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip a:hover + span, span.tooltip span:hover {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " margin-left: 0px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " display: block;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " top: 2em; left: 0px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " width: 400px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " padding: 11px 15px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " z-index: 99;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: rgba(0,0,0,0.8);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " *background-color: #000; /*asterisk is there to fix an IE7 issue*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 3px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 3px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 3px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #ccc;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " }" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* TOOLTIP COLOURS · default tooltips are see-through black, below are some other styles. Colours to choose from: light, red, blue, green, yellow, sky blue, mint green, cherry red and vanilla yellow. */" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.light a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: rgba(255,255,255,0.8);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " *background-color: #fff; /*asterisk is there to fix an IE7 issue*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #444;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " box-shadow: 0px 1px 2px rgba(0,0,0,0.5);" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " } /*light tooltip*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " " . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.red a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #9c2b2b;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 1px solid #401818;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #de8383;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " } /*red tooltip*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.blue a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #3c5794;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 1px solid #283759;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #99add9;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " } /*blue tooltip*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.green a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #5d893d;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 1px solid #445b32;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #b5d093;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " } /*green tooltip*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.yellow a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #e6b222;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 1px solid #9e6f1e;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #9e6f1e;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " } /*yellow tooltip*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.cherry a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #bb6f63;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 1px solid #823c37;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #efc4bd;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " } /*cherry red tooltip*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.sky a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #c3d2ea;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 1px solid #8c9eba;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #5f6e85;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " } /*sky blue tooltip*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.mint a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #cddea5;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 1px solid #9bab76;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #6d794f;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " } /*mint green tooltip*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.vanilla a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " background-color: #ead89f;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border: 1px solid #a58a4a;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -moz-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " -webkit-border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-radius: 4px;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " color: #8e7741;" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " } /*vanilla yellow tooltip*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "" . "\n"; $myTxt .= "/* Optional Classes · there are two more optional classes that you can add to the tooltips, noBorder removes the border and noCorner removes the rounded corners. These classes are OPTIONAL*/" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " span.tooltip.noBorder a:hover + span {" . "\n"; $myTxt .= "" . "\n"; $myTxt .= " border-width: 0px;" . "\n";