basic less structure, template main doc head changes

This commit is contained in:
Jana Deutschländer 2016-10-31 17:07:38 +01:00
parent 9e15017636
commit ccbb71de8d
18 changed files with 134 additions and 1217 deletions

9
README
View file

@ -1,2 +1,7 @@
See template.info.txt for main info
See COPYING for license info
sprintDoc Template (FIXME URL)
for DokuWiki [https://www.dokuwiki.org]
by Jana Deutschlaender <deutschlaender@cosmocode.de>
Version: see template.info.txt
License: GPL2, see COPYING

1
README.md Normal file
View file

@ -0,0 +1 @@
# sprintDoc Template for dokuwiki

6
css/area_content.less Executable file
View file

@ -0,0 +1,6 @@
/**
* This file provides the design styles for the page content.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/

5
css/area_footer.less Normal file
View file

@ -0,0 +1,5 @@
/**
* This file provides the design styles for the page footer
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/

5
css/area_header.less Normal file
View file

@ -0,0 +1,5 @@
/**
* This file provides the design styles for the page header.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/

5
css/base.less Executable file
View file

@ -0,0 +1,5 @@
/**
* This file provides the basic styles.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/

7
css/base_design.less Executable file
View file

@ -0,0 +1,7 @@
/**
* This file provides the main design styles
* across all template elements (typo, colors etc.)
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/

5
css/base_fonts.less Executable file
View file

@ -0,0 +1,5 @@
/**
* This file provides styles for web fonts and icon fonts
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/

5
css/base_structure.less Executable file
View file

@ -0,0 +1,5 @@
/**
* This file provides styles for the general layout structure.
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/

View file

@ -1,452 +0,0 @@
/**
* This file provides the most basic styles.
*
* If you integrate DokuWiki into another project, you might either
* want to integrate this file into the other project as well, or use
* the other project's basic CSS for DokuWiki instead of this one.
*
* @author Anika Henke <anika@selfthinker.org>
*/
html {
overflow-x: auto;
overflow-y: scroll;
}
html,
body {
background-color: __background__;
color: __text__;
margin: 0;
padding: 0;
}
body {
font: normal 100%/1.4 Frutiger, Calibri, "Myriad Pro", Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
/* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
-webkit-text-size-adjust: 100%;
}
/*____________ headers ____________*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;
font-weight: bold;
color: __text_neu__;
background-color: inherit;
padding: 0;
line-height: 1.2;
clear: left; /* ideally 'both', but problems with toc */
}
[dir=rtl] h1,
[dir=rtl] h2,
[dir=rtl] h3,
[dir=rtl] h4,
[dir=rtl] h5,
[dir=rtl] h6 {
clear: right;
}
h1 {
font-size: 2.25em;
margin: 0 0 0.444em;
}
h2 {
font-size: 1.5em;
margin: 0 0 0.666em;
}
h3 {
font-size: 1.125em;
margin: 0 0 0.888em;
}
h4 {
font-size: 1em;
margin: 0 0 1.0em;
}
h5 {
font-size: .875em;
margin: 0 0 1.1428em;
}
h6 {
font-size: .75em;
margin: 0 0 1.333em;
}
/* bottom margin = 1 / font-size */
caption,
figcaption,
summary,
legend {
font-style: italic;
font-weight: normal;
line-height: 1.2;
padding: 0;
margin: 0 0 .35em;
}
/*____________ basic margins and paddings ____________*/
p,
ul,
ol,
dl,
pre,
table,
hr,
blockquote,
figure,
details,
fieldset,
address {
margin: 0 0 1.4em 0; /* bottom margin = line-height */
padding: 0;
}
div {
margin: 0;
padding: 0;
}
/*____________ lists ____________*/
ul,
ol {
padding: 0 0 0 1.5em;
}
[dir=rtl] ul,
[dir=rtl] ol {
padding: 0 1.5em 0 0;
}
li,
dd {
padding: 0;
margin: 0 0 0 1.5em;
}
[dir=rtl] li,
[dir=rtl] dd {
margin: 0 1.5em 0 0;
}
dt {
font-weight: bold;
margin: 0;
padding: 0;
}
li ul,
li ol,
li dl,
dl ul,
dl ol,
dl dl {
margin-bottom: 0;
padding: 0;
}
li li {
font-size: 100%;
}
ul {
list-style: disc outside;
}
ol {
list-style: decimal outside;
}
ol ol {
list-style-type: lower-alpha;
}
ol ol ol {
list-style-type: upper-roman;
}
ol ol ol ol {
list-style-type: upper-alpha;
}
ol ol ol ol ol {
list-style-type: lower-roman;
}
/*____________ tables ____________*/
table {
border-collapse: collapse;
empty-cells: show;
border-spacing: 0;
border: 1px solid __border__;
}
caption {
caption-side: top;
text-align: left;
}
[dir=rtl] caption {
text-align: right;
}
th,
td {
padding: .3em .5em;
margin: 0;
vertical-align: top;
border: 1px solid __border__;
}
th {
font-weight: bold;
background-color: __background_alt__;
color: inherit;
text-align: left;
}
[dir=rtl] th {
text-align: right;
}
/*____________ links ____________*/
a {
}
a:link,
a:visited {
text-decoration: none;
color: #00c; /* §colour */
}
a:link:hover,
a:visited:hover,
a:link:focus,
a:visited:focus,
a:link:active,
a:visited:active {
text-decoration: underline;
}
a:link:focus,
a:visited:focus {
outline: 1px dotted;
}
a:link:active,
a:visited:active {
color: #c00; /* §colour */
}
/*____________ misc ____________*/
img {
border-width: 0;
vertical-align: middle;
color: #666;
background-color: transparent;
font-style: italic;
height: auto;
}
img,
object,
embed,
iframe,
video,
audio {
max-width: 100%;
}
iframe {
border-width: 0;
background-color: inherit;
}
/* IE8 and below won't display the images otherwise */
#IE8 img,
button img {
max-width: none;
}
hr {
border-style: solid;
border-width: 1px 0 0;
text-align: center;
height: 0;
width: 100%;
clear: both;
}
acronym,
abbr {
font-style: normal;
}
acronym[title],
abbr[title] {
cursor: help;
border-bottom: 1px dotted;
}
em acronym,
em abbr {
font-style: italic;
}
mark {
background: __highlight__;
color: inherit;
}
pre,
code,
samp,
kbd {
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
/* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
font-size: 1em;
background-color: __background_alt__;
color: __text__;
direction: ltr;
text-align: left;
}
pre {
border: 1px solid __border__;
padding: 0 .2em;
overflow: auto;
word-wrap: normal;
}
blockquote {
padding: 0 .5em;
border: solid __border__;
border-width: 0 0 0 .25em;
}
[dir=rtl] blockquote {
border-width: 0 .25em 0 0;
}
q:before,
q:after {
content: '';
}
sub,
sup {
font-size: .8em;
line-height: 1;
}
sub {
vertical-align: sub;
}
sup {
vertical-align: super;
}
small {
font-size: .8em;
}
/*____________ forms ____________*/
form {
display: inline;
margin: 0;
padding: 0;
}
fieldset {
padding: .7em 1em 0;
padding: .7rem 1rem; /* for those browsers understanding :last-child */
border: 1px solid #999;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
padding: 0 .1em;
}
label {
vertical-align: middle;
cursor: pointer;
}
input,
textarea,
button,
select,
optgroup,
option,
keygen,
output,
meter,
progress {
font: inherit;
color: inherit;
/* background-color destroys button look */
line-height: normal;
margin: 0;
vertical-align: middle;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input,
button,
select,
keygen,
textarea {
padding: .1em;
}
input[type=radio],
input[type=checkbox],
input[type=image],
input.check {
padding: 0;
}
input[type=submit],
input[type=button],
input[type=reset],
input.button,
button {
cursor: pointer;
overflow: visible;
padding: .1em .4em;
}
input[disabled],
button[disabled],
select[disabled],
textarea[disabled],
option[disabled],
input[readonly],
button[readonly],
select[readonly],
textarea[readonly] {
cursor: auto;
opacity: .5;
}
input:focus,
button:focus,
select:focus,
keygen:focus,
textarea:focus {
box-shadow: 0 0 5px #999;
outline: 0;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
select {
max-width: 100%;
}
optgroup {
font-style: italic;
font-weight: bold;
}
option {
font-style: normal;
font-weight: normal;
}

View file

@ -1,169 +0,0 @@
/**
* This file provides the main design styles for the page content.
*
* @author Anika Henke <anika@selfthinker.org>
* @author Andreas Gohr <andi@splitbrain.org>
*/
/*____________ section indenting ____________
.dokuwiki .page h1 {margin-left: 0;}
.dokuwiki .page h2 {margin-left: .666em;}
.dokuwiki .page h3 {margin-left: 1.776em;}
.dokuwiki .page h4 {margin-left: 3em;}
.dokuwiki .page h5 {margin-left: 4.5712em;}
.dokuwiki .page div.level1 {margin-left: 0;}
.dokuwiki .page div.level2 {margin-left: 1em;}
.dokuwiki .page div.level3 {margin-left: 2em;}
.dokuwiki .page div.level4 {margin-left: 3em;}
.dokuwiki .page div.level5 {margin-left: 4em;}
[dir=rtl] .dokuwiki .page h1 {margin-left: 0; margin-right: 0;}
[dir=rtl] .dokuwiki .page h2 {margin-left: 0; margin-right: .666em;}
[dir=rtl] .dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;}
[dir=rtl] .dokuwiki .page h4 {margin-left: 0; margin-right: 3em;}
[dir=rtl] .dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;}
[dir=rtl] .dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;}
[dir=rtl] .dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;}
[dir=rtl] .dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;}
[dir=rtl] .dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;}
[dir=rtl] .dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;}
*/
/* hx margin-left = (1 / font-size) * .levelx-margin */
/*____________ links to wiki pages (addition to _links) ____________*/
/* existing wikipage */
.dokuwiki a.wikilink1 {
color: __existing__;
background-color: inherit;
}
/* not existing wikipage */
.dokuwiki a.wikilink2 {
color: __missing__;
background-color: inherit;
}
/*____________ images ____________*/
/* embedded images (styles are already partly set in DokuWiki's lib/styles/all.css) */
.dokuwiki img.media {
margin: .2em 0;
}
.dokuwiki img.medialeft {
margin: .2em 1.5em .2em 0;
}
.dokuwiki img.mediaright {
margin: .2em 0 .2em 1.5em;
}
.dokuwiki img.mediacenter {
margin: .2em auto;
}
/*____________ tables ____________*/
/* div before each table */
.dokuwiki div.table {
}
.dokuwiki table.inline {
min-width: 50%;
}
.dokuwiki table.inline tr:hover td {
background-color: __background_alt__;
}
.dokuwiki table.inline tr:hover th {
background-color: __border__;
}
/*____________ code ____________*/
/* fix if background-color hides underlining */
.dokuwiki em.u code {
text-decoration: underline;
}
/* filenames for downloadable file and code blocks */
.dokuwiki dl.code,
.dokuwiki dl.file {
}
.dokuwiki dl.code dt,
.dokuwiki dl.file dt {
background-color: __background_alt__;
border: solid __border__;
border-width: 1px 1px 0;
color: inherit;
display: inline;
padding: .1em .5em .2em;
margin-left: 1em;
}
[dir=rtl] .dokuwiki dl.code dt,
[dir=rtl] .dokuwiki dl.file dt {
margin-left: 0;
margin-right: 1em;
}
.dokuwiki dl.code dt a,
.dokuwiki dl.file dt a {
}
.dokuwiki dl.code dd,
.dokuwiki dl.file dd {
margin: 0;
}
/* for code in <file> */
.dokuwiki pre.file,
.dokuwiki dl.file pre,
.dokuwiki dl.file dt {
border-color: __text_neu__;
}
/*____________ media manager ____________*/
/* some headings in the media manager should not look like headings */
#mediamanager__page h2,
#mediamanager__page h3 {
font-family: Frutiger, Calibri, Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: __text__;
}
/* to style button-like div in _fileuploader.css to look like other buttons,
please add '.qq-upload-button' to the according styles (which don't really exist in this template) */
.qq-upload-button {
border: 1px solid __border__;
background-color: __background_alt__;
padding: 0.125em 0.4em;
}
/*____________ styling plugin ____________*/
#plugin__styling.ispopup {
padding: 1em;
}
/*____________ JS popup ____________*/
.JSpopup {
background-color: __background__;
color: __text__;
border: 1px solid __border__;
line-height: 1.2;
padding: 0 .2em;
}
.JSpopup ul,
.JSpopup ol {
padding-left: 0;
}
[dir=rtl] .JSpopup ul,
[dir=rtl] .JSpopup ol {
padding-right: 0;
}

View file

@ -1,248 +0,0 @@
/**
* 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>
*/
/* header
********************************************************************/
#dokuwiki__header {
margin: 1em 0 0;
}
#dokuwiki__header .headings {
margin-bottom: 2.1em;
}
#dokuwiki__header h1 {
margin-bottom: 0;
font-size: 1.5em;
}
#dokuwiki__header h1 a {
text-decoration: none;
color: #00c;
background-color: inherit;
}
#dokuwiki__header p.claim {
margin-bottom: 0;
}
#dokuwiki__header h2 {
margin-bottom: 0;
font-size: 1.125em;
}
#dokuwiki__header .tools {
margin-bottom: 2.1em;
}
#dokuwiki__header .tools ul {
margin-bottom: 0;
}
#dokuwiki__header .tools ul li {
display: inline;
}
#dokuwiki__header form.search {
margin: .5em 0 0;
display: block;
}
#dokuwiki__header form.search #qsearch__in {
width: 12em;
margin-right: .5em;
}
[dir=rtl] #dokuwiki__header form.search #qsearch__in {
margin-right: 0;
margin-left: .5em;
}
#dokuwiki__header div.breadcrumbs {
margin-bottom: .3em;
}
#dokuwiki__header div.breadcrumbs a {
color: __existing__;
background-color: inherit;
}
/* tools
********************************************************************/
/* make wiki links look the same as tool links in tool bars */
#dokuwiki__usertools a.wikilink1,
#dokuwiki__pagetools a.wikilink1,
#dokuwiki__usertools a.wikilink2,
#dokuwiki__pagetools a.wikilink2 {
color: #00c;
border-bottom-width: 0;
}
#dokuwiki__usertools a.wikilink2:hover,
#dokuwiki__pagetools a.wikilink2:hover,
#dokuwiki__usertools a.wikilink2:active,
#dokuwiki__pagetools a.wikilink2:active,
#dokuwiki__usertools a.wikilink2:focus,
#dokuwiki__pagetools a.wikilink2:focus {
text-decoration: underline;
}
/* 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;
}
/*____________ user tools ____________*/
#dokuwiki__usertools {
position: absolute;
top: 0;
right: 0;
border-bottom: 1px solid __border__;
background-color: __background_alt__;
width: 100%;
}
#dokuwiki__usertools ul,
#dokuwiki__pagetools ul {
/* imitate #dokuwiki__site */
margin: 0 auto;
max-width: __site_width__;
padding: 0 1em;
}
#dokuwiki__usertools ul li.user {
float: left;
margin-left: 0;
}
[dir=rtl] #dokuwiki__usertools ul li.user {
float: right;
margin-right: 0;
}
/*____________ page tools ____________*/
#dokuwiki__pagetools {
position: fixed;
bottom: 0;
left: 0;
border-top: 1px solid __border__;
background-color: __background_alt__;
width: 100%;
z-index: 10;
}
#dokuwiki__pagetools ul li {
display: inline;
margin: 0 1.5em 0 0;
}
#dokuwiki__pagetools ul li a.action.top {
float: right;
}
[dir=rtl] #dokuwiki__pagetools ul li a.action.top {
float: left;
}
/* sidebar
********************************************************************/
#dokuwiki__aside {
padding-top: .4em;
}
.dokuwiki .aside {
overflow: hidden;
word-wrap: break-word;
line-height: 1.2;
}
/* make sidebar more condensed */
.dokuwiki .aside h1 {
margin-bottom: .222em;
}
.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: .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;
}
/* content
********************************************************************/
.dokuwiki .page {
word-wrap: break-word;
}
/* license note in footer and under edit window */
.dokuwiki div.license {
font-size: 93.75%;
}
/* footer
********************************************************************/
.dokuwiki .wrapper {
margin-bottom: 2.8em;
}
#dokuwiki__footer {
margin-bottom: 1em;
}
#dokuwiki__footer .doc {
float: left;
}
#dokuwiki__footer .top {
float: right;
}
#dokuwiki__footer .license {
clear: both;
}
#dokuwiki__footer .license img {
margin: 0 .5em 0 0;
float: none;
}

