Merge pull request #542 from annando/master

[friendica.git] / view / theme / dispy / dark / _base.less

diff --git a/view/theme/dispy/dark/_base.less b/view/theme/dispy/dark/_base.less
index 77472a2f5cf5b0118eaff5f01b3433226b053cae..d1051a989f090f68fb25d9ec3353489a4104a94c 100644 (file)
--- a/view/theme/dispy/dark/_base.less
+++ b/view/theme/dispy/dark/_base.less
@@ -13,17 +13,21 @@
 // you "compile" the css (with `lessc`), but css (/**/) comments
 // do. i use them to our advantage :).
 
+// import our reset styles first
+@import "../css/reset";
+
 //* backgrounds */
+@lt_bg_colour: lighten(@bg_colour, 10%);
 @dk_bg_colour: #1d1f1d;
 @bg_colour: #2e2f2e;
 @bg_alt_colour: #2e302e;
 @med_bg_colour: #4e4f4e;
 @menu_bg_colour: #555753;
 
-
 //* font colour, aka color: */
-@lt_main_colour: #ffff99;
+@lt_main_colour: lighten(@main_colour, 10%);
 @main_colour: #eeeecc;
+@dk_main_colour: darken(@main_colour, 20%);
 @main_alt_colour: #eeeeee;
 // darken(@main_alt_colour, 13%) > #cdcdcd
 // darken(@main_alt_colour, 13.5%) > #cccccc
@@ -45,6 +49,7 @@
 @orange: #f8911b;
 @lt_orange: #fcaf3e;
 @shadow_colour: darken(@main_alt_colour, 86.5%);
+@lt_shadow_colour: #888888;
 @friendica_blue: #3465a4;
 @border2: #babdb6;
 @group_show: #9ade00;
@@ -53,9 +58,6 @@
 @info: #1353b1;
 @alert: #ff0000;
 
-@lt_main_colour: lighten(@bg_colour, 10%);
-@dk_main_colour: darken(@bg_colour, 10%);
-
 //* links */
 @link_colour: #88a9d2;
 @dk_link_colour: darken(@link_colour, 10%);
@@ -63,6 +65,9 @@
 //@hover_colour: #729fcf;
 @hover_colour: @dk_link_colour;
 
+// other colours
+@med_border_colour: #c8bebe;
+
 //* box shadows */
 @menu_shadow: 5px 0 10px 0 @shadow_colour;
 @main_shadow: 3px 3px 3px 10px 0 @shadow_colour;
@@ -93,7 +98,7 @@
 //*/
 
 //* text-shadow */
-.text_shadow (@h: 1px, @v: 1px, @c: #111) {
+.text_shadow (@h: 1px, @v: 1px, @c: @shadow_colour) {
        -moz-text-shadow: @h @v @c;
        -o-text-shadow: @h @v @c;
        -webkit-text-shadow: @h @v @c;
@@ -101,7 +106,7 @@
        text-shadow: @h @v @c;
 }
 //* transitions */
-.transition (@type: all, @dur: 0.5s, @effect: ease-in-out) {
+.transition (@type: all, @dur: 0.75s, @effect: ease-in-out) {
     -webkit-transition: @arguments;
     -moz-transition: @arguments;
     -o-transition: @arguments;
@@ -113,7 +118,9 @@
 .borders (@size: 1px, @style: solid, @colour: @main_colour) {
        border: @size @style @colour;
 }
-
+.med_borders (@sz: 2px, @st: solid, @c: @med_border_colour) {
+       border: @sz @st @c;
+}
 //* rounded box corners */
 .rounded_corners (@r: 5px) {
        -o-border-radius: @r;
@@ -129,7 +136,19 @@
        -webkit-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 */
 .wrap () {
        white-space: pre-wrap;
@@ -138,10 +157,16 @@
 }
 //* font size sizing */
 .default_font () {
-       font-size: 16px;
+       font-size: 14pt;
        line-height: 1.1em;
        font-family: sans-serif;
 }
+.font_size_adjust () {
+       -webkit-text-size-adjust: 100%;
+       -ms-text-size-adjust: 100%;
+       -o-text-size-adjust: 100%;
+       font-size-adjust: 100%;
+}
 
 //* reset ul, ol */
 .list_reset () {