Browse Source

updated to latest version

master
Anika Henke 12 years ago
parent
commit
7d3d6aec8e
  1. 123
      css/basic.css
  2. 10
      css/content.css
  3. 8
      css/mobile.css
  4. 112
      css/print.css
  5. 14
      css/structure.css
  6. 17
      main.php
  7. 2
      template.info.txt

123
css/basic.css

@ -20,8 +20,9 @@ body {
padding: 0; padding: 0;
} }
body { body {
font: normal 100%/1.4 Frutiger, Calibri, Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
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 */ /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
-webkit-text-size-adjust: 100%;
} }
@ -32,9 +33,7 @@ h2,
h3, h3,
h4, h4,
h5, h5,
h6,
caption,
legend {
h6 {
font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif; font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;
font-weight: bold; font-weight: bold;
color: __text_neu__; color: __text_neu__;
@ -48,9 +47,7 @@ legend {
[dir=rtl] h3, [dir=rtl] h3,
[dir=rtl] h4, [dir=rtl] h4,
[dir=rtl] h5, [dir=rtl] h5,
[dir=rtl] h6,
[dir=rtl] caption,
[dir=rtl] legend {
[dir=rtl] h6 {
clear: right; clear: right;
} }
@ -80,6 +77,17 @@ h6 {
} }
/* bottom margin = 1 / font-size */ /* 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 ____________*/ /*____________ basic margins and paddings ____________*/
@ -91,6 +99,8 @@ pre,
table, table,
hr, hr,
blockquote, blockquote,
figure,
details,
fieldset, fieldset,
address { address {
margin: 0 0 1.4em 0; /* bottom margin = line-height */ margin: 0 0 1.4em 0; /* bottom margin = line-height */
@ -175,7 +185,6 @@ table {
caption { caption {
caption-side: top; caption-side: top;
text-align: left; text-align: left;
margin: 0 0 .3em;
} }
[dir=rtl] caption { [dir=rtl] caption {
text-align: right; text-align: right;
@ -187,16 +196,15 @@ td {
margin: 0; margin: 0;
vertical-align: top; vertical-align: top;
border: 1px solid __border__; border: 1px solid __border__;
text-align: left;
}
[dir=rtl] td,
[dir=rtl] th {
text-align: right;
} }
th { th {
font-weight: bold; font-weight: bold;
background-color: __background_alt__; background-color: __background_alt__;
color: inherit; color: inherit;
text-align: left;
}
[dir=rtl] th {
text-align: right;
} }
@ -239,10 +247,19 @@ img {
} }
img, img,
object {
object,
embed,
iframe,
video,
audio {
max-width: 100%; max-width: 100%;
} }
iframe {
border-width: 0;
background-color: inherit;
}
/* IE8 and below won't display the images otherwise */ /* IE8 and below won't display the images otherwise */
button img { button img {
max-width: none; max-width: none;
@ -259,9 +276,21 @@ hr {
acronym, acronym,
abbr { abbr {
font-style: normal;
}
acronym[title],
abbr[title] {
cursor: help; cursor: help;
border-bottom: 1px dotted; border-bottom: 1px dotted;
font-style: normal;
}
em acronym,
em abbr {
font-style: italic;
}
mark {
background: __highlight__;
color: inherit;
} }
pre, pre,
@ -308,6 +337,10 @@ sup {
vertical-align: super; vertical-align: super;
} }
small {
font-size: .8em;
}
/*____________ forms ____________*/ /*____________ forms ____________*/
form { form {
@ -317,11 +350,14 @@ form {
} }
fieldset { fieldset {
padding: 1em 1em 0;
border: 1px solid __text_alt__;
padding: .7em 1em 0;
padding: .7rem 1rem; /* for those browsers understanding :last-child */
border: 1px solid #999;
}
fieldset > :last-child {
margin-bottom: 0;
} }
legend { legend {
margin: 0;
padding: 0 .1em; padding: 0 .1em;
} }
@ -335,30 +371,44 @@ textarea,
button, button,
select, select,
optgroup, optgroup,
option {
option,
keygen,
output,
meter,
progress {
font: inherit; font: inherit;
color: inherit; color: inherit;
/* background-color destroys button look */ /* background-color destroys button look */
line-height: 1;
line-height: normal;
margin: 0; margin: 0;
vertical-align: middle; vertical-align: middle;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
} }
input[type=text],
input[type=password],
input,
button,
select,
keygen,
textarea { textarea {
padding: .1em; padding: .1em;
} }
input[type=radio], input[type=radio],
input[type=checkbox], input[type=checkbox],
input[type=image],
input.check { input.check {
padding: 0; padding: 0;
} }
input[type=submit], input[type=submit],
input[type=button],
input[type=reset],
input.button, input.button,
button { button {
cursor: pointer; cursor: pointer;
overflow: visible;
padding: .1em .4em;
} }
#IE6 .dokuwiki input.button, #IE6 .dokuwiki input.button,
#IE6 .dokuwiki button, #IE6 .dokuwiki button,
@ -374,6 +424,20 @@ button[readonly] {
cursor: auto; cursor: auto;
} }
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;
}
optgroup { optgroup {
font-style: italic; font-style: italic;
font-weight: bold; font-weight: bold;
@ -391,3 +455,18 @@ div.clearer {
font-size: 1px; font-size: 1px;
visibility: hidden; visibility: hidden;
} }
/* @deprecated: has been in lib/styles/screen.css since Angua */
.a11y {
position: absolute;
left: -99999em;
top: 0;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}
[dir=rtl] .a11y {
left: auto;
right: -99999em;
}

10
css/content.css

@ -122,7 +122,7 @@
} }
/*____________ changes to _media_fullscreen ____________*/
/*____________ media manager ____________*/
/* some headings in the media manager should not look like headings */ /* some headings in the media manager should not look like headings */
#mediamanager__page h2, #mediamanager__page h2,
@ -140,14 +140,6 @@
} }
/*____________ changes to _toc ____________*/
#dw__toc h3 {
margin-bottom: 0;
font-size: 1em;
}
/*____________ JS popup ____________*/ /*____________ JS popup ____________*/
.JSpopup { .JSpopup {

8
css/mobile.css

@ -6,7 +6,7 @@
@media only screen and (max-width: 42em) { @media only screen and (max-width: 42em) {
.mode_show #dokuwiki__aside {
#dokuwiki__aside {
width: 100%; width: 100%;
float: none; float: none;
margin-bottom: 1.4em; margin-bottom: 1.4em;
@ -15,15 +15,15 @@
margin: 0; margin: 0;
} }
.mode_show #dokuwiki__content {
.hasSidebar #dokuwiki__content {
float: none; float: none;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
.mode_show #dokuwiki__content > .pad {
.hasSidebar #dokuwiki__content > .pad {
margin-left: 0; margin-left: 0;
} }
[dir=rtl] .mode_show #dokuwiki__content > .pad {
[dir=rtl] .hasSidebar #dokuwiki__content > .pad {
margin-right: 0; margin-right: 0;
} }