View file

@ -1,4 +0,0 @@
/**
* This file provides styles for included seperate html files
* (added through "include hooks").
*/

View file

@ -1,85 +0,0 @@
/**
* This file provides style changes for small screens.
*
* @author Anika Henke <anika@selfthinker.org>
*/
@media only screen and (max-width: 42em) {
#dokuwiki__aside {
width: 100%;
float: none;
margin-bottom: 1.4em;
}
#dokuwiki__aside > .pad {
margin: 0;
}
.hasSidebar #dokuwiki__content {
float: none;
margin-left: 0;
margin-right: 0;
}
.hasSidebar #dokuwiki__content > .pad {
margin-left: 0;
}
[dir=rtl] .hasSidebar #dokuwiki__content > .pad {
margin-right: 0;
}
#dokuwiki__header .headings {
margin: 2.1em 0 0;
}
#dokuwiki__header .tools {
margin-bottom: .7em;
}
#dokuwiki__header .headings,
#dokuwiki__header .tools,
#dokuwiki__header .tools li {
float: none;
text-align: left;
}
[dir=rtl] #dokuwiki__header .tools,
[dir=rtl] #dokuwiki__header .tools li {
float: none;
text-align: right;
}
[dir=rtl] #dokuwiki__header .headings {
float: none;
text-align: right;
}
#dokuwiki__sitetools ul {
padding: 0;
}
#dokuwiki__sitetools li {
margin: 0 1.5em 0 0;
}
[dir=rtl] #dokuwiki__sitetools li {
margin: 0 0 0 1.5em;
}
#dokuwiki__header div.breadcrumbs {
margin-bottom: .7em;
}
#dokuwiki__header ul.a11y.skip {
left: auto !important;
right: 1em !important;
top: 3.1em !important;
width: auto !important;
height: auto !important;
list-style: none;
padding: 0;
margin: 0;
}
[dir=rtl] #dokuwiki__header ul.a11y.skip {
right: auto !important;
left: 1em !important;
}
} /* /@media */

