bitPickups/friendica_2020-09-1_sharedHosting
1
0
Fork 0
Code Pull requests Activity

Merge https://github.com/friendica/friendica into pull

Browse source
This commit is contained in:
friendica 2012-09-13 17:00:47 -07:00
commit 269bb75a14
12 changed files with 1320 additions and 818 deletions
Download patch file Download diff file Expand all files Collapse all files

33
boot.php
View file

@ -1511,14 +1511,20 @@ if(! function_exists('current_theme')) {
$is_mobile = $mobile_detect->isMobile() || $mobile_detect->isTablet(); $is_mobile = $mobile_detect->isMobile() || $mobile_detect->isTablet();
if($is_mobile) { if($is_mobile) {
$system_theme = ((isset($a->config['system']['mobile-theme'])) ? $a->config['system']['mobile-theme'] : ''); if(isset($_SESSION['show-mobile']) && !$_SESSION['show-mobile']) {
$theme_name = ((isset($_SESSION) && x($_SESSION,'mobile-theme')) ? $_SESSION['mobile-theme'] : $system_theme);
if($theme_name === '---') {
// user has selected to have the mobile theme be the same as the normal one
$system_theme = ''; $system_theme = '';
$theme_name = ''; $theme_name = '';
} }
else {
$system_theme = ((isset($a->config['system']['mobile-theme'])) ? $a->config['system']['mobile-theme'] : '');
$theme_name = ((isset($_SESSION) && x($_SESSION,'mobile-theme')) ? $_SESSION['mobile-theme'] : $system_theme);
if($theme_name === '---') {
// user has selected to have the mobile theme be the same as the normal one
$system_theme = '';
$theme_name = '';
}
}
} }
if(!$is_mobile || ($system_theme === '' && $theme_name === '')) { if(!$is_mobile || ($system_theme === '' && $theme_name === '')) {
$system_theme = ((isset($a->config['system']['theme'])) ? $a->config['system']['theme'] : ''); $system_theme = ((isset($a->config['system']['theme'])) ? $a->config['system']['theme'] : '');
@ -1760,3 +1766,20 @@ function build_querystring($params, $name=null) {
} }
return $ret; return $ret;
} }
/**
* Returns the complete URL of the current page, e.g.: http(s)://something.com/network
*
* Taken from http://webcheatsheet.com/php/get_current_page_url.php
*/
function curPageURL() {
$pageURL = 'http';
if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
$pageURL .= "://";
if ($_SERVER["SERVER_PORT"] != "80" && $_SERVER["SERVER_PORT"] != "443") {
$pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
} else {
$pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
}
return $pageURL;
}

2
js/country.js
View file

