modified: view/theme/smoothly/peoplefind.tpl

modified:   view/theme/smoothly/style.css
This commit is contained in:
pixelroot 2012-09-13 09:34:50 +02:00
parent 864e2c03d9
commit 4ba7ce0308
2 changed files with 37 additions and 56 deletions

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 }}

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 **
@ -106,30 +106,27 @@ input[type=text-sidebar] {
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;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
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;
-webkit-border-radius:5px;
border-radius:5px;
color:#efefef; 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;
@ -143,7 +140,7 @@ input[type=submit]:active {
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;
@ -164,11 +161,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 +169,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 +182,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% );
@ -312,8 +298,8 @@ nav {
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) );
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 { text-decoration: none; color: #eeeeec; border:0px;}
@ -628,7 +614,6 @@ h3#search:before {
-webkit-border-radius:5px; -webkit-border-radius:5px;
border-radius:5px; border-radius:5px;
color:#7c7d7b; color:#7c7d7b;
/*text-shadow:-1px 0px 0px #bdbdbd;*/
border: 1px solid #cdcdcd; border: 1px solid #cdcdcd;
} }
@ -637,20 +622,16 @@ h3#search:before {
width: 165px; width: 165px;
margin: auto; margin: auto;
margin-left: 10px; /*40*/ margin-left: 10px; /*40*/
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
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;
-webkit-border-radius:5px;
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;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
} }
@ -659,6 +640,9 @@ h3#search:before {
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 {
@ -1103,7 +1087,7 @@ profile-jot-banner-wrapper {
.wall-item-location .icon { float: left; } .wall-item-location .icon { float: left; }
.wall-item-location > a { .wall-item-location > a {
margin-left: 0px; /*25*/ margin-left: 0px; /*25*/
margin-right: 2px; margin-right: 3px;
font-size: 0.9em; font-size: 0.9em;
display: block; display: block;
font-variant:small-caps; font-variant:small-caps;
@ -2073,20 +2057,16 @@ 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;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
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;
-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 {
@ -2095,6 +2075,9 @@ margin-left: 0px;
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 {
@ -2112,20 +2095,16 @@ 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;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
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;
-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 {
@ -2134,6 +2113,9 @@ margin-left: 0px;
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;
} }
@ -2152,20 +2134,16 @@ 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;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
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;
-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 {
@ -2174,6 +2152,9 @@ margin-left: 0px;
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 {