View file

@ -1,154 +1,6 @@
/**
* This file provides the styles for printing.
*
* @todo: improve and finish
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
body {
font: normal 87.5%/1.3 Garamond, Baskerville, "Hoefler Text", "Nimbus Roman No9 L", serif;
background-color: #fff;
color: #000;
}
/* hide certain sections */
audio,
video,
#dokuwiki__header .tools,
#dokuwiki__aside,
.dokuwiki .breadcrumbs,
.dokuwiki .toc,
#dw__toc,
#dokuwiki__pagetools,
#dokuwiki__footer {
display: none;
}
h1,
h2,
h3,
h4,
h5,
caption,
legend {
clear: both;
}
ul {
list-style: disc outside;
}
ol {
list-style: decimal outside;
}
ol ol {
list-style-type: lower-alpha;
}
ol ol ol {
list-style-type: upper-roman;
}
ol ol ol ol {
list-style-type: upper-alpha;
}
ol ol ol ol ol {
list-style-type: lower-roman;
}
/* undo icons */
a:link,
a:visited {
text-decoration: none;
border-bottom: 1pt dotted;
color: #333;
background-color: inherit;
background-image: none;
padding: 0;
}
/* display href after link */
a.urlextern:after,
a.interwiki:after,
a.mail:after {
content: " [" attr(href) "]";
font-size: 90%;
}
/* code blocks */
pre {
font-family: monospace;
}
dl.code dt,
dl.file dt {
font-weight: bold;
}
/* images */
img {
border-width: 0;
vertical-align: middle;
}
img.media {
margin: .2em 0;
}
img.medialeft {
margin: .2em 1.5em .2em 0;
}
img.mediaright {
margin: .2em 0 .2em 1.5em;
}
img.mediacenter {
margin: .2em auto;
}
mark {
font-weight: bold;
}
blockquote {
padding: 0 10pt;
margin: 0;
border: solid #ccc;
border-width: 0 0 0 2pt;
}
[dir=rtl] blockquote {
border-width: 0 2pt 0 0;
}
/* tables */
table {
border-collapse: collapse;
empty-cells: show;
border-spacing: 0;
border: 1pt solid #ccc;
}
th,
td {
padding: 3pt 5pt;
margin: 0;
vertical-align: top;
border: 1pt solid #666;
text-align: left;
}
[dir=rtl] th,
[dir=rtl] td {
text-align: right;
}
th {
font-weight: bold;
}
/*____________ a bit of layout ____________*/
#dokuwiki__header {
border-bottom: 2pt solid #ccc;
}
#dokuwiki__header h1 {
font-size: 1.5em;
}
#dokuwiki__header h1 a {
text-decoration: none;
}
.dokuwiki div.footnotes {
clear: both;
border-top: 1pt solid #000;
margin-top: 10pt;
}