@ -275,7 +275,7 @@ aStates[249]="|'Adan|'Ataq|Abyan|Al Bayda'|Al Hudaydah|Al Jawf|Al Mahrah|Al Mahw
aStates[250]="|Kosovo|Montenegro|Serbia|Vojvodina"; aStates[250]="|Kosovo|Montenegro|Serbia|Vojvodina";
aStates[251]="|Central|Copperbelt|Eastern|Luapula|Lusaka|North-Western|Northern|Southern|Western"; aStates[251]="|Central|Copperbelt|Eastern|Luapula|Lusaka|North-Western|Northern|Southern|Western";
aStates[252]="|Bulawayo|Harare|ManicalandMashonaland Central|Mashonaland East|Mashonaland West|Masvingo|Matabeleland North|Matabeleland South|Midlands"; aStates[252]="|Bulawayo|Harare|ManicalandMashonaland Central|Mashonaland East|Mashonaland West|Masvingo|Matabeleland North|Matabeleland South|Midlands";
aStates[253]="|Self Hosted|Private Server|Architects Of Sleep|DFRN|Distributed Friend Network|ErrLock|Free-Beer.ch|Foojbook|Free-Haven|Friendica.eu|Friendika.me.4.it|Friendika - I Ask Questions|Frndc.com|Hikado|Hipatia|Hungerfreunde|Kaluguran Community|Kak Ste|Karl.Markx.pm|Loozah Social Club|MyFriendica.net|MyFriendNetwork|Oi!|OpenMindSpace|Optimistisch|Recolutionari.es|SilverLips|Sparkling Network|SPRACI|Styliztique|Sysfu Social Club|Trevena|theshi.re|Tumpambae|Uzmiac|Other"; aStates[253]="|Self Hosted|Private Server|Architects Of Sleep|DFRN|Distributed Friend Network|ErrLock|Free-Beer.ch|Foojbook|Free-Haven|Friendica.eu|Friendika.me.4.it|Friendika - I Ask Questions|Frndc.com|Hikado|Hipatia|Hungerfreunde|Kaluguran Community|Kak Ste|Karl.Markx.pm|Loozah Social Club|MyFriendica.net|MyFriendNetwork|Oi!|OpenMindSpace|Optimistisch|Pplsnet|Recolutionari.es|SilverLips|Sparkling Network|SPRACI|Styliztique|Sysfu Social Club|Trevena|theshi.re|Tumpambae|Uzmiac|Other";
/* /*
* gArCountryInfo * gArCountryInfo
* (0) Country name * (0) Country name

17
mod/toggle_mobile.php Normal file
View file

@ -0,0 +1,17 @@
<?php
function toggle_mobile_init(&$a) {
if(isset($_GET['off']))
$_SESSION['show-mobile'] = false;
else
$_SESSION['show-mobile'] = true;
if(isset($_GET['address']))
$address = $_GET['address'];
else
$address = $a->get_baseurl();
goaway($address);
}

8
view/theme/frost-mobile/default.php
View file

@ -21,6 +21,9 @@
<section><?php if(x($page,'content')) echo $page['content']; ?> <section><?php if(x($page,'content')) echo $page['content']; ?>
</section> </section>
</div> </div>
<footer>
<a href="<?php echo $a->get_baseurl() ?>/toggle_mobile?off=1&address=<?php echo curPageURL() ?>">toggle mobile</a>
</footer>
<?php } else { ?> <?php } else { ?>
<div class='main-container'> <div class='main-container'>
@ -33,7 +36,10 @@
</div> </div>
<right_aside><?php if(x($page,'right_aside')) echo $page['right_aside']; ?></right_aside> <right_aside><?php if(x($page,'right_aside')) echo $page['right_aside']; ?></right_aside>
<?php if( ($a->module === 'contacts') && x($page,'aside')) echo $page['aside']; ?> <?php if( ($a->module === 'contacts') && x($page,'aside')) echo $page['aside']; ?>
<footer><?php if(x($page,'footer')) echo $page['footer']; ?></footer> <footer>
<a href="<?php echo $a->get_baseurl() ?>/toggle_mobile?off=1&address=<?php echo curPageURL() ?>">toggle mobile</a>
<?php if(x($page,'footer')) echo $page['footer']; ?>
</footer>
<!-- </div>--> <!-- </div>-->
</div> </div>
<?php } ?> <?php } ?>

6
view/theme/frost-mobile/login-style.css
View file

@ -152,3 +152,9 @@ div.section-wrapper {
#login-submit-wrapper { #login-submit-wrapper {
text-align: center; text-align: center;
} }
footer {
text-align: center;
padding-top: 3em;
padding-bottom: 1em;
}

4
view/theme/frost-mobile/style.css
View file

@ -393,8 +393,8 @@ section {
/* footer */ /* footer */
footer { footer {
display: none; text-align: center;
padding-bottom: 1em;
} }
.birthday-today, .event-today { .birthday-today, .event-today {

13
view/theme/smoothly/message_side.tpl Normal file
View file

@ -0,0 +1,13 @@
<div id="message-sidebar" class="widget">
<br />
<div id="side-invite-link" class="side-link" ><a href="$new.url" class="{{ if $new.sel }}newmessage-selected{{ endif }}">$new.label</a> </div>
<ul class="message-ul">
{{ for $tabs as $t }}
<li class="tool">
<a href="$t.url" class="message-link{{ if $t.sel }}message-selected{{ endif }}">$t.label</a>
</li>
{{ endfor }}
</ul>
</div>

6
view/theme/smoothly/peoplefind.tpl
View file

@ -4,9 +4,9 @@
<form action="dirfind" method="post" /> <form action="dirfind" method="post" />
<input id="side-peoplefind-url" type="text-sidebar" name="search" size="24" title="$hint" /><input id="side-peoplefind-submit" type="submit" name="submit" value="$findthem" /> <input id="side-peoplefind-url" type="text-sidebar" name="search" size="24" title="$hint" /><input id="side-peoplefind-submit" type="submit" name="submit" value="$findthem" />
</form> </form>
<div class="side-link" id="side-match-link"><a href="match" >$similar</a></div> <div class="side-link" id="side-invite-link"><a href="match" >$similar</a></div>
<div class="side-link" id="side-suggest-link"><a href="suggest" >$suggest</a></div> <div class="side-link" id="side-invite-link"><a href="suggest" >$suggest</a></div>
<div class="side-link" id="side-random-profile-link" ><a href="randprof" target="extlink" >$random</a></div> <div class="side-link" id="side-invite-link" ><a href="randprof" target="extlink" >$random</a></div>
{{ if $inv }} {{ if $inv }}
<div class="side-link" id="side-invite-link" ><a href="invite" >$inv</a></div> <div class="side-link" id="side-invite-link" ><a href="invite" >$inv</a></div>
{{ endif }} {{ endif }}

2
view/theme/smoothly/profile_vcard.tpl
View file

@ -3,7 +3,7 @@
{{ if $pdesc }}<div class="title">$profile.pdesc</div>{{ endif }} {{ if $pdesc }}<div class="title">$profile.pdesc</div>{{ endif }}
<div id="profile-photo-wrapper"><img class="photo" width="175" height="175" src="$profile.photo" alt="$profile.name"></div> <div id="profile-photo-wrapper"><img class="photo" width="191" height="191" src="$profile.photo" alt="$profile.name"></div>

BIN
view/theme/smoothly/star.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 684 B

Before After
Before After

2043
view/theme/smoothly/style.css
View file

@ -3,7 +3,7 @@
Smoothly Smoothly
Created by Anne Walk and Devlon Duthie on 2011-09-24 Created by Anne Walk and Devlon Duthie on 2011-09-24
Modified by alex@friendica.pixelbits.de on 2012-09-12 Modified by alex@friendica.pixelbits.de on 2012-09-13
** Colors ** ** Colors **
@ -15,8 +15,6 @@ Grey Gradients (buttons and other gradients) - #bdbdbd and #a2a2a2
Dark Grey Gradients - #7c7d7b and #555753 Dark Grey Gradients - #7c7d7b and #555753
Orange - #fec01d Orange - #fec01d
You can switch out the colors of the header, buttons and links by using a find and replace in your text editor.
*/ */
body { body {
@ -36,10 +34,21 @@ body {
color: #333333; color: #333333;
} }
img {border: 0 none; max-width: 550px; } img {
border: 0 none;
max-width: 550px;
}
a { color: #1873a2; text-decoration: none; margin-bottom:1px;} a {
a:hover { color: #6da6c4; padding-bottom: 0px;} color: #1873a2;
text-decoration: none;
margin-bottom: 1px;
}
a:hover {
color: #6da6c4;
padding-bottom: 0px;
}
h3 > a, h4 > a { h3 > a, h4 > a {
font-size: 18px; font-size: 18px;
@ -58,7 +67,6 @@ h2 {
} }
p { p {
max-width: 600px; max-width: 600px;
} }
@ -69,18 +77,32 @@ label {
li { li {
list-style: none outside none; list-style: none outside none;
} }
li.widget-list { li.widget-list {
list-style: none outside none; list-style: none outside none;
background: url("arrow.png") no-repeat scroll left center transparent; background: url("arrow.png") no-repeat scroll left center transparent;
/*border-bottom: 1px dotted #D3D3D3;*/
display: block; display: block;
padding: 3px 24px; padding: 3px 24px;
} }
.required { display: inline; color: #1873a2; } .required {
.fakelink { color: #1873a2; cursor: pointer; } display: inline;
.fakelink :hover { color: #6da6c4; } color: #1873a2;
.heart { color: #FF0000; font-size: 100%; } }
.fakelink {
color: #1873a2;
cursor: pointer;
}
.fakelink :hover {
color: #6da6c4;
}
.heart {
color: #FF0000;
font-size: 100%;
}
input[type=text] { input[type=text] {
@ -88,9 +110,9 @@ input[type=text] {
padding: 2px; padding: 2px;
width: 466px; width: 466px;
margin-left: 0px; margin-left: 0px;
-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;
} }
input[type=text-sidebar] { input[type=text-sidebar] {
@ -99,51 +121,57 @@ input[type=text-sidebar] {
width: 172px; width: 172px;
margin-left: 10px; margin-left: 10px;
margin-top: 10px; margin-top: 10px;
-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;
} }
input[type=submit] { input[type=submit] {
margin: 10px; margin: 10px;
border: none;
font-size: 0.9em; font-size: 0.9em;
padding: 5px; padding: 5px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
box-shadow:inset 0px 1px 0px 0px #cfcfcf; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background-color: #bdbdbd;
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); color: #efefef;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#efefef;
text-align: center; text-align: center;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
} }
input[type=submit]:hover { input[type=submit]:hover {
border: none; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); background-color: #1873a2;
background-color:#1873a2;
color: #efefef; color: #efefef;
border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px;
} }
input[type=submit]:active { input[type=submit]:active {
position:relative; position: relative;
top:1px; top: 1px;
} }
.smalltext { font-size: 0.7em } .smalltext {
font-size: 0.7em
}
::selection { background:#fdf795; color: #000; /* Safari and Opera */ } ::selection {
::-moz-selection { background:#fdf795; color: #000; /* Firefox */ } background: #fdf795;
color: #000; /* Safari and Opera */
}
::-moz-selection {
background: #fdf795;
color: #000; /* Firefox */
}
section { section {
float: left; float: left;
padding-top: 40px; /*60*/ padding-top: 45px; /*60*/
width: 730px; width: 730px;
font-size: 0.9em; font-size: 0.9em;
line-height: 1.2em; line-height: 1.2em;
@ -151,9 +179,9 @@ section {
.lframe { .lframe {
border: 1px solid #dddddd; border: 1px solid #dddddd;
-moz-box-shadow: 3px 3px 6px #959494;
-webkit-box-shadow: 3px 3px 6px #959494;
box-shadow: 3px 3px 6px #959494; box-shadow: 3px 3px 6px #959494;
-moz-box-shadow: 3px 3px 6px #959494;
-webkit-box-shadow: 3px 3px 6px #959494;
background-color: #efefef; background-color: #efefef;
padding: 10px; padding: 10px;
} }
@ -164,11 +192,6 @@ section {
border: 1px solid #C5C5C5; border: 1px solid #C5C5C5;
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
/*background-color: #efefef;
border: 1px solid #dddddd;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
box-shadow: 3px 3px 4px #959494;*/
} }
#wall-item-lock { #wall-item-lock {
@ -177,14 +200,8 @@ section {
.button { .button {
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
font-size: 1em; font-size: 1em;
box-shadow: inset 0px 0px 0px 0px #cfcfcf;
-moz-box-shadow:inset 0px 0px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 0px 0px 0px #cfcfcf;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
@ -196,8 +213,8 @@ section {
.button:hover { .button:hover {
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494; /* -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494; -webkit-box-shadow: 3px 3px 4px #959494;*/
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
@ -257,19 +274,19 @@ section {
#panel { #panel {
position: absolute; position: absolute;
font-size:0.8em; font-size: 0.8em;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #494948; border: 1px solid #494948;
background-color: #2e3436; background-color: #2e3436;
opacity:50%; opacity: 50%;
color: #eeeeec; color: #eeeeec;
padding:1em; padding:1em;
z-index: 200; z-index: 200;
-moz-box-shadow: 7px 7px 12px #434343;
-webkit-box-shadow: 7px75px 12px #434343;
box-shadow: 7px 7px 10px #434343; box-shadow: 7px 7px 10px #434343;
-moz-box-shadow: 7px 7px 12px #434343;
-webkit-box-shadow: 7px75px 12px #434343;
} }
/* ========= */ /* ========= */
@ -278,7 +295,7 @@ section {
.pager { .pager {
padding-top: 30px; padding-top: 30px;
display:block; display: block;
clear: both; clear: both;
text-align: center; text-align: center;
} }
@ -287,8 +304,15 @@ section {
color: #626262; color: #626262;
} }
.pager span { padding: 4px; margin:4px; } .pager span {
.pager_current { background-color: #1873a2; color: #ffffff; } padding: 4px;
margin: 4px;
}
.pager_current {
background-color: #1873a2;
color: #ffffff;
}
/* ======= */ /* ======= */
/* = Nav = */ /* = Nav = */
@ -307,66 +331,84 @@ nav {
color: #efefef; color: #efefef;
margin-bottom: 16px; margin-bottom: 16px;
font-size: 15px; font-size: 15px;
background-color: #BDBDBD;
background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD; background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494; /* -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494; -webkit-box-shadow: 3px 3px 4px #959494;*/
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
} }
nav a { text-decoration: none; color: #eeeeec; border:0px;}
nav a:hover { text-decoration: none; color: #eeeeec; border:0px;} nav a {
text-decoration: none;
color: #eeeeec;
border: 0px;
}
nav a:hover {
text-decoration: none;
color: #eeeeec;
border: 0px;
}
nav #banner { nav #banner {
display: block; display: block;
position: absolute; position: absolute;
margin-left: 3px; /*10*/ margin-left: 3px;
margin-top: 3px; /*5*/ margin-top: 3px;
padding-bottom:5px; padding-bottom: 5px;
} }
nav #banner #logo-text a { nav #banner #logo-text a {
display: hidden; display: hidden;
font-size: 40px; font-size: 40px;
font-weight: bold; font-weight: bold;
margin-left: 3px; margin-left: 3px;
text-shadow: #7C7D7B 3px 3px 5px;
} }
nav #user-menu { nav #user-menu {
display: block; display: block;
width: 190px; width: 190px;
float: right; float: right;
margin-right: 5px; margin-right: 5px;
margin-top: 3px; margin-top: 4px;
padding: 5px; padding: 5px;
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
background:-moz-linear-gradient( center top, #797979 5%, #898988 100% ); background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
background-color:#a2a2a2; background-color: #a2a2a2;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
border: 1px solid #7C7D8B; border: 1px solid #7C7D8B;
color:#efefef; color: #efefef;
text-decoration:none; text-decoration: none;
text-align: center; text-align: center;
} }
nav #user-menu-label::after { nav #user-menu-label::after {
content: url("menu-user-pin.png") no-repeat; content: url("menu-user-pin.png") no-repeat;
padding-left: 15px; padding-left: 15px;
} }
nav #user-menu-label { nav #user-menu-label {
vertical-align: middle; vertical-align: middle;
font-size: 12px; font-size: 12px;
padding: 5px; padding: 5px;
text-align: center; text-align: center;
} }
ul#user-menu-popup { ul#user-menu-popup {
display: none; display: none;
position: absolute; position: absolute;
background:-webk/* margin-right:10px;*/it-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
background:-moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% ); background: -moz-linear-gradient( center top, #a2a2a2 5%, #898988 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
background-color:#898988; background-color: #898988;
width: 100%; width: 100%;
padding: 10px 0px; padding: 10px 0px;
margin: 0px; margin: 0px;
@ -383,16 +425,28 @@ ul#user-menu-popup {
box-shadow: 5px 5px 10px #242424; box-shadow: 5px 5px 10px #242424;
z-index: 10000; z-index: 10000;
} }
ul#user-menu-popup li { display: block; }
ul#user-menu-popup li a { display: block; padding: 5px; } ul#user-menu-popup li {
display: block;
}
ul#user-menu-popup li a {
display: block;
padding: 5px;
}
ul#user-menu-popup li a:hover { ul#user-menu-popup li a:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
background:-moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% ); background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
background-color:#6da6c4; background-color: #6da6c4;
}
ul#user-menu-popup li a.nav-sep {
border-top: 1px solid #989898;
border-style:inset;
} }
ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:inset; }
/* ============= */ /* ============= */
/* = Notifiers = */ /* = Notifiers = */
@ -401,8 +455,10 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
#notifications { #notifications {
height: 32px; height: 32px;
position: absolute; position: absolute;
top:3px; left: 35%; top: 3px;
left: 35%;
} }
.nav-ajax-update { .nav-ajax-update {
width: 44px; width: 44px;
height: 32px; height: 32px;
@ -414,11 +470,26 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
float: left; float: left;
padding-left: 11px; padding-left: 11px;
} }
#notify-update { background-position: 0px -168px; }
#net-update { background-position: 0px -126px; } #notify-update {
#mail-update { background-position: 0px -40px; } background-position: 0px -168px;
#intro-update { background-position: 0px -84px; } }
#home-update { background-position: 0px 0px; }
#net-update {
background-position: 0px -126px;
}
#mail-update {
background-position: 0px -40px;
}
#intro-update {
background-position: 0px -84px;
}
#home-update {
background-position: 0px 0px;
}
#lang-select-icon { #lang-select-icon {
bottom: 6px; bottom: 6px;
@ -428,10 +499,10 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
z-index: 10; z-index: 10;
} }
#language-selector { #language-selector {
position:fixed; position: fixed;
bottom:2px; bottom: 2px;
left:52px; left: 52px;
z-index:10; z-index: 10;
} }
/* =================== */ /* =================== */
@ -439,26 +510,27 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
/* =================== */ /* =================== */
#sysmsg_info, #sysmsg { #sysmsg_info, #sysmsg {
position:fixed; position: fixed;
bottom: 0px; right:20%; bottom: 0px; right:20%;
-moz-box-shadow: 7px 7px 12px #434343;
-webkit-box-shadow: 7px75px 12px #434343;
box-shadow: 7px 7px 10px #434343; box-shadow: 7px 7px 10px #434343;
-moz-box-shadow: 7px 7px 12px #434343;
-webkit-box-shadow: 7px75px 12px #434343;
padding: 10px; padding: 10px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border: 1px solid #da2c2c; border: 1px solid #da2c2c;
border-bottom:0px; border-bottom: 0px;
padding-bottom: 50px; padding-bottom: 50px;
z-index: 1000; z-index: 1000;
color: #efefef; color: #efefef;
font-style: bold; font-style: bold;
} }
#sysmsg_info br, #sysmsg_info br,
#sysmsg br { #sysmsg br {
display:block; display:block;
@ -472,17 +544,14 @@ ul#user-menu-popup li a.nav-sep { border-top: 1px solid #989898; border-style:in
aside { aside {
float: right; float: right;
/*margin-right: 5px;/ width: 205px;
/*width: 21%;*/ margin-top: 40px;
width: 205px; /*250*/
margin-top: 40px; /*50*/
font-size: 0.9em; font-size: 0.9em;
font-style: bold; font-style: bold;
} }
aside a{ aside a{
padding-bottom: 5px; padding-bottom: 5px;
} }
.vcard { .vcard {
@ -504,18 +573,19 @@ aside a{
.vcard #profile-photo-wrapper { .vcard #profile-photo-wrapper {
margin: 10px 0px; margin: 10px 0px;
padding: 12px; padding: 6px;
width: 175px; width: auto;
background: none repeat scroll 0 0 #FFFFFF; background: none repeat scroll 0 0 #FFFFFF;
/*background-color: #f3f3f3;*/ border: 1px solid #C5C5C5;
border: 1px solid #C5C5C5; /*1px solid #dddddd;*/ box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494; -webkit-box-shadow: 3px 3px 4px #959494;
box-shadow: 0 0 8px #BDBDBD; /*3px 3px 4px #959494;*/
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
} }
aside h4 { font-size: 1.3em; } aside h4 {
font-size: 1.3em;
}
.allcontact-link { .allcontact-link {
color: #626262; color: #626262;
@ -527,42 +597,46 @@ aside h4 { font-size: 1.3em; }
padding-bottom: 10px; padding-bottom: 10px;
} }
#profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; } #profile-extra-links ul {
margin-left: 0px;
padding-left: 0px;
list-style: none;
}
#dfrn-request-link { #dfrn-request-link {
-moz-box-shadow:inset 0px 1px 0px 0px #a65151; box-shadow: inset 0px 1px 0px 0px #a65151;
-webkit-box-shadow:inset 0px 1px 0px 0px #a65151; -moz-box-shadow: inset 0px 1px 0px 0px #a65151;
box-shadow:inset 0px 1px 0px 0px #a65151; -webkit-box-shadow: inset 0px 1px 0px 0px #a65151;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
background:-moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% ); background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
background-color:#6da6c4; background-color: #6da6c4;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
border:1px solid #fc5656; border: 1px solid #fc5656;
display:inline-block; display: inline-block;
color:#f0e7e7; color: #f0e7e7;
font-family:Trebuchet MS; font-family: Trebuchet MS;
font-size:19px; font-size: 19px;
font-weight:bold; font-weight: bold;
text-align: center; text-align: center;
padding:10px; padding: 10px;
width: 185px; width: 185px;
text-decoration:none; text-decoration: none;
text-shadow:1px 1px 0px #b36f6f; text-shadow: 1px 1px 0px #b36f6f;
} }
#dfrn-request-link:hover { #dfrn-request-link:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
} }
#dfrn-request-link:active { #dfrn-request-link:active {
position:relative; position: relative;
top:1px; top: 1px;
} }
#dfrn-request-intro { #dfrn-request-intro {
@ -578,7 +652,6 @@ aside h4 { font-size: 1.3em; }
} }
#netsearch-box input[type="submit"] { #netsearch-box input[type="submit"] {
width: auto; width: auto;
/*margin-top: 5px;*/
} }
h3#search:before { h3#search:before {
@ -591,9 +664,9 @@ h3#search:before {
background-color: #f3f3f3; background-color: #f3f3f3;
border: 1px solid #cdcdcd; border: 1px solid #cdcdcd;
margin-bottom: 10px; margin-bottom: 10px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
} }
#group-sidebar { #group-sidebar {
@ -614,72 +687,70 @@ h3#search:before {
.widget { .widget {
margin-top: 20px; margin-top: 20px;
-moz-box-shadow: 1px 2px 6px 0px #959494;
-webkit-box-shadow: 1px 2px 6px 0px #959494;
box-shadow: 1px 2px 6px 0px #959494; box-shadow: 1px 2px 6px 0px #959494;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) ); -moz-box-shadow: 1px 2px 6px 0px #959494;
background:-moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% ); -webkit-box-shadow: 1px 2px 6px 0px #959494;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6'); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #f6f6f6) );
background-color:#f8f8f8; background: -moz-linear-gradient( center top, #f8f8f8 5%, #f6f6f6 100% );
-moz-border-radius:5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f6f6f6');
-webkit-border-radius:5px; background-color: #f8f8f8;
border-radius:5px; border-radius: 5px;
color:#7c7d7b; -moz-border-radius: 5px;
/*text-shadow:-1px 0px 0px #bdbdbd;*/ -webkit-border-radius: 5px;
color: #7c7d7b;
border: 1px solid #cdcdcd; border: 1px solid #cdcdcd;
} }
#sidebar-new-group { #sidebar-new-group {
padding:7px; padding: 7px;
width: 165px; width: 165px;
margin: auto; margin: auto;
margin-left: 10px; /*40*/ margin-left: 10px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
box-shadow:inset 0px 1px 0px 0px #cfcfcf; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background-color: #bdbdbd;
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); display: inline-block;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); color: #efefef;
background-color:#bdbdbd; text-decoration: none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
display:inline-block;
color:#efefef;
text-decoration:none;
text-align: center; text-align: center;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
} }
#sidebar-new-group:hover { #sidebar-new-group:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px;
} }
#sidebar-new-group:active { #sidebar-new-group:active {
position:relative; position: relative;
top:1px; top: 1px;
} }
.group-selected, .nets-selected { .group-selected, .nets-selected {
padding-bottom: 0px; padding-bottom: 0px;
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd; background-color: #bdbdbd;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
display:inline-block; display: inline-block;
color:#efefef; color: #efefef;
text-decoration:none; text-decoration: none;
} }
#sidebar-new-group a { #sidebar-new-group a {
@ -689,19 +760,18 @@ h3#search:before {
margin: auto; margin: auto;
} }
ul .sidebar-group-li{ ul .sidebar-group-li {
list-style: none; list-style: none;
font-size: 1.0em; font-size: 1.0em;
padding-bottom: 5px; padding-bottom: 5px;
} }
ul .sidebar-group-li .icon{ ul .sidebar-group-li .icon {
display: inline-block; display: inline-block;
height: 12px; height: 12px;
width: 12px; width: 12px;
} }
.nets-ul { .nets-ul {
list-style-type: none; list-style-type: none;
} }
@ -717,31 +787,30 @@ ul .sidebar-group-li .icon{
margin-left: 42px; margin-left: 42px;
} }
.widget h3 {
.widget h3{ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) ); background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
background:-moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2'); background-color: #f0edf0;
background-color:#f0edf0; border-radius: 5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius:5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;
border-radius:5px 5px 0px 0px; border: 1px solid #e2e2e2;
border:1px solid #e2e2e2;
border-bottom: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;
padding-top:5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
vertical-align: baseline; vertical-align: baseline;
text-align: center; text-align: center;
text-shadow:-1px 0px 0px #bdbdbd; text-shadow: -1px 0px 0px #bdbdbd;
} }
#group-sidebar h3:before{ #group-sidebar h3:before {
content: url("groups.png"); content: url("groups.png");
padding-right: 10px; padding-right: 10px;
vertical-align: middle; vertical-align: middle;
} }
#saved-search-list{ #saved-search-list {
margin-top: 15px; margin-top: 15px;
padding-bottom: 20px; padding-bottom: 20px;
} }
@ -785,15 +854,28 @@ ul .sidebar-group-li .icon{
float: left; float: left;
} }
.contact-block-textdiv { width: 150px; height: 34px; float: left; } .contact-block-textdiv {
#contact-block-end { clear: both; } width: 150px;
height: 34px;
float: left;
}
#contact-block-end {
clear: both;
}
/* ======= */ /* ======= */
/* = Jot = */ /* = Jot = */
/* ======= */ /* ======= */
#profile-jot-text_tbl { margin-bottom: 10px; } #profile-jot-text_tbl {
#profile-jot-text_ifr { width: 99.9%!important } margin-bottom: 10px;
}
#profile-jot-text_ifr {
width: 99.9%!important
}
#profile-jot-submit-wrapper { #profile-jot-submit-wrapper {
} }
@ -805,12 +887,17 @@ ul .sidebar-group-li .icon{
border: 1px solid #cccccc; border: 1px solid #cccccc;
} }
#jot-title::-webkit-input-placeholder{font-weight: normal;} #jot-title::-webkit-input-placeholder {
#jot-title:-moz-placeholder{font-weight: normal;} font-weight: normal;
}
#jot-title:-moz-placeholder {
font-weight: normal;
}
#jot-title:hover, #jot-title:hover,
#jot-title:focus { #jot-title:focus {
border: 1px solid #cccccc border: 1px solid #cccccc;
} }
.preview { .preview {
@ -820,19 +907,19 @@ ul .sidebar-group-li .icon{
#profile-jot-perms, #profile-jot-submit, #jot-preview-link { #profile-jot-perms, #profile-jot-submit, #jot-preview-link {
width: 60px; width: 60px;
font-size: 12px; font-size: 12px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd; background-color: #bdbdbd;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
display:inline-block; display: inline-block;
color:#efefef; color: #efefef;
text-decoration:none; text-decoration: none;
text-align: center; text-align: center;
} }
@ -849,25 +936,32 @@ ul .sidebar-group-li .icon{
#profile-jot-submit { #profile-jot-submit {
float: left; float: left;
margin-right:5px; margin-right: 5px;
border: 0px; border: 0px;
margin-top: 0px; margin-top: 0px;
margin-left: -30px; margin-left: -30px;
} }
#profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link:hover { #profile-jot-perms:hover,
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); #profile-jot-submit:hover,
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); #jot-preview-link:hover {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background-color:#1873a2; background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color: #1873a2;
} }
#profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active {
position:relative; #profile-jot-perms:active,
top:1px; #profile-jot-submit:active,
#jot-preview-link:active {
position: relative;
top: 1px;
} }
#character-counter { #character-counter {
position: absolute: right: 100px; top:100px; position: absolute:
right: 100px;
top:100px;
} }
#profile-rotator-wrapper { #profile-rotator-wrapper {
float: right; float: right;
@ -877,16 +971,28 @@ ul .sidebar-group-li .icon{
float: left; float: left;
margin-right: 5px; margin-right: 5px;
} }
#profile-jot-tools-end, #profile-jot-tools-end,
#profile-jot-banner-end { clear: both; } #profile-jot-banner-end {
clear: both;
}
#profile-jot-email-wrapper { #profile-jot-email-wrapper {
margin: 10px 10% 0px 10%; margin: 10px 10% 0px 10%;
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
border-bottom: 0px; border-bottom: 0px;
} }
#profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
#profile-jot-email { margin: 5px; width: 95%; } #profile-jot-email-label {
background-color: #555753;
color: #ccccce;
padding: 5px;
}
#profile-jot-email {
margin: 5px;
width: 95%;
}
#profile-jot-networks { #profile-jot-networks {
margin: 0px 10%; margin: 0px 10%;
@ -899,22 +1005,48 @@ ul .sidebar-group-li .icon{
margin: 0px 10px; margin: 0px 10px;
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
border-top: 0px; border-top: 0px;
display:block!important; display:block!important;
} }
#group_allow_wrapper, #group_allow_wrapper,
#group_deny_wrapper, #group_deny_wrapper,
#acl-permit-outer-wrapper { width: 47%; float: left; } #acl-permit-outer-wrapper {
width: 47%;
float: left;
}
#contact_allow_wrapper, #contact_allow_wrapper,
#contact_deny_wrapper, #contact_deny_wrapper,
#acl-deny-outer-wrapper { width: 47%; float: right; } #acl-deny-outer-wrapper {
width: 47%;
float: right;
}
#acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;} #acl-permit-text {
#jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;} background-color: #555753;
#acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;} color: #ccccce;
padding: 5px; float: left;
}
#jot-public {
background-color: #555753;
color: #ff0000;
padding: 5px;
float: left;
}
#acl-deny-text {
background-color: #555753;
color: #ccccce;
padding: 5px;
float: left;
}
#acl-permit-text-end, #acl-permit-text-end,
#acl-deny-text-end { clear: both; } #acl-deny-text-end {
clear: both;
}
#profile-jot-wrapper { #profile-jot-wrapper {
margin-top: 0px; margin-top: 0px;
padding-top: 0px; padding-top: 0px;
@ -939,7 +1071,10 @@ profile-jot-banner-wrapper {
padding: 20px 0px 0px; padding: 20px 0px 0px;
font-size: 0.9em; font-size: 0.9em;
} }
.tabs li { display: inline;}
.tabs li {
display: inline;
}
.tab { .tab {
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
@ -965,43 +1100,57 @@ profile-jot-banner-wrapper {
padding-right: 10px; padding-right: 10px;
padding-left: 12px; padding-left: 12px;
background: none repeat scroll 0 0 #FFFFFF; background: none repeat scroll 0 0 #FFFFFF;
/*background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CDCDCD; border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 8px #BDBDBD; /*3px 3px 4px 0 #959494;*/ box-shadow: 0 0 8px #BDBDBD;
margin-top: 20px; }
.wall-item-outside-wrapper-end {
clear: both;
}
.wall-item-content-wrapper {
position: relative;
max-width: 100%;
padding-top: 10px;
}
.wall-item-photo-menu {
display: none;
} }
.wall-item-outside-wrapper-end { clear: both;}
.wall-item-content-wrapper { position: relative; max-width: 100%; padding-top: 10px; }
.wall-item-photo-menu { display: none;}
.wall-item-photo-menu-button { .wall-item-photo-menu-button {
display:none; display: none;
text-indent: -99999px; text-indent: -99999px;
background: #eeeeee url("menu-user-pin.png") no-repeat 75px center; background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
height: 20px; width: 90px; height: 20px;
top: 85px; left: -1px; width: 90px;
-webkit-border-radius: 0px 0px 5px 5px; top: 85px;
-moz-border-radius: 0px 0px 5px 5px; left: -1px;
border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
}
.wall-item-info {
float: left;
width: 100px;
} }
.wall-item-info { float: left; width: 100px; } /*140*/
.wall-item-photo-wrapper { .wall-item-photo-wrapper {
width: 80px; height: 80px; width: 80px;
height: 80px;
position: relative; position: relative;
} }
.wall-item-tools { .wall-item-tools {
filter: alpha(opacity=60); filter: alpha(opacity=60);
opacity: 0.7; opacity: 0.7;
-webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
margin-top: 10px; margin-top: 10px;
padding-bottom: 5px; padding-bottom: 5px;
float: right; float: right;
@ -1010,11 +1159,9 @@ profile-jot-banner-wrapper {
.wall-item-tools:hover { .wall-item-tools:hover {
filter: alpha(opacity=100); filter: alpha(opacity=100);
opacity: 1; opacity: 1;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
margin-left: 140px; margin-left: 140px;
} }
@ -1027,24 +1174,29 @@ profile-jot-banner-wrapper {
float: left; float: left;
padding-left: 10px; padding-left: 10px;
} }
.wall-item-like-buttons a.icon { .wall-item-like-buttons a.icon {
float: left; float: left;
margin-right: 5px; margin-right: 5px;
display: inline; display: inline;
} }
.wall-item-links-wrapper { .wall-item-links-wrapper {
width: 30px; /*20*/ width: 30px;
float: left; float: left;
} }
.wall-item-delete-wrapper { .wall-item-delete-wrapper {
float: left; float: left;
margin-right: 5px; margin-right: 5px;
} }
.wall-item-links-wrapper a.icon { .wall-item-links-wrapper a.icon {
float: left; float: left;
margin-right: 5px; margin-right: 5px;
display: inline; display: inline;
} }
.pencil { .pencil {
float: left; float: left;
} }
@ -1052,31 +1204,46 @@ profile-jot-banner-wrapper {
.star-item { .star-item {
float: left; float: left;
} }
.tag-item { .tag-item {
float: left; float: left;
} }
.wall-item-title { font-size: 1.2em; font-weight: bold; padding-top: 5px; margin-left: 100px;}
.wall-item-body { .wall-item-title {
margin-left: 100px; /*140*/ font-size: 1.2em;
padding-right: 10px; font-weight: bold;
padding-top: 5px; padding-top: 5px;
max-width: 100%; /*85*/ margin-left: 100px;
} }
.wall-item-body img { max-width: 100%; height: auto; } .wall-item-body {
margin-left: 100px;
padding-right: 10px;
padding-top: 5px;
max-width: 100%;
}
.wall-item-body img {
max-width: 100%;
height: auto;
}
.wall-item-body p { .wall-item-body p {
font-size: 0.8em; font-size: 0.8em;
} }
.wall-item-lock-wrapper { float: right; }
.wall-item-lock-wrapper {
float: right;
}
.wall-item-dislike, .wall-item-dislike,
.wall-item-like { .wall-item-like {
clear: left; clear: left;
font-size: 0.9em; font-size: 0.9em;
margin: 0px 0px 10px 450px; margin: 0px 0px 10px 450px;
padding-left: 0px; padding-left: 0px;
} }
.wall-item-author { .wall-item-author {
font-size: 0.9em; font-size: 0.9em;
margin: 0px 0px 0px 100px; margin: 0px 0px 0px 100px;
@ -1087,28 +1254,47 @@ profile-jot-banner-wrapper {
color: #898989; color: #898989;
} }
.wall-item-ago { display: inline; padding-left: 0px; color: #898989;} /*10*/ .wall-item-ago {
.wall-item-wrapper-end { clear:both; } display: inline;
.wall-item-location { padding-left: 0px;
margin-top:5px;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.wall-item-location .icon { float: left; }
.wall-item-location > a {
margin-left: 0px; /*25*/
margin-right: 2px;
font-size: 0.9em;
display: block;
font-variant:small-caps;
color: #898989; color: #898989;
} }
.wall-item-location .smalltext { margin-left: 25px; font-size: 0.9em; display: block;} .wall-item-wrapper-end {
.wall-item-location > br { display: none; } clear:both;
}
.wall-item-location {
margin-top: 5px;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.wall-item-location .icon {
float: left;
}
.wall-item-location > a {
margin-left: 0px;
margin-right: 3px;
font-size: 0.9em;
display: block;
font-variant: small-caps;
color: #898989;
}
.wall-item-location .smalltext {
margin-left: 25px;
font-size: 0.9em;
display: block;
}
.wall-item-location > br {
display: none;
}
.wall-item-conv a{ .wall-item-conv a{
font-size: 0.9em; font-size: 0.9em;
color: #898989; color: #898989;
@ -1125,8 +1311,15 @@ profile-jot-banner-wrapper {
height: 30px; height: 30px;
} }
.wallwall .wwto img { width: 30px!important; height: 30px!important;} .wallwall .wwto img {
.wallwall .wall-item-photo-end { clear: both; } width: 30px!important;
height: 30px!important;
}
.wallwall .wall-item-photo-end {
clear: both;
}
.wall-item-arrowphoto-wrapper { .wall-item-arrowphoto-wrapper {
position: absolute; position: absolute;
left: 20px; left: 20px;
@ -1143,50 +1336,68 @@ profile-jot-banner-wrapper {
border-left: 1px solid #dddddd; border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
position: absolute; position: absolute;
left: -2px; top: 101px; left: -2px;
top: 101px;
display: none; display: none;
z-index: 10000; z-index: 10000;
-webkit-border-radius: 0px 5px 5px 5px;
-moz-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;
-moz-box-shadow: 3px 3px 4px #959494; -webkit-border-radius: 0px 5px 5px 5px;
-webkit-box-shadow: 3px 3px 4px #959494; -moz-border-radius: 0px 5px 5px 5px;
box-shadow: 3px 3px 4px #959494; box-shadow: 3px 3px 4px #959494;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
} }
.wall-item-photo-menu-button { .wall-item-photo-menu-button {
border-right: 1px solid #dddddd; border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd; border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
box-shadow: 3px 3px 4px #959494; box-shadow: 3px 3px 4px #959494;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
} }
.fakelink wall-item-photo-menu-button { .fakelink wall-item-photo-menu-button {
-webkit-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px;
-moz-border-radius: 0px 5px 5px 5px; -moz-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
box-shadow: 3px 3px 4px #959494; box-shadow: 3px 3px 4px #959494;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
}
.wall-item-photo-menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.wall-item-photo-menu li a {
white-space: nowrap;
display: block;
padding: 5px 2px;
color: #2e3436;
} }
.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
.wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #2e3436; }
.wall-item-photo-menu li a:hover { .wall-item-photo-menu li a:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
order-bottom: none; /*order-bottom: none;*/
} }
.icon.drop, .icon.drop,
.icon.drophide { float: right;} .icon.drophide {
#item-delete-selected { overflow: auto; width: 100%;} float: right;
}
#item-delete-selected {
overflow: auto;
width: 100%;
}
/* ============ */ /* ============ */
/* = Comments = */ /* = Comments = */
@ -1196,30 +1407,42 @@ profile-jot-banner-wrapper {
font-size: 0.9em; font-size: 0.9em;
color: #898989; color: #898989;
margin-left: 60px; margin-left: 60px;
/*font-variant:small-caps;*/
} }
.wall-item-outside-wrapper.comment { margin-left: 70px; } .wall-item-outside-wrapper.comment {
margin-left: 70px;
}
.wall-item-outside-wrapper.comment .wall-item-photo { .wall-item-outside-wrapper.comment .wall-item-photo {
width: 40px!important; width: 40px!important;
height: 40px!important; height: 40px!important;
} }
.wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; } .wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
width: 40px;
height: 40px;
}
.wall-item-outside-wrapper.comment .wall-item-photo-menu-button { .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
width: 50px; width: 50px;
top: 45px; top: 45px;
background-position: 35px center; background-position: 35px center;
} }
.wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
.wall-item-outside-wrapper.comment .wall-item-info {
width: 60px;
}
.wall-item-outside-wrapper.comment .wall-item-body { .wall-item-outside-wrapper.comment .wall-item-body {
margin-left: 60px;/*70*/ margin-left: 60px;
max-width: 100%; max-width: 100%;
padding-right: 10px; padding-right: 10px;
padding-left: 0px; padding-left: 0px;
} }
.wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px; } /*10*/ .wall-item-outside-wrapper.comment .wall-item-author {
margin-left: 60px;
}
.wall-item-outside-wrapper.comment .wall-item-photo-menu { .wall-item-outside-wrapper.comment .wall-item-photo-menu {
min-width: 50px; min-width: 50px;
@ -1231,37 +1454,55 @@ profile-jot-banner-wrapper {
} }
.comment-wwedit-wrapper, .comment-wwedit-wrapper,
.comment-edit-wrapper { margin: 30px 0px 0px 80px;} .comment-edit-wrapper {
margin: 30px 0px 0px 80px;
}
.comment-wwedit-wrapper img, .comment-wwedit-wrapper img,
.comment-edit-wrapper img { width: 20px; height: 20px; } .comment-edit-wrapper img {
.comment-edit-photo-link { float: left; width: 40px;} width: 20px;
height: 20px;
}
.comment-edit-photo-link {
float: left;
width: 40px;
}
.comment-edit-text-empty { .comment-edit-text-empty {
width: 80%; width: 80%;
height: 20px; height: 20px;
/*border: 0px;*/
color: #babdb6; color: #babdb6;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
} }
.comment-edit-text-empty:hover { color: #999999;}
.comment-edit-text-full { width: 80%; height: 6em; .comment-edit-text-empty:hover {
-webkit-transition: all 0.5s ease-in-out; color: #999999;
-moz-transition: all 0.5s ease-in-out; }
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out; .comment-edit-text-full {
width: 80%;
height: 6em;
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
} }
.comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
.comment-edit-submit-wrapper {
width: 80%;
margin-left: 40px;
text-align: right;
}
.comment-edit-submit { .comment-edit-submit {
height: 22px; height: 22px;
background-color: #a2a2a2; background-color: #a2a2a2;
color: #eeeeec; color: #eeeeec;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 0px; border: 0px;
} }
@ -1305,21 +1546,28 @@ profile-jot-banner-wrapper {
margin-bottom: 0px; margin-bottom: 0px;
padding-bottom: 5px; padding-bottom: 5px;
font-size: 18px; font-size: 18px;
/*font-variant:small-caps;*/
} }
div[id$="wrapper"] { height: 100%;} div[id$="wrapper"] {
div[id$="wrapper"] br { clear: left; } height: 100%;
#advanced-profile-with { margin-left: 20px;} }
div[id$="wrapper"] br {
clear: left;
}
#advanced-profile-with {
margin-left: 20px;
}
#profile-listing-desc { #profile-listing-desc {
float: left; float: left;
display: inline; display: inline;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
width: 150px; width: 150px;
margin-bottom:20px; margin-bottom: 20px;
margin-top: 20px; margin-top: 20px;
display:inline-block; display: inline-block;
font-style: bold; font-style: bold;
text-align: center; text-align: center;
} }
@ -1328,7 +1576,7 @@ div[id$="wrapper"] br { clear: left; }
float: left; float: left;
display: inline; display: inline;
width: auto; width: auto;
margin-left:5px; margin-left: 5px;
margin-top: 20px; margin-top: 20px;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
font-style: bold; font-style: bold;
@ -1345,16 +1593,16 @@ div[id$="wrapper"] br { clear: left; }
#profile-edit-links li { #profile-edit-links li {
display: inline; display: inline;
width: 150px; width: 150px;
margin-bottom:20px; margin-bottom: 20px;
margin-top: 20px; margin-top: 20px;
background-color: #a2a2a2; background-color: #a2a2a2;
color: #eeeeec; color: #eeeeec;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-right: 5px; margin-right: 5px;
font-style: bold; font-style: bold;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
} }
#profile-edit-links li a { #profile-edit-links li a {
@ -1377,8 +1625,13 @@ div[id$="wrapper"] br { clear: left; }
position: absolute; position: absolute;
} }
#cropimage-wrapper { float:left; } #cropimage-wrapper {
#crop-image-form { clear:both; } float:left;
}
#crop-image-form {
clear:both;
}
.profile-match-name a{ .profile-match-name a{
color: #999; color: #999;
@ -1392,13 +1645,13 @@ div[id$="wrapper"] br { clear: left; }
.profile-match-wrapper { .profile-match-wrapper {
width: 82%; width: 82%;
padding: 5px; padding: 5px;
margin-bottom:10px; margin-bottom: 10px;
margin-left: 20px; margin-left: 20px;
background-color: #f6f6f6; background-color: #f6f6f6;
border: 1px solid #dddddd; border: 1px solid #dddddd;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
box-shadow: 3px 3px 4px #959494; box-shadow: 3px 3px 4px #959494;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
clear: both; clear: both;
} }
@ -1436,17 +1689,18 @@ div[id$="wrapper"] br { clear: left; }
#photo-top-links { #photo-top-links {
width: 130px; width: 130px;
margin-bottom:20px; margin-bottom: 20px;
margin-top: 20px; margin-top: 20px;
background-color: #a2a2a2; background-color: #a2a2a2;
color: #eeeeec; color: #eeeeec;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-right: 5px; margin-right: 5px;
font-style: bold; font-style: bold;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
} }
#photo-top-links a { #photo-top-links a {
color: #efefef; color: #efefef;
} }
@ -1463,7 +1717,7 @@ div[id$="wrapper"] br { clear: left; }
float: left; float: left;
margin: 0px 10px 10px 0px; margin: 0px 10px 10px 0px;
padding-bottom: 30px; padding-bottom: 30px;
position:relative; position: relative;
} }
.photo-top-image-wrapper { .photo-top-image-wrapper {
@ -1472,7 +1726,7 @@ div[id$="wrapper"] br { clear: left; }
height: 180px; height: 180px;
margin: 0px 10px 10px 0px; margin: 0px 10px 10px 0px;
padding-bottom: 30px; padding-bottom: 30px;
position:relative; position: relative;
} }
#photo-album-wrapper-inner { #photo-album-wrapper-inner {
@ -1483,8 +1737,14 @@ div[id$="wrapper"] br { clear: left; }
overflow: hidden; overflow: hidden;
} }
#photo-photo { max-width: 85%; height: auto; } #photo-photo {
#photo-photo img { max-width: 100% } max-width: 85%;
height: auto;
}
#photo-photo img {
max-width: 100%
}
.photo-top-image-wrapper a:hover, .photo-top-image-wrapper a:hover,
#photo-photo a:hover, #photo-photo a:hover,
@ -1500,10 +1760,10 @@ div[id$="wrapper"] br { clear: left; }
bottom: 0px; bottom: 0px;
padding: 0px 5px; padding: 0px 5px;
font-weight: bold; font-weight: bold;
font-stretch:semi-expanded; font-stretch: semi-expanded;
} }
.photo-top-album-name a{ .photo-top-album-name a {
text-align: center; text-align: center;
color: #6e6e6e; color: #6e6e6e;
} }
@ -1516,9 +1776,9 @@ div[id$="wrapper"] br { clear: left; }
font-size: 0.9em; font-size: 0.9em;
} }
#photo-photo{ #photo-photo {
position: relative; position: relative;
float:left; float: left;
} }
#photo-caption { #photo-caption {
@ -1527,28 +1787,41 @@ div[id$="wrapper"] br { clear: left; }
font-size: 1.1em; font-size: 1.1em;
} }
#photo-photo-end { clear: both; } #photo-photo-end {
clear: both;
}
#photo-prev-link, #photo-prev-link,
#photo-next-link{ #photo-next-link {
position: absolute; position: absolute;
width:10%; width: 10%;
height: 100%; height: 100%;
background-color: rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.2);
opacity: 0; opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
#photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); } #photo-prev-link {
#photo-next-link { right:0px; top:0px; background-image: url('next.png');} left: 0px;
top: 0px;
background-image: url('prev.png');
}
#photo-next-link {
right: 0px;
top: 0px;
background-image: url('next.png');
}
#photo-prev-link a, #photo-prev-link a,
#photo-next-link a{ #photo-next-link a {
display: block; width: 100%; height: 100%; display: block;
width: 100%;
height: 100%;
overflow: hidden; overflow: hidden;
text-indent: -900000px; text-indent: -900000px;
} }
@ -1556,19 +1829,22 @@ div[id$="wrapper"] br { clear: left; }
#photo-prev-link:hover, #photo-prev-link:hover,
#photo-next-link:hover { #photo-next-link:hover {
opacity: 1; opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
} }
#photo-next-link .icon, #photo-next-link .icon,
#photo-prev-link .icon { display: none } #photo-prev-link .icon {
display: none;
}
#photos-upload-spacer, #photos-upload-spacer,
#photos-upload-new-wrapper, #photos-upload-new-wrapper,
#photos-upload-exist-wrapper { margin-bottom: 1em; } #photos-upload-exist-wrapper {
margin-bottom: 1em;
}
#photos-upload-existing-album-text, #photos-upload-existing-album-text,
#photos-upload-newalbum-div { #photos-upload-newalbum-div {
background-color: #fff; background-color: #fff;
@ -1580,7 +1856,9 @@ div[id$="wrapper"] br { clear: left; }
} }
#photos-upload-album-select, #photos-upload-album-select,
#photos-upload-newalbum { width: 400px; } #photos-upload-newalbum {
width: 400px;
}
#photos-upload-perms-menu { #photos-upload-perms-menu {
width: 180px; width: 180px;
@ -1595,12 +1873,14 @@ select, input {
margin-top: 0px; margin-top: 0px;
border: 1px solid #b0b0b0; border: 1px solid #b0b0b0;
padding: 2px; padding: 2px;
-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;
} }
select[size], select[multiple], select[size][multiple] { select[size],
select[multiple],
select[size][multiple] {
-webkit-appearance: listbox; -webkit-appearance: listbox;
} }
@ -1612,7 +1892,7 @@ select {
} }
keygen, select { keygen, select {
-webkit-border-radius: ; /*-webkit-border-radius: ;*/
} }
input, textarea, keygen { input, textarea, keygen {
@ -1628,23 +1908,23 @@ input, textarea, keygen {
} }
.qq-upload-button { .qq-upload-button {
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
} }
#album-edit-link { #album-edit-link {
width: 70px; width: 70px;
margin-bottom:20px; margin-bottom: 20px;
margin-top: 20px; margin-top: 20px;
background-color: #a2a2a2; background-color: #a2a2a2;
color: #eeeeec; color: #eeeeec;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-right: 5px; margin-right: 5px;
font-style: bold; font-style: bold;
-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
} }
#album-edit-link a { #album-edit-link a {
@ -1661,7 +1941,7 @@ input, textarea, keygen {
#photo_edit_form { #photo_edit_form {
width: 500px; width: 500px;
margin-top:20px; margin-top: 20px;
text-align: left; text-align: left;
} }
@ -1697,7 +1977,9 @@ input#photo_edit_form {
/* = Messages = */ /* = Messages = */
/* ============ */ /* ============ */
#prvmail-wrapper, .mail-conv-detail, .mail-list-detail { #prvmail-wrapper,
.mail-conv-detail,
.mail-list-detail {
position: relative; position: relative;
width: 500px; width: 500px;
padding: 50px; padding: 50px;
@ -1708,7 +1990,12 @@ input#photo_edit_form {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
} }
#prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after { #prvmail-wrapper:before,
#prvmail-wrapper:after,
.mail-conv-detail:before,
.mail-conv-detail:after,
.mail-list-detail:before,
.mail-list-detail:after {
position: absolute; position: absolute;
width: 40%; width: 40%;
height: 10px; height: 10px;
@ -1716,25 +2003,27 @@ input#photo_edit_form {
left: 12px; left: 12px;
bottom: 12px; bottom: 12px;
background: transparent; background: transparent;
-webkit-transform: skew(-5deg) rotate(-5deg);
-moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
transform: skew(-5deg) rotate(-5deg); transform: skew(-5deg) rotate(-5deg);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); -webkit-transform: skew(-5deg) rotate(-5deg);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); -moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
z-index: -1; z-index: -1;
} }
#prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after { #prvmail-wrapper:after,
.mail-conv-detail:after,
.mail-list-detail:after {
left: auto; left: auto;
right: 12px; right: 12px;
-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
transform: skew(5deg) rotate(5deg); transform: skew(5deg) rotate(5deg);
-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
} }
.prvmail-text { .prvmail-text {
@ -1743,27 +2032,33 @@ input#photo_edit_form {
#prvmail-form input #prvmail-form input
#prvmail-subject { width: 490px;; padding-left: 10px; font-size: 1.1em; font-style: bold;} #prvmail-subject {
#prvmail-subject .input{ width: 490px;
border: none !important ; padding-left: 10px;
font-size: 1.1em;
font-style: bold;
} }
#prvmail-subject-label { #prvmail-subject .input {
/* font-variant:small-caps; */ border: none !important;
} }
#prvmail-subject-label {}
#prvmail-to { #prvmail-to {
padding-left: 10px; padding-left: 10px;
} }
#prvmail-to-label {
/* font-variant:small-caps; */ #prvmail-to-label {}
}
#prvmail-message-label { #prvmail-message-label {
font-size: 1em; font-size: 1em;
} }
#prvmail-submit-wrapper { margin-top: 10px; } #prvmail-submit-wrapper {
margin-top: 10px;
}
#prvmail-submit { #prvmail-submit {
float: right; float: right;
margin-top: 0px; margin-top: 0px;
@ -1799,9 +2094,9 @@ margin-left: 0px;
width: 600px; width: 600px;
min-height: 70px; min-height: 70px;
padding: 20px; padding: 20px;
padding-top:10px; padding-top: 10px;
border: 1px solid #dddddd; border: 1px solid #dddddd;
} }
.mail-list-sender-name { .mail-list-sender-name {
font-size: 1.1em; font-size: 1.1em;
@ -1814,7 +2109,7 @@ margin-left: 0px;
display: inline; display: inline;
font-size: 0.9em; font-size: 0.9em;
padding-left: 10px; padding-left: 10px;
font-stretch:ultra-condensed; font-stretch: ultra-condensed;
} }
.mail-list-subject { .mail-list-subject {
@ -1828,7 +2123,10 @@ margin-left: 0px;
color: #626262; color: #626262;
} }
.mail-list-delete-wrapper { float: right;} .mail-list-delete-wrapper {
float: right;
}
.mail-list-outside-wrapper-end { .mail-list-outside-wrapper-end {
clear: both; clear: both;
} }
@ -1838,15 +2136,31 @@ margin-left: 0px;
margin-top: 30px; margin-top: 30px;
} }
.mail-conv-sender {float: left; margin: 0px 5px 5px 0px; } .mail-conv-sender {
float: left;
margin: 0px 5px 5px 0px;
}
.mail-conv-sender-photo { .mail-conv-sender-photo {
width: 64px; width: 64px;
height: 64px; height: 64px;
} }
.mail-conv-sender-name { float: left; font-style: bold; } .mail-conv-sender-name {
.mail-conv-date { float: right; } float: left;
.mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em } font-style: bold;
}
.mail-conv-date {
float: right;
}
.mail-conv-subject {
clear: right;
font-weight: bold;
font-size: 1.2em;
}
.mail-conv-body { .mail-conv-body {
clear: both; clear: both;
} }
@ -1861,8 +2175,16 @@ margin-left: 0px;
margin: auto; margin: auto;
border: 1px solid #dddddd; border: 1px solid #dddddd;
} }
.mail-conv-break { display: none; border: none;} .mail-conv-break {
.mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; } display: none;
border: none;
}
.mail-conv-delete-wrapper {
padding-top: 10px;
width: 510px;
text-align: right;
}
#prvmail-subject { #prvmail-subject {
font-weight: bold; font-weight: bold;
@ -1875,16 +2197,16 @@ margin-left: 0px;
#notification-show-hide-wrapper { #notification-show-hide-wrapper {
width: 160px; width: 160px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd; background-color: #bdbdbd;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-right: 5px; margin-right: 5px;
margin-top: 10px; margin-top: 10px;
@ -1895,16 +2217,16 @@ margin-left: 0px;
#notification-show-hide-wrapper:hover { #notification-show-hide-wrapper:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
} }
#notification-show-hide-wrapper:active { #notification-show-hide-wrapper:active {
background-color: #1873a2; background-color: #1873a2;
position:relative; position: relative;
top:1px; top: 1px;
} }
#notification-show-hide-wrapper a { #notification-show-hide-wrapper a {
@ -1929,18 +2251,30 @@ margin-left: 0px;
position: relative; position: relative;
} }
.contact-entry-direction-wrapper {position: absolute; top: 20px;} .contact-entry-direction-wrapper {
.contact-entry-edit-links { position: absolute; top: 60px; } position: absolute;
#contacts-show-hide-link { margin-bottom: 20px; margin-top: 10px; font-weight: bold;} top: 20px;
}
.contact-entry-edit-links {
position: absolute;
top: 60px;
}
#contacts-show-hide-link {
margin-bottom: 20px;
margin-top: 10px;
font-weight: bold;
}
.contact-entry-name { .contact-entry-name {
width: 100px; width: 100px;
overflow: hidden; overflow: hidden;
font: #999; font: #999;
font-size: 12px; font-size: 12px;
text-align:center; text-align: center;
font-weight: bold; font-weight: bold;
margin-top:5px; margin-top: 5px;
} }
.contact-entry-photo { .contact-entry-photo {
@ -1949,45 +2283,48 @@ margin-left: 0px;
.contact-entry-edit-links .icon { .contact-entry-edit-links .icon {
border: 1px solid #babdb6; border: 1px solid #babdb6;
-webkit-border-radius: 3px; border-radius: 3px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; -moz-border-radius: 3px;
background-color: #ffffff; background-color: #ffffff;
} }
#contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; } #contact-edit-banner-name {
font-size: 1.5em;
margin-left: 30px;
}
#contact-edit-update-now { #contact-edit-update-now {
padding:7px; padding: 7px;
width: 165px; width: 165px;
margin: auto; margin: auto;
margin-left: 40px; margin-left: 40px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd; background-color: #bdbdbd;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
display:inline-block; display: inline-block;
color:#efefef; color: #efefef;
text-decoration:none; text-decoration: none;
text-align: center; text-align: center;
} }
#contact-edit-update-now:hover { #contact-edit-update-now:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
} }
#contact-edit-update-now:active { #contact-edit-update-now:active {
position:relative; position: relative;
top:1px; top: 1px;
} }
#contact-edit-update-now a { #contact-edit-update-now a {
@ -2019,30 +2356,39 @@ margin-left: 0px;
left: 0px; top: 90px; left: 0px; top: 90px;
display: none; display: none;
z-index: 10000; z-index: 10000;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888; box-shadow: 3px 3px 5px #888;
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
}
.contact-photo-menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.contact-photo-menu li a {
display: block;
padding: 3px;
color: #626262;
font-size: 1em;
} }
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
.contact-photo-menu li a { display: block; padding: 3px; color: #626262; font-size: 1em; }
.contact-photo-menu li a:hover { .contact-photo-menu li a:hover {
color: #FFFFFF; color: #FFFFFF;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
text-decoration: none; text-decoration: none;
} }
.view-contact-name { .view-contact-name {}
/* font-variant: small-caps; */
}
#div.side-link { #div.side-link {
background-color: #efefef; background-color: #efefef;
padding: 10px; padding: 10px;
margin-top:20px; margin-top: 20px;
} }
#follow-sidebar { #follow-sidebar {
@ -2070,34 +2416,33 @@ margin-left: 0px;
width: 158px; width: 158px;
padding: 10px; padding: 10px;
margin: auto 10px 20px; margin: auto 10px 20px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
box-shadow:inset 0px 1px 0px 0px #cfcfcf; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background-color: #bdbdbd;
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
color: #efefef; color: #efefef;
font-size: 1.1em; font-size: 1.1em;
text-align: center; text-align: center;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
} }
#side-match-link:hover { #side-match-link:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px;
} }
#side-match-link:active { #side-match-link:active {
background-color: #1873a2; background-color: #1873a2;
position:relative; position: relative;
top:1px; top: 1px;
} }
#side-match-link a { #side-match-link a {
@ -2109,35 +2454,34 @@ margin-left: 0px;
padding: 10px; padding: 10px;
margin: auto; margin: auto;
margin-bottom: 20px; margin-bottom: 20px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
box-shadow:inset 0px 1px 0px 0px #cfcfcf; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background-color: #bdbdbd;
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
color: #efefef; color: #efefef;
font-size: 1.1em; font-size: 1.1em;
text-align: center; text-align: center;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
} }
#side-invite-link:hover { #side-invite-link:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px;
} }
#side-invite-link:active { #side-invite-link:active {
background-color: #1873a2; background-color: #1873a2;
position:relative; position: relative;
top:1px; top: 1px;
} }
#side-invite-link a { #side-invite-link a {
@ -2149,55 +2493,56 @@ margin-left: 0px;
padding: 10px; padding: 10px;
margin: auto; margin: auto;
margin-bottom: 20px; margin-bottom: 20px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
box-shadow:inset 0px 1px 0px 0px #cfcfcf; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background-color: #bdbdbd;
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
color: #efefef; color: #efefef;
font-size: 1.1em; font-size: 1.1em;
text-align: center; text-align: center;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
} }
#side-suggest-link:hover { #side-suggest-link:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px;
} }
#side-suggest-link:active { #side-suggest-link:active {
background-color: #1873a2; background-color: #1873a2;
position:relative; position: relative;
top:1px; top: 1px;
} }
#side-suggest-link a { #side-suggest-link a {
color: #efefef; color: #efefef;
} }
#invite-message, #invite-recipients, #invite-recipient-text { #invite-message,
#invite-recipients,
#invite-recipient-text {
padding: 10px; padding: 10px;
} }
#side-follow-wrapper { #side-follow-wrapper {
font-size: 1em; font-size: 1em;
font-weight: bold; font-weight: bold;
font-stretch:semi-expanded; font-stretch: semi-expanded;
background-color: #f3f3f3; background-color: #f3f3f3;
border: 1px solid #cdcdcd; border: 1px solid #cdcdcd;
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
} }
#side-follow-wrapper label{ #side-follow-wrapper label{
@ -2211,16 +2556,16 @@ margin-left: 0px;
width: 120px; width: 120px;
padding: 10px; padding: 10px;
margin-bottom: 20px; margin-bottom: 20px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd; background-color: #bdbdbd;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
color: #efefef; color: #efefef;
font-size: 1.2em; font-size: 1.2em;
@ -2229,16 +2574,16 @@ margin-left: 0px;
#contact-suggest:hover { #contact-suggest:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
} }
#contact-suggest:active { #contact-suggest:active {
background-color: #1873a2; background-color: #1873a2;
position:relative; position: relative;
top:1px; top: 1px;
} }
#contact-suggest a { #contact-suggest a {
@ -2289,52 +2634,52 @@ margin-left: 0px;
#uexport-link { #uexport-link {
width: 140px; width: 140px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% ); background: -moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
background-color:#7c7d7b; background-color: #7c7d7b;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
#uexport-link:hover { #uexport-link:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% ); background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
background-color:#555753; background-color: #555753;
} }
#uexport-link:active { #uexport-link:active {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
position:relative; position: relative;
top:1px; top: 1px;
} }
#settings-default-perms { #settings-default-perms {
width: 260px; width: 260px;
text-align: center; text-align: center;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD; background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
color: #EFEFEF; color: #EFEFEF;
background-color:#7c7d7b; background-color: #7c7d7b;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -2345,29 +2690,29 @@ margin-left: 0px;
#settings-default-perms:hover { #settings-default-perms:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #555753), color-stop(1, #7c7d7b) );
background:-moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% ); background: -moz-linear-gradient( center top, #555753 5%, #7c7d7b 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555753', endColorstr='#7c7d7b');
background-color:#555753; background-color: #555753;
} }
#settings-default-perms:active { #settings-default-perms:active {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
position:relative; position: relative;
top:1px; top: 1px;
} }
#settings-nickname-desc { #settings-nickname-desc {
width: 80%; width: 80%;
background-color: #efefef; background-color: #efefef;
margin-bottom: 10px; margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 5px; padding: 5px;
} }
@ -2386,25 +2731,39 @@ margin-left: 0px;
#register-form label, #register-form label,
#profile-edit-form label { #profile-edit-form label {
width: 300px; float: left; width: 300px;
float: left;
} }
/* #register-form span, /* #register-form span,
#profile-edit-form span { */ #profile-edit-form span { */
#register-form span { #register-form span {
color: #555753; color: #555753;
display:block; display: block;
margin-bottom: 20px; margin-bottom: 20px;
} }
.settings-submit-wrapper, .settings-submit-wrapper,
.profile-edit-submit-wrapper { margin: 30px 0px;} .profile-edit-submit-wrapper {
.profile-listing { float: left; clear: both; margin: 20px 20px 0px 0px} margin: 30px 0px;
}
#profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; } .profile-listing {
float: left;
clear: both;
margin: 20px 20px 0px 0px;
}
#profile-edit-links ul {
margin: 20px 0px;
padding: 0px;
list-style: none;
}
#register-sitename { display: inline; font-weight: bold;} #register-sitename {
display: inline;
font-weight: bold;
}
/* ===================== */ /* ===================== */
/* = Contacts Selector = */ /* = Contacts Selector = */
@ -2430,30 +2789,30 @@ margin-left: 0px;
display: inline; display: inline;
padding: 5px; padding: 5px;
margin-bottom: 10px; margin-bottom: 10px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd; background-color: #bdbdbd;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
} }
.group-delete-wrapper:hover { .group-delete-wrapper:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
} }
.group-delete-wrapper:active { .group-delete-wrapper:active {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
} }
.group-delete-wrapper a { .group-delete-wrapper a {
@ -2461,8 +2820,14 @@ margin-left: 0px;
font-size: 0.9em; font-size: 0.9em;
} }
#group-edit-desc { margin: 10px 0xp; } #group-edit-desc {
#group-new-text {font-size: 1.1em;} margin: 10px 0xp;
}
#group-new-text {
font-size: 1.1em;
}
#group-members, #group-members,
#prof-members { #prof-members {
width: 83%; width: 83%;
@ -2496,13 +2861,19 @@ margin-left: 0px;
} }
#group-separator, #group-separator,
#prof-separator { display: none;} #prof-separator {
display: none;
}
/* ========== */ /* ========== */
/* = Events = */ /* = Events = */
/* ========== */ /* ========== */
.clear { clear: both; } .clear {
clear: both;
margin-top: 10px;
}
.eventcal { .eventcal {
float: left; float: left;
font-size: 20px; font-size: 20px;
@ -2517,12 +2888,13 @@ margin-left: 0px;
margin: 0 0px; margin: 0 0px;
margin-bottom: 10px; margin-bottom: 10px;
background-color: #fff; background-color: #fff;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
} }
.vevent:before, .vevent:after { .vevent:before,
.vevent:after {
position: absolute; position: absolute;
width: 40%; width: 40%;
height: 10px; height: 10px;
@ -2530,45 +2902,45 @@ margin-left: 0px;
left: 12px; left: 12px;
bottom: 12px; bottom: 12px;
background: transparent; background: transparent;
-webkit-transform: skew(-5deg) rotate(-5deg);
-moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
transform: skew(-5deg) rotate(-5deg); transform: skew(-5deg) rotate(-5deg);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); -webkit-transform: skew(-5deg) rotate(-5deg);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); -moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
z-index: -1; z-index: -1;
} }
.vevent:after { .vevent:after {
left: auto; left: auto;
right: 12px; right: 12px;
-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
transform: skew(5deg) rotate(5deg); transform: skew(5deg) rotate(5deg);
-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
} }
.vevent .event-description { .vevent .event-description {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
text-align:center; text-align: center;
font-size: 1.2em; font-size: 1.2em;
font-weight:bolder; font-weight: bolder;
} }
.vevent .event-location{ .vevent .event-location {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
font-size: 1em; font-size: 1em;
font-style: oblique; font-style: oblique;
text-align: center; text-align: center;
} }
.vevent .event-start, .vevent .event-end { .vevent .event-start,
.vevent .event-end {
margin-left: 20px; margin-left: 20px;
margin-right: 20px; margin-right: 20px;
margin-bottom: 2px; margin-bottom: 2px;
@ -2577,36 +2949,36 @@ margin-left: 0px;
text-align: left; text-align: left;
} }
#new-event-link{ #new-event-link {
width: 130px; width: 130px;
padding: 7px; padding: 7px;
margin-bottom: 10px; margin-bottom: 10px;
margin-left: 170px; ; margin-left: 170px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd; background-color: #bdbdbd;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
color: #efefef; color: #efefef;
} }
#new-event-link:hover { #new-event-link:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
} }
#new-event-link:active { #new-event-link:active {
background-color: #1873a2; background-color: #1873a2;
position:relative; position: relative;
top:1px; top: 1px;
} }
#new-event-link a { #new-event-link a {
@ -2627,22 +2999,25 @@ margin-left: 0px;
vertical-align: middle; vertical-align: middle;
} }
.event-start, .event-end { .event-start,
.event-end {
margin-left: 10px; margin-left: 10px;
width: 330px; width: 330px;
} }
.event-start .dtstart, .event-end .dtend { .event-start .dtstart,
.event-end .dtend {
float: right; float: right;
} }
.event-list-date { .event-list-date {
color: #626262; color: #626262;
margin-bottom: 10px; margin-bottom: 10px;
font-stretch:condensed; font-stretch: condensed;
} }
.prevcal, .nextcal { .prevcal,
.nextcal {
float: left; float: left;
margin-left: 32px; margin-left: 32px;
margin-right: 32px; margin-right: 32px;
@ -2659,24 +3034,24 @@ margin-left: 0px;
background-color: #f1f1f1; background-color: #f1f1f1;
border: 1px solid #dedede; border: 1px solid #dedede;
margin-bottom: 10px; margin-bottom: 10px;
-moz-box-shadow: 5px 5px 8px #959494; box-shadow: 5px 5px 8px #959494;
-webkit-box-shadow: 5px 5px 8px #959494; -moz-box-shadow: 5px 5px 8px #959494;
box-shadow: 5px 5px 8px #959494; -webkit-box-shadow: 5px 5px 8px #959494;
} }
.calendar caption{ .calendar caption {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6da6c4), color-stop(1, #1873a2) );
background:-moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% ); background: -moz-linear-gradient( center top, #6da6c4 5%, #1873a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6da6c4', endColorstr='#1873a2');
background-color: #1873a2; background-color: #1873a2;
padding: 10px 0px 10px 0px; padding: 10px 0px 10px 0px;
width: 300px; width: 300px;
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
text-align:center; text-align: center;
-moz-box-shadow: 5px 2px 8px #959494;
-webkit-box-shadow: 5px 2px 8px #959494;
box-shadow: 5px 2px 8px #959494; box-shadow: 5px 2px 8px #959494;
-moz-box-shadow: 5px 2px 8px #959494;
-webkit-box-shadow: 5px 2px 8px #959494;
} }
tr { tr {
@ -2692,7 +3067,7 @@ tr {
.calendar td > a { .calendar td > a {
background-color: #cdcdcd; background-color: #cdcdcd;
padding: 2px; padding: 2px;
color: #000; color: #000000;
} }
.calendar th { .calendar th {
@ -2703,7 +3078,7 @@ tr {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
background-color: #1873a2; background-color: #1873a2;
color: #fff; color: #ffffff;
} }
#event-start-text, #event-start-text,
@ -2813,8 +3188,10 @@ tr {
clear:left; clear:left;
} }
#adminpage #pluginslist { #adminpage
margin: 0px; padding: 0px; #pluginslist {
margin: 0px;
padding: 0px;
} }
#adminpage .plugin { #adminpage .plugin {
@ -2827,16 +3204,36 @@ tr {
} }
#adminpage .toggleplugin { #adminpage .toggleplugin {
float:left; float: left;
margin-right: 1em; margin-right: 1em;
} }
#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} #adminpage table {
#adminpage table th { text-align: left;} width: 100%;
#adminpage td .icon { float: left;} border-bottom: 1p solid #000000;
#adminpage table#users img { width: 16px; height: 16px; } margin: 5px 0px;
#adminpage table tr:hover { background-color: #eeeeee; } }
#adminpage .selectall { text-align: right; }
#adminpage table th {
text-align: left;
}
#adminpage td .icon {
float: left;
}
#adminpage table#users img {
width: 16px;
height: 16px;
}
#adminpage table tr:hover {
background-color: #eeeeee;
}
#adminpage .selectall {
text-align: right;
}
/* =============== */ /* =============== */
/* = Form Fields = */ /* = Form Fields = */
@ -2846,13 +3243,12 @@ tr {
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px; margin-top: 10px;
padding-bottom: 0px; padding-bottom: 0px;
/*overflow: auto;*/
width: 90%; width: 90%;
} }
.field label { .field label {
float: left; float: left;
width: 480px; /*550*/ width: 480px;
} }
.field input, .field input,
@ -2860,9 +3256,11 @@ tr {
width: 220px; width: 220px;
border: 1px solid #CDCDCD; border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
/*box-shadow: 3px 3px 4px 0 #959494;*/
} }
.field textarea { height: 100px; } .field textarea {
height: 100px;
}
.field_help { .field_help {
display: block; display: block;
margin-left: 100px; margin-left: 100px;
@ -2875,15 +3273,15 @@ tr {
} }
.field .onoff a { .field .onoff a {
display: block; display: block;
border:1px solid #c1c1c1; border: 1px solid #c1c1c1;
background-image:url("../../../images/onoff.jpg"); background-image: url("../../../images/onoff.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 4px 2px 2px 2px; padding: 4px 2px 2px 2px;
height: 16px; height: 16px;
text-decoration: none; text-decoration: none;
} }
.field .onoff .off { .field .onoff .off {
border-color:#c1c1c1; border-color: #c1c1c1;
padding-left: 40px; padding-left: 40px;
background-position: left center; background-position: left center;
background-color: #cccccc; background-color: #cccccc;
@ -2892,7 +3290,7 @@ tr {
} }
.field .onoff .on { .field .onoff .on {
border-color:#c1c1c1; border-color: #c1c1c1;
padding-right: 40px; padding-right: 40px;
background-position: right center; background-position: right center;
background-color: #1873a2; background-color: #1873a2;
@ -2900,9 +3298,13 @@ tr {
text-align: left; text-align: left;
} }
.hidden { display: none!important; } .hidden {
display: none!important;
}
.field.radio .field_help { margin-left: 0px; } .field.radio .field_help {
margin-left: 0px;
}
/* ========= */ /* ========= */
/* = Icons = */ /* = Icons = */
@ -2915,11 +3317,13 @@ tr {
.icon { .icon {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
display: block; width: 20px; height: 20px; display: block;
width: 20px;
height: 20px;
background-image: url("icons.png"); background-image: url("icons.png");
} }
.starred { .starred {
background-image: url("star.png"); background-image: url("star.png");
repeat: no-repeat; repeat: no-repeat;
} }
.unstarred { .unstarred {
@ -2928,15 +3332,15 @@ tr {
} }
.notify { .notify {
background-image: url("notifications.png");} background-image: url("notifications.png");
repeat: no-repeat; repeat: no-repeat;
} }
.border { .border {
border: 1px solid #c1c1c1; border: 1px solid #c1c1c1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
} }
.article { background-position: -50px 0px;} .article { background-position: -50px 0px;}
@ -2945,16 +3349,16 @@ tr {
.drop { background-position: -110px 0px;} .drop { background-position: -110px 0px;}
.drophide { background-position: -130px 0px;} .drophide { background-position: -130px 0px;}
.edit { background-position: -150px 0px;} .edit { background-position: -150px 0px;}
.camera { background-position: -170px 0px;} .camera { background-position: -170px 0px;}
.dislike { background-position: -190px 0px;} .dislike { background-position: -190px 0px;}
.like { background-position: -210px 0px;} .like { background-position: -210px 0px;}
.link { background-position: -230px 0px;} .link { background-position: -230px 0px;}
.globe { background-position: -50px -20px;} .globe { background-position: -50px -20px;}
.noglobe { background-position: -70px -20px;} .noglobe { background-position: -70px -20px;}
.no { background-position: -90px -20px;} .no { background-position: -90px -20px;}
.pause { background-position: -110px -20px;} .pause { background-position: -110px -20px;}
.play { background-position: -130px -20px;} .play { background-position: -130px -20px;}
.pencil { background-position: -150px -20px;} .pencil { background-position: -150px -20px;}
.small-pencil { background-position: -170px -20px;} .small-pencil { background-position: -170px -20px;}
.recycle { background-position: -190px -20px;} .recycle { background-position: -190px -20px;}
.remote-link { background-position: -210px -20px;} .remote-link { background-position: -210px -20px;}
@ -2978,18 +3382,14 @@ tr {
.video { background-position: -110px -40px;} .video { background-position: -110px -40px;}
.youtube { background-position: -130px -40px;} .youtube { background-position: -130px -40px;}
.attach { background-position: -190px -40px;}
.attach { background-position: -190px -40px;}
.language { background-position: -210px -40px;} .language { background-position: -210px -40px;}
.on { background-position: -50px -60px;}
.on { background-position: -50px -60px;}
.off { background-position: -70px -60px;} .off { background-position: -70px -60px;}
.prev { background-position: -90px -60px;} .prev { background-position: -90px -60px;}
.next { background-position: -110px -60px;} .next { background-position: -110px -60px;}
.tagged { background-position: -130px -60px;} .tagged { background-position: -130px -60px;}
.icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
.attachtype { .attachtype {
display: block; width: 20px; height: 23px; display: block; width: 20px; height: 23px;
@ -3005,14 +3405,21 @@ tr {
/* ========== */ /* ========== */
/* = Footer = */ /* = Footer = */
/* ========== */ /* ========== */
.cc-license { margin-top: 100px; font-size: 0.7em; } .cc-license {
footer { display: block; margin: 50px 20%; clear: both; } margin-top: 100px;
font-size: 0.7em;
}
footer {
display: block;
margin: 50px 20%;
clear: both;
}
#profile-jot-text { #profile-jot-text {
height: 20px; height: 20px;
color:#cccccc; color: #cccccc;
/*border: 1px solid #cccccc;*/
} }
/* ======= */ /* ======= */
@ -3022,7 +3429,7 @@ footer { display: block; margin: 50px 20%; clear: both; }
#photo-edit-perms-select, #photo-edit-perms-select,
#photos-upload-permissions-wrapper, #photos-upload-permissions-wrapper,
#profile-jot-acl-wrapper{ #profile-jot-acl-wrapper{
display:block!important; display: block!important;
} }
#acl-wrapper { #acl-wrapper {
@ -3032,8 +3439,9 @@ footer { display: block; margin: 50px 20%; clear: both; }
#acl-search { #acl-search {
float:right; float:right;
background: #ffffff url("../../../images/search_18.png") no-repeat right center; background: #ffffff url("../../../images/search_18.png") no-repeat right center;
padding-right:20px; padding-right: 20px;
} }
#acl-showall { #acl-showall {
float: left; float: left;
display: block; display: block;
@ -3046,13 +3454,14 @@ footer { display: block; margin: 50px 20%; clear: both; }
background-position: 7px 7px; background-position: 7px 7px;
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 5px; padding: 5px;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px;
color: #999999; color: #999999;
} }
#acl-showall.selected { #acl-showall.selected {
color: #fff; color: #ffffff;
background-color: #1873a2; background-color: #1873a2;
} }
@ -3077,19 +3486,19 @@ footer { display: block; margin: 50px 20%; clear: both; }
background-color: #fff; background-color: #fff;
margin: 5px; margin: 5px;
float: left; float: left;
-moz-box-shadow: 2px 2px 3px #c1c1c1;
-webkit-box-shadow: 2px 2px 3px #c1c1c1;
box-shadow: 2px 2px 3px #c1c1c1; box-shadow: 2px 2px 3px #c1c1c1;
-moz-box-shadow: 2px 2px 3px #c1c1c1;
-webkit-box-shadow: 2px 2px 3px #c1c1c1;
} }
.acl-list-item img{ .acl-list-item img{
width:30px; width: 30px;
height: 30px; height: 30px;
float: left; float: left;
margin: 5px; margin: 5px;
} }
.acl-list-item p { .acl-list-item p {
color: #999; color: #999999;
height: 12px; height: 12px;
font-size: 0.7em; font-size: 0.7em;
margin: 0px; margin: 0px;
@ -3106,9 +3515,9 @@ footer { display: block; margin: 50px 20%; clear: both; }
background-position: 3px 3px; background-position: 3px 3px;
background-repeat: no-repeat; background-repeat: no-repeat;
margin: 10px 0 0 5px; margin: 10px 0 0 5px;
-webkit-border-radius: 2px ;
-moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
-webkit-border-radius: 2px ;
-moz-border-radius: 2px;
padding: 3px; padding: 3px;
} }
@ -3139,32 +3548,32 @@ footer { display: block; margin: 50px 20%; clear: both; }
padding: 7px; padding: 7px;
margin-bottom: 10px; margin-bottom: 10px;
margin-left: 0px; margin-left: 0px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
background-color:#bdbdbd; background-color: #bdbdbd;
-moz-border-radius:5px; border-radius: 5px;
-webkit-border-radius:5px; -moz-border-radius: 5px;
border-radius:5px; -webkit-border-radius: 5px;
color: #efefef; color: #efefef;
text-align: center; text-align: center;
} }
#global-directory-link:hover { #global-directory-link:hover {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
} }
#global-directory-link:active { #global-directory-link:active {
background-color: #1873a2; background-color: #1873a2;
position:relative; position: relative;
top:1px; top: 1px;
} }
#global-directory-link a { #global-directory-link a {
@ -3176,11 +3585,11 @@ footer { display: block; margin: 50px 20%; clear: both; }
} }
a.active { a.active {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
color:#fec01d; color: #fec01d;
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-right: 5px; margin-right: 5px;
} }
@ -3212,35 +3621,48 @@ ul.menu-popup {
#nav-notifications-menu { #nav-notifications-menu {
width: 320px; width: 320px;
max-height: 400px; max-height: 400px;
overflow-y: scroll;overflow-style:scrollbar; overflow-y: scroll;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) ); overflow-style: scrollbar;
background:-moz-linear-gradient( center top, #797979 5%, #898988 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #797979), color-stop(1, #898988) );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988'); background: -moz-linear-gradient( center top, #797979 5%, #898988 100% );
background-color:#a2a2a2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
-moz-border-radius:0px 0px 5px 5px; background-color: #a2a2a2;
-webkit-border-radius:0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
border-radius:0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border: 1px solid #9A9A9A; border: 1px solid #9A9A9A;
border-top: none; border-top: none;
-moz-box-shadow: 5px 5px 10px #242424;
-webkit-box-shadow: 5px 5px 10px #242424;
box-shadow: 5px 5px 10px #242424; box-shadow: 5px 5px 10px #242424;
-moz-box-shadow: 5px 5px 10px #242424;
-webkit-box-shadow: 5px 5px 10px #242424;
} }
#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; } #nav-notifications-menu .contactname {
#nav-notifications-menu img { float: left; margin-right: 5px; } font-weight: bold;
#nav-notifications-menu .notif-when { font-size: 0.8em; display: block; } font-size: 0.9em;
}
#nav-notifications-menu img {
float: left;
margin-right: 5px;
}
#nav-notifications-menu .notif-when {
font-size: 0.8em;
display: block;
}
#nav-notifications-menu li { #nav-notifications-menu li {
padding: 7px 0px 7px 10px; padding: 7px 0px 7px 10px;
word-wrap:normal; word-wrap: normal;
border-bottom: 1px solid #626262; border-bottom: 1px solid #626262;
} }
#nav-notifications-menu li:hover { #nav-notifications-menu li:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
} }
#nav-notifications-menu a:hover { #nav-notifications-menu a:hover {
@ -3269,25 +3691,26 @@ ul.menu-popup {
/* autocomplete popup */ /* autocomplete popup */
.acpopup { .acpopup {
max-height:150px; max-height: 150px;
overflow:auto; overflow: auto;
z-index:100000; z-index: 100000;
color: #2e3436; color: #2e3436;
border-top: 0px; border-top: 0px;
background: #eeeeee; background: #eeeeee;
border-right: 1px solid #dddddd; border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd; border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
-webkit-border-radius: 0px 5px 5px 5px;
-moz-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;
-moz-box-shadow: 3px 3px 4px #959494; -webkit-border-radius: 0px 5px 5px 5px;
-webkit-box-shadow: 3px 3px 4px #959494; -moz-border-radius: 0px 5px 5px 5px;
box-shadow: 3px 3px 4px #959494; box-shadow: 3px 3px 4px #959494;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
} }
.acpopupitem { .acpopupitem {
color: #2e3436; padding: 4px; color: #2e3436;
padding: 4px;
clear:left; clear:left;
} }
.acpopupitem img { .acpopupitem img {
@ -3297,25 +3720,25 @@ ul.menu-popup {
.acpopupitem.selected { .acpopupitem.selected {
color: #efefef; color: #efefef;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2; background-color: #1873a2;
order-bottom: none; order-bottom: none;
} }
.qcomment { .qcomment {
opacity: 0; opacity: 0;
filter:alpha(opacity=0); filter: alpha(opacity=0);
} }
.qcomment:hover { .qcomment:hover {
opacity: 1.0; opacity: 1.0;
filter:alpha(opacity=100); filter: alpha(opacity=100);
} }
.notify-seen { .notify-seen {
background: #000; background: #000000;
} }
/* Pages profile widget /* Pages profile widget
@ -3327,16 +3750,30 @@ ul.menu-popup {
hr.line-dots { hr.line-dots {
background: url("dot.png") repeat-x scroll left center transparent; background: url("dot.png") repeat-x scroll left center transparent;
border: medium none; border: medium none;
/*padding: 0.5em 0;*/
} }
/* SCROLL TO TOP /* SCROLL TO TOP
----------------------------------------------------------- */ ----------------------------------------------------------- */
#scrollup { #scrollup {
position:fixed; position: fixed;
right:5px; right: 5px;
bottom:5px; bottom: 5px;
z-index:100; z-index: 100;
} }
#scrollup a:hover{text-decoration:none;border:0;}
#scrollup a:hover{
text-decoration: none;
border: 0;
}
/* New posts and comments => background color
----------------------------------------------------------- */
.shiny {
background: #fbfde9;
border-radius: 5px;
}
/*div.wall-item-content-wrapper.shiny {
background-image: url("star.png");
background-repeat: no-repeat;
}*/

4
view/theme/smoothly/theme.php
View file

@ -2,8 +2,8 @@
/* /*
* Name: Smoothly * Name: Smoothly
* Description: Theme optimized for iPad/iPad2 * Description: Theme optimized for iPad[2]
* Version: 0.6 * Version: 0.7
* Author: Alex <https://friendica.pixelbits.de/profile/alex> * Author: Alex <https://friendica.pixelbits.de/profile/alex>
* Maintainer: Alex <https://friendica.pixelbits.de/profile/alex> * Maintainer: Alex <https://friendica.pixelbits.de/profile/alex>
* Screenshot: <a href="screenshot.png">Screenshot</a> * Screenshot: <a href="screenshot.png">Screenshot</a>