Friendica/friendica-github
1
0
Fork 0
mirror of https://github.com/friendica/friendica synced 2024-12-25 06:00:17 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #315 from simonlnu/master

Browse source 
fixed font-size/line-height stuffs
This commit is contained in:
Simon 2012-05-28 16:26:24 -07:00
commit 51c2ef0efb
11 changed files with 172 additions and 294 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
view/theme/dispy/communityhome.tpl
View file

@ -2,7 +2,6 @@
<div>$page</div> <div>$page</div>
{{ endif }} {{ endif }}
{{ if $lastusers_title }}
<h3 id="extra-help-header">Help or '@NewHere'?</h3> <h3 id="extra-help-header">Help or '@NewHere'?</h3>
<div id="extra-help"> <div id="extra-help">
<a href="https://helpers.pyxis.uberspace.de/profile/helpers" <a href="https://helpers.pyxis.uberspace.de/profile/helpers"
@ -13,27 +12,24 @@
title="Local Friendica" target="_blank">Local Friendica</a><br /> title="Local Friendica" target="_blank">Local Friendica</a><br />
<a href="http://kakste.com/profile/newhere" title="@NewHere" target="_blank">NewHere</a> <a href="http://kakste.com/profile/newhere" title="@NewHere" target="_blank">NewHere</a>
</div> </div>
{{ endif }}
{{ if $lastusers_title }}
<h3 id="connect-services-header">Connectable Services</h3> <h3 id="connect-services-header">Connectable Services</h3>
<div id="connect-services"> <ul id="connect-services">
<a href="$url/facebook"><img alt="Facebook" <li><a href="$url/facebook"><img alt="Facebook"
src="view/theme/dispy/icons/facebook.png" title="Facebook" /></a> src="view/theme/dispy/icons/facebook.png" title="Facebook" /></a></li>
<a href="$url/settings/connectors"><img <li><a href="$url/settings/connectors"><img
alt="StatusNet" src="view/theme/dispy/icons/StatusNet.png?" title="StatusNet" /></a> alt="StatusNet" src="view/theme/dispy/icons/StatusNet.png" title="StatusNet" /></a></li>
<a href="$url/settings/connectors"><img <li><a href="$url/settings/connectors"><img
alt="LiveJournal" src="view/theme/dispy/icons/livejournal.png?" title="LiveJournal" /></a> alt="LiveJournal" src="view/theme/dispy/icons/livejournal.png" title="LiveJournal" /></a></li>
<a href="$url/settings/connectors"><img <li><a href="$url/settings/connectors"><img
alt="Posterous" src="view/theme/dispy/icons/posterous.png?" title="Posterous" /></a><br /> alt="Posterous" src="view/theme/dispy/icons/posterous.png" title="Posterous" /></a></li>
<a href="$url/settings/connectors"><img <li><a href="$url/settings/connectors"><img
alt="Tumblr" src="view/theme/dispy/icons/tumblr.png?" title="Tumblr" /></a> alt="Tumblr" src="view/theme/dispy/icons/tumblr.png" title="Tumblr" /></a></li>
<a href="$url/settings/connectors"><img <li><a href="$url/settings/connectors"><img
alt="Twitter" src="view/theme/dispy/icons/twitter.png?" title="Twitter" /></a> alt="Twitter" src="view/theme/dispy/icons/twitter.png" title="Twitter" /></a></li>
<a href="$url/settings/connectors"><img <li><a href="$url/settings/connectors"><img
alt="WordPress" src="view/theme/dispy/icons/wordpress.png?" title="WordPress" /></a> alt="WordPress" src="view/theme/dispy/icons/wordpress.png" title="WordPress" /></a></li>
<a href="$url/settings/connectors"><img <li><a href="$url/settings/connectors"><img
alt="E-Mail" src="view/theme/dispy/icons/email.png?" title="E-Mail" /></a> alt="E-Mail" src="view/theme/dispy/icons/email.png" title="E-Mail" /></a></li>
</div> </ul>
{{ endif }}

21
view/theme/dispy/dark/_base.less
View file