View file

@ -1,81 +0,0 @@
/**
* This file provides styles for the general layout structure.
*
* @author Anika Henke <anika@selfthinker.org>
*/
body {
margin: 0 auto;
}
#dokuwiki__site {
margin: 0 auto;
max-width: __site_width__;
padding: 1.4em 1em;
}
#dokuwiki__site > .site {
}
#dokuwiki__header {
}
#dokuwiki__header > .pad {
}
#dokuwiki__header .headings {
float: left;
}
[dir=rtl] #dokuwiki__header .headings {
float: right;
}
#dokuwiki__header .tools {
float: right;
text-align: right;
}
[dir=rtl] #dokuwiki__header .tools {
float: left;
text-align: left;
}
#dokuwiki__site .wrapper {
position: relative;
}
#dokuwiki__aside {
width: __sidebar_width__;
float: left;
position: relative;
display: block;
}
[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;
}
/* make content wider when there's no sidebar */
.hasSidebar #dokuwiki__content {
float: right;
margin-left: -__sidebar_width__;
width: 100%;
}
[dir=rtl] .hasSidebar #dokuwiki__content {
float: left;
margin-left: 0;
margin-right: -__sidebar_width__;
}
.hasSidebar #dokuwiki__content > .pad {
margin-left: __sidebar_width__;
}
[dir=rtl] .hasSidebar #dokuwiki__content > .pad {
margin-left: 0;
margin-right: __sidebar_width__;
}
#dokuwiki__footer {
clear: both;
}
#dokuwiki__footer > .pad {
}

