]> git.mxchange.org Git - friendica.git/commitdiff
full theming support
authorMike Macgirvin <mike@macgirvin.com>
Mon, 16 Aug 2010 12:23:26 +0000 (05:23 -0700)
committerMike Macgirvin <mike@macgirvin.com>
Mon, 16 Aug 2010 12:23:26 +0000 (05:23 -0700)
boot.php
database.sql
include/auth.php
index.php
mod/profile.php
mod/settings.php
view/acl_selectors.php
view/head.tpl
view/settings.tpl
view/style.css [deleted file]
view/theme/default/style.css [new file with mode: 0644]

index 75ea5346ea714ecd9dc4f5ac4171b2468acbdf14..7754ad1f4e253206c46f4d4f8ec8b5aedee46dcd 100644 (file)
--- a/boot.php
+++ b/boot.php
@@ -131,7 +131,9 @@ class App {
        function init_pagehead() {
                if(file_exists("view/head.tpl"))
                        $s = file_get_contents("view/head.tpl");
-               $this->page['htmlhead'] = replace_macros($s,array('$baseurl' => $this->get_baseurl()));
+               $this->page['htmlhead'] = replace_macros($s,array(
+                       '$baseurl' => $this->get_baseurl()
+               ));
        }
 
 }}
index a275f39b3227dd657704084763578ab838468d89..0cbfc754d76bb9f4ad3995a48f0f5286872163cf 100644 (file)
@@ -328,6 +328,7 @@ CREATE TABLE IF NOT EXISTS `user` (
   `nickname` char(255) NOT NULL,
   `email` char(255) NOT NULL,
   `timezone` char(128) NOT NULL,
+  `theme` char(255) NOT NULL,
   `pubkey` text NOT NULL,
   `prvkey` text NOT NULL,
   `verified` tinyint(1) unsigned NOT NULL DEFAULT '0',
index 8d2a0e2d0df4f733303782f46162c75096adde56..745285ef07aa66ba44daa5d1d8605bace0e1d993 100644 (file)
@@ -10,6 +10,7 @@ if((x($_SESSION,'authenticated')) && (! ($_POST['auth-params'] == 'login'))) {
                unset($_SESSION['is_visitor']);
                unset($_SESSION['administrator']);
                unset($_SESSION['cid']);
+               unset($_SESSION['theme']);
                notice( t('Logged out.') . EOL);
                goaway($a->get_baseurl());
        }
@@ -20,6 +21,7 @@ if((x($_SESSION,'authenticated')) && (! ($_POST['auth-params'] == 'login'))) {
                        goaway($a->get_baseurl());
                }
                $a->user = $r[0];
+               $_SESSION['theme'] = $a->user['theme'];
                if(strlen($a->user['timezone']))
                        date_default_timezone_set($a->user['timezone']);
 
@@ -54,7 +56,7 @@ else {
                        goaway($a->get_baseurl());
                }
                $_SESSION['uid'] = $r[0]['uid'];
-               $_SESSION['admin'] = $r[0]['admin'];
+               $_SESSION['theme'] = $r[0]['theme'];
                $_SESSION['authenticated'] = 1;
                $_SESSION['my_url'] = $a->get_baseurl() . '/profile/' . $r[0]['nickname'];
 
index 52ea58374e8fa4d0d55b2258831349c304e4bdf3..c3933dc8b4681559964162aa21060c717dcd66b4 100644 (file)
--- a/index.php
+++ b/index.php
@@ -26,6 +26,7 @@ $a->init_pagehead();
 
 session_start();
 
+
 if((x($_SESSION,'authenticated')) || (x($_POST['auth-params'])))
        require("auth.php");
 
@@ -106,12 +107,18 @@ $a->page['content'] .= $debug_text;
 if($a->module != 'install')
        require_once("nav.php");
 
+$a->page['htmlhead'] = replace_macros($a->page['htmlhead'], array(
+       '$stylesheet' => $a->get_baseurl() . '/view/theme/'
+               . ((x($_SESSION,'theme')) ? $_SESSION['theme'] : 'default')
+               . '/style.css'
+       ));
+
 $page    = $a->page;
 $profile = $a->profile;
 
 header("Content-type: text/html; charset=utf-8");
+
 $template = "view/" 
-       . ((x($a->page,'theme')) ? $a->page['theme'] . '/' : "" ) 
        . ((x($a->page,'template')) ? $a->page['template'] : 'default' ) 
        . ".php";
 
index 1b37d31bc0be39d288a3f17dd97cf6c2b281d3f6..119b523a68e95c294ead6778b304a4d8d67bbb63 100644 (file)
@@ -34,6 +34,7 @@ function profile_load(&$a, $username, $profile = 0) {
        $a->page['template'] = 'profile';
 
        $a->page['title'] = $a->profile['name'];
+       $_SESSION['theme'] = $a->profile['theme'];
 
        return;
 }}
index 10336e7716e5781c911c5fda404d4ef66b6bfe40..0d65bf9ba8fa2a1d44b75104259fb2ee5565cea0 100644 (file)
@@ -52,6 +52,7 @@ function settings_post(&$a) {
                }
        }
 
+       $theme = notags(trim($_POST['theme']));
        $username = notags(trim($_POST['username']));
        $email = notags(trim($_POST['email']));
        $timezone = notags(trim($_POST['timezone']));
@@ -131,9 +132,7 @@ function settings_post(&$a) {
                $str_contact_deny = implode('',$contact_deny);
        }
 
-
-
-       $r = q("UPDATE `user` SET `username` = '%s', `email` = '%s', `timezone` = '%s',  `allow_cid` = '%s', `allow_gid` = '%s', `deny_cid` = '%s', `deny_gid` = '%s', `notify-flags` = %d  WHERE `uid` = %d LIMIT 1",
+       $r = q("UPDATE `user` SET `username` = '%s', `email` = '%s', `timezone` = '%s',  `allow_cid` = '%s', `allow_gid` = '%s', `deny_cid` = '%s', `deny_gid` = '%s', `notify-flags` = %d, `theme` = '%s'  WHERE `uid` = %d LIMIT 1",
                        dbesc($username),
                        dbesc($email),
                        dbesc($timezone),
@@ -142,24 +141,19 @@ function settings_post(&$a) {
                        dbesc($str_contact_deny),
                        dbesc($str_group_deny),
                        intval($notify),
+                       dbesc($theme),
                        intval($_SESSION['uid'])
        );
        if($r)
                notice( t('Settings updated.') . EOL);
-
+       $_SESSION['theme'] = $theme;
        if($email_changed && $a->config['register_policy'] == REGISTER_VERIFY) {
 
                // FIXME - set to un-verified, blocked and redirect to logout
 
        }
 
-
-       // Refresh the content display with new data
-
-       $r = q("SELECT * FROM `user` WHERE `uid` = %d LIMIT 1",
-               intval($_SESSION['uid']));
-       if(count($r))
-               $a->user = $r[0];
+       goaway($a->get_baseurl() . '/settings' );
 }
                
 
@@ -179,6 +173,8 @@ function settings_content(&$a) {
        $timezone = $a->user['timezone'];
        $notify   = $a->user['notify-flags'];
 
+       if(! strlen($a->user['timezone']))
+               $timezone = date_default_timezone_get();
 
        $nickname_block = file_get_contents("view/settings_nick_set.tpl");
        
@@ -193,6 +189,18 @@ function settings_content(&$a) {
                ));
        }
 
+       $theme_selector = '<select name="theme" id="theme-select" >';
+       $files = glob('view/theme/*');
+       if($files) {
+               foreach($files as $file) {
+                       $f = basename($file);
+                       $selected = (($f == $_SESSION['theme']) || ($f == 'default' && (! x($_SESSION,'theme')))
+                               ? ' selected="selected" ' : '' );
+                       $theme_selector .= '<option val="' . basename($file) . '"' . $selected . '>' . basename($file) . '</option>';
+               }
+       }
+       $theme_selector .= '</select>';
+
 
        $nickname_block = replace_macros($nickname_block,array(
                '$nickname' => $nickname,
@@ -217,7 +225,8 @@ function settings_content(&$a) {
                '$sel_notify2' => (($notify & NOTIFY_CONFIRM) ? ' checked="checked" ' : ''),
                '$sel_notify3' => (($notify & NOTIFY_WALL)    ? ' checked="checked" ' : ''),
                '$sel_notify4' => (($notify & NOTIFY_COMMENT) ? ' checked="checked" ' : ''),
-               '$sel_notify5' => (($notify & NOTIFY_MAIL)    ? ' checked="checked" ' : '')
+               '$sel_notify5' => (($notify & NOTIFY_MAIL)    ? ' checked="checked" ' : ''),
+               '$theme' => $theme_selector
        ));
 
        return $o;
index ac34fab3a1348ab77fdba3dc9203b0d1e1634ec9..b22099ddffbee194de1a6243e8e12543931c071b 100644 (file)
@@ -128,4 +128,5 @@ function populate_acl($user = null) {
        $o .= '<div id="acl-wrapper-end"></div>' . "\r\n";
        return $o;
 
-}
\ No newline at end of file
+}
+
index d0fea606ce91fc80999c4e586cb392a668011375..d3c17d9262482caa339686af42452f60fa3e7e6f 100644 (file)
@@ -1,6 +1,6 @@
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <base href="$baseurl" />
-<link rel="stylesheet" type="text/css" href="$baseurl/view/style.css" media="all" />
+<link rel="stylesheet" type="text/css" href="$stylesheet" media="all" />
 
 <!--[if IE]>
 <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
