keith/friendica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

neat little changes. hopefully the shadow will be well recieved

Browse source 
Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
Simon L'nu 2012-04-13 19:30:07 -04:00
parent a3d95f79f2
commit 6b46fe3dfe
14 changed files with 128 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
view/theme/dispy-dark/default.php
View file

@ -1,13 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title><?php if(x($page,'title')) echo $page['title'] ?></title> <title><?php if(x($page,'title')) echo $page['title']; ?></title>
<script>var baseurl="<?php echo $a->get_baseurl() ?>";</script> <script>var baseurl="<?php echo $a->get_baseurl() ?>";</script>
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?> <?php if(x($page,'htmlhead')) echo $page['htmlhead']; ?>
</head> </head>
<body> <body>
<header> <header>
<!-- header stuff will go here --> <?php if(x($page, 'header')) echo $page['header']; ?>
</header> </header>
<article id="articlemain"> <article id="articlemain">
<?php if(x($page,'nav')) echo $page['nav']; ?> <?php if(x($page,'nav')) echo $page['nav']; ?>

4
view/theme/dispy-dark/head.tpl
View file

@ -91,8 +91,4 @@
$('#hide-comments-' + id).html('$showfewer'); $('#hide-comments-' + id).html('$showfewer');
} }
} }
</script> </script>

0
view/theme/dispy-dark/header.tpl Normal file
View file

2
view/theme/dispy-dark/jot-header.tpl
View file

@ -36,7 +36,7 @@ function initEditor(cb) {
entity_encoding : "raw", entity_encoding : "raw",
add_unload_trigger : false, add_unload_trigger : false,
remove_linebreaks : false, remove_linebreaks : false,
force_p_newlines : false, force_p_newlines : true,
force_br_newlines : true, force_br_newlines : true,
forced_root_block : '', forced_root_block : '',
convert_urls: false, convert_urls: false,

8
view/theme/dispy-dark/nav.tpl
View file

@ -4,7 +4,7 @@
<!-- yes, they're going the other way. seems that's how the template renderer <!-- yes, they're going the other way. seems that's how the template renderer
works --> works -->
<a name="top" id="top"></a>
<div id="nav-floater"> <div id="nav-floater">
<div id="nav-buttons"> <div id="nav-buttons">
{{ if $nav.help }} {{ if $nav.help }}
@ -116,6 +116,12 @@ works -->
$langselector $langselector
</div> </div>
<div id="scrollup">
<a href="#top"><img
src="view/theme/dispy/icons/scroll_top.png"
alt="back to top" title="Back to top" /></a>
</div>
<div class="search-box"> <div class="search-box">
<form method="get" action="$nav.search.0"> <form method="get" action="$nav.search.0">
<input id="search-text" class="nav-menu-search" type="search" placeholder="Search" value="" id="search" name="search" /> <input id="search-text" class="nav-menu-search" type="search" placeholder="Search" value="" id="search" name="search" />

37
view/theme/dispy-dark/style.css
View file

@ -311,6 +311,7 @@ ul#user-menu-popup {
-webkit-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
box-shadow: 5px 10px 10px 0 #111;
z-index: 10000; z-index: 10000;
} }
ul#user-menu-popup li { ul#user-menu-popup li {
@ -543,7 +544,18 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
width: 10em; width: 10em;
color: #eec; color: #eec;
} }
#scrollup {
position: fixed;
right: 5px;
bottom: 40px;
z-index: 100;
}
#scrollup a:hover {
text-decoration: none;
border: 0;
}
#user-menu { #user-menu {
box-shadow: 5px 0 10px 0 #111;
display: block; display: block;
width: 75%; width: 75%;
margin: 3px 0 0 0; margin: 3px 0 0 0;
@ -880,12 +892,24 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
line-height: 20px; line-height: 20px;
padding: 2px 20px 5px 0; padding: 2px 20px 5px 0;
} }
#profile-jot-text_parent {
/*border-radius: 10px;*/
box-shadow: 5px 0 10px 0 #111;
}
#profile-jot-text_tbl { #profile-jot-text_tbl {
margin-bottom: 10px; margin-bottom: 10px;
/*border-radius: 10px;*/
background: #888;
} }
#profile-jot-text_ifr { #profile-jot-text_ifr {
width:99.900002% !important; width:99.900002% !important;
} }
#profile-jot-text_toolbargroup {
background: #888;
}
.mceCenter table tr {
background: #888;
}
[id$="jot-text_ifr"] { [id$="jot-text_ifr"] {
width: 99.900002% !important; width: 99.900002% !important;
color: #2e2f2e; color: #2e2f2e;
@ -895,6 +919,15 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
color: #2e2f2e; color: #2e2f2e;
background: #eec; background: #eec;
} }
.mceFirst tr {
background: #888;
}
.mceFirst td {
/*border-radius: 10px 10px 0px 0px;*/
}
.mceLast td {
/*border-radius: 0 0 10px 10px;*/
}
#profile-attach-wrapper, #profile-attach-wrapper,
#profile-audio-wrapper, #profile-audio-wrapper,
#profile-link-wrapper, #profile-link-wrapper,
@ -1121,6 +1154,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
.wall-item-outside-wrapper { .wall-item-outside-wrapper {
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 5px; border-radius: 5px;
box-shadow: 5px 0 10px 0 #111;
} }
.wall-item-outside-wrapper.comment { .wall-item-outside-wrapper.comment {
margin-top: 5px; margin-top: 5px;
@ -1946,7 +1980,7 @@ div[id$="wrapper"] br {
position: absolute; position: absolute;
text-decoration: none; text-decoration: none;
top: 113px; top: 113px;
right: 250px; right: 260px;
} }
#profile-edit-links ul { #profile-edit-links ul {
margin: 20px 0; margin: 20px 0;
@ -2812,6 +2846,7 @@ footer {
background: #fff url("../../../images/search_18.png") no-repeat right center; background: #fff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px; padding-right: 20px;
margin: 6px; margin: 6px;
color: #111;
} }
#acl-showall { #acl-showall {
float: left; float: left;