View file

@ -1,35 +1,63 @@
<!DOCTYPE html>
<?php
/**
* DokuWiki Starter Template
* DokuWiki sprintDoc Template
*
* @link http://dokuwiki.org/template:starter
* @author Anika Henke <anika@selfthinker.org>
* @link FIXME
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
* @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
*/
if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */
@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */
if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */
@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */
header('X-UA-Compatible: IE=edge,chrome=1');
$showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && !empty($_SERVER['REMOTE_USER']) );
$showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
?><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang'] ?>"
lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>" class="no-js">
<head>
<meta charset="UTF-8" />
<title><?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>]</title>
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<?php tpl_metaheaders() ?>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<?php echo tpl_favicon(array('favicon', 'mobile')) ?>
<?php tpl_includeFile('meta.html') ?>
</head>
?>
<!--[if lt IE 9]> <html class="no-js lt-ie10 lt-ie9" lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>"> <![endif]-->
<!--[if IE 9]> <html class="no-js lt-ie10 ie-9" lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="edge no-js" lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>"> <!--<![endif]-->
<head>
<?php
/* + + + + + + + + + + + + + + meta and link relations + + + + + + + + + + + + + + */
?>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<?php tpl_metaheaders() ?>
<?php
/* + + + + + + + + + + + + + + IE8 support HTML5 / media queries + + + + + + + + + */
?>
<!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->
<?php
/* + + + + + + + + + + + + + + page title + + + + + + + + + + + + + + + + + + + + + */
?>
<title><?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>]</title>
<script type="text/javascript">(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<?php
/* + + + + + + + + + + + + + + favicons + + + + + + + + + + + + + + + + + + + + + */
?>
<?php echo tpl_favicon(array('favicon', 'mobile')) ?> <?php /* DokuWiki: favicon.ico, apple-touch-icon.png */ ?>
<?php /* FIXME: additional favicons */ ?>
<?php
/* + + + + + + + + + + + + + + Include Hook: meta.html + + + + + + + + + + + + + + */
?>
<?php tpl_includeFile('meta.html') ?>
</head>
<body>
<?php /* with these Conditional Comments you can better address IE issues in CSS files,
precede CSS rules by #IE8 for IE8 (div closes at the bottom) */ ?>
<!--[if lte IE 8 ]><div id="IE8"><![endif]-->
<?php /* the "dokuwiki__top" id is needed somewhere at the top, because that's where the "back to top" button/link links to */ ?>
<?php /* tpl_classes() provides useful CSS classes; if you choose not to use it, the 'dokuwiki' class at least
@ -173,6 +201,6 @@ $showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
</div></div><!-- /site -->
<div class="no"><?php tpl_indexerWebBug() /* provide DokuWiki housekeeping, required in all templates */ ?></div>
<!--[if lte IE 8 ]></div><![endif]-->
</body>
</html>

View file

@ -7,6 +7,7 @@
; Please don't forget to copy the section your changes should be under
; (i.e. [stylesheets] or [replacements]) into that file as well.
; Define the stylesheets your template uses here. The second value
; defines for which output media the style should be loaded. Currently
; print, screen and all are supported.
@ -14,9 +15,15 @@
; be checked for updates when considering a cache rebuild while files
; included through LESS' @import statements are not
[stylesheets]
css/basic.css = screen
; * * * * * * * * * * * * * * * * * * * * *
; DokuWiki Default Template Styles
; * * * * * * * * * * * * * * * * * * * * *
../dokuwiki/css/_imgdetail.css = screen
../dokuwiki/css/_media_popup.css = screen
../dokuwiki/css/_media_fullscreen.css = screen
@ -32,15 +39,40 @@ css/basic.css = screen
../dokuwiki/css/_modal.css = screen
../dokuwiki/css/_forms.css = screen
../dokuwiki/css/_admin.css = screen
css/structure.css = screen
css/design.css = screen
css/content.css = screen
css/includes.css = screen
css/mobile.css = all
; * * * * * * * * * * * * * * * * * * * * *
; sprintDoc Template Styles
; * * * * * * * * * * * * * * * * * * * * *
; responsive behaviour for structure and areas is handled in style modules
; _____________ basic styles _____________
css/base.less = all
css/base_fonts.less = all
css/base_structure.less = all
css/base_design.less = all
; _____________ area styles _____________
css/area_content.less = all
css/area_header.less = all
css/area_footer.less = all
css/area_navigation.less = all
; _____________ plugin styles _____________
; _____________ print styles _____________
css/print.css = print
; This section is used to configure some placeholder values used in
; the stylesheets. Changing this file is the simplest method to
; give your wiki a new look.