index a918aefc1a2ed7f7898ed364218a692bf1e006ee..b9c2c7ecba9c01becf845ff12da22ccea06b2cd4 100644 (file)
@@ -25,6 +25,12 @@ $zoneselect
 </div>
 <div id="settings-timezone-end" ></div>
 
+<div id="settings-theme-select">
+<label id="settings-theme-label" for="theme-select" >Display Theme: </label>
+$theme
+</div>
+<div id="settings-theme-end"></div>
+
 <div id="settings-default-perms" class="settings-default-perms" >
        <div id="settings-default-perms-menu" onClick="openClose('settings-default-perms-select');" />$permissions</div>
        <div id="settings-default-perms-menu-end"></div>
diff --git a/view/style.css b/view/style.css
deleted file mode 100644 (file)
index 8379586..0000000
+++ /dev/null
@@ -1,1495 +0,0 @@
-
-a, a:visited {
-       color: #8888FF;
-       text-decoration: none;
-}
-
-a:hover {
-       color: #0000FF;
-       text-decoration: underline;
-}
-img {
-       border: none;
-}
-
-#sysmsg {
-       width: 600px;
-}
-
-code {
-       font-family: monospace;
-       white-space: pre;
-       display: block;
-       overflow: auto;
-       border: 1;
-       background: #000000;
-       color: #44FF44;
-       padding: 10px;
-       margin-top: 20px;
-}
-
-blockquote:before {
-       content: '>> ';
-}
-
-body { 
-       background: #FEFEFE;
-       color: #444444;
-       font-family: "Lucida Grande", Tahoma, sans-serif;
-/*     letter-spacing: 1px; */
-/*     font-family: verdana, sans-serif; */
-       font-size: 90%;
-       margin-left: 10px;
-}
-
-img.photo {
-       border: 1px solid #AAAAAA;
-       padding: 5px;
-       background: #FFFFFF;
-}
-
-#logo {
-       font-size: 300%;
-       color: #A8A8A8;
-       font-weight: bold;
-       margin-left: 280px;
-}
-
-.heart {
-       color: #FF0000;
-       font-size: 120%;
-}
-
-aside {
-       position: absolute;
-       left: 0px;
-       top: 60px;
-       right: 250px;
-       width: 250px;
-       margin-left: 20px;
-       margin-right: 0px;
-       font-size: 0.9em;
-}
-section {
-       position: absolute;
-       left: 270px;
-       top: 60px;
-       margin-left: 20px;
-       margin-right: 20px;
-       right: 0px;
-}
-h1 {
-       font-size: 1.6em;
-}
-
-nav {
-       position: absolute;
-       top: 0px;
-       height: 30px;
-       left: 0px;
-       right: 0px;
-       margin-top: 20px;
-}
-
-footer {
-       position: absolute;
-       left: 0px;
-       right: 0px;
-       bottom: 0px;
-       margin: 20px 20px 20px 20px;
-}
-.fn {
-       font-size: 1.4em;
-       margin-bottom: 10px;
-       line-height: 1.5;
-}
-
-.powered {
-       font-size: 0.6em;
-}
-.error-message {
-       color: #FF0000;
-       font-size: 1.1em;
-       border: 1px solid #FF8888;
-       background-color: #FFEEEE;
-       padding: 10px;
-       -moz-box-shadow: 5px 5px 5px #888888;
-       -webkit-box-shadow: 5px 5px 5px #888888;
-       box-shadow: 5px 5px 5px #888888;
-       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
-       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
-
-
-}
-.nav-link {
-       float: right;
-       margin-left: 0px;
-       margin-right: 10px;
-       padding: 3px;
-       border: 1px solid #AAAAAA;
-       background: #F4F4F4;
-       font-size: 90%;
-       font-weight: bold;
-       -moz-box-shadow: 5px 5px 5px #888888;
-       -webkit-box-shadow: 5px 5px 5px #888888;
-       box-shadow: 5px 5px 5px #888888;
-       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
-       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
-}
-
-
-.nav-ajax-left {
-       margin-left: 1px;
-       float: left;
-       font-size: 0.6em;
-       font-weight: bold;
-       color: #FF0000;
-}
-
-.nav-ajax-right {
-       margin-left: 1px;
-       float: right;
-       font-size: 0.6em;
-       font-weight: bold;
-       color: #FF0000;
-}
-
-.nav-commlink {
-       float: left;
-       margin-left: 10px;
-       margin-right: 0px;
-       padding: 3px;
-       border: 1px solid #AAAAAA;
-       background: #F4F4F4;
-       font-size: 90%;
-       font-weight: bold;
-       text-decoration: none;
-       -moz-box-shadow: 5px 5px 5px #888888;
-       -webkit-box-shadow: 5px 5px 5px #888888;
-       box-shadow: 5px 5px 5px #888888;
-       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
-       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
-
-}
-#nav-end {
-       clear: both;
-}
-
-.login-extra-links {
-       font-size: 0.7em;
-}
-
-#profile-extra-links {
-       margin-top: 20px;
-       margin-bottom: 20px;
-       margin-left: 20px;
-       margin-right: 20px;
-}
-
-#label-register-name, #label-register-email, #label-register-nickname {
-       float: left;
-       width: 350px;
-       margin-top: 10px;
-}
-
-#register-name, #register-email, #register-nickname {
-       float: left;
-       margin-top: 10px;
-       width: 150px;
-}
-
-#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end {
-       clear: both;
-}
-#register-nickname-desc {
-       margin-top: 30px;
-       width: 650px;
-}
-#register-sitename {
-       float: left;
-       margin-top: 10px;
-}
-
-#register-submit-button {
-       margin-top: 50px;
-       margin-left: 350px;
-}
-
-#label-login-name, #label-login-password, #login-extra-filler {
-       float: left;
-       width: 150px;
-       margin-bottom: 20px;
-}
-
-
-#login-name, #login-password {
-       float: left;
-       width: 150px;
-}
-
-#register-link, #lost-password-link {
-       float: left;
-       font-size: 0.7em;
-       margin-right: 15px;
-}
-
-#login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
-       clear: both;
-}
-
-#login-submit-button {
-       margin-top: 10px;
-       margin-left: 150px;
-}
-
-input#dfrn-url {
-       float: left;
-       background: url(dfrn.gif) no-repeat;
-       background-position: 2px center;
-       font-size: 17px;
-       padding-left: 21px;
-       height: 21px;
-       background-color: #FFFFFF;
-       color: #000000;
-       margin-bottom: 20px;
-}
-
-#dfrn-url-label {
-       float: left;
-       width: 250px;
-}
-
-#dfrn-request-url-end {
-       clear: both;
-}
-
-#knowyouyes, #knowyouno {
-       float: left;
-}
-
-#dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
-
-       float: none;
-}
-#dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
-       float: left;
-       width: 75px;
-       margin-left: 50px;
-       margin-bottom: 7px;
-}
-#dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
-       clear: both;
-
-}
-
-#dfrn-request-message-wrapper {
-       margin-bottom: 50px;
-}
-#dfrn-request-submit-wrapper {
-       clear: both;
-       margin-left: 50px;
-}
-
-#dfrn-request-info-wrapper {
-       margin-left: 50px;
-}
-
-#settings-nick-wrapper {
-       margin-bottom: 30px;
-}
-
-#settings-username-end, 
-#settings-email-end, 
-#settings-nick-end, 
-#settings-timezone-end, 
-#settings-password-end, 
-#settings-confirm-end,
-#notify1-end,
-#notify2-end,
-#notify3-end,
-#notify4-end,
-#notify5-end {
-       margin-bottom: 5px;
-       clear: both;
-}
-
-#settings-username-label, 
-#settings-email-label, 
-#settings-nick-label, 
-#settings-timezone-label, 
-#settings-password-label, 
-#settings-confirm-label,
-#settings-label-notify1,
-#settings-label-notify2,
-#settings-label-notify3,
-#settings-label-notify4,
-#settings-label-notify5 {
-       float: left;
-       width: 200px;
-}
-
-#settings-username, 
-#settings-email, 
-#settings-nick, 
-#timezone-select, 
-#settings-password, 
-#settings-confirm,
-#notify1,
-#notify2,
-#notify3,
-#notify4,
-#notify5 {
-       float: left;
-       margin-bottom: 20px;
-}
-
-#settings-notify-desc {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-#settings-nick-desc {
-       width: 500px;
-}
-
-#settings-nick {
-       margin-bottom: 50px;
-}
-
-#cropimage-wrapper, #cropimage-preview-wrapper {
-       float: left;
-       padding: 30px;
-}
-
-#crop-image-form {
-       margin-top: 30px;
-       clear: both;
-}
-
-.intro-fullname {
-       font-size: 1.1em;
-       font-weight: bold;
-
-}
-.intro-desc {
-       margin-bottom: 20px;
-}
-
-.intro-note {
-       padding: 10px;
-}
-
-.intro-end {
-       padding: 30px;
-}
-
-.intro-approve-form, .intro-form {
-       float: left;
-}
-.intro-submit-approve, .intro-submit-ignore {
-       margin-right: 20px;
-}
-.intro-top {
-       width: 500px;
-       margin-bottom: 30px;
-}
-.intro-end {
-       clear: both;
-       margin-bottom: 30px;
-}
-
-#profile-extra-links ul {
-       list-style-type: none;
-}
-
-
-#profile-extra-links li {
-       margin-top: 5px;
-}
-
-#profile-edit-links ul {
-       list-style-type: none;
-}
-
-#profile-edit-links li {
-       margin-top: 10px;
-}
-
-.view-contact-wrapper {
-       margin-top: 20px;
-       float: left;
-       margin-left: 20px;
-       width: 180px;
-}
-#view-contact-end {
-       clear: both;
-}
-
-
-#profile-edit-default-desc {
-       color: #FF0000;
-       border: 1px solid #FF8888;
-       background-color: #FFEEEE;
-       padding: 7px;
-
-
-}
-#profile-edit-clone-link-wrapper {
-       float: left;
-       margin-left: 50px;
-       margin-bottom: 20px;
-       width: 300px;
-}
-
-#profile-edit-drop-link-wrapper {
-       float: left;
-       
-}
-
-#profile-edit-links-end {
-       clear: both;
-}
-.profile-listing-photo {
-       border: none;
-}
-
-.profile-edit-submit-wrapper {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-
-#profile-edit-profile-name-label,
-#profile-edit-name-label,
-#profile-edit-gender-label,
-#profile-edit-dob-label,
-#profile-edit-address-label,
-#profile-edit-locality-label,
-#profile-edit-region-label,
-#profile-edit-postal-code-label,
-#profile-edit-country-name-label,
-#profile-edit-marital-label,
-#profile-edit-sexual-label,
-#profile-edit-politic-label,
-#profile-edit-religion-label,
-#profile-edit-homepage-label {
-       float: left;
-       width: 175px;
-}
-
-#profile-edit-profile-name,
-#profile-edit-name,
-#gender-select,
-#profile-edit-dob,
-#profile-edit-address,
-#profile-edit-locality,
-#profile-edit-region,
-#profile-edit-postal-code,
-#profile-edit-country-name,
-#marital-select,
-#sexual-select,
-#profile-edit-politic,
-#profile-edit-religion,
-#profile-in-dir-yes,
-#profile-in-dir-no,
-#hide-friends-yes,
-#hide-friends-no {
-       float: left;
-       margin-bottom: 20px;
-}
-
-#profile-in-dir-yes-label, 
-#profile-in-dir-no-label,
-#hide-friends-yes-label,
-#hide-friends-no-label {
-       margin-left: 125px;
-       float: left;
-       width: 50px;
-}
-
-#profile-edit-homepage {
-       float: left;
-       margin-bottom: 35px;
-}
-
-#profile-edit-profile-name-end,
-#profile-edit-name-end,
-#profile-edit-gender-end,
-#profile-edit-dob-end,
-#profile-edit-address-end,
-#profile-edit-locality-end,
-#profile-edit-region-end,
-#profile-edit-postal-code-end,
-#profile-edit-country-name-end,
-#profile-edit-marital-end,
-#profile-edit-sexual-end,
-#profile-edit-politic-end,
-#profile-edit-religion-end,
-#profile-edit-homepage-end,
-#profile-in-dir-break, 
-#profile-in-dir-end,
-#hide-friends-break,
-#hide-friends-end {
-       clear: both;
-}
-
-
-
-
-
-#gender-select, #marital-select, #sexual-select {
-       width: 220px;
-}
-
-#profile-edit-profile-name-wrapper .required {
-       color: #FF0000;
-       float: left;
-}
-
-#contacts-main {
-       margin-bottom: 20px;
-}
-
-.contact-entry-wrapper {
-       float: left;
-       width: 180px;
-}
-
-.contact-entry-direction-icon {
-       margin-top: 24px;
-       margin-right: 2px;
-}
-
-.contact-entry-photo img {
-       border: none;
-}
-.contact-entry-photo-end {
-       clear: both;
-}
-.contact-entry-name {
-       float: left;
-       margin-left: 30px;
-}
-.contact-entry-edit-links {
-       margin-top: 6px;
-       margin-left: 10px;
-       width: 16px;
-}
-.contact-entry-nav-wrapper {
-       float: left;
-       margin-left: 10px;
-}
-
-.contact-entry-edit-links img {
-       border: none;
-       margin-right: 15px;
-}
-.contact-entry-photo {
-       float: left;
-}
-.contact-entry-end {
-       clear: both;
-}
-/*
-.contact-entry-nav-end {
-       clear: both;
-}
-*/
-#contact-edit-end {
-       clear: both;
-}
-
-.wall-item-content-wrapper {
-       margin-top: 10px;
-}
-
-.wall-item-content-wrapper.comment {
-       margin-left: 50px;
-       background: #F7F7F7;
-}
-
-.wall-item-photo-wrapper {
-       margin-top: 10px;
-       margin-left: 10px;
-       margin-bottom: 10px;
-       width: 100px;
-       float: left;
-}
-.wall-item-arrowphoto-wrapper {
-       margin-top: 40px;
-       margin-right: 20px;
-       float: left;
-}
-.wall-item-wrapper {
-       margin-top: 30px;
-       float: left;
-}
-
-.wall-item-ago {
-       color: #888888;
-       font-size: 0.8em;
-}
-
-.wall-item-delete-wrapper {
-       float: right;
-       margin-top: 20px;
-       margin-right: 50px;
-}
-
-.wall-item-delete-end {
-       clear: both;
-}
-
-.wall-item-delete-icon {
-       border: none;
-}
-
-
-.wall-item-wrapper-end {
-       clear: both;
-}
-.wall-item-name-link {
-       font-weight: bold;
-       text-decoration: none;
-       color: #3172BD;
-}
-.wall-item-photo {
-       border: none;
-}
-.wall-item-content {
-       float: left;
-       width: 450px;
-       margin-left: 10px;
-}
-
-.wall-item-title {
-       float: left;
-       font-weight: bold;
-       width: 450px;
-}
-
-.wall-item-body {
-       float: left;
-       width: 450px;
-       margin-top: 30px;
-}
-
-.comment-edit-wrapper {
-       margin-top: 15px;
-       background: #F7F7F7;
-       margin-left: 50px;
-}
-
-.comment-wwedit-wrapper {
-       margin-top: 15px;
-       background: #F7F7F7;
-       margin-left: 250px;
-}
-
-.comment-edit-photo {
-       margin-top: 10px;
-       margin-left: 10px;
-       margin-bottom: 10px;
-       width: 100px;
-       float: left;
-}
-.comment-edit-text-empty, .comment-edit-text-full {
-       float: left;
-       margin-top: 40px;
-}
-.comment-edit-text-end {
-       clear: both;
-}
-
-.comment-edit-submit {
-       margin-left: 110px;
-       margin-top: 10px;
-}
-
-#profile-jot-submit-wrapper {
-       margin-top: 15px;
-}
-
-#profile-jot-submit {
-       float: left;
-}
-#profile-upload-wrapper {
-       float: left;
-       margin-left: 50px;
-}
-
-#profile-rotator {
-       float: left;
-       margin-left: 50px;
-}
-#profile-link-wrapper {
-       float: left;
-       margin-left: 20px;
-}
-
-#profile-jot-perms {
-       float: left;
-       margin-left: 250px;
-}
-
-#profile-jot-perms-end {
-       clear: both;
-}
-
-#profile-jot-end {
-       clear: both;
-       margin-bottom: 30px;
-}
-#about-jot-submit-wrapper {
-       margin-top: 15px;
-}
-#about-jot-end {
-       margin-bottom: 30px;
-}
-#contacts-main {
-       margin-bottom: 30px;
-}
-
-#profile-listing-desc {
-       margin-left: 30px;
-}
-
-#profile-listing-new-link-wrapper {
-       margin-left: 30px;
-       margin-bottom: 30px;
-}
-.profile-listing-photo-wrapper {
-       float: left;
-}
-
-.profile-listing-edit-buttons-wrapper {
-       clear: both;
-}
-.profile-listing-photo-edit-link {
-       float: left;
-       width: 125px;
-}
-.profile-listing-end {
-       clear: both;
-}
-.profile-listing-edit-buttons-wrapper img{
-       border: none;
-       margin-right: 20px;
-}
-.profile-listing {
-       margin-top: 25px;
-}
-.profile-listing-name {
-       float: left;
-       margin-left: 32px;
-       margin-top: 10px;
-       color: #3172BD;
-       font-weight: bold;
-       width: 200px;
-
-}
-.fortune {
-       margin-top: 50px;
-       color: #4444FF;
-       font-weight: bold;
-       margin-bottom: 20px;
-}
-
-
-.directory-end {
-       clear: both;
-}
-.directory-name {
-       text-align: center;
-}
-.directory-photo {
-       margin-left: 25px;
-}
-.directory-details {
-       font-size: 0.7em;
-       text-align: center;
-       margin-left: 5px;
-       margin-right: 5px;
-}
-.directory-item {
-       float: left;
-       width: 225px;
-       height: 260px;
-       overflow: auto;
-}
-
-#directory-search-wrapper {
-       margin-left: 350px;
-       margin-right: 20px;
-       margin-bottom: 50px;
-}
-
-#directory-search-end {
-}
-
-.directory-photo-img {
-       border: none;
-}
-
-
-.pager {
-  padding: 10px;
-  text-align: center;
-  font-size: 1.0em;
-}
-
-
-.pager_first,
-.pager_last,
-.pager_prev,
-.pager_next,
-.pager_n {
-       border: 1px solid black;
-       background: #EEE;
-       padding: 4px;
-}
-
-.pager_first a,
-.pager_last a,
-.pager_prev a,
-.pager_next a,
-.pager_n a {
-       text-decoration: none;
-}
-
-.pager_current {
-  border: 1px solid black;
-  background: #FFCCCC;
-  padding: 4px;
-}
-
-
-#advanced-profile-name-wrapper,
-#advanced-profile-gender-wrapper,
-#advanced-profile-dob-wrapper,
-#advanced-profile-age-wrapper,
-#advanced-profile-marital-wrapper,
-#advanced-profile-sexual-wrapper,
-#advanced-profile-homepage-wrapper,
-#advanced-profile-politic-wrapper,
-#advanced-profile-religion-wrapper,
-#advanced-profile-about-wrapper,
-#advanced-profile-interest-wrapper,
-#advanced-profile-contact-wrapper,
-#advanced-profile-music-wrapper,
-#advanced-profile-book-wrapper,
-#advanced-profile-tv-wrapper,
-#advanced-profile-film-wrapper,
-#advanced-profile-romance-wrapper,
-#advanced-profile-work-wrapper,
-#advanced-profile-education-wrapper {
-       margin-top: 20px;
-}
-
-#advanced-profile-name-text,
-#advanced-profile-gender-text,
-#advanced-profile-dob-text,
-#advanced-profile-age-text,
-#advanced-profile-marital-text,
-#advanced-profile-sexual-text,
-#advanced-profile-homepage-text,
-#advanced-profile-politic-text,
-#advanced-profile-religion-text,
-#advanced-profile-about-text,
-#advanced-profile-interest-text,
-#advanced-profile-contact-text,
-#advanced-profile-music-text,
-#advanced-profile-book-text,
-#advanced-profile-tv-text,
-#advanced-profile-film-text,
-#advanced-profile-romance-text,
-#advanced-profile-work-text,
-#advanced-profile-education-text {
-       width: 300px;
-       float: left;
-}
-
-#advanced-profile-name-end,
-#advanced-profile-gender-end,
-#advanced-profile-dob-end,
-#advanced-profile-age-end,
-#advanced-profile-marital-end,
-#advanced-profile-sexual-end,
-#advanced-profile-homepage-end,
-#advanced-profile-politic-end,
-#advanced-profile-religion-end {
-       clear: both;
-}
-
-#advanced-profile-about-end,
-#advanced-profile-interest-end,
-#advanced-profile-contact-end,
-#advanced-profile-music-end,
-#advanced-profile-book-end,
-#advanced-profile-tv-end,
-#advanced-profile-film-end,
-#advanced-profile-romance-end,
-#advanced-profile-work-end,
-#advanced-profile-education-end {
-
-
-}
-
-#advanced-profile-name,
-#advanced-profile-gender,
-#advanced-profile-dob,
-#advanced-profile-age,
-#advanced-profile-marital,
-#advanced-profile-sexual,
-#advanced-profile-homepage,
-#advanced-profile-politic,
-#advanced-profile-religion {
-       float: left;
-
-}
-
-
-#advanced-profile-about,
-#advanced-profile-interest,
-#advanced-profile-contact,
-#advanced-profile-music,
-#advanced-profile-book,
-#advanced-profile-tv,
-#advanced-profile-film,
-#advanced-profile-romance,
-#advanced-profile-work,
-#advanced-profile-education {
-       margin-top: 10px;
-       margin-left: 50px;
-       margin-right: 20px;
-       padding: 10px;
-       border: 1px solid #CCCCCC;
-}
-
-#contact-edit-wrapper {
-       margin-top: 50px;
-}
-
-#contact-edit-banner-name {
-       font-size: 1.4em;
-       font-weight: bold;
-       margin-left: 30px;
-}
-
-#contact-edit-poll-wrapper {
-       margin-left: 50px;
-       margin-top: 30px;
-}
-#contact-edit-poll-text {
-       margin-bottom: 10px;
-}
-
-#contact-edit-photo-wrapper {
-       margin-bottom: 20px;
-}
-#contact-edit-links {
-       float: left;
-}
-#contact-edit-links img {
-       margin-left: 20px;
-       border: none;
-}
-
-#contact-drop-links {
-       float: left;
-}
-
-#contact-drop-links img {
-       margin-left: 20px;
-       border: none;
-}
-
-#contact-edit-nav-end {
-       clear: both;
-}
-
-#contact-edit-direction-icon {
-       float: left;
-       margin-top: 70px;
-       margin-right: 2px;
-}
-
-#contact-edit-photo {
-       float: left;
-}
-
-#contact-edit-photo-end {
-       clear: both;
-}
-
-#contact-edit-photo-wrapper {
-       float: left;
-}
-
-#contact-edit-nav-wrapper {
-       float: left;
-}
-
-#contact-edit-end {
-       clear: both;
-}
-
-#contact-profile-selector {
-       width: 175px;
-       margin-left: 175px;
-}
-
-#contact-reputation-selector {
-       margin-left: 175px;
-}
-
-#contact-edit-rating-text {
-       margin-left: 175px;
-}
-
-.contact-edit-submit {
-       margin-top: 20px;
-       margin-left: 50px;
-}
-
-#block-message, #ignore-message {
-       margin-top: 20px;
-       width: 180px;
-       color: #FF0000;
-       font-size: 1.1em;
-       border: 1px solid #FF8888;
-       background-color: #FFEEEE;
-       padding: 10px;
-}
-
-.profile-tabs {
-       float: left;
-       padding: 3px;
-       margin-top: 10px;
-       margin-bottom: 10px;
-       margin-right: 5px;
-       border: 1px solid #AAAAAA;
-       background: #F4F4F4;
-       font-size: 0.8em;
-       font-weight: bold;
-       -moz-box-shadow: 5px 5px 5px #888888;
-       -webkit-box-shadow: 5px 5px 5px #888888;
-       box-shadow: 5px 5px 5px #888888;
-       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
-       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
-}
-
-#profile-tabs-end {
-       clear: both;
-}
-
-.comment-edit-text-empty {
-       color: gray;
-       height: 30px;
-       width: 175px;
-       overflow: auto;
-       margin-bottom: 10px;
-}
-
-.comment-edit-text-full {
-       color: black;
-       height: 150px;
-       width: 350px;
-       overflow: auto;
-}
-
-#group-new-submit-wrapper {
-       margin-top: 30px;
-}
-
-#acl-allow-group-label, 
-#acl-allow-contact-label,
-#acl-deny-group-label,
-#acl-deny-contact-label {
-       display: block;
-}
-
-#acl-permit-text,
-#acl-deny-text {
-       margin-top: 10px;
-}
-
-#acl-allow-group-label,
-#acl-allow-contact-label,
-#acl-deny-group-label,
-#acl-deny-contact-label {
-       margin-top: 5px;
-       margin-bottom: 5px;
-}
-
-
-#group_allow_wrapper, 
-#group_deny_wrapper {
-       float: left;
-       width: 100px;
-       margin-right: 10px;
-}
-
-#contact_allow_wrapper,
-#contact_deny_wrapper {
-       float: left;
-       width: 150px;
-       margin-right: 10px;
-}
-
-#acl-allow-end,
-#acl-deny-end {
-       clear: both;
-}
-#acl-permit-outer-wrapper,
-#acl-deny-outer-wrapper {
-       padding: 10px;
-       margin-top: 10px;
-       border: 2px solid #BBBBBB;
-       float: left;
-}
-
-#acl-wrapper-end {
-       clear: both;
-}
-
-#group-edit-name-label {
-       float: left;
-       width: 175px;
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-
-#group-edit-name {
-       float: left;
-       width: 225px;
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-
-#group-edit-name-wrapper {
-
-
-}
-
-
-#group_members_select_label {
-       display: block;
-       float: left;
-       width: 175px;
-}
-
-.group_members_select {
-       float: left;
-       width: 230px;
-       overflow: auto;
-}
-
-#group_members_select_end {
-       clear: both;
-}      
-#group-edit-name-end {
-       clear: both;
-}
-
-#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
-       margin-bottom: 10px;
-       margin-top: 20px;
-}
-
-#prvmail-submit {
-       float: left;
-       margin-top: 10px;
-       margin-right: 30px;
-}
-#prvmail-upload-wrapper,
-#prvmail-link-wrapper,
-#prvmail-rotator-wrapper {
-       float: left;
-       margin-top: 10px;
-       margin-right: 10px;
-       width: 24px;
-}
-
-#prvmail-end {
-       clear: both;
-}
-
-.mail-list-sender,
-.mail-list-detail {
-       float: left;
-}
-.mail-list-detail {
-       margin-left: 20px;
-}
-
-.mail-list-subject {
-       font-size: 1.1em;
-       margin-top: 10px;
-}
-
-.mail-list-outside-wrapper-end {
-       clear: both;
-}
-
-.mail-list-outside-wrapper {
-       margin-top: 30px;
-}
-
-.mail-list-delete-wrapper {
-       float: right;
-       margin-right: 30px;
-       margin-top: 15px;
-}
-
-.mail-list-delete-icon {
-       border: none;
-}
-
-
-
-
-
-.mail-conv-sender,
-.mail-conv-detail {
-       float: left;
-}
-.mail-conv-detail {
-       margin-left: 20px;
-       width: 500px;
-}
-
-.mail-conv-subject {
-       font-size: 1.1em;
-       margin-top: 10px;
-}
-
-.mail-conv-outside-wrapper-end {
-       clear: both;
-}
-
-.mail-conv-outside-wrapper {
-       margin-top: 30px;
-}
-
-.mail-conv-delete-wrapper {
-       float: right;
-       margin-right: 30px;
-       margin-top: 15px;
-}
-
-.mail-conv-delete-icon {
-       border: none;
-}
-
-.message-links ul {
-       list-style-type: none;
-}
-
-.message-links li {
-       margin-top: 10px;
-}
-
-#sidebar-group-list ul {
-       list-style-type: none;
-}
-
-#sidebar-group-list li {
-       margin-top: 10px;
-}
-
-.photo-album-image-wrapper {
-       float: left;
-       margin-top: 15px;
-       height: 350px;
-       width: 350px;
-}
-
-#photo-album-end {
-       clear: both;
-}
-
-.photo-top-image-wrapper {
-       float: left;
-       margin-top: 15px;
-       height: 350px;
-       width: 350px;
-}
-
-#photo-top-end {
-       clear: both;
-}
-
-#photo-top-links {
-       margin-bottom: 30px;
-       margin-left: 30px;
-}
-
-#photos-upload-newalbum-div {
-       float: left;
-       width: 175px;
-}
-#photos-upload-existing-album-text {
-       float: left;
-       width: 175px;
-}
-#photos-upload-newalbum {
-       float: left;
-}
-#photos-upload-album-select {
-       float: left;
-}
-#photos-upload-new-end, #photos-upload-exist-end {
-       clear: both;
-}
-#photos-upload-exist-end {
-       margin-bottom: 15px;
-}
-#photos-upload-submit {
-       margin-top: 15px;
-}
-
-#photos_upload_applet_wrapper {
-       margin-bottom: 15px;
-}
-
-#photos-upload-no-java-message {
-       margin-bottom: 15px;
-}
-
-#profile-jot-desc {
-       float: left;
-       width: 480px;
-       margin-top: 10px;
-       margin-bottom: 10px;
-}
-#character-counter {
-       float: left;
-       font-size: 120%;
-}
-
-#character-counter.grey {
-       color: #888888;
-}
-
-#character-counter.orange {
-       color: orange;
-}
-#character-counter.red {
-       color: red;
-}
-
-#profile-jot-banner-end {
-       clear: both;
-}
-
-#photos-upload-select-files-text {
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-#photos-upload-perms-menu, #photos-upload-perms-menu:visited {
-       color: #8888FF;
-       text-decoration: none;
-       cursor: pointer;
-}
-
-#photos-upload-perms-menu:hover {
-       color: #0000FF;
-       text-decoration: underline;
-       cursor: pointer;
-}
-#settings-default-perms-menu, #settings-default-perms-menu:visited {
-       color: #8888FF;
-       text-decoration: none;
-       cursor: pointer;
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-#settings-default-perms-menu:hover {
-       color: #0000FF;
-       text-decoration: underline;
-       cursor: pointer;
-}
-
-#photo-edit-caption-label, #photo-edit-tags-label {
-       float: left; 
-       width: 150px;
-}
-#photo-edit-caption, #photo-edit-tags-textarea {
-       float: left;
-       margin-bottom: 15px;
-}
-
-#photo-edit-caption-end, #photo-edit-tags-end {
-       clear: both;
-}
-
-#photo-edit-delete-button {
-       margin-left: 200px;
-}
-#photo-caption {
-       font-size: 110%;
-       font-weight: bold;
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-#in-this-photo-text {
-       color: #0000FF;
-       margin-left: 30px;
-}      
-
-#in-this-photo {
-       margin-left: 60px;
-       margin-top: 10px;
-       margin-bottom: 20px;
-}
-
-#photo-album-edit-submit, #photo-album-edit-drop {
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-#photo-album-edit-drop {
-       margin-left: 200px;
-}
-
-.group-delete-wrapper {
-       float: right;
-       margin-right: 50px;
-}
-
-#install-dbhost-label,
-#install-dbuser-label,
-#install-dbpass-label,
-#install-dbdata-label,
-#install-tz-desc {
-       float: left;
-       width: 250px;
-       margin-top: 10px;
-       margin-bottom: 10px;
-
-}
-
-#install-dbhost,
-#install-dbuser,
-#install-dbpass,
-#install-dbdata {
-       float: left;
-       width: 200px;
-       margin-left: 20px;
-}
-
-#install-dbhost-end,
-#install-dbuser-end,
-#install-dbpass-end,
-#install-dbdata-end,
-#install-tz-end {
-       clear: both;
-}
-
-#install-form select#timezone_select {
-       float: left;
-       margin-top: 18px;
-       margin-left: 20px;
-}
diff --git a/view/theme/default/style.css b/view/theme/default/style.css
new file mode 100644 (file)
index 0000000..456465a
--- /dev/null
@@ -0,0 +1,1506 @@
+
+a, a:visited {
+       color: #8888FF;
+       text-decoration: none;
+}
+
+a:hover {
+       color: #0000FF;
+       text-decoration: underline;
+}
+img {
+       border: none;
+}
+
+#sysmsg {
+       width: 600px;
+}
+
+code {
+       font-family: monospace;
+       white-space: pre;
+       display: block;
+       overflow: auto;
+       border: 1;
+       background: #000000;
+       color: #44FF44;
+       padding: 10px;
+       margin-top: 20px;
+}
+
+blockquote:before {
+       content: '>> ';
+}
+
+body { 
+       background: #FEFEFE;
+       color: #444444;
+       font-family: "Lucida Grande", Tahoma, sans-serif;
+/*     letter-spacing: 1px; */
+/*     font-family: verdana, sans-serif; */
+       font-size: 90%;
+       margin-left: 10px;
+}
+
+img.photo {
+       border: 1px solid #AAAAAA;
+       padding: 5px;
+       background: #FFFFFF;
+}
+
+#logo {
+       font-size: 300%;
+       color: #A8A8A8;
+       font-weight: bold;
+       margin-left: 280px;
+}
+
+.heart {
+       color: #FF0000;
+       font-size: 120%;
+}
+
+aside {
+       position: absolute;
+       left: 0px;
+       top: 60px;
+       right: 250px;
+       width: 250px;
+       margin-left: 20px;
+       margin-right: 0px;
+       font-size: 0.9em;
+}
+section {
+       position: absolute;
+       left: 270px;
+       top: 60px;
+       margin-left: 20px;
+       margin-right: 20px;
+       right: 0px;
+}
+h1 {
+       font-size: 1.6em;
+}
+
+nav {
+       position: absolute;
+       top: 0px;
+       height: 30px;
+       left: 0px;
+       right: 0px;
+       margin-top: 20px;
+}
+
+footer {
+       position: absolute;
+       left: 0px;
+       right: 0px;
+       bottom: 0px;
+       margin: 20px 20px 20px 20px;
+}
+.fn {
+       font-size: 1.4em;
+       margin-bottom: 10px;
+       line-height: 1.5;
+}
+
+.powered {
+       font-size: 0.6em;
+}
+.error-message {
+       color: #FF0000;
+       font-size: 1.1em;
+       border: 1px solid #FF8888;
+       background-color: #FFEEEE;
+       padding: 10px;
+       -moz-box-shadow: 5px 5px 5px #888888;
+       -webkit-box-shadow: 5px 5px 5px #888888;
+       box-shadow: 5px 5px 5px #888888;
+       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
+       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
+
+
+}
+.nav-link {
+       float: right;
+       margin-left: 0px;
+       margin-right: 10px;
+       padding: 3px;
+       border: 1px solid #AAAAAA;
+       background: #F4F4F4;
+       font-size: 90%;
+       font-weight: bold;
+       -moz-box-shadow: 5px 5px 5px #888888;
+       -webkit-box-shadow: 5px 5px 5px #888888;
+       box-shadow: 5px 5px 5px #888888;
+       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
+       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
+}
+
+
+.nav-ajax-left {
+       margin-left: 1px;
+       float: left;
+       font-size: 0.6em;
+       font-weight: bold;
+       color: #FF0000;
+}
+
+.nav-ajax-right {
+       margin-left: 1px;
+       float: right;
+       font-size: 0.6em;
+       font-weight: bold;
+       color: #FF0000;
+}
+
+.nav-commlink {
+       float: left;
+       margin-left: 10px;
+       margin-right: 0px;
+       padding: 3px;
+       border: 1px solid #AAAAAA;
+       background: #F4F4F4;
+       font-size: 90%;
+       font-weight: bold;
+       text-decoration: none;
+       -moz-box-shadow: 5px 5px 5px #888888;
+       -webkit-box-shadow: 5px 5px 5px #888888;
+       box-shadow: 5px 5px 5px #888888;
+       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
+       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
+
+}
+#nav-end {
+       clear: both;
+}
+
+.login-extra-links {
+       font-size: 0.7em;
+}
+
+#profile-extra-links {
+       margin-top: 20px;
+       margin-bottom: 20px;
+       margin-left: 20px;
+       margin-right: 20px;
+}
+
+#label-register-name, #label-register-email, #label-register-nickname {
+       float: left;
+       width: 350px;
+       margin-top: 10px;
+}
+
+#register-name, #register-email, #register-nickname {
+       float: left;
+       margin-top: 10px;
+       width: 150px;
+}
+
+#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end {
+       clear: both;
+}
+#register-nickname-desc {
+       margin-top: 30px;
+       width: 650px;
+}
+#register-sitename {
+       float: left;
+       margin-top: 10px;
+}
+
+#register-submit-button {
+       margin-top: 50px;
+       margin-left: 350px;
+}
+
+#label-login-name, #label-login-password, #login-extra-filler {
+       float: left;
+       width: 150px;
+       margin-bottom: 20px;
+}
+
+
+#login-name, #login-password {
+       float: left;
+       width: 150px;
+}
+
+#register-link, #lost-password-link {
+       float: left;
+       font-size: 0.7em;
+       margin-right: 15px;
+}
+
+#login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
+       clear: both;
+}
+
+#login-submit-button {
+       margin-top: 10px;
+       margin-left: 150px;
+}
+
+input#dfrn-url {
+       float: left;
+       background: url(dfrn.gif) no-repeat;
+       background-position: 2px center;
+       font-size: 17px;
+       padding-left: 21px;
+       height: 21px;
+       background-color: #FFFFFF;
+       color: #000000;
+       margin-bottom: 20px;
+}
+
+#dfrn-url-label {
+       float: left;
+       width: 250px;
+}
+
+#dfrn-request-url-end {
+       clear: both;
+}
+
+#knowyouyes, #knowyouno {
+       float: left;
+}
+
+#dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
+
+       float: none;
+}
+#dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
+       float: left;
+       width: 75px;
+       margin-left: 50px;
+       margin-bottom: 7px;
+}
+#dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
+       clear: both;
+
+}
+
+#dfrn-request-message-wrapper {
+       margin-bottom: 50px;
+}
+#dfrn-request-submit-wrapper {
+       clear: both;
+       margin-left: 50px;
+}
+
+#dfrn-request-info-wrapper {
+       margin-left: 50px;
+}
+
+#settings-nick-wrapper {
+       margin-bottom: 30px;
+}
+
+#settings-username-end, 
+#settings-email-end, 
+#settings-nick-end, 
+#settings-timezone-end,
+#settings-theme-end, 
+#settings-password-end, 
+#settings-confirm-end,
+#notify1-end,
+#notify2-end,
+#notify3-end,
+#notify4-end,
+#notify5-end {
+       margin-bottom: 5px;
+       clear: both;
+}
+
+#settings-username-label, 
+#settings-email-label, 
+#settings-nick-label, 
+#settings-timezone-label, 
+#settings-theme-label,
+#settings-password-label, 
+#settings-confirm-label,
+#settings-label-notify1,
+#settings-label-notify2,
+#settings-label-notify3,
+#settings-label-notify4,
+#settings-label-notify5 {
+       float: left;
+       width: 200px;
+}
+
+#settings-username, 
+#settings-email, 
+#settings-nick, 
+#timezone-select, 
+#theme-select,
+#settings-password, 
+#settings-confirm,
+#notify1,
+#notify2,
+#notify3,
+#notify4,
+#notify5 {
+       float: left;
+       margin-bottom: 20px;
+}
+
+#settings-theme-label {
+       margin-top: 20px;
+}
+
+#theme-select {
+       margin-top: 20px;
+       width: 207px;
+}
+#settings-notify-desc {
+       margin-top: 20px;
+       margin-bottom: 20px;
+}
+#settings-nick-desc {
+       width: 500px;
+}
+
+#settings-nick {
+       margin-bottom: 50px;
+}
+
+#cropimage-wrapper, #cropimage-preview-wrapper {
+       float: left;
+       padding: 30px;
+}
+
+#crop-image-form {
+       margin-top: 30px;
+       clear: both;
+}
+
+.intro-fullname {
+       font-size: 1.1em;
+       font-weight: bold;
+
+}
+.intro-desc {
+       margin-bottom: 20px;
+}
+
+.intro-note {
+       padding: 10px;
+}
+
+.intro-end {
+       padding: 30px;
+}
+
+.intro-approve-form, .intro-form {
+       float: left;
+}
+.intro-submit-approve, .intro-submit-ignore {
+       margin-right: 20px;
+}
+.intro-top {
+       width: 500px;
+       margin-bottom: 30px;
+}
+.intro-end {
+       clear: both;
+       margin-bottom: 30px;
+}
+
+#profile-extra-links ul {
+       list-style-type: none;
+}
+
+
+#profile-extra-links li {
+       margin-top: 5px;
+}
+
+#profile-edit-links ul {
+       list-style-type: none;
+}
+
+#profile-edit-links li {
+       margin-top: 10px;
+}
+
+.view-contact-wrapper {
+       margin-top: 20px;
+       float: left;
+       margin-left: 20px;
+       width: 180px;
+}
+#view-contact-end {
+       clear: both;
+}
+
+
+#profile-edit-default-desc {
+       color: #FF0000;
+       border: 1px solid #FF8888;
+       background-color: #FFEEEE;
+       padding: 7px;
+
+
+}
+#profile-edit-clone-link-wrapper {
+       float: left;
+       margin-left: 50px;
+       margin-bottom: 20px;
+       width: 300px;
+}
+
+#profile-edit-drop-link-wrapper {
+       float: left;
+       
+}
+
+#profile-edit-links-end {
+       clear: both;
+}
+.profile-listing-photo {
+       border: none;
+}
+
+.profile-edit-submit-wrapper {
+       margin-top: 20px;
+       margin-bottom: 20px;
+}
+
+#profile-edit-profile-name-label,
+#profile-edit-name-label,
+#profile-edit-gender-label,
+#profile-edit-dob-label,
+#profile-edit-address-label,
+#profile-edit-locality-label,
+#profile-edit-region-label,
+#profile-edit-postal-code-label,
+#profile-edit-country-name-label,
+#profile-edit-marital-label,
+#profile-edit-sexual-label,
+#profile-edit-politic-label,
+#profile-edit-religion-label,
+#profile-edit-homepage-label {
+       float: left;
+       width: 175px;
+}
+
+#profile-edit-profile-name,
+#profile-edit-name,
+#gender-select,
+#profile-edit-dob,
+#profile-edit-address,
+#profile-edit-locality,
+#profile-edit-region,
+#profile-edit-postal-code,
+#profile-edit-country-name,
+#marital-select,
+#sexual-select,
+#profile-edit-politic,
+#profile-edit-religion,
+#profile-in-dir-yes,
+#profile-in-dir-no,
+#hide-friends-yes,
+#hide-friends-no {
+       float: left;
+       margin-bottom: 20px;
+}
+
+#profile-in-dir-yes-label, 
+#profile-in-dir-no-label,
+#hide-friends-yes-label,
+#hide-friends-no-label {
+       margin-left: 125px;
+       float: left;
+       width: 50px;
+}
+
+#profile-edit-homepage {
+       float: left;
+       margin-bottom: 35px;
+}
+
+#profile-edit-profile-name-end,
+#profile-edit-name-end,
+#profile-edit-gender-end,
+#profile-edit-dob-end,
+#profile-edit-address-end,
+#profile-edit-locality-end,
+#profile-edit-region-end,
+#profile-edit-postal-code-end,
+#profile-edit-country-name-end,
+#profile-edit-marital-end,
+#profile-edit-sexual-end,
+#profile-edit-politic-end,
+#profile-edit-religion-end,
+#profile-edit-homepage-end,
+#profile-in-dir-break, 
+#profile-in-dir-end,
+#hide-friends-break,
+#hide-friends-end {
+       clear: both;
+}
+
+
+
+
+
+#gender-select, #marital-select, #sexual-select {
+       width: 220px;
+}
+
+#profile-edit-profile-name-wrapper .required {
+       color: #FF0000;
+       float: left;
+}
+
+#contacts-main {
+       margin-bottom: 20px;
+}
+
+.contact-entry-wrapper {
+       float: left;
+       width: 180px;
+}
+
+.contact-entry-direction-icon {
+       margin-top: 24px;
+       margin-right: 2px;
+}
+
+.contact-entry-photo img {
+       border: none;
+}
+.contact-entry-photo-end {
+       clear: both;
+}
+.contact-entry-name {
+       float: left;
+       margin-left: 30px;
+}
+.contact-entry-edit-links {
+       margin-top: 6px;
+       margin-left: 10px;
+       width: 16px;
+}
+.contact-entry-nav-wrapper {
+       float: left;
+       margin-left: 10px;
+}
+
+.contact-entry-edit-links img {
+       border: none;
+       margin-right: 15px;
+}
+.contact-entry-photo {
+       float: left;
+}
+.contact-entry-end {
+       clear: both;
+}
+/*
+.contact-entry-nav-end {
+       clear: both;
+}
+*/
+#contact-edit-end {
+       clear: both;
+}
+
+.wall-item-content-wrapper {
+       margin-top: 10px;
+}
+
+.wall-item-content-wrapper.comment {
+       margin-left: 50px;
+       background: #F7F7F7;
+}
+
+.wall-item-photo-wrapper {
+       margin-top: 10px;
+       margin-left: 10px;
+       margin-bottom: 10px;
+       width: 100px;
+       float: left;
+}
+.wall-item-arrowphoto-wrapper {
+       margin-top: 40px;
+       margin-right: 20px;
+       float: left;
+}
+.wall-item-wrapper {
+       margin-top: 30px;
+       float: left;
+}
+
+.wall-item-ago {
+       color: #888888;
+       font-size: 0.8em;
+}
+
+.wall-item-delete-wrapper {
+       float: right;
+       margin-top: 20px;
+       margin-right: 50px;
+}
+
+.wall-item-delete-end {
+       clear: both;
+}
+
+.wall-item-delete-icon {
+       border: none;
+}
+
+
+.wall-item-wrapper-end {
+       clear: both;
+}
+.wall-item-name-link {
+       font-weight: bold;
+       text-decoration: none;
+       color: #3172BD;
+}
+.wall-item-photo {
+       border: none;
+}
+.wall-item-content {
+       float: left;
+       width: 450px;
+       margin-left: 10px;
+}
+
+.wall-item-title {
+       float: left;
+       font-weight: bold;
+       width: 450px;
+}
+
+.wall-item-body {
+       float: left;
+       width: 450px;
+       margin-top: 30px;
+}
+
+.comment-edit-wrapper {
+       margin-top: 15px;
+       background: #F7F7F7;
+       margin-left: 50px;
+}
+
+.comment-wwedit-wrapper {
+       margin-top: 15px;
+       background: #F7F7F7;
+       margin-left: 250px;
+}
+
+.comment-edit-photo {
+       margin-top: 10px;
+       margin-left: 10px;
+       margin-bottom: 10px;
+       width: 100px;
+       float: left;
+}
+.comment-edit-text-empty, .comment-edit-text-full {
+       float: left;
+       margin-top: 40px;
+}
+.comment-edit-text-end {
+       clear: both;
+}
+
+.comment-edit-submit {
+       margin-left: 110px;
+       margin-top: 10px;
+}
+
+#profile-jot-submit-wrapper {
+       margin-top: 15px;
+}
+
+#profile-jot-submit {
+       float: left;
+}
+#profile-upload-wrapper {
+       float: left;
+       margin-left: 50px;
+}
+
+#profile-rotator {
+       float: left;
+       margin-left: 50px;
+}
+#profile-link-wrapper {
+       float: left;
+       margin-left: 20px;
+}
+
+#profile-jot-perms {
+       float: left;
+       margin-left: 250px;
+}
+
+#profile-jot-perms-end {
+       clear: both;
+}
+
+#profile-jot-end {
+       clear: both;
+       margin-bottom: 30px;
+}
+#about-jot-submit-wrapper {
+       margin-top: 15px;
+}
+#about-jot-end {
+       margin-bottom: 30px;
+}
+#contacts-main {
+       margin-bottom: 30px;
+}
+
+#profile-listing-desc {
+       margin-left: 30px;
+}
+
+#profile-listing-new-link-wrapper {
+       margin-left: 30px;
+       margin-bottom: 30px;
+}
+.profile-listing-photo-wrapper {
+       float: left;
+}
+
+.profile-listing-edit-buttons-wrapper {
+       clear: both;
+}
+.profile-listing-photo-edit-link {
+       float: left;
+       width: 125px;
+}
+.profile-listing-end {
+       clear: both;
+}
+.profile-listing-edit-buttons-wrapper img{
+       border: none;
+       margin-right: 20px;
+}
+.profile-listing {
+       margin-top: 25px;
+}
+.profile-listing-name {
+       float: left;
+       margin-left: 32px;
+       margin-top: 10px;
+       color: #3172BD;
+       font-weight: bold;
+       width: 200px;
+
+}
+.fortune {
+       margin-top: 50px;
+       color: #4444FF;
+       font-weight: bold;
+       margin-bottom: 20px;
+}
+
+
+.directory-end {
+       clear: both;
+}
+.directory-name {
+       text-align: center;
+}
+.directory-photo {
+       margin-left: 25px;
+}
+.directory-details {
+       font-size: 0.7em;
+       text-align: center;
+       margin-left: 5px;
+       margin-right: 5px;
+}
+.directory-item {
+       float: left;
+       width: 225px;
+       height: 260px;
+       overflow: auto;
+}
+
+#directory-search-wrapper {
+       margin-left: 350px;
+       margin-right: 20px;
+       margin-bottom: 50px;
+}
+
+#directory-search-end {
+}
+
+.directory-photo-img {
+       border: none;
+}
+
+
+.pager {
+  padding: 10px;
+  text-align: center;
+  font-size: 1.0em;
+}
+
+
+.pager_first,
+.pager_last,
+.pager_prev,
+.pager_next,
+.pager_n {
+       border: 1px solid black;
+       background: #EEE;
+       padding: 4px;
+}
+
+.pager_first a,
+.pager_last a,
+.pager_prev a,
+.pager_next a,
+.pager_n a {
+       text-decoration: none;
+}
+
+.pager_current {
+  border: 1px solid black;
+  background: #FFCCCC;
+  padding: 4px;
+}
+
+
+#advanced-profile-name-wrapper,
+#advanced-profile-gender-wrapper,
+#advanced-profile-dob-wrapper,
+#advanced-profile-age-wrapper,
+#advanced-profile-marital-wrapper,
+#advanced-profile-sexual-wrapper,
+#advanced-profile-homepage-wrapper,
+#advanced-profile-politic-wrapper,
+#advanced-profile-religion-wrapper,
+#advanced-profile-about-wrapper,
+#advanced-profile-interest-wrapper,
+#advanced-profile-contact-wrapper,
+#advanced-profile-music-wrapper,
+#advanced-profile-book-wrapper,
+#advanced-profile-tv-wrapper,
+#advanced-profile-film-wrapper,
+#advanced-profile-romance-wrapper,
+#advanced-profile-work-wrapper,
+#advanced-profile-education-wrapper {
+       margin-top: 20px;
+}
+
+#advanced-profile-name-text,
+#advanced-profile-gender-text,
+#advanced-profile-dob-text,
+#advanced-profile-age-text,
+#advanced-profile-marital-text,
+#advanced-profile-sexual-text,
+#advanced-profile-homepage-text,
+#advanced-profile-politic-text,
+#advanced-profile-religion-text,
+#advanced-profile-about-text,
+#advanced-profile-interest-text,
+#advanced-profile-contact-text,
+#advanced-profile-music-text,
+#advanced-profile-book-text,
+#advanced-profile-tv-text,
+#advanced-profile-film-text,
+#advanced-profile-romance-text,
+#advanced-profile-work-text,
+#advanced-profile-education-text {
+       width: 300px;
+       float: left;
+}
+
+#advanced-profile-name-end,
+#advanced-profile-gender-end,
+#advanced-profile-dob-end,
+#advanced-profile-age-end,
+#advanced-profile-marital-end,
+#advanced-profile-sexual-end,
+#advanced-profile-homepage-end,
+#advanced-profile-politic-end,
+#advanced-profile-religion-end {
+       clear: both;
+}
+
+#advanced-profile-about-end,
+#advanced-profile-interest-end,
+#advanced-profile-contact-end,
+#advanced-profile-music-end,
+#advanced-profile-book-end,
+#advanced-profile-tv-end,
+#advanced-profile-film-end,
+#advanced-profile-romance-end,
+#advanced-profile-work-end,
+#advanced-profile-education-end {
+
+
+}
+
+#advanced-profile-name,
+#advanced-profile-gender,
+#advanced-profile-dob,
+#advanced-profile-age,
+#advanced-profile-marital,
+#advanced-profile-sexual,
+#advanced-profile-homepage,
+#advanced-profile-politic,
+#advanced-profile-religion {
+       float: left;
+
+}
+
+
+#advanced-profile-about,
+#advanced-profile-interest,
+#advanced-profile-contact,
+#advanced-profile-music,
+#advanced-profile-book,
+#advanced-profile-tv,
+#advanced-profile-film,
+#advanced-profile-romance,
+#advanced-profile-work,
+#advanced-profile-education {
+       margin-top: 10px;
+       margin-left: 50px;
+       margin-right: 20px;
+       padding: 10px;
+       border: 1px solid #CCCCCC;
+}
+
+#contact-edit-wrapper {
+       margin-top: 50px;
+}
+
+#contact-edit-banner-name {
+       font-size: 1.4em;
+       font-weight: bold;
+       margin-left: 30px;
+}
+
+#contact-edit-poll-wrapper {
+       margin-left: 50px;
+       margin-top: 30px;
+}
+#contact-edit-poll-text {
+       margin-bottom: 10px;
+}
+
+#contact-edit-photo-wrapper {
+       margin-bottom: 20px;
+}
+#contact-edit-links {
+       float: left;
+}
+#contact-edit-links img {
+       margin-left: 20px;
+       border: none;
+}
+
+#contact-drop-links {
+       float: left;
+}
+
+#contact-drop-links img {
+       margin-left: 20px;
+       border: none;
+}
+
+#contact-edit-nav-end {
+       clear: both;
+}
+
+#contact-edit-direction-icon {
+       float: left;
+       margin-top: 70px;
+       margin-right: 2px;
+}
+
+#contact-edit-photo {
+       float: left;
+}
+
+#contact-edit-photo-end {
+       clear: both;
+}
+
+#contact-edit-photo-wrapper {
+       float: left;
+}
+
+#contact-edit-nav-wrapper {
+       float: left;
+}
+
+#contact-edit-end {
+       clear: both;
+}
+
+#contact-profile-selector {
+       width: 175px;
+       margin-left: 175px;
+}
+
+#contact-reputation-selector {
+       margin-left: 175px;
+}
+
+#contact-edit-rating-text {
+       margin-left: 175px;
+}
+
+.contact-edit-submit {
+       margin-top: 20px;
+       margin-left: 50px;
+}
+
+#block-message, #ignore-message {
+       margin-top: 20px;
+       width: 180px;
+       color: #FF0000;
+       font-size: 1.1em;
+       border: 1px solid #FF8888;
+       background-color: #FFEEEE;
+       padding: 10px;
+}
+
+.profile-tabs {
+       float: left;
+       padding: 3px;
+       margin-top: 10px;
+       margin-bottom: 10px;
+       margin-right: 5px;
+       border: 1px solid #AAAAAA;
+       background: #F4F4F4;
+       font-size: 0.8em;
+       font-weight: bold;
+       -moz-box-shadow: 5px 5px 5px #888888;
+       -webkit-box-shadow: 5px 5px 5px #888888;
+       box-shadow: 5px 5px 5px #888888;
+       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
+       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
+}
+
+#profile-tabs-end {
+       clear: both;
+}
+
+.comment-edit-text-empty {
+       color: gray;
+       height: 30px;
+       width: 175px;
+       overflow: auto;
+       margin-bottom: 10px;
+}
+
+.comment-edit-text-full {
+       color: black;
+       height: 150px;
+       width: 350px;
+       overflow: auto;
+}
+
+#group-new-submit-wrapper {
+       margin-top: 30px;
+}
+
+#acl-allow-group-label, 
+#acl-allow-contact-label,
+#acl-deny-group-label,
+#acl-deny-contact-label {
+       display: block;
+}
+
+#acl-permit-text,
+#acl-deny-text {
+       margin-top: 10px;
+}
+
+#acl-allow-group-label,
+#acl-allow-contact-label,
+#acl-deny-group-label,
+#acl-deny-contact-label {
+       margin-top: 5px;
+       margin-bottom: 5px;
+}
+
+
+#group_allow_wrapper, 
+#group_deny_wrapper {
+       float: left;
+       width: 100px;
+       margin-right: 10px;
+}
+
+#contact_allow_wrapper,
+#contact_deny_wrapper {
+       float: left;
+       width: 150px;
+       margin-right: 10px;
+}
+
+#acl-allow-end,
+#acl-deny-end {
+       clear: both;
+}
+#acl-permit-outer-wrapper,
+#acl-deny-outer-wrapper {
+       padding: 10px;
+       margin-top: 10px;
+       border: 2px solid #BBBBBB;
+       float: left;
+}
+
+#acl-wrapper-end {
+       clear: both;
+}
+
+#group-edit-name-label {
+       float: left;
+       width: 175px;
+       margin-top: 20px;
+       margin-bottom: 20px;
+}
+
+#group-edit-name {
+       float: left;
+       width: 225px;
+       margin-top: 20px;
+       margin-bottom: 20px;
+}
+
+#group-edit-name-wrapper {
+
+
+}
+
+
+#group_members_select_label {
+       display: block;
+       float: left;
+       width: 175px;
+}
+
+.group_members_select {
+       float: left;
+       width: 230px;
+       overflow: auto;
+}
+
+#group_members_select_end {
+       clear: both;
+}      
+#group-edit-name-end {
+       clear: both;
+}
+
+#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
+       margin-bottom: 10px;
+       margin-top: 20px;
+}
+
+#prvmail-submit {
+       float: left;
+       margin-top: 10px;
+       margin-right: 30px;
+}
+#prvmail-upload-wrapper,
+#prvmail-link-wrapper,
+#prvmail-rotator-wrapper {
+       float: left;
+       margin-top: 10px;
+       margin-right: 10px;
+       width: 24px;
+}
+
+#prvmail-end {
+       clear: both;
+}
+
+.mail-list-sender,
+.mail-list-detail {
+       float: left;
+}
+.mail-list-detail {
+       margin-left: 20px;
+}
+
+.mail-list-subject {
+       font-size: 1.1em;
+       margin-top: 10px;
+}
+
+.mail-list-outside-wrapper-end {
+       clear: both;
+}
+
+.mail-list-outside-wrapper {
+       margin-top: 30px;
+}
+
+.mail-list-delete-wrapper {
+       float: right;
+       margin-right: 30px;
+       margin-top: 15px;
+}
+
+.mail-list-delete-icon {
+       border: none;
+}
+
+
+
+
+
+.mail-conv-sender,
+.mail-conv-detail {
+       float: left;
+}
+.mail-conv-detail {
+       margin-left: 20px;
+       width: 500px;
+}
+
+.mail-conv-subject {
+       font-size: 1.1em;
+       margin-top: 10px;
+}
+
+.mail-conv-outside-wrapper-end {
+       clear: both;
+}
+
+.mail-conv-outside-wrapper {
+       margin-top: 30px;
+}
+
+.mail-conv-delete-wrapper {
+       float: right;
+       margin-right: 30px;
+       margin-top: 15px;
+}
+
+.mail-conv-delete-icon {
+       border: none;
+}
+
+.message-links ul {
+       list-style-type: none;
+}
+
+.message-links li {
+       margin-top: 10px;
+}
+
+#sidebar-group-list ul {
+       list-style-type: none;
+}
+
+#sidebar-group-list li {
+       margin-top: 10px;
+}
+
+.photo-album-image-wrapper {
+       float: left;
+       margin-top: 15px;
+       height: 350px;
+       width: 350px;
+}
+
+#photo-album-end {
+       clear: both;
+}
+
+.photo-top-image-wrapper {
+       float: left;
+       margin-top: 15px;
+       height: 350px;
+       width: 350px;
+}
+
+#photo-top-end {
+       clear: both;
+}
+
+#photo-top-links {
+       margin-bottom: 30px;
+       margin-left: 30px;
+}
+
+#photos-upload-newalbum-div {
+       float: left;
+       width: 175px;
+}
+#photos-upload-existing-album-text {
+       float: left;
+       width: 175px;
+}
+#photos-upload-newalbum {
+       float: left;
+}
+#photos-upload-album-select {
+       float: left;
+}
+#photos-upload-new-end, #photos-upload-exist-end {
+       clear: both;
+}
+#photos-upload-exist-end {
+       margin-bottom: 15px;
+}
+#photos-upload-submit {
+       margin-top: 15px;
+}
+
+#photos_upload_applet_wrapper {
+       margin-bottom: 15px;
+}
+
+#photos-upload-no-java-message {
+       margin-bottom: 15px;
+}
+
+#profile-jot-desc {
+       float: left;
+       width: 480px;
+       margin-top: 10px;
+       margin-bottom: 10px;
+}
+#character-counter {
+       float: left;
+       font-size: 120%;
+}
+
+#character-counter.grey {
+       color: #888888;
+}
+
+#character-counter.orange {
+       color: orange;
+}
+#character-counter.red {
+       color: red;
+}
+
+#profile-jot-banner-end {
+       clear: both;
+}
+
+#photos-upload-select-files-text {
+       margin-top: 15px;
+       margin-bottom: 15px;
+}
+
+#photos-upload-perms-menu, #photos-upload-perms-menu:visited {
+       color: #8888FF;
+       text-decoration: none;
+       cursor: pointer;
+}
+
+#photos-upload-perms-menu:hover {
+       color: #0000FF;
+       text-decoration: underline;
+       cursor: pointer;
+}
+#settings-default-perms-menu, #settings-default-perms-menu:visited {
+       color: #8888FF;
+       text-decoration: none;
+       cursor: pointer;
+       margin-top: 15px;
+       margin-bottom: 15px;
+}
+
+#settings-default-perms-menu:hover {
+       color: #0000FF;
+       text-decoration: underline;
+       cursor: pointer;
+}
+
+#photo-edit-caption-label, #photo-edit-tags-label {
+       float: left; 
+       width: 150px;
+}
+#photo-edit-caption, #photo-edit-tags-textarea {
+       float: left;
+       margin-bottom: 15px;
+}
+
+#photo-edit-caption-end, #photo-edit-tags-end {
+       clear: both;
+}
+
+#photo-edit-delete-button {
+       margin-left: 200px;
+}
+#photo-caption {
+       font-size: 110%;
+       font-weight: bold;
+       margin-top: 15px;
+       margin-bottom: 15px;
+}
+
+#in-this-photo-text {
+       color: #0000FF;
+       margin-left: 30px;
+}      
+
+#in-this-photo {
+       margin-left: 60px;
+       margin-top: 10px;
+       margin-bottom: 20px;
+}
+
+#photo-album-edit-submit, #photo-album-edit-drop {
+       margin-top: 15px;
+       margin-bottom: 15px;
+}
+
+#photo-album-edit-drop {
+       margin-left: 200px;
+}
+
+.group-delete-wrapper {
+       float: right;
+       margin-right: 50px;
+}
+
+#install-dbhost-label,
+#install-dbuser-label,
+#install-dbpass-label,
+#install-dbdata-label,
+#install-tz-desc {
+       float: left;
+       width: 250px;
+       margin-top: 10px;
+       margin-bottom: 10px;
+
+}
+
+#install-dbhost,
+#install-dbuser,
+#install-dbpass,
+#install-dbdata {
+       float: left;
+       width: 200px;
+       margin-left: 20px;
+}
+
+#install-dbhost-end,
+#install-dbuser-end,
+#install-dbpass-end,
+#install-dbdata-end,
+#install-tz-end {
+       clear: both;
+}
+
+#install-form select#timezone_select {
+       float: left;
+       margin-top: 18px;
+       margin-left: 20px;
+}