437 lines
8.9 KiB
CSS
437 lines
8.9 KiB
CSS
/**
|
|
* This file provides the main design styles for the
|
|
* bits that surround the content.
|
|
*
|
|
* @author Anika Henke <anika@selfthinker.org>
|
|
* @author Andreas Gohr <andi@splitbrain.org>
|
|
* @author Clarence Lee <clarencedglee@gmail.com>
|
|
*/
|
|
|
|
/* header
|
|
********************************************************************/
|
|
|
|
#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;
|
|
}
|
|
[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
|
|
********************************************************************/
|
|
|
|
/* highlight selected tool */
|
|
.mode_admin a.action.admin,
|
|
.mode_login a.action.login,
|
|
.mode_register a.action.register,
|
|
.mode_profile a.action.profile,
|
|
.mode_recent a.action.recent,
|
|
.mode_index a.action.index,
|
|
.mode_media a.action.media,
|
|
.mode_revisions a.action.revs,
|
|
.mode_backlink a.action.backlink,
|
|
.mode_subscribe a.action.subscribe {
|
|
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;
|
|
}
|
|
[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;
|
|
}
|
|
[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 */
|
|
}
|
|
|
|
/*____________ user tools ____________*/
|
|
|
|
#dokuwiki__usertools {
|
|
position: absolute;
|
|
top: .5em;
|
|
right: .5em;
|
|
text-align: right;
|
|
width: 100%;
|
|
}
|
|
[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;
|
|
}
|
|
|
|
|
|
/*____________ site tools ____________*/
|
|
|
|
#dokuwiki__sitetools {
|
|
text-align: right;
|
|
}
|
|
[dir=rtl] #dokuwiki__sitetools {
|
|
text-align: left;
|
|
}
|
|
|
|
#dokuwiki__sitetools form.search {
|
|
display: block;
|
|
font-size: 0.875em;
|
|
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__;
|
|
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__;
|
|
}
|
|
#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;
|
|
}
|
|
|
|
|
|
/*_________ plugin_translation _________*/
|
|
|
|
.dokuwiki div.plugin_translation {
|
|
float: left;
|
|
clear:left;
|
|
}
|
|
|
|
.dokuwiki div.plugin_translation span {
|
|
float:left;
|
|
}
|
|
|
|
.dokuwiki div.plugin_translation ul {
|
|
float:left;
|
|
}
|
|
|
|
.dokuwiki div.plugin_translation ul li {
|
|
margin: 0 0.1em;
|
|
}
|
|
|
|
/* sidebar
|
|
********************************************************************/
|
|
|
|
#dokuwiki__aside {
|
|
background: none repeat scroll 0 0 __background__;
|
|
border: 1px solid __border__;
|
|
border-radius: 2px 2px 2px 2px;
|
|
box-shadow: 0 0 0.5em __text_alt__;
|
|
color: inherit;
|
|
overflow: hidden;
|
|
padding: 0.6em;
|
|
word-wrap: break-word;
|
|
}
|
|
#dokuwiki__aside > .pad {
|
|
font-size: 0.875em;
|
|
overflow: hidden;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
/* make sidebar more condensed */.showSidebar #dokuwiki__content
|
|
|
|
#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;
|
|
}
|
|
|
|
#dokuwiki__aside ul,
|
|
#dokuwiki__aside ol {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
[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;
|
|
border-bottom: none;
|
|
font-size:1.1em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* 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%;
|
|
}
|
|
|
|
|
|
/* footer
|
|
********************************************************************/
|
|
|
|
.dokuwiki .wrapper {
|
|
margin-bottom: 1.4em;
|
|
}
|
|
|
|
#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%;
|
|
}
|
|
|
|
[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;
|
|
}
|