From b0a0b422439fd5c86ced0c8a7f89bb2b93a11564 Mon Sep 17 00:00:00 2001
From: Anika Henke <anika@selfthinker.org>
Date: Tue, 30 Jul 2013 17:24:54 +0100
Subject: [PATCH] unlessified and lessified a few more css
---
lib/tpl/dokuwiki/css/content.less | 27 ++++-----
lib/tpl/dokuwiki/css/design.less | 94 ++++++++++++++---------------
lib/tpl/dokuwiki/css/mobile.less | 52 +++++++++-------
lib/tpl/dokuwiki/css/structure.less | 67 ++++++++++----------
4 files changed, 116 insertions(+), 124 deletions(-)
diff --git a/lib/tpl/dokuwiki/css/content.less b/lib/tpl/dokuwiki/css/content.less
index ae97d7d5e..56551fe3b 100644
--- a/lib/tpl/dokuwiki/css/content.less
+++ b/lib/tpl/dokuwiki/css/content.less
@@ -120,7 +120,6 @@
/* filenames for downloadable file and code blocks */
.dokuwiki dl.code,
.dokuwiki dl.file {
- dt,
dt {
background-color: @ini_background_site;
.linear-gradient(~"top, @{ini_background_alt} 0%, @{ini_background_site} 100%");
@@ -132,24 +131,22 @@
padding: .3em .6em .1em;
margin-bottom: -1px;
float: left;
- }
- dt a,
- dt a {
- background-color: transparent;
- font-size: 0.875em;
- font-weight: normal;
- display: block;
- min-height: 16px;
+
+ a {
+ background-color: transparent;
+ font-size: 0.875em;
+ font-weight: normal;
+ display: block;
+ min-height: 16px;
+ }
}
- dd,
dd {
margin: 0;
clear: left;
min-height: 1px; /* for IE7 */
}
- pre,
pre {
box-shadow: inset -4px -4px .5em -.3em @ini_border;
}
@@ -157,12 +154,10 @@
[dir=rtl] .dokuwiki dl.code,
[dir=rtl] .dokuwiki dl.file {
- dt,
dt {
float: right;
}
- dd,
dd {
clear: right;
}
@@ -329,10 +324,10 @@
ul {
padding: 0 0 0 1.2em;
- }
- ul li {
- list-style-image: url(images/toc-bullet.png);
+ li {
+ list-style-image: url(images/toc-bullet.png);
+ }
}
ul li.clear {
diff --git a/lib/tpl/dokuwiki/css/design.less b/lib/tpl/dokuwiki/css/design.less
index aba9c9c7b..42292de49 100644
--- a/lib/tpl/dokuwiki/css/design.less
+++ b/lib/tpl/dokuwiki/css/design.less
@@ -100,11 +100,9 @@
margin-left: 0;
}
-#dokuwiki__usertools {
- a.action {
- padding-left: 20px;
- background: transparent url(images/usertools.png) no-repeat 0 0;
- }
+#dokuwiki__usertools a.action {
+ padding-left: 20px;
+ background: transparent url(images/usertools.png) no-repeat 0 0;
}
[dir=rtl] #dokuwiki__usertools a.action {
@@ -350,17 +348,14 @@
/* content
********************************************************************/
-.dokuwiki {
-
- .pageId {
- position: absolute;
- top: -2.3em;
- right: -1em;
- overflow: hidden;
- padding: 1em 1em 0;
- }
+.dokuwiki .pageId {
+ position: absolute;
+ top: -2.3em;
+ right: -1em;
+ overflow: hidden;
+ padding: 1em 1em 0;
- .pageId span {
+ span {
font-size: 0.875em;
border: solid @ini_background_alt;
border-width: 1px 1px 0;
@@ -372,39 +367,37 @@
box-shadow: 0 0 .5em @ini_text_alt;
display: block;
}
+}
- div.page {
- background: @ini_background;
- color: inherit;
- border: 1px solid @ini_background_alt;
- box-shadow: 0 0 .5em @ini_text_alt;
- border-radius: 2px;
- padding: 1.556em 2em 2em;
- margin-bottom: .5em;
- overflow: hidden;
- word-wrap: break-word;
- }
+.dokuwiki div.page {
+ background: @ini_background;
+ color: inherit;
+ border: 1px solid @ini_background_alt;
+ box-shadow: 0 0 .5em @ini_text_alt;
+ border-radius: 2px;
+ padding: 1.556em 2em 2em;
+ margin-bottom: .5em;
+ overflow: hidden;
+ word-wrap: break-word;
+}
- .docInfo {
- font-size: 0.875em;
- text-align: right;
- }
+.dokuwiki .docInfo {
+ font-size: 0.875em;
+ text-align: right;
+}
- /* license note under edit window */
- div.license {
- font-size: 93.75%;
- }
+/* license note under edit window */
+.dokuwiki div.license {
+ font-size: 93.75%;
}
-[dir=rtl] .dokuwiki {
- .docInfo {
- text-align: left;
- }
+[dir=rtl] .dokuwiki .docInfo {
+ text-align: left;
+}
- .pageId {
- right: auto;
- left: -1em;
- }
+[dir=rtl] .dokuwiki .pageId {
+ right: auto;
+ left: -1em;
}
/* footer
@@ -427,15 +420,18 @@
font-size: 100%;
}
- div.buttons a img {
- opacity: 0.5;
- }
+ div.buttons a {
+ img {
+ opacity: 0.5;
+ }
- div.buttons a:hover img,
- div.buttons a:active img,
- div.buttons a:focus img {
- opacity: 1;
+ &:hover img,
+ &:active img,
+ &:focus img {
+ opacity: 1;
+ }
}
+
}
[dir=rtl] #dokuwiki__footer .license img {
diff --git a/lib/tpl/dokuwiki/css/mobile.less b/lib/tpl/dokuwiki/css/mobile.less
index 4362656a1..289f5afa3 100644
--- a/lib/tpl/dokuwiki/css/mobile.less
+++ b/lib/tpl/dokuwiki/css/mobile.less
@@ -40,22 +40,24 @@
#dokuwiki__aside h3.toggle {
font-size: 1em;
-}
-#dokuwiki__aside h3.toggle.closed {
- margin-bottom: 0;
- padding-bottom: 0;
-}
-#dokuwiki__aside h3.toggle.open {
- border-bottom: 1px solid @ini_border;
+
+ &.closed {
+ margin-bottom: 0;
+ padding-bottom: 0;
+ }
+ &.open {
+ border-bottom: 1px solid @ini_border;
+ }
}
.showSidebar #dokuwiki__content {
float: none;
margin-left: 0;
width: 100%;
-}
-.showSidebar #dokuwiki__content > .pad {
- margin-left: 0;
+
+ > .pad {
+ margin-left: 0;
+ }
}
[dir=rtl] .showSidebar #dokuwiki__content,
@@ -133,9 +135,10 @@ body {
#dokuwiki__site {
max-width: 100%;
-}
-#dokuwiki__site > .site {
- padding: 0 .5em;
+
+ > .site {
+ padding: 0 .5em;
+ }
}
#dokuwiki__header {
padding: .5em 0;
@@ -154,19 +157,21 @@ body {
list-style: none;
padding-left: 0;
margin: 0;
+
+ li {
+ margin-left: .35em;
+ display: inline;
+ }
}
[dir=rtl] #dokuwiki__header ul.a11y.skip {
left: auto !important;
right: 0 !important;
float: left;
padding-right: 0;
-}
-#dokuwiki__header ul.a11y.skip li {
- margin-left: .35em;
- display: inline;
-}
-[dir=rtl] #dokuwiki__header ul.a11y.skip li {
- margin: 0 .35em 0 0;
+
+ li {
+ margin: 0 .35em 0 0;
+ }
}
#dokuwiki__header .headings,
@@ -264,13 +269,14 @@ body {
.dokuwiki label.block {
text-align: left;
+
+ span {
+ display: block;
+ }
}
[dir=rtl] .dokuwiki label.block {
text-align: right;
}
-.dokuwiki label.block span {
- display: block;
-}
/* _edit */
.dokuwiki div.section_highlight {
diff --git a/lib/tpl/dokuwiki/css/structure.less b/lib/tpl/dokuwiki/css/structure.less
index f24440f08..3ea2f83eb 100644
--- a/lib/tpl/dokuwiki/css/structure.less
+++ b/lib/tpl/dokuwiki/css/structure.less
@@ -18,28 +18,27 @@ body {
#dokuwiki__header {
width: 100%;
-}
-#dokuwiki__header > .pad {
-}
+ .headings {
+ float: left;
+ }
-#dokuwiki__header .headings {
- float: left;
+ .tools {
+ float: right;
+ text-align: right;
+ }
}
-[dir=rtl] #dokuwiki__header .headings {
- float: right;
- text-align: right;
-}
+[dir=rtl] #dokuwiki__header {
+ .headings {
+ float: right;
+ text-align: right;
+ }
-#dokuwiki__header .tools {
- float: right;
- text-align: right;
-}
-
-[dir=rtl] #dokuwiki__header .tools {
- float: left;
- text-align: left;
+ .tools {
+ float: left;
+ text-align: left;
+ }
}
#dokuwiki__site .wrapper {
@@ -51,44 +50,40 @@ body {
float: left;
position: relative;
display: block;
+
+ > .pad {
+ margin: 0 1.5em 0 0;
+ }
}
[dir=rtl] #dokuwiki__aside {
float: right;
-}
-
-#dokuwiki__aside > .pad {
- margin: 0 1.5em 0 0;
-}
-
-[dir=rtl] #dokuwiki__aside > .pad {
- margin: 0 0 0 1.5em;
+ > .pad {
+ margin: 0 0 0 1.5em;
+ }
}
.showSidebar #dokuwiki__content {
float: right;
margin-left: (-1 * @ini_sidebar_width);
width: 100%;
+
+ > .pad {
+ margin-left: @ini_sidebar_width;
+ }
}
[dir=rtl] .showSidebar #dokuwiki__content {
float: left;
margin-left: 0;
margin-right: (-1 * @ini_sidebar_width);
-}
-.showSidebar #dokuwiki__content > .pad {
- margin-left: @ini_sidebar_width;
-}
-
-[dir=rtl] .showSidebar #dokuwiki__content > .pad {
- margin-left: 0;
- margin-right: @ini_sidebar_width;
+ > .pad {
+ margin-left: 0;
+ margin-right: @ini_sidebar_width;
+ }
}
#dokuwiki__footer {
clear: both;
}
-
-#dokuwiki__footer > .pad {
-}
--
GitLab