@ -17,6 +17,7 @@
@import "../css/reset"; @import "../css/reset";
//* backgrounds */ //* backgrounds */
@lt_bg_colour: lighten(@bg_colour, 10%);
@dk_bg_colour: #1d1f1d; @dk_bg_colour: #1d1f1d;
@bg_colour: #2e2f2e; @bg_colour: #2e2f2e;
@bg_alt_colour: #2e302e; @bg_alt_colour: #2e302e;
@ -24,8 +25,9 @@
@menu_bg_colour: #555753; @menu_bg_colour: #555753;
//* font colour, aka color: */ //* font colour, aka color: */
@lt_main_colour: #ffff99; @lt_main_colour: lighten(@main_colour, 10%);
@main_colour: #eeeecc; @main_colour: #eeeecc;
@dk_main_colour: darken(@main_colour, 20%);
@main_alt_colour: #eeeeee; @main_alt_colour: #eeeeee;
// darken(@main_alt_colour, 13%) > #cdcdcd // darken(@main_alt_colour, 13%) > #cdcdcd
// darken(@main_alt_colour, 13.5%) > #cccccc // darken(@main_alt_colour, 13.5%) > #cccccc
@ -56,9 +58,6 @@
@info: #1353b1; @info: #1353b1;
@alert: #ff0000; @alert: #ff0000;
@lt_main_colour: lighten(@bg_colour, 10%);
@dk_main_colour: darken(@bg_colour, 10%);
//* links */ //* links */
@link_colour: #88a9d2; @link_colour: #88a9d2;
@dk_link_colour: darken(@link_colour, 10%); @dk_link_colour: darken(@link_colour, 10%);
@ -137,7 +136,19 @@
-webkit-text-overflow: @t; -webkit-text-overflow: @t;
text-overflow: @t; text-overflow: @t;
} }
.lin_gradient(@x1: left, @x2: right, @y1: top, @y2: bottom, @c1: @bg_colour, @c2: @dk_bg_colour) {
// w3c
background: linear-gradient(@x1 @y2, @c1, @c2);
// webkit
// -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)
background: -webkit-gradient(linear, @x1 @y1, @x2 @y2, from(@c1), to(@c2));
// mozilla
// -moz-linear-gradient([<point> || <angle>,]? <stop>, <stop> [, <stop>])
background: -moz-linear-gradient(@x1 @y2, @c1, @c2);
// opera
//background: -o-linear-gradient([<point> || <angle>,]? <stop>, <stop> [, <stop>]);
background: -o-linear-gradient(@x1, @c1, @c2);
}
//* pre wrap */ //* pre wrap */
.wrap () { .wrap () {
white-space: pre-wrap; white-space: pre-wrap;

13
view/theme/dispy/dark/style.css
View file

@ -20,7 +20,7 @@ tr:nth-child(even){background-color:#474947;}
:focus{outline:none;} :focus{outline:none;}
a:focus{outline:invert, dashed, thin;} a:focus{outline:invert, dashed, thin;}
[disabled="disabled"]{background:#4e4f4e;color:#ddddbb;} [disabled="disabled"]{background:#4e4f4e;color:#ddddbb;}
ins,mark{background-color:#2e302e;color:#474947;} ins,mark{background-color:#2e302e;color:#fbfbf2;}
ins{text-decoration:none;} ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;} mark{font-style:italic;font-weight:bold;}
pre,code,kbd,samp,.wall-item-body code{font-family:monospace, monospace;_font-family:monospace;font-size:1em;} pre,code,kbd,samp,.wall-item-body code{font-family:monospace, monospace;_font-family:monospace;font-size:1em;}
@ -58,7 +58,7 @@ h6{font-size:xx-small;}
#articlemain{width:100%;height:100%;margin:0 auto;} #articlemain{width:100%;height:100%;margin:0 auto;}
.button{color:#eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;padding:5px;cursor:pointer;}.button a{color:#eeeecc;font-weight:bold;} .button{color:#eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;padding:5px;cursor:pointer;}.button a{color:#eeeecc;font-weight:bold;}
#profile-listing-desc a{color:#eeeecc;font-weight:bold;} #profile-listing-desc a{color:#eeeecc;font-weight:bold;}
[class$="-desc"],[id$="-desc"]{color:#eeeecc;background:#2e2f2e;border:3px ridge #eeeecc;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin:3px 10px 7px 0;padding:5px;font-weight:bold;font-size:smaller;} [class$="-desc"],[id$="-desc"]{color:#eeeecc;background:#2e2f2e;border:2px outset #d4d580;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin:3px 10px 7px 0;padding:5px;font-weight:bold;font-size:smaller;}
#item-delete-selected-desc{float:left;margin-right:5px;}#item-delete-selected-desc:hover{text-decoration:underline;} #item-delete-selected-desc{float:left;margin-right:5px;}#item-delete-selected-desc:hover{text-decoration:underline;}
.intro-approve-as-friend-desc{margin-top:10px;} .intro-approve-as-friend-desc{margin-top:10px;}
.intro-desc{margin-bottom:20px;font-weight:bold;} .intro-desc{margin-bottom:20px;font-weight:bold;}
@ -133,7 +133,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm
#sysmsg_info{position:fixed;bottom:0;-moz-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-o-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-webkit-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-ms-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;padding:10px;background-color:#fcaf3e;border:2px solid #f8911b;border-bottom:0;padding-bottom:50px;z-index:1000;} #sysmsg_info{position:fixed;bottom:0;-moz-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-o-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-webkit-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-ms-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;padding:10px;background-color:#fcaf3e;border:2px solid #f8911b;border-bottom:0;padding-bottom:50px;z-index:1000;}
#sysmsg{position:fixed;bottom:0;-moz-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-o-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-webkit-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-ms-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;padding:10px;background-color:#fcaf3e;border:2px solid #f8911b;border-bottom:0;padding-bottom:50px;z-index:1000;} #sysmsg{position:fixed;bottom:0;-moz-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-o-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-webkit-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;-ms-box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;box-shadow:3px 3px 3px 10px 0 #111111 5px 5px 0px #111111;padding:10px;background-color:#fcaf3e;border:2px solid #f8911b;border-bottom:0;padding-bottom:50px;z-index:1000;}
#sysmsg_info br,#sysmsg br{display:block;margin:2px 0px;border-top:1px solid #eeeecc;} #sysmsg_info br,#sysmsg br{display:block;margin:2px 0px;border-top:1px solid #eeeecc;}
#asidemain{float:left;font-size:small;margin:20px 0 20px 35px;width:25%;display:inline;} #asidemain{float:left;font-size:small;margin:1em;width:25%;display:inline;}
#asideright,#asideleft{display:none;} #asideright,#asideleft{display:none;}
.vcard .fn{font-size:1.5em;font-weight:bold;border-bottom:1px solid #638ec4;padding-bottom:3px;} .vcard .fn{font-size:1.5em;font-weight:bold;border-bottom:1px solid #638ec4;padding-bottom:3px;}
.vcard #profile-photo-wrapper{margin:20px 0;background-color:#555753;padding:5px;width:175px;height:175px;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:3px 3px 10px 0 #111111;-o-box-shadow:3px 3px 10px 0 #111111;-webkit-box-shadow:3px 3px 10px 0 #111111;-ms-box-shadow:3px 3px 10px 0 #111111;box-shadow:3px 3px 10px 0 #111111;} .vcard #profile-photo-wrapper{margin:20px 0;background-color:#555753;padding:5px;width:175px;height:175px;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:3px 3px 10px 0 #111111;-o-box-shadow:3px 3px 10px 0 #111111;-webkit-box-shadow:3px 3px 10px 0 #111111;-ms-box-shadow:3px 3px 10px 0 #111111;box-shadow:3px 3px 10px 0 #111111;}
@ -187,7 +187,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm
#jot-title-display{font-weight:bold;} #jot-title-display{font-weight:bold;}
.jothidden{display:none;} .jothidden{display:none;}
#jot-preview-content{background-color:#2e3436;color:#eeeecc;border:1px solid #2e2f2e;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:5px 0 10px 0px #111111;-o-box-shadow:5px 0 10px 0px #111111;-webkit-box-shadow:5px 0 10px 0px #111111;-ms-box-shadow:5px 0 10px 0px #111111;box-shadow:5px 0 10px 0px #111111;padding:3px 3px 6px 10px;}#jot-preview-content .wall-item-outside-wrapper{border:0;-o-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-ms-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;-moz-box-shadow:0 0 0 0 #111111;-o-box-shadow:0 0 0 0 #111111;-webkit-box-shadow:0 0 0 0 #111111;-ms-box-shadow:0 0 0 0 #111111;box-shadow:0 0 0 0 #111111;} #jot-preview-content{background-color:#2e3436;color:#eeeecc;border:1px solid #2e2f2e;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-moz-box-shadow:5px 0 10px 0px #111111;-o-box-shadow:5px 0 10px 0px #111111;-webkit-box-shadow:5px 0 10px 0px #111111;-ms-box-shadow:5px 0 10px 0px #111111;box-shadow:5px 0 10px 0px #111111;padding:3px 3px 6px 10px;}#jot-preview-content .wall-item-outside-wrapper{border:0;-o-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-ms-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;-moz-box-shadow:0 0 0 0 #111111;-o-box-shadow:0 0 0 0 #111111;-webkit-box-shadow:0 0 0 0 #111111;-ms-box-shadow:0 0 0 0 #111111;box-shadow:0 0 0 0 #111111;}
#sectionmain{margin:20px;font-size:0.8em;min-width:475px;width:67%;float:left;display:inline;} #sectionmain{margin:1em;font-size:0.8em;min-width:475px;width:69%;float:left;display:inline;}
.tabs{margin:0px;padding:0px;list-style:none;list-style-position:inside;margin:10px 0;}.tabs li{display:inline;font-size:smaller;} .tabs{margin:0px;padding:0px;list-style:none;list-style-position:inside;margin:10px 0;}.tabs li{display:inline;font-size:smaller;}
.tab{border:1px solid #638ec4;padding:4px;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}.tab:active,.tab:hover{background:#2e3436;color:#eeeecc;border:1px solid #638ec4;} .tab{border:1px solid #638ec4;padding:4px;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}.tab:active,.tab:hover{background:#2e3436;color:#eeeecc;border:1px solid #638ec4;}
.tab a{border:0;text-decoration:none;} .tab a{border:0;text-decoration:none;}
@ -203,7 +203,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm
[id^="tread-wrapper"],[class^="tread-wrapper"]{margin:1.2em 0 0 0;padding:0px;} [id^="tread-wrapper"],[class^="tread-wrapper"]{margin:1.2em 0 0 0;padding:0px;}
.wall-item-photo-menu{display:none;} .wall-item-photo-menu{display:none;}
.wall-item-photo-menu-button{display:none;text-indent:-99999px;background:#555753 url(dark/menu-user-pin.jpg) no-repeat 75px center;position:absolute;overflow:hidden;width:90px;height:20px;top:85px;left:0;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;} .wall-item-photo-menu-button{display:none;text-indent:-99999px;background:#555753 url(dark/menu-user-pin.jpg) no-repeat 75px center;position:absolute;overflow:hidden;width:90px;height:20px;top:85px;left:0;-o-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.wall-item-info{float:left;width:8em;position:relative;} .wall-item-info{float:left;width:7em;position:relative;}
.wall-item-photo-wrapper{width:80px;height:80px;position:relative;padding:5px;background-color:#555753;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;} .wall-item-photo-wrapper{width:80px;height:80px;position:relative;padding:5px;background-color:#555753;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
[class^="wall-item-tools"] *{}[class^="wall-item-tools"] *>*{} [class^="wall-item-tools"] *{}[class^="wall-item-tools"] *>*{}
.wall-item-tools{float:right;opacity:0.4;-webkit-transition:all 0.75s ease-in-out;-moz-transition:all 0.75s ease-in-out;-o-transition:all 0.75s ease-in-out;-ms-transition:all 0.75s ease-in-out;transition:all 0.75s ease-in-out;}.wall-item-tools:hover{opacity:1;-webkit-transition:all 0.75s ease-in-out;-moz-transition:all 0.75s ease-in-out;-o-transition:all 0.75s ease-in-out;-ms-transition:all 0.75s ease-in-out;transition:all 0.75s ease-in-out;} .wall-item-tools{float:right;opacity:0.4;-webkit-transition:all 0.75s ease-in-out;-moz-transition:all 0.75s ease-in-out;-o-transition:all 0.75s ease-in-out;-ms-transition:all 0.75s ease-in-out;transition:all 0.75s ease-in-out;}.wall-item-tools:hover{opacity:1;-webkit-transition:all 0.75s ease-in-out;-moz-transition:all 0.75s ease-in-out;-o-transition:all 0.75s ease-in-out;-ms-transition:all 0.75s ease-in-out;transition:all 0.75s ease-in-out;}
@ -223,7 +223,8 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm
.wall-item-arrowphoto-wrapper{position:absolute;left:35px;top:80px;z-index:10002;} .wall-item-arrowphoto-wrapper{position:absolute;left:35px;top:80px;z-index:10002;}
.wall-item-photo-menu{min-width:92px;font-size:0.75em;border:2px solid #555753;border-top:0px;background:#555753;position:absolute;left:-2px;top:101px;display:none;z-index:10003;-o-border-radius:0 5px 5px 5px;-webkit-border-radius:0 5px 5px 5px;-moz-border-radius:0 5px 5px 5px;-ms-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px;}.wall-item-photo-menu li a{white-space:nowrap;display:block;padding:5px 6px;color:#eeeeee;}.wall-item-photo-menu li a:hover{color:#555753;background:#eeeeee;} .wall-item-photo-menu{min-width:92px;font-size:0.75em;border:2px solid #555753;border-top:0px;background:#555753;position:absolute;left:-2px;top:101px;display:none;z-index:10003;-o-border-radius:0 5px 5px 5px;-webkit-border-radius:0 5px 5px 5px;-moz-border-radius:0 5px 5px 5px;-ms-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px;}.wall-item-photo-menu li a{white-space:nowrap;display:block;padding:5px 6px;color:#eeeeee;}.wall-item-photo-menu li a:hover{color:#555753;background:#eeeeee;}
#item-delete-selected{overflow:auto;width:100%;} #item-delete-selected{overflow:auto;width:100%;}
#connect-services-header,#connect-services,#extra-help-header,#extra-help,#postit-header,#postit{margin:5px 0 0 0;} #connect-services-header,#extra-help-header{margin:1.5em 0 0 0;}
#connect-services,#extra-help{margin:0px;padding:0px;list-style:none;list-style-position:inside;margin:1em 0 0 0;}#connect-services li,#extra-help li{display:inline;}
.ccollapse-wrapper{font-size:0.9em;margin-left:5em;} .ccollapse-wrapper{font-size:0.9em;margin-left:5em;}
.hide-comments-outer{font-size:small;} .hide-comments-outer{font-size:small;}
.wall-item-outside-wrapper.comment{margin-left:5em;}.wall-item-outside-wrapper.comment .wall-item-photo{width:40px !important;height:40px !important;} .wall-item-outside-wrapper.comment{margin-left:5em;}.wall-item-outside-wrapper.comment .wall-item-photo{width:40px !important;height:40px !important;}

24
view/theme/dispy/dark/style.less
View file

@ -315,7 +315,7 @@ h6 {
[id$="-desc"] { [id$="-desc"] {
color: @main_colour; color: @main_colour;
background: @bg_colour; background: @bg_colour;
.borders(3px, ridge, @main_colour); .borders(2px, outset, @dk_main_colour);
.rounded_corners; .rounded_corners;
// .box_shadow(3px, 3px, 5px); // .box_shadow(3px, 3px, 5px);
margin: 3px 10px 7px 0; margin: 3px 10px 7px 0;
@ -872,7 +872,7 @@ nav #nav-notifications-linkmenu {
#asidemain { #asidemain {
float: left; float: left;
font-size: small; font-size: small;
margin: 20px 0 20px 35px; margin: 1em;
width: 25%; width: 25%;
display: inline; display: inline;
} }
@ -1229,10 +1229,10 @@ nav #nav-notifications-linkmenu {
* section * section
*/ */
#sectionmain { #sectionmain {
margin: 20px; margin: 1em;
font-size: 0.8em; font-size: 0.8em;
min-width: 475px; min-width: 475px;
width: 67%; width: 69%;
float: left; float: left;
display: inline; display: inline;
} }
@ -1348,7 +1348,7 @@ nav #nav-notifications-linkmenu {
} }
.wall-item-info { .wall-item-info {
float: left; float: left;
width: 8em; width: 7em;
position: relative; position: relative;
} }
.wall-item-photo-wrapper { .wall-item-photo-wrapper {
@ -1501,12 +1501,16 @@ nav #nav-notifications-linkmenu {
width: 100%; width: 100%;
} }
#connect-services-header, #connect-services-header,
#extra-help-header {
margin: 1.5em 0 0 0;
}
#connect-services, #connect-services,
#extra-help-header, #extra-help {
#extra-help, .list_reset;
#postit-header, margin: 1em 0 0 0;
#postit { li {
margin: 5px 0 0 0; display: inline;
}
} }

2
view/theme/dispy/dark/theme.php
View file

@ -3,7 +3,6 @@
/* /*
* Name: Dispy Dark * Name: Dispy Dark
* Description: Dispy Dark: Dark, Spartan, Sleek, and Functional * Description: Dispy Dark: Dark, Spartan, Sleek, and Functional
* Version: 1.2.1
* Author: Simon <http://simon.kisikew.org/> * Author: Simon <http://simon.kisikew.org/>
* Maintainer: Simon <http://simon.kisikew.org/> * Maintainer: Simon <http://simon.kisikew.org/>
* Screenshot: <a href="screenshot.jpg">Screenshot</a> * Screenshot: <a href="screenshot.jpg">Screenshot</a>
@ -13,7 +12,6 @@ $a = get_app();
$a->theme_info = array( $a->theme_info = array(
'family' => 'dispy', 'family' => 'dispy',
'name' => 'dark', 'name' => 'dark',
'version' => '1.2.1'
); );
function dispy_dark_init(&$a) { function dispy_dark_init(&$a) {

20
view/theme/dispy/light/_base.less
View file

@ -24,8 +24,9 @@
@menu_bg_colour: #555753; @menu_bg_colour: #555753;
//* font colour, aka color: */ //* font colour, aka color: */
@lt_main_colour: #ffff99; @lt_main_colour: lighten(@bg_colour, 10%);
@main_colour: #111; @main_colour: #111;
@dk_main_colour: darken(@bg_colour, 10%);
@main_alt_colour: #999999; @main_alt_colour: #999999;
// darken(@main_alt_colour, 6.5%) > #888888 // darken(@main_alt_colour, 6.5%) > #888888
// //#9eabb0 // //#9eabb0
@ -55,9 +56,6 @@
@info: #364e59; @info: #364e59;
@alert: #ff0000; @alert: #ff0000;
@lt_main_colour: lighten(@bg_colour, 10%);
@dk_main_colour: darken(@bg_colour, 10%);
//* links */ //* links */
// yes our link colour is "friendica blue" ;) // yes our link colour is "friendica blue" ;)
@link_colour: @friendica_blue; @link_colour: @friendica_blue;
@ -137,7 +135,19 @@
-webkit-text-overflow: @t; -webkit-text-overflow: @t;
text-overflow: @t; text-overflow: @t;
} }
.lin_gradient(@x1: left, @x2: right, @y1: top, @y2: bottom, @c1: @bg_colour, @c2: @dk_bg_colour) {
// w3c
background: linear-gradient(@x1 @y2, @c1, @c2);
// webkit
// -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)
background: -webkit-gradient(linear, @x1 @y1, @x2 @y2, from(@c1), to(@c2));
// mozilla
// -moz-linear-gradient([<point> || <angle>,]? <stop>, <stop> [, <stop>])
background: -moz-linear-gradient(@x1 @y2, @c1, @c2);
// opera
//background: -o-linear-gradient([<point> || <angle>,]? <stop>, <stop> [, <stop>]);
background: -o-linear-gradient(@x1, @c1, @c2);
}
//* pre wrap */ //* pre wrap */
.wrap () { .wrap () {
white-space: pre-wrap; white-space: pre-wrap;

24
view/theme/dispy/light/style.less
View file

@ -316,7 +316,7 @@ h6 {
[id$="-desc"] { [id$="-desc"] {
color: @bg_colour; color: @bg_colour;
background: @dk_bg_colour; background: @dk_bg_colour;
.borders(3px, ridge, @main_colour); .borders(2px, outset, @main_colour);
.rounded_corners; .rounded_corners;
// .box_shadow(3px, 3px, 5px); // .box_shadow(3px, 3px, 5px);
margin: 3px 10px 7px 0; margin: 3px 10px 7px 0;
@ -873,7 +873,7 @@ nav #nav-notifications-linkmenu {
#asidemain { #asidemain {
float: left; float: left;
font-size: small; font-size: small;
margin: 20px 0 20px 35px; margin: 1em;
width: 25%; width: 25%;
display: inline; display: inline;
} }
@ -1230,10 +1230,10 @@ nav #nav-notifications-linkmenu {
* section * section
*/ */
#sectionmain { #sectionmain {
margin: 20px; margin: 1em;
font-size: 0.8em; font-size: 0.8em;
min-width: 475px; min-width: 475px;
width: 67%; width: 69%;
float: left; float: left;
display: inline; display: inline;
} }
@ -1349,7 +1349,7 @@ nav #nav-notifications-linkmenu {
} }
.wall-item-info { .wall-item-info {
float: left; float: left;
width: 8em; width: 7em;
position: relative; position: relative;
} }
.wall-item-photo-wrapper { .wall-item-photo-wrapper {
@ -1502,12 +1502,16 @@ nav #nav-notifications-linkmenu {
width: 100%; width: 100%;
} }
#connect-services-header, #connect-services-header,
#extra-help-header {
margin: 1.5em 0 0 0;
}
#connect-services, #connect-services,
#extra-help-header, #extra-help {
#extra-help, .list_reset;
#postit-header, margin: 1em 0 0 0;
#postit { li {
margin: 5px 0 0 0; display: inline;
}
} }

