clones/friendica
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #468 from pixelroot/master 

Theme Smoothly
This commit is contained in:
friendica 2012-09-13 03:50:55 -07:00
parent b7592fd584 a1ed9c72c2
commit d3699498ac
6 changed files with 65 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

104
view/theme/smoothly/style.css
View File

@ -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% );
@ -263,13 +249,13 @@ section {
border-radius: 5px; 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;
} }
/* ========= */ /* ========= */
@ -307,11 +293,13 @@ 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 { text-decoration: none; color: #eeeeec; border:0px;}
@ -328,13 +316,14 @@ nav #banner #logo-text a {
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;
@ -504,8 +493,8 @@ 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;*/ /*background-color: #f3f3f3;*/
border: 1px solid #C5C5C5; /*1px solid #dddddd;*/ border: 1px solid #C5C5C5; /*1px solid #dddddd;*/
@ -625,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;
} }
@ -634,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;
} }
@ -656,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 {
@ -1100,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;
@ -2070,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 {
@ -2092,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 {
@ -2109,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 {
@ -2131,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;
} }
@ -2149,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 {
@ -2171,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 {
@ -3340,3 +3324,7 @@ hr.line-dots {
} }
#scrollup a:hover{text-decoration:none;border:0;} #scrollup a:hover{text-decoration:none;border:0;}
.shiny {
background: #fbfde9;
border-radius: 5px;
}

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>