112
css/print.css

@ -5,55 +5,58 @@
*/ */
body { body {
/*
font: normal 12pt/1.2 serif;
color: #000;
font: normal 87.5%/1.3 Garamond, Baskerville, "Hoefler Text", "Nimbus Roman No9 L", serif;
background-color: #fff; background-color: #fff;
*/
color: #000;
} }
/* hide certain sections */ /* hide certain sections */
.a11y,
div.notify, div.info, div.success, div.error,
#dokuwiki__header .tools, #dokuwiki__aside,
.dokuwiki .breadcrumbs, .dokuwiki .toc, #dw__toc, .dokuwiki .secedit,
#dokuwiki__pagetools, #dokuwiki__footer {
audio,
video,
#dokuwiki__header .tools,
#dokuwiki__aside,
.dokuwiki .breadcrumbs,
.dokuwiki .toc,
#dw__toc,
#dokuwiki__pagetools,
#dokuwiki__footer {
display: none; display: none;
} }
.dokuwiki h1,
.dokuwiki h2,
.dokuwiki h3,
.dokuwiki h4,
.dokuwiki h5,
.dokuwiki caption,
.dokuwiki legend {
h1,
h2,
h3,
h4,
h5,
caption,
legend {
clear: both; clear: both;
} }
.dokuwiki ul {
ul {
list-style: disc outside; list-style: disc outside;
} }
.dokuwiki ol {
ol {
list-style: decimal outside; list-style: decimal outside;
} }
.dokuwiki ol ol {
ol ol {
list-style-type: lower-alpha; list-style-type: lower-alpha;
} }
.dokuwiki ol ol ol {
ol ol ol {
list-style-type: upper-roman; list-style-type: upper-roman;
} }
.dokuwiki ol ol ol ol {
ol ol ol ol {
list-style-type: upper-alpha; list-style-type: upper-alpha;
} }
.dokuwiki ol ol ol ol ol {
ol ol ol ol ol {
list-style-type: lower-roman; list-style-type: lower-roman;
} }
/* undo icons */ /* undo icons */
.dokuwiki a:link,
.dokuwiki a:visited {
text-decoration: underline;
a:link,
a:visited {
text-decoration: none;
border-bottom: 1pt dotted;
color: #333; color: #333;
background-color: inherit; background-color: inherit;
background-image: none; background-image: none;
@ -69,89 +72,66 @@ a.mail:after {
} }
/* code blocks */ /* code blocks */
.dokuwiki pre {
pre {
font-family: monospace; font-family: monospace;
} }
.dokuwiki dl.code dt,
.dokuwiki dl.file dt {
dl.code dt,
dl.file dt {
font-weight: bold; font-weight: bold;
} }
/* images */ /* images */
.dokuwiki img {
img {
border-width: 0; border-width: 0;
vertical-align: middle; vertical-align: middle;
} }
.dokuwiki img.media {
img.media {
margin: .2em 0; margin: .2em 0;
} }
.dokuwiki img.medialeft {
img.medialeft {
margin: .2em 1.5em .2em 0; margin: .2em 1.5em .2em 0;
} }
.dokuwiki img.mediaright {
img.mediaright {
margin: .2em 0 .2em 1.5em; margin: .2em 0 .2em 1.5em;
} }
.dokuwiki img.mediacenter {
img.mediacenter {
margin: .2em auto; margin: .2em auto;
} }
/* align table cells */
.dokuwiki .leftalign {
text-align: left;
}
.dokuwiki .centeralign {
text-align: center;
}
.dokuwiki .rightalign {
text-align: right;
}
/* underline */
.dokuwiki em.u {
font-style: normal;
text-decoration: underline;
}
.dokuwiki em em.u {
font-style: italic;
}
div.clearer {
clear: both;
line-height: 0;
height: 0;
overflow: hidden;
mark {
font-weight: bold;
} }
.dokuwiki blockquote {
blockquote {
padding: 0 10pt; padding: 0 10pt;
margin: 0; margin: 0;
border: solid #ccc; border: solid #ccc;
border-width: 0 0 0 2pt; border-width: 0 0 0 2pt;
} }
[dir=rtl] .dokuwiki blockquote {
[dir=rtl] blockquote {
border-width: 0 2pt 0 0; border-width: 0 2pt 0 0;
} }
/* tables */ /* tables */
.dokuwiki table {
table {
border-collapse: collapse; border-collapse: collapse;
empty-cells: show; empty-cells: show;
border-spacing: 0; border-spacing: 0;
border: 1pt solid #ccc; border: 1pt solid #ccc;
} }
.dokuwiki th,
.dokuwiki td {
th,
td {
padding: 3pt 5pt; padding: 3pt 5pt;
margin: 0; margin: 0;
vertical-align: top; vertical-align: top;
border: 1pt solid #666; border: 1pt solid #666;
text-align: left; text-align: left;
} }
[dir=rtl] .dokuwiki th,
[dir=rtl] .dokuwiki td {
[dir=rtl] th,
[dir=rtl] td {
text-align: right; text-align: right;
} }
.dokuwiki th {
th {
font-weight: bold; font-weight: bold;
} }

14
css/structure.css

@ -50,17 +50,13 @@ body {
height: 1%; height: 1%;
} }
/* show sidebar only in show mode */
#dokuwiki__aside { #dokuwiki__aside {
display: none;
}
.mode_show #dokuwiki__aside {
width: __sidebar_width__; width: __sidebar_width__;
float: left; float: left;
position: relative; position: relative;
display: block; display: block;
} }
[dir=rtl] .mode_show #dokuwiki__aside {
[dir=rtl] #dokuwiki__aside {
float: right; float: right;
} }
#dokuwiki__aside > .pad { #dokuwiki__aside > .pad {
@ -71,20 +67,20 @@ body {
} }
/* make content wider when there's no sidebar */ /* make content wider when there's no sidebar */
.mode_show #dokuwiki__content {
.hasSidebar #dokuwiki__content {
float: right; float: right;
margin-left: -__sidebar_width__; margin-left: -__sidebar_width__;
width: 100%; width: 100%;
} }
[dir=rtl] .mode_show #dokuwiki__content {
[dir=rtl] .hasSidebar #dokuwiki__content {
float: left; float: left;
margin-left: 0; margin-left: 0;
margin-right: -__sidebar_width__; margin-right: -__sidebar_width__;
} }
.mode_show #dokuwiki__content > .pad {
.hasSidebar #dokuwiki__content > .pad {
margin-left: __sidebar_width__; margin-left: __sidebar_width__;
} }
[dir=rtl] .mode_show #dokuwiki__content > .pad {
[dir=rtl] .hasSidebar #dokuwiki__content > .pad {
margin-left: 0; margin-left: 0;
margin-right: __sidebar_width__; margin-right: __sidebar_width__;
} }

