a first go at the admin styles

I'm not so sure about using the colors here. On the one hand they help
distinguishing the different topics and our current icons are colored,
too. On the other hand it might be too out of color scheme...

Note this will break with the next update of the icon font until
https://github.com/Templarian/MaterialDesign/issues/644 is fixed. If
this does not get fixed we will have no choice but to include the lookup
CSS as well, though I would prefer if we could avoid it.
This commit is contained in:
Andreas Gohr 2015-08-28 15:35:41 +02:00
parent 9e2e6a82d3
commit 4dcd83908d
4 changed files with 95 additions and 67 deletions

View File

@ -72,12 +72,21 @@ em em.u {
font-weight: normal;
font-style: normal;
}
.mdi {
display: inline-block;
font: normal normal normal 24px/1 MaterialDesignIcons;
font-size: inherit;
/* use when doing your own icon stuff */
.mdi-setup {
font-family: MaterialDesignIcons;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
/* use for stand alone icons */
.mdi {
.mdi-setup;
font: normal normal normal 24px/1 MaterialDesignIcons;
display: inline-block;
font-family: MaterialDesignIcons;
font-size: inherit;
}

View File

@ -1,62 +0,0 @@
/**
* This file provides styles for the Administration overview
* (?do=admin).
*/
.dokuwiki ul.admin_tasks {
float: left;
width: 40%;
list-style-type: none;
font-size: 1.125em;
}
[dir=rtl] .dokuwiki ul.admin_tasks {
float: right;
}
.dokuwiki ul.admin_tasks li {
padding-left: 35px;
margin: 0 0 1em 0;
font-weight: bold;
list-style-type: none;
background: transparent none no-repeat scroll 0 0;
color: inherit;
}
[dir=rtl] .dokuwiki ul.admin_tasks li {
padding-left: 0;
padding-right: 35px;
background-position: right 0;
}
.dokuwiki ul.admin_tasks li.admin_acl {
background-image: url(../../images/admin/acl.png);
}
.dokuwiki ul.admin_tasks li.admin_usermanager {
background-image: url(../../images/admin/usermanager.png);
}
.dokuwiki ul.admin_tasks li.admin_plugin {
background-image: url(../../images/admin/plugin.png);
}
.dokuwiki ul.admin_tasks li.admin_config {
background-image: url(../../images/admin/config.png);
}
.dokuwiki ul.admin_tasks li.admin_styling {
background-image: url(../../images/admin/styling.png);
}
.dokuwiki ul.admin_tasks li.admin_revert {
background-image: url(../../images/admin/revert.png);
}
.dokuwiki ul.admin_tasks li.admin_popularity {
background-image: url(../../images/admin/popularity.png);
}
/* DokuWiki version below */
.dokuwiki #admin__version {
clear: left;
float: right;
color: @ini_text_neu;
background-color: inherit;
}
[dir=rtl] .dokuwiki #admin__version {
clear: right;
float: left;
}

View File

@ -0,0 +1,81 @@
/**
* This file provides styles for the Administration overview
* (?do=admin).
*/
.dokuwiki ul.admin_tasks {
float: left;
width: 40%;
list-style-type: none;
font-size: 1.125em;
li {
margin: 0 0 1em 0;
font-weight: bold;
list-style-type: none;
color: inherit;
div:before {
.mdi-setup;
font-size: 1.5em;
font-weight: normal;
margin-right: 0.5em;
text-shadow: 1px 1px 1px @ini_text;
}
}
li.admin_usermanager div:before {
content: "\f10a";
color: #98CDFF;
}
li.admin_acl div:before {
content: "\f3a7";
color: #F3E100;
}
li.admin_plugin div:before {
content: "\f4a8";
color: #118A11;
}
li.admin_config div:before {
content: "\f4f0";
color: #93191A;
}
li.admin_styling div:before {
content: "\f45f";
color: #685120;
}
li.admin_revert div:before {
content: "\f158";
color: #61E03A;
}
li.admin_popularity div:before {
content: "\f2ae";
color: #7173BE;
}
}
[dir=rtl] .dokuwiki ul.admin_tasks {
float: right;
}
/* DokuWiki version below */
.dokuwiki #admin__version {
clear: left;
float: right;
color: @ini_text_neu;
background-color: inherit;
}
[dir=rtl] .dokuwiki #admin__version {
clear: right;
float: left;
}

View File

@ -33,7 +33,7 @@ css/_diff.css = screen
css/_edit.css = screen
css/_modal.css = screen
css/_forms.css = screen
css/_admin.css = screen
css/_admin.less = screen
css/structure.less = screen
css/design.less = screen
css/pagetools.less = screen