css fixes in diabook-derivates

This commit is contained in:
tommy tomson 2012-03-29 11:02:59 +02:00
parent 3ee529d095
commit 339c8a4b56
16 changed files with 136 additions and 23 deletions

View file

@ -7,10 +7,10 @@
<div id="close_helpers"> <div id="close_helpers">
{{ if $lastusers_title }} {{ if $lastusers_title }}
<h3 style="margin-top:0px;">Help or @NewHere ?<a id="close_helpers_icon" onClick="close_helpers()" class="icon close_box" title="close"></a></h3> <h3 style="margin-top:0px;">Help or @NewHere ?<a id="close_helpers_icon" onClick="close_helpers()" class="icon close_box" title="close"></a></h3>
<a href="http://kakste.com/profile/newhere" title="#NewHere" style="margin-left: 10px; " target="blank">NewHere</a><br>
<a href="https://helpers.pyxis.uberspace.de/profile/helpers" style="margin-left: 10px; " title="Friendica Support" target="blank">Friendica Support</a><br> <a href="https://helpers.pyxis.uberspace.de/profile/helpers" style="margin-left: 10px; " title="Friendica Support" target="blank">Friendica Support</a><br>
<a href="https://letstalk.pyxis.uberspace.de/profile/letstalk" style="margin-left: 10px; " title="Let's talk" target="blank">Let's talk</a><br> <a href="https://letstalk.pyxis.uberspace.de/profile/letstalk" style="margin-left: 10px; " title="Let's talk" target="blank">Let's talk</a><br>
<a href="http://newzot.hydra.uberspace.de/profile/newzot" title="Local Friendica" style="margin-left: 10px; " target="blank">Local Friendica</a> <a href="http://newzot.hydra.uberspace.de/profile/newzot" title="Local Friendica" style="margin-left: 10px; " target="blank">Local Friendica</a>
<a href="http://kakste.com/profile/newhere" title="#NewHere" style="margin-left: 10px; " target="blank">NewHere</a>
{{ endif }} {{ endif }}
</div> </div>
@ -30,13 +30,14 @@
{{ endif }} {{ endif }}
</div> </div>
<div id="close_friends"> <div id="close_friends" style="margin-bottom:53px;">
{{ if $nv }} {{ if $nv }}
<h3>Find Friends<a id="close_friends_icon" onClick="close_friends()" class="icon close_box" title="close"></a></h3> <h3>Find Friends<a id="close_friends_icon" onClick="close_friends()" class="icon close_box" title="close"></a></h3>
<a class="$nv.directory.2" href="$nv.directory.0" style="margin-left: 10px; " title="$nv.directory.3" >$nv.directory.1</a><br> <a class="$nv.directory.2" href="$nv.directory.0" style="margin-left: 10px; " title="$nv.directory.3" >$nv.directory.1</a><br>
<a class="$nv.match.2" href="$nv.match.0" style="margin-left: 10px; " title="$nv.match.3" >$nv.match.1</a><br> <a class="$nv.match.2" href="$nv.match.0" style="margin-left: 10px; " title="$nv.match.3" >$nv.match.1</a><br>
<a class="$nv.suggest.2" href="$nv.suggest.0" style="margin-left: 10px; " title="$nv.suggest.3" >$nv.suggest.1</a> <a class="$nv.suggest.2" href="$nv.suggest.0" style="margin-left: 10px; " title="$nv.suggest.3" >$nv.suggest.1</a><br>
<a class="$nv.invite.2" href="$nv.invite.0" style="margin-left: 10px; " title="$nav.invite.3" >$nv.invite.1</a> <a class="$nv.invite.2" href="$nv.invite.0" style="margin-left: 10px; " title="$nav.invite.3" >$nv.invite.1</a>
$nv.search
{{ endif }} {{ endif }}
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 303 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 B

View file