18
view/theme/dispy-dark/theme.php
View file

@ -114,11 +114,27 @@ function dispy_dark_init(&$a) {
return false; return false;
}); });
// (attempt) to change the text colour in a top post // (attempt to) change the text colour in a top post
$('#profile-jot-text').focusin(function() { $('#profile-jot-text').focusin(function() {
$(this).css({color: '#eec'}); $(this).css({color: '#eec'});
}); });
$('a[href=#top]').click(function() {
$('html, body').animate({scrollTop:0}, '500');
return false;
});
});
// shadowing effect for floating toolbars
$(document).scroll(function(e) {
var pageTop = $('html').scrollTop();
if (pageTop) {
$('#nav-floater').css({boxShadow: '3px 3px 10px rgba(0, 0, 0, 0.7)'});
$('.search-box').css({boxShadow: '3px 3px 10px rgba(0, 0, 0, 0.7)'});
} else {
$('#nav-floater').css({boxShadow: '0 0 0 0'});
$('.search-box').css({boxShadow: '0 0 0 0'});
}
}); });
</script> </script>
EOT; EOT;

6
view/theme/dispy/default.php
View file

@ -1,13 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title><?php if(x($page,'title')) echo $page['title'] ?></title> <title><?php if(x($page,'title')) echo $page['title']; ?></title>
<script>var baseurl="<?php echo $a->get_baseurl() ?>";</script> <script>var baseurl="<?php echo $a->get_baseurl() ?>";</script>
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?> <?php if(x($page,'htmlhead')) echo $page['htmlhead']; ?>
</head> </head>
<body> <body>
<header> <header>
<!-- header stuff will go here --> <?php if(x($page, 'header')) echo $page['header']; ?>
</header> </header>
<article id="articlemain"> <article id="articlemain">
<?php if(x($page,'nav')) echo $page['nav']; ?> <?php if(x($page,'nav')) echo $page['nav']; ?>

4
view/theme/dispy/head.tpl
View file

@ -91,8 +91,4 @@
$('#hide-comments-' + id).html('$showfewer'); $('#hide-comments-' + id).html('$showfewer');
} }
} }
</script> </script>

BIN
view/theme/dispy/icons/scroll_top.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 539 B

2
view/theme/dispy/jot-header.tpl
View file