2
view/theme/dispy/light/theme.php
View file

@ -3,7 +3,6 @@
/* /*
* Name: Dispy Light * Name: Dispy Light
* Description: Dispy Light: Light, Spartan, Sleek, and Functional * Description: Dispy Light: Light, Spartan, Sleek, and Functional
* Version: 1.2.1
* Author: Simon <http://simon.kisikew.org/> * Author: Simon <http://simon.kisikew.org/>
* Maintainer: Simon <http://simon.kisikew.org/> * Maintainer: Simon <http://simon.kisikew.org/>
* Screenshot: <a href="screenshot.jpg">Screenshot</a> * Screenshot: <a href="screenshot.jpg">Screenshot</a>
@ -13,7 +12,6 @@ $a = get_app();
$a->theme_info = array( $a->theme_info = array(
'family' => 'dispy', 'family' => 'dispy',
'name' => 'light', 'name' => 'light',
'version' => '1.2.1'
); );
function dispy_light_init(&$a) { function dispy_light_init(&$a) {

208
view/theme/dispy/style.php
View file

@ -13,238 +13,94 @@
$colour = get_pconfig(local_user(), "dispy", "colour"); $colour = get_pconfig(local_user(), "dispy", "colour");
} }
if ($line_height === false) { $line_height = $site_line_height; } if ($line_height === false) {
if ($line_height === false) { $line_height = "1.2"; } $line_height = $site_line_height;
if ($dispy_font_size === false) { $dispy_font_size = $site_dispy_font_size; } }
if ($dispy_font_size === false) { $dispy_font_size = "12"; } if ($line_height === false) {
if ($colour === false) { $colour = $site_colour; } $line_height = "1.2";
if ($colour === false) { $colour = "light"; } }
if ($dispy_font_size === false) {
$dispy_font_size = $site_dispy_font_size;
}
if ($dispy_font_size === false) {
$dispy_font_size = "12";
}
if ($colour === false) {
$colour = $site_colour;
}
if ($colour === false) {
$colour = "light";
}
if($colour == "light") { if($colour == "light") {
if (file_exists("$THEMEPATH/light/style.css")) { if (file_exists("$THEMEPATH/light/style.css")) {
echo file_get_contents("$THEMEPATH/light/style.css"); echo file_get_contents("$THEMEPATH/light/style.css");
} }
if($dispy_font_size == "16") {
echo "
.wall-item-container .wall-item-content {
font-size: 16px;
}
.wall-item-photo-container .wall-item-content {
font-size: 16px;
}";
}
if($dispy_font_size == "15") {
echo "
.wall-item-container .wall-item-content {
font-size: 15px;
}
.wall-item-photo-container .wall-item-content {
font-size: 15px;
}";
}
if($dispy_font_size == "14") {
echo "
.wall-item-container .wall-item-content {
font-size: 14px;
}
.wall-item-photo-container .wall-item-content {
font-size: 14px;
}";
}
if($dispy_font_size == "13.5") {
echo "
.wall-item-container .wall-item-content {
font-size: 13.5px;
}
.wall-item-photo-container .wall-item-content {
font-size: 13.5px;
}";
}
if($dispy_font_size == "13") {
echo "
.wall-item-container .wall-item-content {
font-size: 13px;
}
.wall-item-photo-container .wall-item-content {
font-size: 13px;
}";
}
if($dispy_font_size == "12.5") {
echo "
.wall-item-container .wall-item-content {
font-size: 12.5px;
}
.wall-item-photo-container .wall-item-content {
font-size: 12.5px;
}";
}
if($dispy_font_size == "12") {
echo "
.wall-item-container .wall-item-content {
font-size: 12px;
}
.wall-item-photo-container .wall-item-content {
font-size: 12px;
}";
}
if($line_height == "1.5") {
echo "
.wall-item-container .wall-item-content {
line-height: 1.5;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.5;
}";
}
if($line_height == "1.4") {
echo "
.wall-item-container .wall-item-content {
line-height: 1.4;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.4;
}";
}
if($line_height == "1.3") {
echo "
.wall-item-container .wall-item-content {
line-height: 1.3;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.3;
}";
}
if($line_height == "1.2") {
echo "
.wall-item-container .wall-item-content {
line-height: 1.2;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.2;
}";
}
if($line_height == "1.1") {
echo "
.wall-item-container .wall-item-content {
line-height: 1.1;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.1;
}";
}
} }
if($colour == "dark") { if($colour == "dark") {
if (file_exists("$THEMEPATH/dark/style.css")) { if (file_exists("$THEMEPATH/dark/style.css")) {
echo file_get_contents("$THEMEPATH/dark/style.css"); echo file_get_contents("$THEMEPATH/dark/style.css");
} }
if($dispy_font_size == "16") {
echo "
.wall-item-container .wall-item-content {
font-size: 16px;
} }
.wall-item-photo-container .wall-item-content {
if($dispy_font_size == "16") {
echo ".wall-item-content {
font-size: 16px; font-size: 16px;
}"; }";
} }
if($dispy_font_size == "15") { if($dispy_font_size == "15") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
font-size: 15px;
}
.wall-item-photo-container .wall-item-content {
font-size: 15px; font-size: 15px;
}"; }";
} }
if($dispy_font_size == "14") { if($dispy_font_size == "14") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
font-size: 14px;
}
.wall-item-photo-container .wall-item-content {
font-size: 14px; font-size: 14px;
}"; }";
} }
if($dispy_font_size == "13.5") { if($dispy_font_size == "13.5") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
font-size: 13.5px;
}
.wall-item-photo-container .wall-item-content {
font-size: 13.5px; font-size: 13.5px;
}"; }";
} }
if($dispy_font_size == "13") { if($dispy_font_size == "13") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
font-size: 13px;
}
.wall-item-photo-container .wall-item-content {
font-size: 13px; font-size: 13px;
}"; }";
} }
if($dispy_font_size == "12.5") { if($dispy_font_size == "12.5") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
font-size: 12.5px;
}
.wall-item-photo-container .wall-item-content {
font-size: 12.5px; font-size: 12.5px;
}"; }";
} }
if($dispy_font_size == "12") { if($dispy_font_size == "12") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
font-size: 12px;
}
.wall-item-photo-container .wall-item-content {
font-size: 12px; font-size: 12px;
}"; }";
} }
if($line_height == "1.5") { if($line_height == "1.5") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
line-height: 1.5;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.5; line-height: 1.5;
}"; }";
} }
if($line_height == "1.4") { if($line_height == "1.4") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
line-height: 1.4;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.4; line-height: 1.4;
}"; }";
} }
if($line_height == "1.3") { if($line_height == "1.3") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
line-height: 1.3;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.3; line-height: 1.3;
}"; }";
} }
if($line_height == "1.2") { if($line_height == "1.2") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
line-height: 1.2;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.2; line-height: 1.2;
}"; }";
} }
if($line_height == "1.1") { if($line_height == "1.1") {
echo " echo ".wall-item-content {
.wall-item-container .wall-item-content {
line-height: 1.1;
}
.wall-item-photo-container .wall-item-content {
line-height: 1.1; line-height: 1.1;
}"; }";
} }
}

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

@ -20,7 +20,7 @@
$a = get_app(); $a = get_app();
$a->theme_info = array( $a->theme_info = array(
'family' => 'dispy', 'family' => 'dispy',
'version' => '1.2' 'version' => '1.2.2'
); );
function dispy_init(&$a) { function dispy_init(&$a) {