@ -65,15 +65,11 @@
<ul id="nav-site-menu" class="menu-popup"> <ul id="nav-site-menu" class="menu-popup">
{{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }} {{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }}
{{ if $nav.settings }} <li><a class="$nav.search.2" onClick="restore_boxes()" title="Restore right-hand column" style="cursor: pointer;">Restore right-hand column</a></li>{{ endif }}
{{ if $nav.help }} <li><a class="$nav.help.2" target="friendika-help" href="$nav.help.0" title="$nav.help.3" >$nav.help.1</a></li>{{ endif }} {{ if $nav.help }} <li><a class="$nav.help.2" target="friendika-help" href="$nav.help.0" title="$nav.help.3" >$nav.help.1</a></li>{{ endif }}
<li><a class="$nav.search.2" href="friendica" title="Site Info / Impressum" >Info/Impressum</a></li>
<li ><a class="$nav.community.2" href="$nav.community.0" title="$nav.community.3" >$nav.community.1</a></li>
<li><a class="$nav.search.2" href="$nav.search.0" title="$nav.search.3" >$nav.search.1</a></li>
<li><a class="$nav.search.2" href="friendica" title="Site Info / Impressum" >Info/Impressum</a></li>
{{ if $nav.settings }}<li><a class="menu-sep $nav.settings.2" href="$nav.settings.0" title="$nav.settings.3">$nav.settings.1</a></li>{{ endif }} {{ if $nav.settings }}<li><a class="menu-sep $nav.settings.2" href="$nav.settings.0" title="$nav.settings.3">$nav.settings.1</a></li>{{ endif }}
{{ if $nav.admin }}<li><a class="$nav.admin.2" href="$nav.admin.0" title="$nav.admin.3" >$nav.admin.1</a></li>{{ endif }} {{ if $nav.admin }}<li><a class="$nav.admin.2" href="$nav.admin.0" title="$nav.admin.3" >$nav.admin.1</a></li>{{ endif }}
@ -84,7 +80,11 @@
</ul> </ul>
</li> </li>
{{ if $nav.directory }}
<li id="nav-directory-link" class="nav-menu $sel.directory">
<a class="$nav.directory.2" href="$nav.directory.0" title="$nav.directory.3" >$nav.directory.1</a>
</li>
{{ endif }}
{{ if $nav.apps }} {{ if $nav.apps }}
@ -98,7 +98,7 @@
</li> </li>
{{ endif }} {{ endif }}
{{ if $nav.home }} {{ if $nav.settings }}
<li id="nav-home-link" class="nav-menu $sel.home"> <li id="nav-home-link" class="nav-menu $sel.home">
<a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" >$nav.home.1</a> <a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" >$nav.home.1</a>
<span id="home-update" class="nav-notify"></span> <span id="home-update" class="nav-notify"></span>

View file

@ -641,6 +641,10 @@ nav #search-box #search-text {
background-image: url('icons/lupe.png'); background-image: url('icons/lupe.png');
background-repeat:no-repeat; background-repeat:no-repeat;
padding-left:20px; padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
@ -1003,6 +1007,10 @@ aside #profiles-menu {
} }
aside #search-text { aside #search-text {
width: 150px; width: 150px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
aside #side-follow-url { aside #side-follow-url {
width: 150px; width: 150px;
@ -1112,6 +1120,32 @@ list-style-type: disc;
background: url("../../../view/theme/diabook-blue/icons/selected.png") no-repeat left center; background: url("../../../view/theme/diabook-blue/icons/selected.png") no-repeat left center;
} }
/* widget: search */ /* widget: search */
span.sbox_l {
background: white url('../../../view/theme/diabook/icons/srch_l.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-left: 10px;
margin-top: 5px;
}
span.sbox_r {
background: white url('../../../view/theme/diabook/icons/srch_r.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-top: 5px;
}
span.sbox input {
background: white url('../../../view/theme/diabook/icons/srch_bg.gif') repeat-x top left;
float: left;
margin-top: 5px;
border: 0;
height: 13px; width: 100px;
padding: 3px;
font: 11px/13px arial;
color: #000;
}
#add-search-popup { #add-search-popup {
width: 200px; width: 200px;
top: 18px; top: 18px;

View file

@ -642,6 +642,10 @@ nav #search-box #search-text {
background-image: url('icons/lupe.png'); background-image: url('icons/lupe.png');
background-repeat:no-repeat; background-repeat:no-repeat;
padding-left:20px; padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
@ -1002,6 +1006,10 @@ aside #profiles-menu {
} }
aside #search-text { aside #search-text {
width: 150px; width: 150px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
aside #side-follow-url { aside #side-follow-url {
width: 150px; width: 150px;
@ -1111,6 +1119,32 @@ list-style-type: disc;
background: url("../../../view/theme/diabook-blue/icons/selected.png") no-repeat left center; background: url("../../../view/theme/diabook-blue/icons/selected.png") no-repeat left center;
} }
/* widget: search */ /* widget: search */
span.sbox_l {
background: white url('../../../view/theme/diabook/icons/srch_l.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-left: 10px;
margin-top: 5px;
}
span.sbox_r {
background: white url('../../../view/theme/diabook/icons/srch_r.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-top: 5px;
}
span.sbox input {
background: white url('../../../view/theme/diabook/icons/srch_bg.gif') repeat-x top left;
float: left;
margin-top: 5px;
border: 0;
height: 13px; width: 100px;
padding: 3px;
font: 11px/13px arial;
color: #000;
}
#add-search-popup { #add-search-popup {
width: 200px; width: 200px;
top: 18px; top: 18px;

View file

@ -639,6 +639,10 @@ nav #search-box #search-text {
background-image: url('icons/lupe.png'); background-image: url('icons/lupe.png');
background-repeat:no-repeat; background-repeat:no-repeat;
padding-left:20px; padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
@ -1000,6 +1004,10 @@ aside #profiles-menu {
} }
aside #search-text { aside #search-text {
width: 173px; width: 173px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
aside #side-follow-url { aside #side-follow-url {
width: 173px; width: 173px;

