// 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 */
@dk_bg_colour: #1d1f1d;
@bg_colour: #2e2f2e;
@med_bg_colour: #4e4f4e;
@menu_bg_colour: #555753;
-
//* font colour, aka color: */
@lt_main_colour: #ffff99;
@main_colour: #eeeecc;
@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;
//@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;
//*/
//* 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;
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;
.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;
}
//* 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 () {