Skip to content
Snippets Groups Projects
Commit c19c611e authored by Andreas Gohr's avatar Andreas Gohr
Browse files

lessyfied the first of template's CSS files

parent c51b334e
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
lib/tpl/dokuwiki/css/design.less
+ 310
− 272
View file @ c19c611e
......@@ -12,49 +12,49 @@
#dokuwiki__header {
padding: 2em 0 1.5em;
}
#dokuwiki__header .headings,
#dokuwiki__header .tools {
margin-bottom: 1.5em;
width: 49%;
}
#dokuwiki__header h1 img {
float: left;
margin-right: .5em;
.headings,
.tools {
margin-bottom: 1.5em;
width: 49%;
}
.tools {
margin-top: .2em;
}
h1 {
margin: 0;
font-size: 1.5em;
font-weight: normal;
img {
float: left;
margin-right: .5em;
}
span {
display: block;
padding-top: 10px;
}
a {
text-decoration: none;
color: @ini_text;
background-color: inherit;
}
}
p.claim {
margin-bottom: 0;
font-size: 0.875em;
}
}
[dir=rtl] #dokuwiki__header h1 img {
float: right;
margin-left: .5em;
margin-right: 0;
}
#dokuwiki__header h1 span {
display: block;
padding-top: 10px;
}
#dokuwiki__header h1 {
margin: 0;
font-size: 1.5em;
font-weight: normal;
}
#dokuwiki__header h1 a {
text-decoration: none;
color: __text__;
background-color: inherit;
}
#dokuwiki__header h1 a:hover,
#dokuwiki__header h1 a:active,
#dokuwiki__header h1 a:focus {
}
#dokuwiki__header p.claim {
margin-bottom: 0;
font-size: 0.875em;
}
#dokuwiki__header .tools {
margin-top: .2em;
}
/* tools
********************************************************************/
......@@ -73,41 +73,49 @@
font-weight: bold;
}
#dokuwiki__header .tools ul {
padding-left: 0;
margin-bottom: 0;
}
#dokuwiki__header .tools li {
font-size: 0.875em;
margin-left: 1em;
list-style: none;
display: inline;
#dokuwiki__header .tools {
ul {
padding-left: 0;
margin-bottom: 0;
}
li {
font-size: 0.875em;
margin-left: 1em;
list-style: none;
display: inline;
}
form.search div.ajax_qsearch li {
font-size: 1em;
margin-left: 0;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
}
[dir=rtl] #dokuwiki__header .tools li {
margin-right: 1em;
margin-left: 0;
}
#dokuwiki__header .tools form.search div.ajax_qsearch li {
font-size: 1em;
margin-left: 0;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
#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 {
padding-left: 0;
padding-right: 20px;
}
[dir=rtl] #IE7 #dokuwiki__usertools a.action {
display: inline-block;
}
#dokuwiki__header .mobileTools {
display: none; /* hide mobile tools dropdown to only show in mobile view */
}
......@@ -120,257 +128,285 @@
right: .5em;
text-align: right;
width: 100%;
ul {
margin: 0 auto;
padding: 0;
max-width: @ini_site_width;
}
a.action.admin {
background-position: left 0;
}
a.action.profile {
background-position: left -32px;
}
a.action.register {
background-position: left -64px;
}
a.action.login {
background-position: left -96px;
}
a.action.logout {
background-position: left -128px;
}
}
[dir=rtl] #dokuwiki__usertools {
text-align: left;
left: 40px;
right: auto;
}
#dokuwiki__usertools ul {
margin: 0 auto;
padding: 0;
max-width: __site_width__;
}
#dokuwiki__usertools ul li.user {
}
#dokuwiki__usertools a.action.admin {
background-position: left 0;
}
[dir=rtl] #dokuwiki__usertools a.action.admin {
background-position: right 0;
}
#dokuwiki__usertools a.action.profile {
background-position: left -32px;
}
[dir=rtl] #dokuwiki__usertools a.action.profile {
background-position: right -32px;
}
#dokuwiki__usertools a.action.register {
background-position: left -64px;
}
[dir=rtl] #dokuwiki__usertools a.action.register {
background-position: right -64px;
}
#dokuwiki__usertools a.action.login {
background-position: left -96px;
}
[dir=rtl] #dokuwiki__usertools a.action.login {
background-position: right -96px;
}
#dokuwiki__usertools a.action.logout {
background-position: left -128px;
}
[dir=rtl] #dokuwiki__usertools a.action.logout {
background-position: right -128px;
}
a.action.admin {
background-position: right 0;
}
a.action.profile {
background-position: right -32px;
}
a.action.register {
background-position: right -64px;
}
a.action.login {
background-position: right -96px;
}
a.action.logout {
background-position: right -128px;
}
}
/*____________ site tools ____________*/
#dokuwiki__sitetools {
text-align: right;
form.search {
display: block;
font-size: 0.875em;
position: relative;
input.edit {
width: 18em;
padding: .35em 22px .35em .1em;
}
input.button {
background: transparent url(images/search.png) no-repeat 0 0;
border-width: 0;
width: 19px;
height: 14px;
text-indent: -99999px;
margin-left: -20px;
box-shadow: none;
padding: 0;
}
}
ul {
margin-top: 0.5em;
}
}
[dir=rtl] #dokuwiki__sitetools {
text-align: left;
}
#dokuwiki__sitetools form.search {
display: block;
font-size: 0.875em;
position: relative;
form.search {
input.edit {
padding: .35em .1em .35em 22px;
}
input.button {
background-position: 5px 0;
margin-left: 0;
margin-right: -20px;
position: relative;
}
}
}
#IE7 #dokuwiki__sitetools form.search {
min-height: 1px;
z-index: 21;
}
#dokuwiki__sitetools form.search input.edit {
width: 18em;
padding: .35em 22px .35em .1em;
}
[dir=rtl] #dokuwiki__sitetools form.search input.edit {
padding: .35em .1em .35em 22px;
}
#dokuwiki__sitetools form.search input.button {
background: transparent url(images/search.png) no-repeat 0 0;
border-width: 0;
width: 19px;
height: 14px;
text-indent: -99999px;
margin-left: -20px;
box-shadow: none;
padding: 0;
}
[dir=rtl] #dokuwiki__sitetools form.search input.button {
background-position: 5px 0;
margin-left: 0;
margin-right: -20px;
position: relative;
}
#dokuwiki__sitetools ul {
margin-top: 0.5em;
}
#dokuwiki__sitetools li {
}
/*____________ breadcrumbs ____________*/
.dokuwiki div.breadcrumbs {
border-top: 1px solid __border__;
border-bottom: 1px solid __background__;
border-top: 1px solid @ini_border;
border-bottom: 1px solid @ini_background;
margin-bottom: .5em;
font-size: 0.875em;
clear: both;
}
.dokuwiki div.breadcrumbs div {
padding: .1em .35em;
}
.dokuwiki div.breadcrumbs div:only-child {
border-top: 1px solid __background__;
border-bottom: 1px solid __border__;
}
.dokuwiki div.breadcrumbs div:first-child {
border-top: 1px solid __background__;
div {
padding: .1em .35em;
}
div:only-child {
border-top: 1px solid @ini_background;
border-bottom: 1px solid @ini_border;
}
div:first-child {
border-top: 1px solid @ini_background;
}
div:last-child {
border-bottom: 1px solid @ini_border;
}
a {
color: @ini_link;
background-color: inherit;
}
.bcsep {
font-size: 0.75em;
}
}
#IE7 .dokuwiki div.breadcrumbs div,
#IE8 .dokuwiki div.breadcrumbs div {
border-bottom: 1px solid __border__;
}
.dokuwiki div.breadcrumbs div:last-child {
border-bottom: 1px solid __border__;
}
.dokuwiki div.breadcrumbs a {
color: __link__;
background-color: inherit;
}
.dokuwiki div.breadcrumbs .bcsep {
font-size: 0.75em;
border-bottom: 1px solid @ini_border;
}
/* sidebar
********************************************************************/
#dokuwiki__aside {
}
#dokuwiki__aside > .pad {
font-size: 0.875em;
overflow: hidden;
word-wrap: break-word;
}
/* make sidebar more condensed */
#dokuwiki__aside h1 {
font-size: 1.714em;
margin-bottom: .292em;
}
#dokuwiki__aside h2 {
margin-bottom: .333em;
}
#dokuwiki__aside h3 {
margin-bottom: .444em;
}
#dokuwiki__aside h4 {
margin-bottom: .5em;
}
#dokuwiki__aside h5 {
margin-bottom: .5714em;
}
#dokuwiki__aside p,
#dokuwiki__aside ul,
#dokuwiki__aside ol,
#dokuwiki__aside dl,
#dokuwiki__aside pre,
#dokuwiki__aside table,
#dokuwiki__aside fieldset,
#dokuwiki__aside hr,
#dokuwiki__aside blockquote,
#dokuwiki__aside address {
margin-bottom: .7em;
> .pad {
font-size: 0.875em;
overflow: hidden;
word-wrap: break-word;
}
/* make sidebar more condensed */
h1 {
font-size: 1.714em;
margin-bottom: .292em;
}
h2 {
margin-bottom: .333em;
}
h3 {
margin-bottom: .444em;
}
h4 {
margin-bottom: .5em;
}
h5 {
margin-bottom: .5714em;
}
p,
ul,
ol,
dl,
pre,
table,
fieldset,
hr,
blockquote,
address {
margin-bottom: .7em;
}
ul,
ol {
padding-left: .5em;
}
li ul,
li ol {
margin-bottom: 0;
padding: 0;
}
a:link,
a:visited {
color: @ini_link;
background-color: inherit;
}
}
#dokuwiki__aside ul,
#dokuwiki__aside ol {
padding-left: .5em;
}
[dir=rtl] #dokuwiki__aside ul,
[dir=rtl] #dokuwiki__aside ol {
padding-right: .5em;
}
#dokuwiki__aside li ul,
#dokuwiki__aside li ol {
margin-bottom: 0;
padding: 0;
}
#dokuwiki__aside a:link,
#dokuwiki__aside a:visited {
color: __link__;
background-color: inherit;
}
/* content
********************************************************************/
#dokuwiki__content {
}
.dokuwiki .pageId {
position: absolute;
top: -2.3em;
right: -1em;
overflow: hidden;
padding: 1em 1em 0;
}
[dir=rtl] .dokuwiki .pageId {
right: auto;
left: -1em;
}
.dokuwiki .pageId span {
font-size: 0.875em;
border: solid __background_alt__;
border-width: 1px 1px 0;
background-color: __background__;
color: __text_alt__;
padding: .1em .35em;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
box-shadow: 0 0 .5em __text_alt__;
display: block;
}
.dokuwiki div.page {
background: __background__;
color: inherit;
border: 1px solid __background_alt__;
box-shadow: 0 0 .5em __text_alt__;
border-radius: 2px;
padding: 1.556em 2em 2em;
margin-bottom: .5em;
overflow: hidden;
word-wrap: break-word;
}
.dokuwiki .docInfo {
font-size: 0.875em;
text-align: right;
}
[dir=rtl] .dokuwiki .docInfo {
text-align: left;
}
/* license note under edit window */
.dokuwiki div.license {
font-size: 93.75%;
.dokuwiki {
.pageId {
position: absolute;
top: -2.3em;
right: -1em;
overflow: hidden;
padding: 1em 1em 0;
}
.pageId span {
font-size: 0.875em;
border: solid @ini_background_alt;
border-width: 1px 1px 0;
background-color: @ini_background;
color: @ini_text_alt;
padding: .1em .35em;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
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;
}
.docInfo {
font-size: 0.875em;
text-align: right;
}
/* license note under edit window */
div.license {
font-size: 93.75%;
}
}
[dir=rtl] .dokuwiki {
.docInfo {
text-align: left;
}
.pageId {
right: auto;
left: -1em;
}
}
/* footer
********************************************************************/
......@@ -381,25 +417,27 @@
#dokuwiki__footer {
margin-bottom: 1em;
text-align: center;
}
#dokuwiki__footer > .pad {
font-size: 0.875em;
}
#dokuwiki__footer div.license {
margin-bottom: 0.5em;
font-size: 100%;
> .pad {
font-size: 0.875em;
}
div.license {
margin-bottom: 0.5em;
font-size: 100%;
}
div.buttons a img {
opacity: 0.5;
}
div.buttons a:hover img,
div.buttons a:active img,
div.buttons a:focus img {
opacity: 1;
}
}
[dir=rtl] #dokuwiki__footer .license img {
margin: 0 0 0 .5em;
}
#dokuwiki__footer div.buttons a img {
opacity: 0.5;
}
#dokuwiki__footer div.buttons a:hover img,
#dokuwiki__footer div.buttons a:active img,
#dokuwiki__footer div.buttons a:focus img {
opacity: 1;
}
lib/tpl/dokuwiki/style.ini
+ 1
− 1
View file @ c19c611e
......@@ -29,7 +29,7 @@ css/_modal.css = screen
css/_forms.css = screen
css/_admin.css = screen
css/structure.css = screen
css/design.css = screen
css/design.less = screen
css/pagetools.css = screen
css/content.css = screen
css/includes.css = screen
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment