aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/dispy/light
diff options
context:
space:
mode:
Diffstat (limited to 'view/theme/dispy/light')
-rw-r--r--view/theme/dispy/light/_base.less101
-rw-r--r--view/theme/dispy/light/style.css17
-rw-r--r--view/theme/dispy/light/style.less62
3 files changed, 146 insertions, 34 deletions
diff --git a/view/theme/dispy/light/_base.less b/view/theme/dispy/light/_base.less
new file mode 100644
index 000000000..35a539acc
--- /dev/null
+++ b/view/theme/dispy/light/_base.less
@@ -0,0 +1,101 @@
+//*
+//* _base.less
+//*
+//*
+
+//* backgrounds */
+@dk_bg_colour: #1d1f1d;
+@bg_colour: #2e2f2e;
+@bg_alt_colour: #2e302e;
+@med_bg_colour: #4e4f4f;
+@menu_bg_colour: #555753;
+
+
+//* font colour, aka color: */
+@lt_main_colour: #ffff99;
+@main_colour: #eeeecc;
+@main_alt_colour: #eeeeee;
+@disabled_colour: #ddddbb;
+@shiny_colour: #2e3436;
+
+@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%);
+@lt_link_colour: lighten(@link_colour, 10%);
+//@hover_colour: #729fcf;
+@hover_colour: darken(@link_colour, 10%);
+
+//* box shadows */
+@menu_shadow: 5px 0 10px 0 #111;
+@main_shadow: 3px 3px 3px 10px 0 #111;
+
+// default here is @main_shadow
+.box_shadow(@h: 5px, @v: 5px, @blur: 5px, @spread: 0px, @colour: #111) {
+ -moz-box-shadow: @h @v @blur @spread @colour;
+ -o-box-shadow: @h @v @blur @spread @colour;
+ -webkit-box-shadow: @h @v @blur @spread @colour;
+ -ms-box-shadow: @h @v @blur @spread @colour;
+ box-shadow: @h @v @blur @spread @colour;
+}
+
+//* text-shadow */
+.text_shadow (@h: 1px, @v: 1px, @c: #111) {
+ -moz-text-shadow: @h @v @c;
+ -o-text-shadow: @h @v @c;
+ -webkit-text-shadow: @h @v @c;
+ -ms-text-shadow: @h @v @c;
+ text-shadow: @h @v @c;
+}
+//* transitions */
+.transition (@type: all, @dur: 0.5s, @effect: ease-in-out) {
+ -webkit-transition: @arguments;
+ -moz-transition: @arguments;
+ -o-transition: @arguments;
+ -ms-transition: @arguments;
+ transition: @arguments;
+}
+
+//* borders */
+.borders (@size: 1px, @style: solid, @colour: @main_colour) {
+ border: @size @style @colour;
+}
+
+//* rounded box corners */
+.rounded_corners (@r: 5px) {
+ -o-border-radius: @r;
+ -webkit-border-radius: @r;
+ -moz-border-radius: @r;
+ -ms-border-radius: @r;
+ border-radius: @r;
+}
+
+//* pre wrap */
+.wrap () {
+ white-space: pre-wrap;
+ white-space: pre;
+ word-wrap: break-word;
+}
+//* font size sizing */
+.default_font_size () {
+ font-size: 16px;
+ line-height: 1.1em;
+ font-family: sans-serif;
+}
+
+//* reset ul, ol */
+.list_reset () {
+ margin: 0px;
+ padding: 0px;
+ list-style: none;
+ list-style-position: inside;
+}
+
+//* box size: width, height */
+.box (@w: 20px, @h: 20px) {
+ width: @w;
+ height: @h;
+}
+
diff --git a/view/theme/dispy/light/style.css b/view/theme/dispy/light/style.css
index fc293def8..19ae9b6e8 100644
--- a/view/theme/dispy/light/style.css
+++ b/view/theme/dispy/light/style.css
@@ -2,10 +2,10 @@ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display
audio,canvas,video,time{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]),[hidden]{display:none;}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
-body{margin:0;font-size:16px;line-height:1.1em;font-family:sans-serif;color:#222;background-color:#e8e8e8;}
-button,input,select,textarea{font-family:sans-serif;color:#222;background-color:#e8e8e8;}
-select{border:1px #555 dotted;padding:3px;margin:3px;color:#222;background:#e8e8e8;}
-option{padding:3px;color:#222;background:#e8e8e8;}option[selected="selected"]{color:#111;background:#cca;}
+body{margin:0;font-size:16px;line-height:1.1em;font-family:sans-serif;color:#111;background-color:#eee;}
+button,input,select,textarea{font-family:sans-serif;color:#222;background-color:#eee;}
+select{border:1px #555 dotted;padding:3px;margin:3px;color:#222;background:#eee;}
+option{padding:3px;color:#222;background:#eee;}option[selected="selected"]{color:#111;background:#cca;}
ul,ol{padding:0;}
:focus{outline:0;}
[disabled="disabled"]{background:#ddd;color:#333;}
@@ -73,8 +73,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm
#nav-buttons{clear:both;list-style:none;padding:0px;margin:0px;height:25px;}#nav-buttons>li{padding:0;display:inline-block;margin:0px -4px 0px 0px;}
.floaterflip{display:block;position:fixed;z-index:110;top:56px;right:19px;width:22px;height:22px;overflow:hidden;margin:0px;background:transparent url(light/icons.png) -190px -60px no-repeat;}
.search-box{display:inline-block;margin:5px;position:fixed;right:0px;bottom:0px;z-index:100;background:#1d1f1d;border-radius:5px;}
-#search-text{border:1px #eec solid;background:#2e3436;color:#eec;}
-.search-box #search-text{margin:8px;width:10em;height:14px;color:#eec;}
+#search-text{border:1px #eec solid;background:#2e3436;color:#eec;font-size:8pt;margin:8px;width:10em;height:14px;}
#scrollup{position:fixed;right:5px;bottom:40px;z-index:100;}#scrollup a:hover{text-decoration:none;border:0;}
#user-menu{box-shadow:5px 0 10px 0 #111;display:block;width:75%;margin:3px 0 0 0;position:relative;background-color:#555753;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#555753 url("light/menu-user-pin.jpg") 98% center no-repeat;clear:both;top:4px;left:10px;padding:2px;}#user-menu>a{vertical-align:top;}
#user-menu-label{font-size:12px;padding:3px 20px 9px 5px;height:10px;}
@@ -103,11 +102,11 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify,nav #nav-notifications-linkm
.vcard #profile-photo-wrapper{margin:20px;}.vcard #profile-photo-wrapper img{box-shadow:3px 3px 10px 0 #000;}
#asidemain h4{font-size:1.2em;}
#asidemain #viewcontacts{text-align:right;}
+#asidemain #contact-block{width:99%;}#asidemain #contact-block .contact-block-content{width:99%;}#asidemain #contact-block .contact-block-content .contact-block-div{float:left;margin:0 5px 5px 0;width:50px;height:50px;padding:3px;position:relative;}
.aprofile dt{background:transparent;color:#666666;font-weight:bold;box-shadow:1px 1px 5px 0 #000;margin:15px 0 5px;padding-left:5px;}
#profile-extra-links ul{margin-left:0px;padding-left:0px;list-style:none;}
#dfrn-request-link{background:#3465a4 url(light/connect.png) no-repeat 95% center;border-radius:5px 5px 5px 5px;color:#fff;display:block;font-size:1.2em;padding:0.2em 0.5em;}
#wallmessage-link{color:#eee;display:block;font-size:1.2em;padding:0.2em 0.5em;}
-#netsearch-box{margin:20px 0px 30px;width:150px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;}
.ttright{margin:0px 0px 0px 0px;}
.contact-block-div{width:50px;height:50px;float:left;}
.contact-block-textdiv{width:150px;height:34px;float:left;}
@@ -217,7 +216,7 @@ div[id$="text"]{font-weight:bold;border-bottom:1px solid #ccc;}
div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:left;}
.profile-match-wrapper{float:left;margin:0 5px 40px 0;width:120px;height:120px;padding:3px;position:relative;}
.icon.drophide.profile-match-ignore{margin:0 6px 0 -3px;}
-[id$="-end"],[class$="end"]{clear:both;margin:0 0 10px 0;}
+[id$="-end"],[class$="-end"]{clear:both;margin:0 0 10px 0;}
.profile-match-end{margin:0 0 5px 0;}
.profile-match-name{font-weight:bold;margin:auto auto auto 23px;}
.profile-match-connect{font-style:italic;margin:auto auto auto 23px;}
@@ -384,7 +383,7 @@ div[id$="wrapper"]{height:100%;margin-bottom:1em;}div[id$="wrapper"] br{clear:le
#side-peoplefind-url{background-color:#e5e0cf;color:#666;border:1px #666 solid;margin-right:3px;width:75%;}#side-peoplefind-url:hover,#side-peoplefind-url:focus{background-color:#efefef;color:#222;border:1px 333 solid;}
.nets-ul{list-style-type:none;padding-left:0px;}.nets-ul li{margin:10px 0 0;}
.nets-link,.nets-all{margin-left:0px;}
-#netsearch-box{margin-top:20px;width:150px;}#netsearch-box #search-submit{margin:5px 0px 0px 0px;}
+#netsearch-box{margin:20px 0px 30px;width:135px;}#netsearch-box #search-submit{margin:5px 5px 0px 0px;}
#pending-update{float:right;color:#fff;font-weight:bold;background-color:#ff0000;padding:0 .3em;}
.admin.linklist{border:0;padding:0;}
.admin.link{list-style-position:inside;}
diff --git a/view/theme/dispy/light/style.less b/view/theme/dispy/light/style.less
index f14284f39..8968da42e 100644
--- a/view/theme/dispy/light/style.less
+++ b/view/theme/dispy/light/style.less
@@ -13,6 +13,8 @@
/* from html5boilerplate */
/* these are to tell browsers they should be displayed a certain way */
+//@import "_base.less";
+
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block; }
@@ -44,25 +46,25 @@ body {
font-size: 16px;
line-height: 1.1em;
font-family: sans-serif;
- color: #222;
- background-color: #e8e8e8; }
+ color: #111;
+ background-color: #eee; }
button, input, select, textarea {
font-family: sans-serif;
color: #222;
- background-color: #e8e8e8; }
+ background-color: #eee; }
select {
border: 1px #555 dotted;
padding: 3px;
margin: 3px;
color: #222;
- background: #e8e8e8; }
+ background: #eee; }
option {
padding: 3px;
color: #222;
- background: #e8e8e8;
+ background: #eee;
&[selected="selected"] {
color: #111;
background: #cca; } }
@@ -478,13 +480,11 @@ nav #nav-notifications-linkmenu {
#search-text {
border: 1px #eec solid;
background: #2e3436;
- color: #eec; }
-
-.search-box #search-text {
+ color: #eec;
+ font-size: 8pt;
margin: 8px;
width: 10em;
- height: 14px;
- color: #eec; }
+ height: 14px; }
#scrollup {
position: fixed;
@@ -694,10 +694,26 @@ nav #nav-notifications-linkmenu {
*/
#asidemain {
- h4 {
- font-size: 1.2em; }
- #viewcontacts {
- text-align: right; } }
+ h4 {
+ font-size: 1.2em; }
+ #viewcontacts {
+ text-align: right;
+ }
+ #contact-block {
+ width: 99%;
+ .contact-block-content {
+ width: 99%;
+ .contact-block-div {
+ float: left;
+ margin: 0 5px 5px 0;
+ width: 50px;
+ height: 50px;
+ padding: 3px;
+ position: relative;
+ }
+ }
+ }
+}
.aprofile dt {
background: transparent;
@@ -728,12 +744,6 @@ nav #nav-notifications-linkmenu {
font-size: 1.2em;
padding: 0.2em 0.5em; }
-#netsearch-box {
- margin: 20px 0px 30px;
- width: 150px;
- #search-submit {
- margin: 5px 5px 0px 0px; } }
-
.ttright {
margin: 0px 0px 0px 0px; }
@@ -1401,7 +1411,7 @@ div {
}
-[id$="-end"], [class$="end"] {
+[id$="-end"], [class$="-end"] {
clear: both;
margin: 0 0 10px 0; }
@@ -2207,10 +2217,12 @@ div {
margin-left: 0px; }
#netsearch-box {
- margin-top: 20px;
- width: 150px;
- #search-submit {
- margin: 5px 0px 0px 0px; } }
+ margin: 20px 0px 30px;
+ width: 135px;
+ #search-submit {
+ margin: 5px 5px 0px 0px;
+ }
+}
/**
* admin
generated by cgit v1.2.3 (git 2.25.1) at 2024-12-14 08:18:22 +0000