View file

@ -144,6 +144,13 @@ function diabook_blue_community_info(){
$nv['suggest'] = Array('suggest', t('Friend Suggestions'), "", ""); $nv['suggest'] = Array('suggest', t('Friend Suggestions'), "", "");
$nv['invite'] = Array('invite', t('Invite Friends'), "", ""); $nv['invite'] = Array('invite', t('Invite Friends'), "", "");
$nv['search'] = '<form name="simple_bar" method="get" action="http://dir.friendika.com/directory">
<span class="sbox_l"></span>
<span class="sbox">
<input type="text" name="search" size="13" maxlength="50">
</span>
<span class="sbox_r" id="srch_clear"></span>';
$aside['$nv'] = $nv; $aside['$nv'] = $nv;
}; };
//Community Page //Community Page
@ -354,6 +361,18 @@ function close_lastlikes(){
$.cookie('close_lastlikes','1', { expires: 365, path: '/' }); $.cookie('close_lastlikes','1', { expires: 365, path: '/' });
}; };
function restore_boxes(){
$.cookie('close_pages','2', { expires: 365, path: '/' });
$.cookie('close_helpers','2', { expires: 365, path: '/' });
$.cookie('close_services','2', { expires: 365, path: '/' });
$.cookie('close_friends','2', { expires: 365, path: '/' });
$.cookie('close_postit','2', { expires: 365, path: '/' });
$.cookie('close_lastusers','2', { expires: 365, path: '/' });
$.cookie('close_lastphotos','2', { expires: 365, path: '/' });
$.cookie('close_lastlikes','2', { expires: 365, path: '/' });
alert('Right-hand column was restored. Please refresh your browser');
};
</script> </script>
EOT; EOT;

View file

@ -7,10 +7,10 @@
<div id="close_helpers"> <div id="close_helpers">
{{ if $lastusers_title }} {{ if $lastusers_title }}
<h3 style="margin-top:0px;">Help or @NewHere ?<a id="close_helpers_icon" onClick="close_helpers()" class="icon close_box" title="close"></a></h3> <h3 style="margin-top:0px;">Help or @NewHere ?<a id="close_helpers_icon" onClick="close_helpers()" class="icon close_box" title="close"></a></h3>
<a href="http://kakste.com/profile/newhere" title="@NewHere" style="margin-left: 10px; " target="blank">NewHere</a><br>
<a href="https://helpers.pyxis.uberspace.de/profile/helpers" style="margin-left: 10px; " title="Friendica Support" target="blank">Friendica Support</a><br> <a href="https://helpers.pyxis.uberspace.de/profile/helpers" style="margin-left: 10px; " title="Friendica Support" target="blank">Friendica Support</a><br>
<a href="https://letstalk.pyxis.uberspace.de/profile/letstalk" style="margin-left: 10px; " title="Let's talk" target="blank">Let's talk</a><br> <a href="https://letstalk.pyxis.uberspace.de/profile/letstalk" style="margin-left: 10px; " title="Let's talk" target="blank">Let's talk</a><br>
<a href="http://newzot.hydra.uberspace.de/profile/newzot" title="Local Friendica" style="margin-left: 10px; " target="blank">Local Friendica</a><br> <a href="http://newzot.hydra.uberspace.de/profile/newzot" title="Local Friendica" style="margin-left: 10px; " target="blank">Local Friendica</a>
<a href="http://kakste.com/profile/newhere" title="@NewHere" style="margin-left: 10px; " target="blank">NewHere</a>
{{ endif }} {{ endif }}
</div> </div>