17
main.php

@ -11,6 +11,7 @@ if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */
@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */ @require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */
$showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER['REMOTE_USER'] ); $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER['REMOTE_USER'] );
$showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
?><!DOCTYPE html> ?><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang'] ?>" <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"> lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>" class="no-js">
@ -35,7 +36,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
see http://www.dokuwiki.org/devel:action_modes for a list of action modes */ ?> see http://www.dokuwiki.org/devel:action_modes for a list of action modes */ ?>
<?php /* .dokuwiki should always be in one of the surrounding elements (e.g. plugins and templates depend on it) */ ?> <?php /* .dokuwiki should always be in one of the surrounding elements (e.g. plugins and templates depend on it) */ ?>
<div id="dokuwiki__site"><div id="dokuwiki__top" <div id="dokuwiki__site"><div id="dokuwiki__top"
class="dokuwiki site mode_<?php echo $ACT ?>">
class="dokuwiki site mode_<?php echo $ACT ?> <?php echo ($showSidebar) ? 'hasSidebar' : '' ?>">
<?php html_msgarea() /* occasional error and info messages on top of the page */ ?> <?php html_msgarea() /* occasional error and info messages on top of the page */ ?>
<?php tpl_includeFile('header.html') ?> <?php tpl_includeFile('header.html') ?>
@ -112,12 +113,14 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
<div class="wrapper"> <div class="wrapper">
<!-- ********** ASIDE ********** --> <!-- ********** ASIDE ********** -->
<div id="dokuwiki__aside"><div class="pad include">
<?php tpl_includeFile('sidebarheader.html') ?>
<?php tpl_include_page($conf['sidebar'], 1, 1) /* includes the nearest sidebar page */ ?>
<?php tpl_includeFile('sidebarfooter.html') ?>
<div class="clearer"></div>
</div></div><!-- /aside -->
<?php if ($showSidebar): ?>
<div id="dokuwiki__aside"><div class="pad include">
<?php tpl_includeFile('sidebarheader.html') ?>
<?php tpl_include_page($conf['sidebar'], 1, 1) /* includes the nearest sidebar page */ ?>
<?php tpl_includeFile('sidebarfooter.html') ?>
<div class="clearer"></div>
</div></div><!-- /aside -->
<?php endif; ?>
<!-- ********** CONTENT ********** --> <!-- ********** CONTENT ********** -->
<div id="dokuwiki__content"><div class="pad"> <div id="dokuwiki__content"><div class="pad">

2
template.info.txt

@ -1,7 +1,7 @@
base starter base starter
author Anika Henke author Anika Henke
email anika@selfthinker.org email anika@selfthinker.org
date 2012-10-13
date 2013-04-01
name Starter Template name Starter Template
desc The template that gets you started desc The template that gets you started
url http://www.dokuwiki.org/template:starter url http://www.dokuwiki.org/template:starter
Loading…
Cancel
Save