@ -36,7 +36,7 @@ function initEditor(cb) {
entity_encoding : "raw", entity_encoding : "raw",
add_unload_trigger : false, add_unload_trigger : false,
remove_linebreaks : false, remove_linebreaks : false,
force_p_newlines : false, force_p_newlines : true,
force_br_newlines : true, force_br_newlines : true,
forced_root_block : '', forced_root_block : '',
convert_urls: false, convert_urls: false,

8
view/theme/dispy/nav.tpl
View file

@ -4,7 +4,7 @@
<!-- yes, they're going the other way. seems that's how the template renderer <!-- yes, they're going the other way. seems that's how the template renderer
works --> works -->
<a name="top" id="top"></a>
<div id="nav-floater"> <div id="nav-floater">
<div id="nav-buttons"> <div id="nav-buttons">
{{ if $nav.help }} {{ if $nav.help }}
@ -116,6 +116,12 @@ works -->
$langselector $langselector
</div> </div>
<div id="scrollup">
<a href="#top"><img
src="view/theme/dispy/icons/scroll_top.png"
alt="back to top" title="Back to top" /></a>
</div>
<div class="search-box"> <div class="search-box">
<form method="get" action="$nav.search.0"> <form method="get" action="$nav.search.0">
<input id="search-text" class="nav-menu-search" type="search" placeholder="Search" value="" id="search" name="search" /> <input id="search-text" class="nav-menu-search" type="search" placeholder="Search" value="" id="search" name="search" />

37
view/theme/dispy/style.css
View file

@ -312,6 +312,7 @@ ul#user-menu-popup {
-webkit-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
box-shadow: 5px 10px 10px 0 #111;
z-index: 10000; z-index: 10000;
} }
ul#user-menu-popup li { ul#user-menu-popup li {
@ -544,7 +545,18 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
width: 10em; width: 10em;
color: #eec; color: #eec;
} }
#scrollup {
position: fixed;
right: 5px;
bottom: 40px;
z-index: 100;
}
#scrollup a:hover {
text-decoration: none;
border: 0;
}
#user-menu { #user-menu {
box-shadow: 5px 0 10px 0 #111;
display: block; display: block;
width: 75%; width: 75%;
margin: 3px 0 0 0; margin: 3px 0 0 0;
@ -881,12 +893,24 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
line-height: 20px; line-height: 20px;
padding: 2px 20px 5px 0; padding: 2px 20px 5px 0;
} }
#profile-jot-text_parent {
/*border-radius: 10px;*/
box-shadow: 5px 0 10px 0 #111;
}
#profile-jot-text_tbl { #profile-jot-text_tbl {
margin-bottom: 10px; margin-bottom: 10px;
/*border-radius: 10px;*/
background: #888;
} }
#profile-jot-text_ifr { #profile-jot-text_ifr {
width:99.900002% !important; width:99.900002% !important;
} }
#profile-jot-text_toolbargroup {
background: #888;
}
.mceCenter table tr {
background: #888;
}
[id$="jot-text_ifr"] { [id$="jot-text_ifr"] {
width: 99.900002% !important; width: 99.900002% !important;
color: #2e2f2e; color: #2e2f2e;
@ -896,6 +920,15 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
color: #2e2f2e; color: #2e2f2e;
background: #eec; background: #eec;
} }
.mceFirst tr {
background: #888;
}
.mceFirst td {
/*border-radius: 10px 10px 0px 0px;*/
}
.mceLast td {
/*border-radius: 0 0 10px 10px;*/
}
#profile-attach-wrapper, #profile-attach-wrapper,
#profile-audio-wrapper, #profile-audio-wrapper,
#profile-link-wrapper, #profile-link-wrapper,
@ -1122,6 +1155,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
.wall-item-outside-wrapper { .wall-item-outside-wrapper {
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 5px; border-radius: 5px;
box-shadow: 5px 0 10px 0 #111;
} }
.wall-item-outside-wrapper.comment { .wall-item-outside-wrapper.comment {
margin-top: 5px; margin-top: 5px;
@ -1947,7 +1981,7 @@ div[id$="wrapper"] br {
position: absolute; position: absolute;
text-decoration: none; text-decoration: none;
top: 113px; top: 113px;
right: 250px; right: 260px;
} }
#profile-edit-links ul { #profile-edit-links ul {
margin: 20px 0; margin: 20px 0;
@ -2813,6 +2847,7 @@ footer {
background: #fff url("../../../images/search_18.png") no-repeat right center; background: #fff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px; padding-right: 20px;
margin: 6px; margin: 6px;
color: #111;
} }
#acl-showall { #acl-showall {
float: left; float: left;

18
view/theme/dispy/theme.php
View file

@ -114,11 +114,27 @@ function dispy_init(&$a) {
return false; return false;
}); });
// (attempt) to change the text colour in a top post // (attempt to) change the text colour in a top post
$('#profile-jot-text').focusin(function() { $('#profile-jot-text').focusin(function() {
$(this).css({color: '#eec'}); $(this).css({color: '#eec'});
}); });
$('a[href=#top]').click(function() {
$('html, body').animate({scrollTop:0}, '500');
return false;
});
});
// shadowing effect for floating toolbars
$(document).scroll(function(e) {
var pageTop = $('html').scrollTop();
if (pageTop) {
$('#nav-floater').css({boxShadow: '3px 3px 10px rgba(0, 0, 0, 0.7)'});
$('.search-box').css({boxShadow: '3px 3px 10px rgba(0, 0, 0, 0.7)'});
} else {
$('#nav-floater').css({boxShadow: '0 0 0 0'});
$('.search-box').css({boxShadow: '0 0 0 0'});
}
}); });
</script> </script>
EOT; EOT;