View file

@ -66,13 +66,11 @@
<ul id="nav-site-menu" class="menu-popup"> <ul id="nav-site-menu" class="menu-popup">
{{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }} {{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }}
{{ if $nav.settings }} <li><a class="$nav.search.2" onClick="restore_boxes()" title="Restore right-hand column" style="cursor: pointer;">Restore right-hand column</a></li>{{ endif }}
{{ if $nav.help }} <li><a class="$nav.help.2" target="friendika-help" href="$nav.help.0" title="$nav.help.3" >$nav.help.1</a></li>{{ endif }} {{ if $nav.help }} <li><a class="$nav.help.2" target="friendika-help" href="$nav.help.0" title="$nav.help.3" >$nav.help.1</a></li>{{ endif }}
<li><a class="$nav.search.2" href="$nav.search.0" title="$nav.search.3" >$nav.search.1</a></li> <li><a class="$nav.search.2" href="friendica" title="Site Info / Impressum" >Info/Impressum</a></li>
<li><a class="$nav.search.2" href="friendica" title="Site Info / Impressum" >Info/Impressum</a></li>
<li><a class="$nav.search.2" onClick="restore_boxes()" title="restore third column" style="cursor: pointer;">Restore right-hand column</a></li>
{{ if $nav.settings }}<li><a class="menu-sep $nav.settings.2" href="$nav.settings.0" title="$nav.settings.3">$nav.settings.1</a></li>{{ endif }} {{ if $nav.settings }}<li><a class="menu-sep $nav.settings.2" href="$nav.settings.0" title="$nav.settings.3">$nav.settings.1</a></li>{{ endif }}
{{ if $nav.admin }}<li><a class="$nav.admin.2" href="$nav.admin.0" title="$nav.admin.3" >$nav.admin.1</a></li>{{ endif }} {{ if $nav.admin }}<li><a class="$nav.admin.2" href="$nav.admin.0" title="$nav.admin.3" >$nav.admin.1</a></li>{{ endif }}
@ -101,7 +99,7 @@
</li> </li>
{{ endif }} {{ endif }}
{{ if $nav.home }} {{ if $nav.settings }}
<li id="nav-home-link" class="nav-menu $sel.home"> <li id="nav-home-link" class="nav-menu $sel.home">
<a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" >$nav.home.1</a> <a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" >$nav.home.1</a>
<span id="home-update" class="nav-notify"></span> <span id="home-update" class="nav-notify"></span>

View file

@ -642,6 +642,10 @@ nav #search-box #search-text {
background-image: url('icons/lupe.png'); background-image: url('icons/lupe.png');
background-repeat:no-repeat; background-repeat:no-repeat;
padding-left:20px; padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
@ -996,6 +1000,10 @@ aside #profiles-menu {
} }
aside #search-text { aside #search-text {
width: 150px; width: 150px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
aside #side-follow-url { aside #side-follow-url {
width: 150px; width: 150px;

View file

@ -641,6 +641,10 @@ nav #search-box #search-text {
background-image: url('icons/lupe.png'); background-image: url('icons/lupe.png');
background-repeat:no-repeat; background-repeat:no-repeat;
padding-left:20px; padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
@ -991,6 +995,10 @@ aside #profiles-menu {
} }
aside #search-text { aside #search-text {
width: 150px; width: 150px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }
aside #side-follow-url { aside #side-follow-url {
width: 150px; width: 150px;

View file

@ -640,6 +640,10 @@ nav #search-box #search-text {
background-image: url('icons/lupe.png'); background-image: url('icons/lupe.png');
background-repeat:no-repeat; background-repeat:no-repeat;
padding-left:20px; padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
} }

View file

@ -377,7 +377,7 @@ function restore_boxes(){
$.cookie('close_lastusers','2', { expires: 365, path: '/' }); $.cookie('close_lastusers','2', { expires: 365, path: '/' });
$.cookie('close_lastphotos','2', { expires: 365, path: '/' }); $.cookie('close_lastphotos','2', { expires: 365, path: '/' });
$.cookie('close_lastlikes','2', { expires: 365, path: '/' }); $.cookie('close_lastlikes','2', { expires: 365, path: '/' });
alert('Right-hand column was restored'); alert('Right-hand column was restored. Please refresh your browser');
}; };
@ -385,4 +385,3 @@ function restore_boxes(){
EOT; EOT;