From f4d27201048c83c893d9476dd80a89bbce29a1c6 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Fri, 5 Nov 2010 00:32:03 +0000 Subject: initial commit --- README | 5 + conf/default.php | 10 ++ conf/metadata.php | 12 +++ css/_admin.css | 47 +++++++++ css/_diff.css | 65 +++++++++++++ css/_edit.css | 111 +++++++++++++++++++++ css/_footnotes.css | 28 ++++++ css/_forms.css | 82 ++++++++++++++++ css/_imgdetail.css | 32 ++++++ css/_links.css | 59 +++++++++++ css/_mediamanager.css | 216 +++++++++++++++++++++++++++++++++++++++++ css/_modal.css | 175 +++++++++++++++++++++++++++++++++ css/_recent.css | 61 ++++++++++++ css/_search.css | 93 ++++++++++++++++++ css/_toc.css | 91 +++++++++++++++++ css/basic.css | 263 ++++++++++++++++++++++++++++++++++++++++++++++++++ css/design.css | 260 +++++++++++++++++++++++++++++++++++++++++++++++++ css/includes.css | 4 + css/print.css | 1 + css/rtl.css | 146 ++++++++++++++++++++++++++++ css/structure.css | 64 ++++++++++++ detail.php | 87 +++++++++++++++++ images/bullet.png | Bin 0 -> 137 bytes images/closed.png | Bin 0 -> 165 bytes images/link_icon.gif | Bin 0 -> 942 bytes images/mail_icon.gif | Bin 0 -> 918 bytes images/open.png | Bin 0 -> 159 bytes images/windows.gif | Bin 0 -> 223 bytes lang/en/lang.php | 7 ++ lang/en/settings.php | 10 ++ main.php | 169 ++++++++++++++++++++++++++++++++ mediamanager.php | 46 +++++++++ style.ini | 60 ++++++++++++ tpl_functions.php | 25 +++++ 34 files changed, 2229 insertions(+) create mode 100644 README create mode 100644 conf/default.php create mode 100644 conf/metadata.php create mode 100644 css/_admin.css create mode 100644 css/_diff.css create mode 100644 css/_edit.css create mode 100644 css/_footnotes.css create mode 100644 css/_forms.css create mode 100644 css/_imgdetail.css create mode 100644 css/_links.css create mode 100644 css/_mediamanager.css create mode 100644 css/_modal.css create mode 100644 css/_recent.css create mode 100644 css/_search.css create mode 100644 css/_toc.css create mode 100644 css/basic.css create mode 100644 css/design.css create mode 100644 css/includes.css create mode 100644 css/print.css create mode 100644 css/rtl.css create mode 100644 css/structure.css create mode 100644 detail.php create mode 100644 images/bullet.png create mode 100644 images/closed.png create mode 100644 images/link_icon.gif create mode 100644 images/mail_icon.gif create mode 100644 images/open.png create mode 100644 images/windows.gif create mode 100644 lang/en/lang.php create mode 100644 lang/en/settings.php create mode 100644 main.php create mode 100644 mediamanager.php create mode 100644 style.ini create mode 100644 tpl_functions.php diff --git a/README b/README new file mode 100644 index 000000000..46f8187ca --- /dev/null +++ b/README @@ -0,0 +1,5 @@ +Starter Template for DokuWiki +http://www.dokuwiki.org/template:starter + +version: (devel) +author: Anika Henke diff --git a/conf/default.php b/conf/default.php new file mode 100644 index 000000000..7f1fbb246 --- /dev/null +++ b/conf/default.php @@ -0,0 +1,10 @@ + array(0,1,2)); diff --git a/css/_admin.css b/css/_admin.css new file mode 100644 index 000000000..c5d188763 --- /dev/null +++ b/css/_admin.css @@ -0,0 +1,47 @@ +/** + * This file provides styles for the Administration overview + * (?do=admin). + */ + +.dokuwiki ul.admin_tasks { + float: left; + width: 40%; + list-style-type: none; + font-size: 115%; +} + +.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; +} + +.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_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: __text_neu__; + background-color: inherit; +} diff --git a/css/_diff.css b/css/_diff.css new file mode 100644 index 000000000..f2be4ae54 --- /dev/null +++ b/css/_diff.css @@ -0,0 +1,65 @@ +/** + * This file provides styles for the diff view, which shows you + * differences between two versions of a page (?do=diff). + */ + +.dokuwiki table.diff { + width: 100%; + border-width: 0; +} +.dokuwiki table.diff th, +.dokuwiki table.diff td { + vertical-align: top; + padding: 0; + border-width: 0; + /* no style.ini colours because deleted and added lines have a fixed background colour */ + background-color: #fff; + color: #333; +} + +/* table header */ +.dokuwiki table.diff th { + border-bottom: 1px solid __border__; + font-size: 110%; + width: 50%; + font-weight: normal; +} +.dokuwiki table.diff th a { + font-weight: bold; +} +.dokuwiki table.diff th span.user { + font-size: .9em; +} +.dokuwiki table.diff th span.sum { + font-size: .9em; + font-weight: bold; +} +.dokuwiki table.diff th.minor { + color: #999; +} + +/* table body */ +.dokuwiki table.diff td { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace; +} +.dokuwiki table.diff td.diff-blockheader { + font-weight: bold; +} +.dokuwiki table.diff td.diff-addedline { + background-color: #cfc; + color: inherit; +} +.dokuwiki table.diff td.diff-deletedline { + background-color: #fdd; + color: inherit; +} +.dokuwiki table.diff td.diff-context { + background-color: #eee; + color: inherit; +} +.dokuwiki table.diff td.diff-addedline strong, +.dokuwiki table.diff td.diff-deletedline strong { + color: #f00; + background-color: inherit; + font-weight: bold; +} diff --git a/css/_edit.css b/css/_edit.css new file mode 100644 index 000000000..db62dc976 --- /dev/null +++ b/css/_edit.css @@ -0,0 +1,111 @@ +/** + * This file provides styles for the edit view (?do=edit), preview + * and section edit buttons. + */ + +/* edit view +********************************************************************/ + +/*____________ toolbar ____________*/ + +.dokuwiki div.toolbar { + margin-bottom: .5em; +} +.dokuwiki div.toolbar #draft__status { + float: right; + color: __text_alt__; + background-color: inherit; +} +.dokuwiki div.toolbar #tool__bar { +} + +/* buttons inside of toolbar */ +.dokuwiki div.toolbar button.toolbutton { +} +/* picker popups (outside of .dokuwiki) */ +div.picker { + width: 300px; + border: 1px solid __border__; + background-color: __background_alt__; + color: inherit; +} +/* picker for headlines */ +div.picker.pk_hl { + width: auto; +} +/* buttons inside of picker */ +div.picker button.pickerbutton { +} + +/*____________ edit textarea ____________*/ + +.dokuwiki textarea.edit { + /* should just be "width: 100%", but IE8 doesn't like it, see FS#1910 + FS#1667 */ + width: 100%; + margin-bottom: .5em; +} + +/*____________ below the textarea ____________*/ + +.dokuwiki #wiki__editbar { + overflow: hidden; + margin-bottom: .5em; +} + +/* size and wrap controls */ +.dokuwiki #wiki__editbar #size__ctl { + float: right; +} +.dokuwiki #wiki__editbar #size__ctl img { + cursor: pointer; +} + +/* edit buttons */ +.dokuwiki #wiki__editbar .editButtons { + display: inline; + margin-right: 1em; +} +.dokuwiki #wiki__editbar .editButtons input { +} + +/* summary input and minor changes checkbox */ +.dokuwiki #wiki__editbar .summary { + display: inline; +} +.dokuwiki #wiki__editbar .summary label { + vertical-align: middle; + white-space: nowrap; +} +.dokuwiki #wiki__editbar .summary label span { + vertical-align: middle; +} +.dokuwiki #wiki__editbar .summary input { +} +/* change background colour if summary is missing */ +.dokuwiki #wiki__editbar .summary input.missing { + color: __text__; + background-color: #ffcccc; +} + +/* preview +********************************************************************/ + +.dokuwiki div.preview { + background-color: __background_neu__; + color: __text__; + margin-bottom: 1.4em; + padding: .5em; + border: 1px dotted __text_neu__; +} + +/* section edit buttons +********************************************************************/ + +.dokuwiki .secedit { + float: right; + margin-top: -1.4em; +} +.dokuwiki .section_highlight { + background-color: __background_alt__ !important; + color: inherit; +} diff --git a/css/_footnotes.css b/css/_footnotes.css new file mode 100644 index 000000000..a20f2964e --- /dev/null +++ b/css/_footnotes.css @@ -0,0 +1,28 @@ +/** + * This file provides styles for footnotes. + */ + +/*____________ footnotes inside the text ____________*/ + +/* link to footnote inside the text */ +.dokuwiki sup a.fn_top { +} +/* JSpopup */ +div.insitu-footnote { + max-width: 40%; + min-width: 5em; +} + +/*____________ footnotes at the bottom of the page ____________*/ + +.dokuwiki div.footnotes { + border-top: 1px solid __border__; + padding: .5em 0 0 0; + margin: 1em 0 0 0; + clear: both; +} +.dokuwiki div.footnotes div.fn { +} +.dokuwiki div.footnotes div.fn sup a.fn_bot { + font-weight: bold; +} diff --git a/css/_forms.css b/css/_forms.css new file mode 100644 index 000000000..c7dc02d62 --- /dev/null +++ b/css/_forms.css @@ -0,0 +1,82 @@ + +/* TODO */ + +/** + * This file provides styles for forms in general and specifically + * for ?do= + * - login + * - resendpwd + * - register + * - profile + * - subscribe + */ + +/* ---------------- forms ------------------------ */ + +div.dokuwiki form { + border: none; + display: inline; +} + +div.dokuwiki label.block { + display: block; + text-align: right; + font-weight: bold; +} + +div.dokuwiki label.simple { + display: block; + text-align: left; + font-weight: normal; +} + +div.dokuwiki label.block input.edit { + width: 50%; +} + +div.dokuwiki label span { + vertical-align: middle; +} + +div.dokuwiki fieldset { + width: 400px; + text-align: center; + border: 1px solid __border__; + padding: 0.5em; + margin: auto; +} + + +div.dokuwiki input.edit, +div.dokuwiki select.edit { + vertical-align: middle; +} +div.dokuwiki select.edit { + padding: 0.1em 0; +} + + +.dokuwiki input.button, +.dokuwiki button.button { + vertical-align: middle; +} + +/** + * Styles for the subscription page + */ + +form#subscribe__form { + display: block; + width: 400px; + text-align: center; +} + +form#subscribe__form fieldset { + text-align: left; + margin: 0.5em 0; +} + +form#subscribe__form label { + display: block; + margin: 0 0.5em 0.5em; +} diff --git a/css/_imgdetail.css b/css/_imgdetail.css new file mode 100644 index 000000000..d6cc4abaf --- /dev/null +++ b/css/_imgdetail.css @@ -0,0 +1,32 @@ +/** + * This file provides styles for the image detail page (detail.php). + */ + +#dokuwiki__detail { + padding: 1em; +} +#dokuwiki__detail h1 { +} + +#dokuwiki__detail div.content { +} + +#dokuwiki__detail div.content img { + float: left; + margin-right: 1.5em; +} +#dokuwiki__detail div.content div.img_detail { + float: left; +} + +#dokuwiki__detail div.img_detail h2 { +} +#dokuwiki__detail div.img_detail dl { +} +#dokuwiki__detail div.img_detail dl dt { +} +#dokuwiki__detail div.img_detail dl dd { +} + +#dokuwiki__detail p.back { +} diff --git a/css/_links.css b/css/_links.css new file mode 100644 index 000000000..8fc6c1322 --- /dev/null +++ b/css/_links.css @@ -0,0 +1,59 @@ +/** + * This file provides styles for all types of links. + */ + +/*____________ links to wiki pages ____________*/ + +/* existing wikipage */ +.dokuwiki a.wikilink1 { + color: __existing__; + background-color: inherit; +} +/* not existing wikipage */ +.dokuwiki a.wikilink2 { + color: __missing__; + background-color: inherit; + text-decoration: none !important; +} +.dokuwiki a.wikilink2:link, +.dokuwiki a.wikilink2:visited { + border-bottom: 1px dashed; +} +.dokuwiki a.wikilink2:hover, +.dokuwiki a.wikilink2:active, +.dokuwiki a.wikilink2:focus { + border-bottom-width: 0; +} + +/*____________ other link types ____________*/ + +.dokuwiki a.urlextern, +.dokuwiki a.windows, +.dokuwiki a.mail { + background-repeat: no-repeat; + background-position: 0 center; + padding-left: 17px; +} +/* external link */ +.dokuwiki a.urlextern { + background-image: url(images/link_icon.gif); +} +/* windows share */ +.dokuwiki a.windows { + background-image: url(images/windows.gif); +} +/* email link */ +.dokuwiki a.mail { + background-image: url(images/mail_icon.gif); +} + +/* icons of the following are set by dokuwiki in lib/exe/css.php */ +/* link to some embedded media */ +.dokuwiki a.mediafile { + background-position: 0 center; + padding-bottom: 0; +} +/* interwiki link */ +.dokuwiki a.interwiki { + background-position: 0 center; +} diff --git a/css/_mediamanager.css b/css/_mediamanager.css new file mode 100644 index 000000000..da1af909e --- /dev/null +++ b/css/_mediamanager.css @@ -0,0 +1,216 @@ +/** + * This file provides styles for the media manager + * (mediamanager.php). + */ + +/*____________ structure ____________*/ + +html.popup { + overflow: auto; +} + +#media__manager { + height: 100%; + overflow: hidden; +} + +#media__left { + width: 30%; + height: 100%; + overflow: auto; + position: absolute; + left: 0; + border-right: solid 1px __border__; +} +#media__left .pad { + padding: .5em; +} + +#media__right { + width: 69.7%; + height: 100%; + overflow: auto; + position: absolute; + right: 0; +} +#media__right .pad { + padding: .5em; +} + +#media__manager h1, +#media__manager h2 { + font-size: 1.5em; + margin-bottom: .5em; + padding-bottom: .2em; + border-bottom: 1px solid __border__; +} + +/* left side +********************************************************************/ + +/*____________ options ____________*/ + +#media__opts { + margin-bottom: .5em; +} + +#media__opts input { + margin-right: .3em; +} +#media__opts label { +} + +/*____________ tree ____________*/ + +#media__tree ul { + padding-left: .2em; +} +#media__tree ul li { + clear: left; + list-style-type: none; + list-style-image: none; + margin-left: 0; +} +#media__tree ul li img { + float: left; + padding: .5em .3em 0 0; +} +#media__tree ul li div.li { + display: inline; +} +#media__tree ul li li { + margin-left: 1.5em; +} + +/* right side +********************************************************************/ + +/*____________ upload form ____________*/ + +/* upload info */ +#media__content div.upload { + font-size: .9em; + margin-bottom: .5em; +} + +#media__content form#dw__upload, +#media__content div#dw__flashupload { + display: block; + border-bottom: solid 1px __border__; + padding-bottom: 1em; + margin-bottom: 1em; +} +#media__content form#dw__upload p { + margin-bottom: .5em; +} + +#media__content form#dw__upload label { +} +#media__content form#dw__upload label.check { +} +#media__content form#dw__upload input.check { +} +#media__content form#dw__upload input.edit { +} +#media__content form#dw__upload img { +} + +/*____________ file list ____________*/ + +#media__content img.load { + margin: 1em auto; +} + +#media__content .odd, +#media__content .even { + padding: .5em; +} +#media__content .odd { + background-color: __background_alt__; +} +#media__content .even { +} +/* highlight newly uploaded or edited file */ +#media__content #scroll__here { + border: 1px dashed __border__; +} + +/* link which inserts media file */ +#media__content a.mediafile { + margin-right: 1.5em; + font-weight: bold; +} +#media__content span.info { +} +#media__content img.btn { + vertical-align: text-bottom; +} + +/* info how to insert media, if JS disabled */ +#media__content div.example { + color: __text_neu__; + margin-left: 1em; +} + +#media__content div.detail { + padding: .2em 0; +} +#media__content div.detail div.thumb { + float: left; + margin: 0 .5em 0 18px; +} +#media__content div.detail div.thumb a { + display: block; +} +#media__content div.detail p { + margin-bottom: 0; +} + + +/*____________ media search ____________*/ + +form#dw__mediasearch { +} +form#dw__mediasearch p { +} +form#dw__mediasearch label { +} +form#dw__mediasearch label span { +} +form#dw__mediasearch input.edit { +} +form#dw__mediasearch input.button { +} + + +/* meta edit form +********************************************************************/ + +#media__content form.meta { +} + +#media__content form.meta div.metafield { + clear: left; + margin-bottom: .5em; + overflow: hidden; +} + +#media__content form.meta label { + display: block; + width: 25%; + float: left; + font-weight: bold; + clear: left; +} +#media__content form.meta .edit { + float: left; + width: 70%; + margin: 0; +} +#media__content form.meta textarea.edit { +} + +#media__content form.meta div.buttons { + clear: left; + margin: .2em 0 0 25%; +} diff --git a/css/_modal.css b/css/_modal.css new file mode 100644 index 000000000..89eb48dab --- /dev/null +++ b/css/_modal.css @@ -0,0 +1,175 @@ + +/* TODO */ + +/** + * This file provides styles for modal dialogues. + */ + +/* link wizard (opens from the link button in the edit toolbar) +********************************************************************/ + +#link__wiz { + position: absolute; + display: block; + z-index: 99; + width: 300px; + height: 250px; + padding: 0; + margin: 0; + overflow: hidden; + border: 1px solid __border__; + background-color: __background_neu__; + text-align: center; +} + +#link__wiz_header { + background-color: __background_alt__; + height: 16px; + margin-bottom: 5px; +} + +#link__wiz_close { + cursor: pointer; + margin: 0; +} + +#link__wiz_result { + background-color: __background__; + width: 293px; + height: 193px; + overflow: auto; + border: 1px solid __border__; + margin: 3px auto; + text-align: left; +} + +#link__wiz_result div.type_u { + padding: 3px 3px 3px 22px; + background: transparent url(../../images/up.png) 3px 3px no-repeat; +} + +#link__wiz_result div.type_f { + padding: 3px 3px 3px 22px; + background: transparent url(../../images/page.png) 3px 3px no-repeat; +} + +#link__wiz_result div.type_d { + padding: 3px 3px 3px 22px; + background: transparent url(../../images/ns.png) 3px 3px no-repeat; +} + +#link__wiz_result div.even { + background-color: __background_neu__; +} + +#link__wiz_result div.selected { + background-color: __background_alt__; +} + +#link__wiz_result span { + display: block; + color: __text_neu__; +} + +/*FIXME maybe move to a more general style sheet*/ +.ondrag { + cursor: move; + opacity: 0.8; +} + + +/* media option wizard (opens when inserting media in the media popup) +********************************************************************/ + +/* --- popup --- */ + +#media__popup { + background-color:__background__; + display:none; + border: 1px solid __border__; + position: absolute; + width:270px; +} + +#media__popup h1 { + text-align:center; + font-weight:normal; + background-color: __background_alt__; + height: 16px; + margin-bottom: 5px; + font-size:12px; + border-bottom: 0; +} + +#media__popup p { + display:block; + line-height:14pt; + margin:0.5em; +} + +#media_nolink { + padding:4px 0; +} + +#media__popup label { + float:left; + width:9em; +} + +#media__popup .button { + margin-left:auto; + margin-right:auto; +} + +#media__popup .btnlbl { + text-align:center; +} + +#media__popup .btnlbl input { + margin:0 1em; +} + +#media__closeimg { + float:right; +} + +/* --- display options --- */ + +#media__linkopts label, +#media__nolnk { + width: 80px; + float: left; + margin-left: 10px; +} + +#media__linkopts label{ + line-height: 20px; +} + +#media__nolnk, +#media__linkopts label.long{ + margin-bottom: 8px; + line-height: 12px; +} + +#media__linkopts label.long{ + width: 150px; + float: none; +} + +#media__linkopts br { + clear: both; +} + +#media__linkopts select { + width: 60px; + margin-left: 10px; +} + +#media__linkopts input.edit { + width:50px; + margin-left:10px; +} +#media__linkopts #media__title { + width:150px; +} diff --git a/css/_recent.css b/css/_recent.css new file mode 100644 index 000000000..75d3a2da8 --- /dev/null +++ b/css/_recent.css @@ -0,0 +1,61 @@ +/** + * This file provides styles for the recent changes (?do=recent) and + * old revisions (?do=revisions). + */ + +/*____________ list of revisions / recent changes ____________*/ + +.dokuwiki #dw__recent ul li, +.dokuwiki #page__revisions ul li { + list-style: none; + margin-left: 0; +} +.dokuwiki #dw__recent ul li *, +.dokuwiki #page__revisions ul li * { + vertical-align: middle; +} +.dokuwiki #dw__recent ul li.minor, +.dokuwiki #page__revisions ul li.minor { + color: __text_alt__; + background-color: inherit; +} + +.dokuwiki #dw__recent li span.date, +.dokuwiki #page__revisions li span.date { +} +.dokuwiki #dw__recent li a.diff_link, +.dokuwiki #page__revisions li a.diff_link { + vertical-align: baseline; +} +.dokuwiki #dw__recent li a.revisions_link, +.dokuwiki #page__revisions li a.revisions_link { + vertical-align: baseline; +} +.dokuwiki #dw__recent li a.wikilink1, +.dokuwiki #dw__recent li a.wikilink2, +.dokuwiki #page__revisions li a.wikilink1, +.dokuwiki #page__revisions li a.wikilink2 { +} +.dokuwiki #dw__recent li span.sum, +.dokuwiki #page__revisions li span.sum { + font-weight: bold; +} +.dokuwiki #dw__recent li span.user, +.dokuwiki #page__revisions li span.user { +} + + +/*____________ page navigator ____________*/ + +.dokuwiki div.pagenav { + text-align: center; + margin: 1.4em 0; +} +.dokuwiki div.pagenav-prev { + display: inline; + margin-right: .5em; +} +.dokuwiki div.pagenav-next { + display: inline; + margin-left: .5em; +} diff --git a/css/_search.css b/css/_search.css new file mode 100644 index 000000000..70824fc43 --- /dev/null +++ b/css/_search.css @@ -0,0 +1,93 @@ +/** + * This file provides styles for the search results page (?do=search) + * and the AJAX search popup. + */ + +/* search results page +********************************************************************/ + +/* loading gif */ +.dokuwiki #dw__loading { +} + +/*____________ matching pagenames ____________*/ + +.dokuwiki div.search_quickresult { + margin-bottom: 1.4em; +} +.dokuwiki div.search_quickresult h3 { +} +.dokuwiki div.search_quickresult ul { + padding: 0; +} +.dokuwiki div.search_quickresult ul li { + float: left; + width: 12em; + margin: 0 1.5em; +} + +/*____________ search results ____________*/ + +/* container for one search result */ +.dokuwiki div.search_result { + margin-bottom: 1.4em; +} +/* search snippet */ +.dokuwiki div.search_result div.search_snippet { + color: __text_alt__; + background-color: inherit; +} + +/* search hit in normal text */ +.dokuwiki .search_hit { + color: __text__; + background-color: __highlight__; +} +/* search hit in search results */ +.dokuwiki div.search_result strong.search_hit { + font-weight: normal; +} +/* ellipsis separating snippets */ +.dokuwiki div.search_result .search_sep { + color: __text__; + background-color: inherit; +} + +/* "nothing found" at search + media */ +.dokuwiki div.nothing { + margin-bottom: 1.4em; +} + + +/* AJAX quicksearch popup +********************************************************************/ + +.dokuwiki form.search div.no { + position: relative; +} + +/* .JSpopup */ +.dokuwiki form.search div.ajax_qsearch { + position: absolute; + top: 0; + left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */ + width: 12em; + padding: 0.5em; + font-size: .9em; + z-index: 20; + text-align: left; + display: none; +} +.dokuwiki form.search div.ajax_qsearch strong { + display: block; + margin-bottom: .3em; +} +.dokuwiki form.search div.ajax_qsearch ul { + margin: 0 !important; + padding: 0 !important; +} +.dokuwiki form.search div.ajax_qsearch ul li { + margin: 0; + padding: 0; + display: block !important; +} diff --git a/css/_toc.css b/css/_toc.css new file mode 100644 index 000000000..5595c521b --- /dev/null +++ b/css/_toc.css @@ -0,0 +1,91 @@ +/** + * This file provides styles for the TOC (table of contents), the + * sitemap (?do=index) and backlinks (?do=backlink). + */ + +/* toc +********************************************************************/ + +/* toc container */ +.dokuwiki div.toc { + float: right; + margin: 0 0 1.4em 1.4em; + width: 12em; +} + +/*____________ toc header ____________*/ + +.dokuwiki div.tocheader { + padding: 0.2em 0.4em; + margin-bottom: .2em; + font-weight: bold; + background-color: __background_alt__; + color: __text__; +} + +/* css arrow */ +.dokuwiki .toc span.toc_open, +.dokuwiki .toc span.toc_close { + border: .4em solid __background_alt__; + float: right; + display: block; + margin: 0 .2em 0 0; +} +.dokuwiki .toc span.toc_open span, +.dokuwiki .toc span.toc_close span { + display: none; +} +.dokuwiki .toc span.toc_open { + margin-top: .4em; + border-top: .4em solid __text__; +} +.dokuwiki .toc span.toc_close { + margin-top: 0; + border-bottom: .4em solid __text__; +} + +/*____________ toc list ____________*/ + +.dokuwiki #toc__inside { + padding: .2em .4em; + background-color: __background_alt__; + color: __text__; +} +.dokuwiki #toc__inside ul { + padding: 0; + margin: 0; +} +.dokuwiki #toc__inside ul li { + list-style: none; + padding: 0; + margin: 0; +} +.dokuwiki #toc__inside ul ul { + padding-left: 1em; +} +.dokuwiki #toc__inside ul ul li { +} +.dokuwiki #toc__inside ul li a { +} + +/* in case of toc list jumping one level + (e.g. if heading level 3 follows directly after heading level 1) */ +.dokuwiki #toc__inside ul li.clear { +} + + +/* sitemap (and backlinkss) +********************************************************************/ + +.dokuwiki ul.idx { + padding-left: 0; +} +.dokuwiki ul.idx li { + list-style-image: url(images/bullet.png); +} +.dokuwiki ul.idx li.open { + list-style-image: url(images/open.png); +} +.dokuwiki ul.idx li.closed { + list-style-image: url(images/closed.png); +} diff --git a/css/basic.css b/css/basic.css new file mode 100644 index 000000000..b9045dcbc --- /dev/null +++ b/css/basic.css @@ -0,0 +1,263 @@ +/** + * 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 + */ + +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, "Frutiger Linotype", Univers, Calibri, Myriad, "Liberation Sans", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; + /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ + text-align: left; +} + + +/*____________ headers ____________*/ + +h1, h2, h3, h4, h5, h6, +caption, legend { + font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, serif; + font-weight: bold; + color: __text_neu__; + background-color: inherit; + padding: 0; + clear: left; /* ideally 'both', but problems with toc */ +} + +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 */ + + +/*____________ basic margins and paddings ____________*/ + +p, ul, ol, dl, pre, table, +hr, blockquote, fieldset, address { + margin: 0 0 1.4em 0; /* bottom margin = line-height */ + padding: 0; +} + +div { + margin: 0; + padding: 0; +} + +p, dt, dd, td, th, li { +} + + +/*____________ lists ____________*/ + +ul, ol { + padding: 0 0 0 1.5em; +} +li, dd { + padding: 0; + margin: 0 0 0 1.5em; +} +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; + margin: 0 0 .3em; +} + +th, td { + padding: .3em .5em; + margin: 0; + vertical-align: top; + border: 1px solid __border__; + text-align: left; +} +th { + font-weight: bold; + background-color: __background_alt__; +} + + +/*____________ 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; +} + +hr { + border-style: solid; + border-width: 1px 0 0; + text-align: center; + height: 0; + width: 100%; + clear: both; +} + +acronym, abbr { + cursor: help; + border-bottom: 1px dotted; + font-style: normal; +} + +pre, code, samp, kbd { + font: normal 1em Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace; + /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ + direction: ltr; + text-align: left; +} +pre { + overflow: auto; +} + +blockquote { + padding: 0 1.25em; + border: solid __border__; + border-width: 0 0 0 .25em; +} +q:before, q:after { + content: ''; +} + +sub, sup { + font-size: .8em; + line-height: 1; +} +sub { + vertical-align: sub; +} +sup { + vertical-align: super; +} + +/*____________ forms ____________*/ + +form { + display: inline; + margin: 0; + padding: 0; +} +fieldset { + padding: 1em 1em 0; + border: 1px solid __text_alt__; +} +legend { + margin: 0; + padding: 0 .1em; +} +label { + vertical-align: middle; + cursor: pointer; +} +input, textarea, button, +select, optgroup, option { + font: inherit; + color: inherit; + /* background-color destroys button look */ + line-height: 1; + margin: 0; + vertical-align: middle; +} +input[type=text], input[type=password], textarea { + padding: .1em; +} +input[type=radio], input[type=checkbox], input.check { + padding: 0; +} +input[type=submit], input.button, button { + cursor: pointer; +} +input[disabled], button[disabled], +input[readonly], button[readonly] { + cursor: auto; +} +optgroup { font-style: italic; font-weight: bold; } +option { font-style: normal; font-weight: normal; } + + +/*____________ general classes ____________*/ + +div.clearer { + /* additional to what's already in lib/styles/style.css: */ + font-size: 1px; + visibility: hidden; +} + +.a11y { + position: absolute; + left: -9000px; + top: -4000px; + width: 0; + height: 0; + overflow: hidden; + display: inline; +} diff --git a/css/design.css b/css/design.css new file mode 100644 index 000000000..d6e68baa2 --- /dev/null +++ b/css/design.css @@ -0,0 +1,260 @@ +/** + * This file provides the main design styles. + * + * @author Anika Henke + * @author Andreas Gohr + */ + + +/* header +********************************************************************/ + +#dokuwiki__header { + margin: 1em 0 1.4em; +} +#dokuwiki__header .headings { + margin-bottom: .7em; +} +#dokuwiki__header h1 { + margin-bottom: .2em; + 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: .7em; +} +#dokuwiki__header .tools #dokuwiki__usertools { + position: absolute; + top: 0; + right: 0; + border-bottom: 1px solid __border__; + background-color: __background_alt__; + width: 100%; +} +#dokuwiki__header .tools #dokuwiki__usertools ul { + /* imitate #dokuwiki__site */ + margin: 0 auto; + max-width: 64em; + padding: 0 1em; +} +#dokuwiki__header .tools ul { + margin-bottom: 0; +} +#dokuwiki__header .tools ul li { + display: inline; +} +#dokuwiki__header form.search { + margin: .5em 0 .2em; + display: block; +} +form.search #qsearch__in { + width: 12em; + margin-right: .5em; +} + +#dokuwiki__header div.breadcrumbs { +} +div.breadcrumbs a { + color: __existing__; + background-color: inherit; +} + + +/* nav +********************************************************************/ + +#dokuwiki__aside h1 { } +#dokuwiki__aside h2 { } +#dokuwiki__aside h3 { } +#dokuwiki__aside h4 { } +#dokuwiki__aside h5 { } + +#dokuwiki__aside ul, +#dokuwiki__aside ol { + padding-left: 0; +} + + +/* page tools +********************************************************************/ + +#dokuwiki__pagetools { + position: fixed; + bottom: 0; + left: 0; + border-top: 1px solid __border__; + background-color: __background_alt__; + width: 100%; +} +#dokuwiki__pagetools ul { + /* imitate #dokuwiki__site */ + margin: 0 auto; + max-width: 64em; + padding: 0 1em; +} +#dokuwiki__pagetools li { + display: inline; + margin: 0 1.5em 0 0; +} + +/* content +********************************************************************/ + + /* +.dokuwiki .page { + -webkit-border-image: 1em -webkit-gradient(linear, left top, right top, from(#cccccc), to(#ffffff)); + padding: 1em; + background: -moz-linear-gradient(100% 100% 180deg, #cccccc, #ffffff 1em); + background: -webkit-gradient(linear, left top, right top, from(#cccccc), to(#ffffff)); +} + */ + +/*____________ section indenting ____________ + +.dokuwiki h1 {margin-left: 0;} +.dokuwiki h2 {margin-left: 20px;} +.dokuwiki h3 {margin-left: 40px;} +.dokuwiki h4 {margin-left: 60px;} +.dokuwiki h5 {margin-left: 80px;} +.dokuwiki div.level1 {margin-left: 0;} +.dokuwiki div.level2 {margin-left: 20px;} +.dokuwiki div.level3 {margin-left: 40px;} +.dokuwiki div.level4 {margin-left: 60px;} +.dokuwiki div.level5 {margin-left: 80px;} +*/ + + +/*____________ images ____________*/ + +/* embedded images (styles are already partly set in lib/styles/style.css) */ +.dokuwiki img.media { } +.dokuwiki img.medialeft { margin: .5em 1.5em .5em 0; } +.dokuwiki img.mediaright { margin: .5em 0 .5em 1.5em; } +.dokuwiki img.mediacenter { margin: .5em auto; } + + +/*____________ tables ____________*/ + +.dokuwiki table.inline { + min-width: 50%; +} +.dokuwiki table.inline th, +.dokuwiki table.inline td { + border: 1px solid __text_alt__; +} +.dokuwiki table.inline th { + color: inherit; + background-color: __background_neu__; +} +.dokuwiki table.inline td { +} +.dokuwiki table.inline tr:hover td { + background-color: __background_alt__; +} +.dokuwiki table.inline tr:hover th { + background-color: __border__; +} + + +/*____________ code ____________*/ + +.dokuwiki pre, +.dokuwiki tt, +.dokuwiki code, +.dokuwiki samp, +.dokuwiki kbd { + background-color: __background_alt__; + color: inherit; +} +.dokuwiki pre { + border: 1px solid __border__; +} +/* for code in */ +.dokuwiki pre.file { +} + +/* 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: 0 .5em; + margin-left: 1em; +} +.dokuwiki dl.code dt a, +.dokuwiki dl.file dt a { +} + +.dokuwiki dl.code dd, +.dokuwiki dl.file dd { + margin: 0; +} + + +/*____________ misc ____________*/ + +/* license note in footer and under edit window */ +.dokuwiki div.license { + font-size: 90%; +} + +/* any link to current page */ +.dokuwiki span.curid a { + color: __text_neu__; +} + + +/*____________ JS popup ____________*/ + +.JSpopup { + background-color: __background__; + color: __text__; + border: 1px solid __border__; + line-height: 1.2; +} + +.JSpopup ul, +.JSpopup ol { + padding-left: 0; +} + + +/* 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; +} + diff --git a/css/includes.css b/css/includes.css new file mode 100644 index 000000000..bc189962f --- /dev/null +++ b/css/includes.css @@ -0,0 +1,4 @@ +/** + * This file provides styles for included seperate html files + * (added through "include hooks"). + */ diff --git a/css/print.css b/css/print.css new file mode 100644 index 000000000..8b1378917 --- /dev/null +++ b/css/print.css @@ -0,0 +1 @@ + diff --git a/css/rtl.css b/css/rtl.css new file mode 100644 index 000000000..d0f67dc5a --- /dev/null +++ b/css/rtl.css @@ -0,0 +1,146 @@ +/* TODO */ + +/** + * This file provides layout and design corrections for right-to-left + * languages. + * + * @author Andreas Gohr + * @author Dotan Kamber + */ + +/*..... new code ........................................................................*/ + +body, +caption, +td, +th { + text-align: right; +} + +ul, ol { + padding: 0 1.5em 0 0; +} + +li, dd { + margin: 0 1.5em 0 0; +} + +blockquote { + border-width: 0 .25em 0 0; +} + + +/*..... @todo: old code ........................................................................*/ + +.bar-left { + float: right; + text-align: right; +} + +.bar-right { + float: left; + text-align: left; +} + +.pagename { + float: right; + text-align: right; +} + +.logo { + float: left; + text-align: left; +} + +label { + text-align: left; +} + +label.simple { + text-align: right; +} + +div.meta div.user { + float: right +} + +div.meta div.doc { + text-align: left; +} + +/* ------------------ Design corrections --------------------------------- */ + +div.dokuwiki ul, +div.dokuwiki ol { + margin: 0.5em 1.5em 0.5em 0; +} + +div.dokuwiki a.urlextern, +div.dokuwiki a.interwiki, +div.dokuwiki a.windows, +div.dokuwiki a.mail, +div.dokuwiki a.mail.JSnocheck { + /* should work but doesn't - so we just disable icons here*/ + /* + background-position: right 1px; + padding-right: 16px; + */ + background-image: none !important; + padding: 0px 0px 0px 0px; +} + +div.dokuwiki div.secedit input.button { + float: left; +} + +/* headlines */ +div.dokuwiki h1, div.dokuwiki h2, div.dokuwiki h3, div.dokuwiki h4, div.dokuwiki h5 { + clear: right; +} + +/* special headlines */ +div.dokuwiki h1 {margin-left: 0px; margin-right: 0px;} +div.dokuwiki h2 {margin-left: 0px; margin-right: 20px;} +div.dokuwiki h3 {margin-left: 0px; margin-right: 40px;} +div.dokuwiki h4 {margin-left: 0px; margin-right: 60px;} +div.dokuwiki h5 {margin-left: 0px; margin-right: 80px;} + +/* indent different sections */ +div.dokuwiki div.level1 {margin-left: 0px; margin-right: 3px;} +div.dokuwiki div.level2 {margin-left: 0px; margin-right: 23px;} +div.dokuwiki div.level3 {margin-left: 0px; margin-right: 43px;} +div.dokuwiki div.level4 {margin-left: 0px; margin-right: 63px;} +div.dokuwiki div.level5 {margin-left: 0px; margin-right: 83px;} + +/* TOC control */ +div.dokuwiki div.toc { + float: left; +} + +div.dokuwiki div.tocheader { + text-align: right; +} + +div.dokuwiki #toc__inside { + text-align: right; +} + +div.dokuwiki ul.toc { + padding: 0; + padding-right: 1em; +} + +div.dokuwiki ul.toc li { + background-position: right 0.6em; + padding-right:0.4em; + direction: rtl; +} + +div.dokuwiki ul.toc li.clear { + padding-right:0.4em; +} + +div.dokuwiki pre { + text-align: left; +} + diff --git a/css/structure.css b/css/structure.css new file mode 100644 index 000000000..41e446e12 --- /dev/null +++ b/css/structure.css @@ -0,0 +1,64 @@ +/** + * This file provides styles for the general layout structure. + * + * @author Anika Henke + */ + +body { + margin: 0 auto; +} +#dokuwiki__site { + margin: 0 auto; + max-width: 64em; + padding: 1.4em 1em; +} +#dokuwiki__site .site { +} + +#dokuwiki__header { +} +#dokuwiki__header .pad { +} + #dokuwiki__header .headings { + float: left; + } + #dokuwiki__header .tools { + float: right; + text-align: right; + } + +#dokuwiki__site .wrapper { + position: relative; + zoom: 1; /* @todo: IE */ +} + + /* show sidebar only in show mode */ + #dokuwiki__aside { + display: none; + } + .mode_show #dokuwiki__aside { + width: 16em; + float: left; + position: relative; + display: block; + zoom: 1; /* @todo: IE */ + } + #dokuwiki__aside .pad { + margin: 0 1.5em 0 0; + } + + /* make content wider when there's no sidebar */ + .mode_show #dokuwiki__content { + float: right; + margin-left: -16em; /* left negative margin: width of sidebar (#dokuwiki__aside) */ + width: 100%; + } + .mode_show #dokuwiki__content .pad { + margin-left: 16em; /* left positive margin: width of sidebar (#dokuwiki__aside) */ + } + +#dokuwiki__footer { + clear: both; +} +#dokuwiki__footer .pad { +} diff --git a/detail.php b/detail.php new file mode 100644 index 000000000..4dc870c5d --- /dev/null +++ b/detail.php @@ -0,0 +1,87 @@ + + * @author Anika Henke + */ + +// must be run from within DokuWiki +if (!defined('DOKU_INC')) die(); + +?> + + + + + <?php echo hsc(tpl_img_getTag('IPTC.Headline',$IMG))?> + [<?php echo strip_tags($conf['title'])?>] + + + + + + + +
+ + + + +

+ +
+ + +
+

+ +
+ '.$lang['img_date'].':
'.dformat($t).'
'; + + $t = tpl_img_getTag('File.Name'); + if($t) print '
'.$lang['img_fname'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag(array('Iptc.Byline','Exif.TIFFArtist','Exif.Artist','Iptc.Credit')); + if($t) print '
'.$lang['img_artist'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag(array('Iptc.CopyrightNotice','Exif.TIFFCopyright','Exif.Copyright')); + if($t) print '
'.$lang['img_copyr'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag('File.Format'); + if($t) print '
'.$lang['img_format'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag('File.NiceSize'); + if($t) print '
'.$lang['img_fsize'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag('Simple.Camera'); + if($t) print '
'.$lang['img_camera'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag(array('IPTC.Keywords','IPTC.Category','xmp.dc:subject')); + if($t) print '
'.$lang['img_keywords'].':
'.hsc($t).'
'; + + ?> +
+ +
+
+
+ +

+ + +
+ + + + diff --git a/images/bullet.png b/images/bullet.png new file mode 100644 index 000000000..da87696c7 Binary files /dev/null and b/images/bullet.png differ diff --git a/images/closed.png b/images/closed.png new file mode 100644 index 000000000..3691ebc17 Binary files /dev/null and b/images/closed.png differ diff --git a/images/link_icon.gif b/images/link_icon.gif new file mode 100644 index 000000000..815ccb1b1 Binary files /dev/null and b/images/link_icon.gif differ diff --git a/images/mail_icon.gif b/images/mail_icon.gif new file mode 100644 index 000000000..50a87a9a0 Binary files /dev/null and b/images/mail_icon.gif differ diff --git a/images/open.png b/images/open.png new file mode 100644 index 000000000..eafb64ed3 Binary files /dev/null and b/images/open.png differ diff --git a/images/windows.gif b/images/windows.gif new file mode 100644 index 000000000..4f12acce1 Binary files /dev/null and b/images/windows.gif differ diff --git a/lang/en/lang.php b/lang/en/lang.php new file mode 100644 index 000000000..1b04113c8 --- /dev/null +++ b/lang/en/lang.php @@ -0,0 +1,7 @@ + + */ + +if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */ +@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */ + +$showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER['REMOTE_USER'] ); +?> + + + + <?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>] + + + + + + + + + + + are added to make it possible to e.g. style a page differently if it's in edit mode, + see http://www.dokuwiki.org/devel:action_modes for a list of action modes */ ?> + +
+ + + +
+ +
+

+ ','id="dokuwiki__top" accesskey="h" title="[H]"') */ ?> + +

+ + + + + +
+
+ +
+ + +
+

User Tools

+
    + would be: tpl_action('edit',0,'li') */ + tpl_action('admin', 1, 'li'); + tpl_action('profile', 1, 'li', 0, '', '', $INFO['userinfo']['name'].' ('.$_SERVER['REMOTE_USER'].')'); + // this partly replaces tpl_userinfo() + tpl_action('login', 1, 'li'); + ?> +
+ +
+ + + +
+

Site Tools

+ +
    + +
+
+ +
+
+ + + + + + + + + + +
+
+
+ + +
+ + +
+ +
+
+ + +
+ + +
+

Page Tools

+
    + '; + _tpl_discussion(tpl_getConf('discussionNS').':',1); + echo ''; + } + tpl_action('history', 1, 'li'); + tpl_action('backlink', 1, 'li'); + tpl_action('subscribe', 1, 'li'); + ?> +
+
+ + + + + +
+ + + +
+
+ + + +
+ +
+
+
+ + + + + + +
+ + +
+ + + diff --git a/mediamanager.php b/mediamanager.php new file mode 100644 index 000000000..df9ff6ef6 --- /dev/null +++ b/mediamanager.php @@ -0,0 +1,46 @@ + + */ +?> + + + + + <?php echo hsc($lang['mediaselect'])?> + [<?php echo strip_tags($conf['title'])?>] + + + + + + + +
+ +
+

+ + +
+ + +
+ +
+ +
+
+ + + diff --git a/style.ini b/style.ini new file mode 100644 index 000000000..8a935c74c --- /dev/null +++ b/style.ini @@ -0,0 +1,60 @@ +; Please see http://www.php.net/manual/en/function.parse-ini-file.php +; for limitations of the ini format used here + +; Define the stylesheets your template uses here. The second value +; defines for which output media the style should be loaded. Currently +; print, screen and rtl are supported. rtl styles are loaded additionally +; to screen styles if a right-to-left language is selected (eg. Hebrew). + +[stylesheets] + +css/basic.css = screen +css/structure.css = screen +css/design.css = screen +css/_imgdetail.css = screen +css/_mediamanager.css = screen +css/_links.css = screen +css/_toc.css = screen +css/_footnotes.css = screen +css/_search.css = screen +css/_recent.css = screen +css/_diff.css = screen +css/_edit.css = screen +css/_modal.css = screen +css/_forms.css = screen +css/_admin.css = screen +;css/includes.css = screen + +;css/rtl.css = rtl +;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. + +[replacements] + +;-------------------------------------------------------------------------- +;------ guaranteed dokuwiki color placeholders that every plugin can use + +; main text and background colors +__text__ = "#333" +__background__ = "#fff" +; alternative text and background colors +__text_alt__ = "#999" +__background_alt__ = "#eee" +; neutral text and background colors +__text_neu__ = "#666" +__background_neu__ = "#ddd" +; border color +__border__ = "#ccc" + +;-------------------------------------------------------------------------- + +; these are used for links +__existing__ = "#090" +__missing__ = "#f30" + +; highlighting search snippets +__highlight__ = "#ff9" diff --git a/tpl_functions.php b/tpl_functions.php new file mode 100644 index 000000000..58f9ab4f9 --- /dev/null +++ b/tpl_functions.php @@ -0,0 +1,25 @@ + Date: Fri, 5 Nov 2010 10:34:56 +0000 Subject: added user page link --- conf/default.php | 1 + conf/metadata.php | 1 + lang/en/lang.php | 4 +++- lang/en/settings.php | 1 + main.php | 17 +++++++++++------ tpl_functions.php | 20 ++++++++++++++++---- 6 files changed, 33 insertions(+), 11 deletions(-) diff --git a/conf/default.php b/conf/default.php index 7f1fbb246..7c60e665e 100644 --- a/conf/default.php +++ b/conf/default.php @@ -6,5 +6,6 @@ $conf['tagline'] = 'This is the tagline - explaining what this site is about.'; $conf['discussionNS'] = 'discussion'; +$conf['userNS'] = 'user'; $conf['sidebarID'] = 'sidebar'; $conf['hideTools'] = 0; diff --git a/conf/metadata.php b/conf/metadata.php index 591053e7e..c6ebe1638 100644 --- a/conf/metadata.php +++ b/conf/metadata.php @@ -6,6 +6,7 @@ $meta['tagline'] = array('string'); $meta['discussionNS'] = array('string'); +$meta['userNS'] = array('string'); $meta['sidebarID'] = array('string'); $meta['hideTools'] = array('onoff'); diff --git a/lang/en/lang.php b/lang/en/lang.php index 1b04113c8..5496cbe86 100644 --- a/lang/en/lang.php +++ b/lang/en/lang.php @@ -4,4 +4,6 @@ * */ -$lang['btn_discussion'] = "Discussion"; +$lang['btn_discussion'] = "Discussion"; +$lang['btn_back2article'] = "Back to article"; +$lang['btn_userpage'] = "User page"; diff --git a/lang/en/settings.php b/lang/en/settings.php index 78fbbb280..66c9c4486 100644 --- a/lang/en/settings.php +++ b/lang/en/settings.php @@ -6,5 +6,6 @@ $lang['foo'] = 'Tagline'; $lang['discussionNS'] = 'Discussion namespace (leave empty to disable discussions)'; +$lang['userNS'] = 'User namespace (leave empty to disable user pages)'; $lang['sidebarID'] = 'page name of page included in sidebar'; $lang['hideTools'] = 'Hide tools when not logged in?'; diff --git a/main.php b/main.php index 338907a19..65d964cee 100644 --- a/main.php +++ b/main.php @@ -64,10 +64,15 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
    would be: tpl_action('edit',0,'li') */ - tpl_action('admin', 1, 'li'); - tpl_action('profile', 1, 'li', 0, '', '', $INFO['userinfo']['name'].' ('.$_SERVER['REMOTE_USER'].')'); - // this partly replaces tpl_userinfo() - tpl_action('login', 1, 'li'); + tpl_action('admin', 1, 'li'); + tpl_action('profile', 1, 'li', 0, '', '', $INFO['userinfo']['name'].' ('.$_SERVER['REMOTE_USER'].')'); + // this partly replaces tpl_userinfo() + if (tpl_getConf('userNS') && $_SERVER['REMOTE_USER']) { + echo '
  • '; + _tpl_userpage(tpl_getConf('userNS').':',1); + echo '
  • '; + } + tpl_action('login', 1, 'li'); ?>
@@ -80,8 +85,8 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
diff --git a/tpl_functions.php b/tpl_functions.php index 58f9ab4f9..6dc9e4bc2 100644 --- a/tpl_functions.php +++ b/tpl_functions.php @@ -4,22 +4,34 @@ if (!defined('DOKU_INC')) die(); if (!defined('DOKU_LF')) define('DOKU_LF',"\n"); +/* @todo: fix label of buttons */ + /** * Create link/button to discussion page and back */ function _tpl_discussion($discussNS='discussion:',$link=0) { global $ID; - global $lang; if(substr($ID,0,strlen($discussNS))==$discussNS) { $backID = substr(strstr($ID,':'),1); if ($link) - tpl_pagelink(':'.$backID,$lang['btn_back']); + tpl_link(wl($backID),tpl_getLang('btn_back2article')); else - echo html_btn('back',$backID,'',array()); + echo html_btn('back2article',$backID,'',array()); } else { if ($link) - tpl_pagelink($discussNS.$ID,tpl_getLang('btn_discussion')); + tpl_link(wl($discussNS.$ID),tpl_getLang('btn_discussion')); else echo html_btn('discussion',$discussNS.$ID,'',array()); } } + +/** + * Create link/button to user page + */ +function _tpl_userpage($userNS='user:',$link=0) { + global $conf; + if ($link) + tpl_link(wl($userNS.$_SERVER['REMOTE_USER'].':'.$conf['start']),tpl_getLang('btn_userpage')); + else + echo html_btn('userpage',$userNS.$_SERVER['REMOTE_USER'].':'.$conf['start'],'',array()); +} -- cgit v1.2.3 From 23bca4f3845d2ee190cdcbd04ecb5452c1fc502f Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sat, 6 Nov 2010 23:11:25 +0000 Subject: finished design, improved template functions --- conf/default.php | 11 ++-- conf/metadata.php | 13 ++--- css/_links.css | 7 ++- css/_mediamanager.css | 8 +-- css/_toc.css | 4 +- css/design.css | 149 +++++++++++++++++++++++++++++++++----------------- detail.php | 8 +-- lang/en/lang.php | 12 +++- lang/en/settings.php | 11 ++-- main.php | 75 ++++++++++++------------- mediamanager.php | 12 +--- tpl_functions.php | 55 ++++++++++++++----- 12 files changed, 219 insertions(+), 146 deletions(-) diff --git a/conf/default.php b/conf/default.php index 7c60e665e..e5bce5e9d 100644 --- a/conf/default.php +++ b/conf/default.php @@ -4,8 +4,9 @@ * */ -$conf['tagline'] = 'This is the tagline - explaining what this site is about.'; -$conf['discussionNS'] = 'discussion'; -$conf['userNS'] = 'user'; -$conf['sidebarID'] = 'sidebar'; -$conf['hideTools'] = 0; +$conf['tagline'] = 'This is the tagline - explaining what this site is about.'; +$conf['discussionNS'] = 'discussion'; +$conf['discussNSreverse'] = 0; +$conf['userNS'] = 'user'; +$conf['sidebarID'] = 'sidebar'; +$conf['hideTools'] = 0; diff --git a/conf/metadata.php b/conf/metadata.php index c6ebe1638..792c47ae2 100644 --- a/conf/metadata.php +++ b/conf/metadata.php @@ -4,10 +4,9 @@ * */ -$meta['tagline'] = array('string'); -$meta['discussionNS'] = array('string'); -$meta['userNS'] = array('string'); -$meta['sidebarID'] = array('string'); -$meta['hideTools'] = array('onoff'); - -// array('multichoice','_choices' => array(0,1,2)); +$meta['tagline'] = array('string'); +$meta['discussionNS'] = array('string'); +$meta['discussNSreverse'] = array('onoff'); +$meta['userNS'] = array('string'); +$meta['sidebarID'] = array('string'); +$meta['hideTools'] = array('onoff'); diff --git a/css/_links.css b/css/_links.css index 8fc6c1322..d62a4dede 100644 --- a/css/_links.css +++ b/css/_links.css @@ -13,7 +13,7 @@ .dokuwiki a.wikilink2 { color: __missing__; background-color: inherit; - text-decoration: none !important; + text-decoration: none; } .dokuwiki a.wikilink2:link, .dokuwiki a.wikilink2:visited { @@ -25,6 +25,11 @@ border-bottom-width: 0; } +/* any link to current page */ +.dokuwiki span.curid a { + font-weight: bold; +} + /*____________ other link types ____________*/ .dokuwiki a.urlextern, diff --git a/css/_mediamanager.css b/css/_mediamanager.css index da1af909e..01e23efd0 100644 --- a/css/_mediamanager.css +++ b/css/_mediamanager.css @@ -14,7 +14,7 @@ html.popup { overflow: hidden; } -#media__left { +#mediamgr__aside { width: 30%; height: 100%; overflow: auto; @@ -22,18 +22,18 @@ html.popup { left: 0; border-right: solid 1px __border__; } -#media__left .pad { +#mediamgr__aside .pad { padding: .5em; } -#media__right { +#mediamgr__content { width: 69.7%; height: 100%; overflow: auto; position: absolute; right: 0; } -#media__right .pad { +#mediamgr__content .pad { padding: .5em; } diff --git a/css/_toc.css b/css/_toc.css index 5595c521b..fcccf4fc1 100644 --- a/css/_toc.css +++ b/css/_toc.css @@ -16,7 +16,7 @@ /*____________ toc header ____________*/ .dokuwiki div.tocheader { - padding: 0.2em 0.4em; + padding: .2em .5em; margin-bottom: .2em; font-weight: bold; background-color: __background_alt__; @@ -47,7 +47,7 @@ /*____________ toc list ____________*/ .dokuwiki #toc__inside { - padding: .2em .4em; + padding: .2em .5em; background-color: __background_alt__; color: __text__; } diff --git a/css/design.css b/css/design.css index d6e68baa2..a86fc9f27 100644 --- a/css/design.css +++ b/css/design.css @@ -10,13 +10,14 @@ ********************************************************************/ #dokuwiki__header { - margin: 1em 0 1.4em; + margin: 1em 0 0; } + #dokuwiki__header .headings { - margin-bottom: .7em; + margin-bottom: 2.1em; } #dokuwiki__header h1 { - margin-bottom: .2em; + margin-bottom: 0; font-size: 1.5em; } #dokuwiki__header h1 a { @@ -33,21 +34,7 @@ } #dokuwiki__header .tools { - margin-bottom: .7em; -} -#dokuwiki__header .tools #dokuwiki__usertools { - position: absolute; - top: 0; - right: 0; - border-bottom: 1px solid __border__; - background-color: __background_alt__; - width: 100%; -} -#dokuwiki__header .tools #dokuwiki__usertools ul { - /* imitate #dokuwiki__site */ - margin: 0 auto; - max-width: 64em; - padding: 0 1em; + margin-bottom: 2.1em; } #dokuwiki__header .tools ul { margin-bottom: 0; @@ -55,71 +42,132 @@ #dokuwiki__header .tools ul li { display: inline; } + #dokuwiki__header form.search { - margin: .5em 0 .2em; + margin: .5em 0 0; display: block; } -form.search #qsearch__in { +#dokuwiki__header form.search #qsearch__in { width: 12em; margin-right: .5em; } #dokuwiki__header div.breadcrumbs { + margin-bottom: .3em; } -div.breadcrumbs a { +#dokuwiki__header div.breadcrumbs a { color: __existing__; background-color: inherit; } -/* nav +/* tools ********************************************************************/ -#dokuwiki__aside h1 { } -#dokuwiki__aside h2 { } -#dokuwiki__aside h3 { } -#dokuwiki__aside h4 { } -#dokuwiki__aside h5 { } - -#dokuwiki__aside ul, -#dokuwiki__aside ol { - padding-left: 0; +/* 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_profile a.action.profile, +.mode_recent a.action.recent, +.mode_index a.action.index, +.mode_revisions a.action.revs, +.mode_backlink a.action.backlink { + font-weight: bold; +} -/* page tools -********************************************************************/ +/*____________ user tools ____________*/ -#dokuwiki__pagetools { - position: fixed; - bottom: 0; - left: 0; - border-top: 1px solid __border__; +#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: 64em; padding: 0 1em; } -#dokuwiki__pagetools li { +#dokuwiki__usertools ul li.user { + float: left; + margin-left: 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; +} + + +/* sidebar +********************************************************************/ + +#dokuwiki__aside { + padding-top: .4em; + 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: 0; +} +#dokuwiki__aside li ul, #dokuwiki__aside li ol { + margin-bottom: 0; +} + /* content ********************************************************************/ - /* .dokuwiki .page { - -webkit-border-image: 1em -webkit-gradient(linear, left top, right top, from(#cccccc), to(#ffffff)); - padding: 1em; - background: -moz-linear-gradient(100% 100% 180deg, #cccccc, #ffffff 1em); - background: -webkit-gradient(linear, left top, right top, from(#cccccc), to(#ffffff)); } - */ /*____________ section indenting ____________ @@ -180,6 +228,7 @@ div.breadcrumbs a { } .dokuwiki pre { border: 1px solid __border__; + padding: 0 .2em; } /* for code in */ .dokuwiki pre.file { @@ -217,11 +266,6 @@ div.breadcrumbs a { font-size: 90%; } -/* any link to current page */ -.dokuwiki span.curid a { - color: __text_neu__; -} - /*____________ JS popup ____________*/ @@ -230,6 +274,7 @@ div.breadcrumbs a { color: __text__; border: 1px solid __border__; line-height: 1.2; + padding: 0 .2em; } .JSpopup ul, @@ -257,4 +302,8 @@ div.breadcrumbs a { #dokuwiki__footer .license { clear: both; } +#dokuwiki__footer .license img { + margin: 0 .5em 0 0; + float: none; +} diff --git a/detail.php b/detail.php index 4dc870c5d..500890114 100644 --- a/detail.php +++ b/detail.php @@ -1,13 +1,7 @@ * @author Anika Henke */ diff --git a/lang/en/lang.php b/lang/en/lang.php index 5496cbe86..91b04b177 100644 --- a/lang/en/lang.php +++ b/lang/en/lang.php @@ -4,6 +4,12 @@ * */ -$lang['btn_discussion'] = "Discussion"; -$lang['btn_back2article'] = "Back to article"; -$lang['btn_userpage'] = "User page"; +$lang['discussion'] = 'Discussion'; +$lang['back_to_article'] = 'Back to article'; +$lang['userpage'] = 'User page'; + +/* accessibility headlines */ +$lang['user_tools'] = 'User Tools'; +$lang['site_tools'] = 'Site Tools'; +$lang['page_tools'] = 'Page Tools'; +$lang['skip_to_content'] = 'skip to content'; diff --git a/lang/en/settings.php b/lang/en/settings.php index 66c9c4486..e2fde20c4 100644 --- a/lang/en/settings.php +++ b/lang/en/settings.php @@ -4,8 +4,9 @@ * */ -$lang['foo'] = 'Tagline'; -$lang['discussionNS'] = 'Discussion namespace (leave empty to disable discussions)'; -$lang['userNS'] = 'User namespace (leave empty to disable user pages)'; -$lang['sidebarID'] = 'page name of page included in sidebar'; -$lang['hideTools'] = 'Hide tools when not logged in?'; +$lang['tagline'] = 'Tagline'; +$lang['discussionNS'] = 'Discussion namespace (leave empty to disable discussions)'; +$lang['discussNSreverse'] = 'Reverse discussion namespace? (e.g. "foo:bar:discussion" instead of "discussion:foo:bar")'; +$lang['userNS'] = 'User namespace (leave empty to disable user pages)'; +$lang['sidebarID'] = 'page name of page included in sidebar'; +$lang['hideTools'] = 'Hide tools when not logged in?'; diff --git a/main.php b/main.php index 65d964cee..23f3f2d24 100644 --- a/main.php +++ b/main.php @@ -45,44 +45,41 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER

- -
- +
-

User Tools

+

    would be: tpl_action('edit',0,'li') */ - tpl_action('admin', 1, 'li'); - tpl_action('profile', 1, 'li', 0, '', '', $INFO['userinfo']['name'].' ('.$_SERVER['REMOTE_USER'].')'); - // this partly replaces tpl_userinfo() - if (tpl_getConf('userNS') && $_SERVER['REMOTE_USER']) { - echo '
  • '; - _tpl_userpage(tpl_getConf('userNS').':',1); + if ($_SERVER['REMOTE_USER']) { + echo '
  • '; + tpl_userinfo(); /* 'Logged in as ...' */ echo '
  • '; } + tpl_action('admin', 1, 'li'); + if (tpl_getConf('userNS')) { + _tpl_userpage(tpl_getConf('userNS'),1,'li'); + } + tpl_action('profile', 1, 'li'); tpl_action('login', 1, 'li'); ?>
-
- +
-

Site Tools

- +

+
    - - -
    -

    Page Tools

    -
      - '; - _tpl_discussion(tpl_getConf('discussionNS').':',1); - echo ''; - } - tpl_action('history', 1, 'li'); - tpl_action('backlink', 1, 'li'); - tpl_action('subscribe', 1, 'li'); - ?> -
    -
    - - @@ -154,20 +131,38 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER

    -
    + + +
    +

    +
      + +
    +
    + +
- +
diff --git a/mediamanager.php b/mediamanager.php index df9ff6ef6..0f4362577 100644 --- a/mediamanager.php +++ b/mediamanager.php @@ -1,13 +1,7 @@ */ ?>
-
+

@@ -37,7 +31,7 @@
-
+
diff --git a/tpl_functions.php b/tpl_functions.php index 6dc9e4bc2..0dfee9595 100644 --- a/tpl_functions.php +++ b/tpl_functions.php @@ -1,37 +1,66 @@ */ -function _tpl_discussion($discussNS='discussion:',$link=0) { +function _tpl_discussion($discussNS='discussion',$link=0,$wrapper=0,$reverse=0) { global $ID; - if(substr($ID,0,strlen($discussNS))==$discussNS) { - $backID = substr(strstr($ID,':'),1); + + if ($reverse) { + $discussPage = $ID.':'.$discussNS; + $isDiscussPage = substr($ID,-strlen($discussNS),strlen($discussNS))==$discussNS; + $backID = substr($ID,0,-strlen($discussNS)); + } else { + $discussPage = $discussNS.':'.$ID; + $isDiscussPage = substr($ID,0,strlen($discussNS))==$discussNS; + $backID = strstr($ID,':'); + } + + if ($wrapper) echo "<$wrapper>"; + + if($isDiscussPage) { if ($link) - tpl_link(wl($backID),tpl_getLang('btn_back2article')); + tpl_pagelink($backID,tpl_getLang('back_to_article')); else - echo html_btn('back2article',$backID,'',array()); + echo html_btn('back2article',$backID,'',array(),0,0,tpl_getLang('back_to_article')); } else { if ($link) - tpl_link(wl($discussNS.$ID),tpl_getLang('btn_discussion')); + tpl_pagelink($discussPage,tpl_getLang('discussion')); else - echo html_btn('discussion',$discussNS.$ID,'',array()); + echo html_btn('discussion',$discussPage,'',array(),0,0,tpl_getLang('discussion')); } + + if ($wrapper) echo ""; } /** * Create link/button to user page + * + * @author Anika Henke */ -function _tpl_userpage($userNS='user:',$link=0) { +function _tpl_userpage($userNS='user',$link=0,$wrapper=false) { + if (!$_SERVER['REMOTE_USER']) return; + global $conf; + $userPage = $userNS.':'.$_SERVER['REMOTE_USER'].':'.$conf['start']; + + if ($wrapper) echo "<$wrapper>"; + if ($link) - tpl_link(wl($userNS.$_SERVER['REMOTE_USER'].':'.$conf['start']),tpl_getLang('btn_userpage')); + tpl_pagelink($userPage,tpl_getLang('userpage')); else - echo html_btn('userpage',$userNS.$_SERVER['REMOTE_USER'].':'.$conf['start'],'',array()); + echo html_btn('userpage',$userPage,'',array(),0,0,tpl_getLang('userpage')); + + if ($wrapper) echo ""; } -- cgit v1.2.3 From a52b1359cd07ffbe5e34429a5cd310e1f38e8b43 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 7 Nov 2010 12:20:30 +0000 Subject: IE fixes --- css/_edit.css | 4 +++- css/design.css | 27 +++++++++++++++++++++++++++ css/structure.css | 12 ++++++++++-- 3 files changed, 40 insertions(+), 3 deletions(-) diff --git a/css/_edit.css b/css/_edit.css index db62dc976..a17df77f7 100644 --- a/css/_edit.css +++ b/css/_edit.css @@ -41,7 +41,9 @@ div.picker button.pickerbutton { .dokuwiki textarea.edit { /* should just be "width: 100%", but IE8 doesn't like it, see FS#1910 + FS#1667 */ - width: 100%; + width: 700px; + min-width: 100%; + max-width: 100%; margin-bottom: .5em; } diff --git a/css/design.css b/css/design.css index a86fc9f27..243733462 100644 --- a/css/design.css +++ b/css/design.css @@ -12,6 +12,9 @@ #dokuwiki__header { margin: 1em 0 0; } +#IE7 #dokuwiki__header { + margin-top: 2em; +} #dokuwiki__header .headings { margin-bottom: 2.1em; @@ -108,6 +111,9 @@ max-width: 64em; padding: 0 1em; } +#IE6 #dokuwiki__usertools ul { + width: 100%; +} #dokuwiki__usertools ul li.user { float: left; margin-left: 0; @@ -124,6 +130,9 @@ width: 100%; z-index: 10; } +#IE6 #dokuwiki__content { + margin-bottom: 1.4em; +} #dokuwiki__pagetools ul li { display: inline; margin: 0 1.5em 0 0; @@ -131,6 +140,14 @@ #dokuwiki__pagetools ul li a.action.top { float: right; } +#IE7 #dokuwiki__pagetools ul { + position: relative;; +} +#IE7 #dokuwiki__pagetools ul li a.action.top { + position: absolute; + top: 0; + right: 0; +} /* sidebar @@ -266,6 +283,10 @@ font-size: 90%; } +#IE6 input.button, #IE6 button, +#IE7 input.button, #IE7 button { + line-height: 1.4; +} /*____________ JS popup ____________*/ @@ -289,10 +310,16 @@ .dokuwiki .wrapper { margin-bottom: 2.8em; } +#IE6 .dokuwiki .wrapper { + margin-bottom: 1.4em; +} #dokuwiki__footer { margin-bottom: 1em; } +#IE7 #dokuwiki__footer { + height: 1%; +} #dokuwiki__footer .doc { float: left; } diff --git a/css/structure.css b/css/structure.css index 41e446e12..7b188dbd6 100644 --- a/css/structure.css +++ b/css/structure.css @@ -22,14 +22,23 @@ body { #dokuwiki__header .headings { float: left; } + #IE6 #dokuwiki__header .headings { + width: 50%; + } #dokuwiki__header .tools { float: right; text-align: right; } + #IE6 #dokuwiki__header .tools { + width: 50%; + } #dokuwiki__site .wrapper { position: relative; - zoom: 1; /* @todo: IE */ +} +#IE6 #dokuwiki__site .wrapper, +#IE7 #dokuwiki__site .wrapper { + height: 1%; } /* show sidebar only in show mode */ @@ -41,7 +50,6 @@ body { float: left; position: relative; display: block; - zoom: 1; /* @todo: IE */ } #dokuwiki__aside .pad { margin: 0 1.5em 0 0; -- cgit v1.2.3 From 8fdcbb446b412f81b3336cfe9af73efe561a6633 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 7 Nov 2010 13:14:03 +0000 Subject: more IE fixes --- css/design.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/css/design.css b/css/design.css index 243733462..384aaa7b8 100644 --- a/css/design.css +++ b/css/design.css @@ -140,9 +140,11 @@ #dokuwiki__pagetools ul li a.action.top { float: right; } +#IE6 #dokuwiki__pagetools ul, #IE7 #dokuwiki__pagetools ul { - position: relative;; + position: relative; } +#IE6 #dokuwiki__pagetools ul li a.action.top, #IE7 #dokuwiki__pagetools ul li a.action.top { position: absolute; top: 0; @@ -283,8 +285,8 @@ font-size: 90%; } -#IE6 input.button, #IE6 button, -#IE7 input.button, #IE7 button { +#IE6 .dokuwiki input.button, #IE6 .dokuwiki button, +#IE7 .dokuwiki input.button, #IE7 .dokuwiki button { line-height: 1.4; } @@ -317,6 +319,7 @@ #dokuwiki__footer { margin-bottom: 1em; } +#IE6 #dokuwiki__footer, #IE7 #dokuwiki__footer { height: 1%; } -- cgit v1.2.3 From a21fd4b9fa168f867852150b109fcd7da2e59996 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 7 Nov 2010 13:15:33 +0000 Subject: made favicon.ico more flexible (use from data/media only if it exists, otherwise from tpl) --- images/favicon.ico | Bin 0 -> 7406 bytes main.php | 2 +- tpl_functions.php | 14 ++++++++++++++ 3 files changed, 15 insertions(+), 1 deletion(-) create mode 100644 images/favicon.ico diff --git a/images/favicon.ico b/images/favicon.ico new file mode 100644 index 000000000..8b9616abb Binary files /dev/null and b/images/favicon.ico differ diff --git a/main.php b/main.php index 23f3f2d24..0150d37cc 100644 --- a/main.php +++ b/main.php @@ -18,7 +18,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER <?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>] - + diff --git a/tpl_functions.php b/tpl_functions.php index 0dfee9595..d258ed38b 100644 --- a/tpl_functions.php +++ b/tpl_functions.php @@ -4,6 +4,8 @@ * * This file provides template specific custom functions that are * not provided by the DokuWiki core. + * It is common practice to start each function with an underscore + * to make sure it won't interfere with future core functions. */ // must be run from within DokuWiki @@ -64,3 +66,15 @@ function _tpl_userpage($userNS='user',$link=0,$wrapper=false) { if ($wrapper) echo ""; } + +/** + * Use favicon.ico from data/media root directory if it exists, otherwise use + * the one in the template's image directory. + * + * @author Anika Henke + */ +function _tpl_getFavicon() { + if (file_exists(mediaFN('favicon.ico'))) + return ml('favicon.ico'); + return DOKU_TPL.'images/favicon.ico'; +} -- cgit v1.2.3 From 2fc923cadb76d6400175c5a87f077a2730e9e1b4 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 7 Nov 2010 14:17:51 +0000 Subject: split design.css up into design.css and content.css --- css/content.css | 125 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ css/design.css | 93 +---------------------------------------- style.ini | 1 + 3 files changed, 128 insertions(+), 91 deletions(-) create mode 100644 css/content.css diff --git a/css/content.css b/css/content.css new file mode 100644 index 000000000..2426b51e8 --- /dev/null +++ b/css/content.css @@ -0,0 +1,125 @@ +/** + * This file provides the main design styles for the page content. + * + * @author Anika Henke + * @author Andreas Gohr + */ + + +/*____________ section indenting ____________ + +.dokuwiki h1 {margin-left: 0;} +.dokuwiki h2 {margin-left: .666em;} +.dokuwiki h3 {margin-left: 1.776em;} +.dokuwiki h4 {margin-left: 3em;} +.dokuwiki h5 {margin-left: 4.5712em;} +.dokuwiki div.level1 {margin-left: 0;} +.dokuwiki div.level2 {margin-left: 1em;} +.dokuwiki div.level3 {margin-left: 2em;} +.dokuwiki div.level4 {margin-left: 3em;} +.dokuwiki div.level5 {margin-left: 4em;} +*/ +/* hx margin-left = (1 / font-size) * .levelx-margin */ + + +/*____________ images ____________*/ + +/* embedded images (styles are already partly set in lib/styles/style.css) */ +.dokuwiki img.media { } +.dokuwiki img.medialeft { margin: .5em 1.5em .5em 0; } +.dokuwiki img.mediaright { margin: .5em 0 .5em 1.5em; } +.dokuwiki img.mediacenter { margin: .5em auto; } + + +/*____________ tables ____________*/ + +.dokuwiki table.inline { + min-width: 50%; +} +.dokuwiki table.inline th, +.dokuwiki table.inline td { + border: 1px solid __text_alt__; +} +.dokuwiki table.inline th { + color: inherit; + background-color: __background_neu__; +} +.dokuwiki table.inline td { +} +.dokuwiki table.inline tr:hover td { + background-color: __background_alt__; +} +.dokuwiki table.inline tr:hover th { + background-color: __border__; +} + + +/*____________ code ____________*/ + +.dokuwiki pre, +.dokuwiki tt, +.dokuwiki code, +.dokuwiki samp, +.dokuwiki kbd { + background-color: __background_alt__; + color: inherit; +} +.dokuwiki pre { + border: 1px solid __border__; + padding: 0 .2em; +} +/* for code in */ +.dokuwiki pre.file { +} + +/* 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: 0 .5em; + margin-left: 1em; +} +.dokuwiki dl.code dt a, +.dokuwiki dl.file dt a { +} + +.dokuwiki dl.code dd, +.dokuwiki dl.file dd { + margin: 0; +} + + +/*____________ misc ____________*/ + +/* license note in footer and under edit window */ +.dokuwiki div.license { + font-size: 90%; +} + +#IE6 .dokuwiki input.button, #IE6 .dokuwiki button, +#IE7 .dokuwiki input.button, #IE7 .dokuwiki button { + line-height: 1.4; +} + +/*____________ 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; +} diff --git a/css/design.css b/css/design.css index 384aaa7b8..945ebd722 100644 --- a/css/design.css +++ b/css/design.css @@ -1,5 +1,6 @@ /** - * This file provides the main design styles. + * This file provides the main design styles for the + * bits that surround the content. * * @author Anika Henke * @author Andreas Gohr @@ -188,96 +189,6 @@ .dokuwiki .page { } -/*____________ section indenting ____________ - -.dokuwiki h1 {margin-left: 0;} -.dokuwiki h2 {margin-left: 20px;} -.dokuwiki h3 {margin-left: 40px;} -.dokuwiki h4 {margin-left: 60px;} -.dokuwiki h5 {margin-left: 80px;} -.dokuwiki div.level1 {margin-left: 0;} -.dokuwiki div.level2 {margin-left: 20px;} -.dokuwiki div.level3 {margin-left: 40px;} -.dokuwiki div.level4 {margin-left: 60px;} -.dokuwiki div.level5 {margin-left: 80px;} -*/ - - -/*____________ images ____________*/ - -/* embedded images (styles are already partly set in lib/styles/style.css) */ -.dokuwiki img.media { } -.dokuwiki img.medialeft { margin: .5em 1.5em .5em 0; } -.dokuwiki img.mediaright { margin: .5em 0 .5em 1.5em; } -.dokuwiki img.mediacenter { margin: .5em auto; } - - -/*____________ tables ____________*/ - -.dokuwiki table.inline { - min-width: 50%; -} -.dokuwiki table.inline th, -.dokuwiki table.inline td { - border: 1px solid __text_alt__; -} -.dokuwiki table.inline th { - color: inherit; - background-color: __background_neu__; -} -.dokuwiki table.inline td { -} -.dokuwiki table.inline tr:hover td { - background-color: __background_alt__; -} -.dokuwiki table.inline tr:hover th { - background-color: __border__; -} - - -/*____________ code ____________*/ - -.dokuwiki pre, -.dokuwiki tt, -.dokuwiki code, -.dokuwiki samp, -.dokuwiki kbd { - background-color: __background_alt__; - color: inherit; -} -.dokuwiki pre { - border: 1px solid __border__; - padding: 0 .2em; -} -/* for code in */ -.dokuwiki pre.file { -} - -/* 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: 0 .5em; - margin-left: 1em; -} -.dokuwiki dl.code dt a, -.dokuwiki dl.file dt a { -} - -.dokuwiki dl.code dd, -.dokuwiki dl.file dd { - margin: 0; -} - - /*____________ misc ____________*/ /* license note in footer and under edit window */ diff --git a/style.ini b/style.ini index 8a935c74c..9a16508e1 100644 --- a/style.ini +++ b/style.ini @@ -11,6 +11,7 @@ css/basic.css = screen css/structure.css = screen css/design.css = screen +css/content.css = screen css/_imgdetail.css = screen css/_mediamanager.css = screen css/_links.css = screen -- cgit v1.2.3 From 0adc52038c89b5a01beeef44630df615c526791f Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 7 Nov 2010 16:43:13 +0000 Subject: added RTL styles --- css/_admin.css | 2 +- css/_links.css | 9 +- css/_mediamanager.css | 5 +- css/_recent.css | 7 +- css/rtl.css | 310 +++++++++++++++++++++++++++++++++++++------------- style.ini | 4 +- 6 files changed, 244 insertions(+), 93 deletions(-) diff --git a/css/_admin.css b/css/_admin.css index c5d188763..e4664367c 100644 --- a/css/_admin.css +++ b/css/_admin.css @@ -7,7 +7,7 @@ float: left; width: 40%; list-style-type: none; - font-size: 115%; + font-size: 1.125em; } .dokuwiki ul.admin_tasks li { diff --git a/css/_links.css b/css/_links.css index d62a4dede..7e7f18268 100644 --- a/css/_links.css +++ b/css/_links.css @@ -34,10 +34,12 @@ .dokuwiki a.urlextern, .dokuwiki a.windows, -.dokuwiki a.mail { +.dokuwiki a.mail, +.dokuwiki a.mediafile, +.dokuwiki a.interwiki { background-repeat: no-repeat; background-position: 0 center; - padding-left: 17px; + padding: 0 0 0 17px; } /* external link */ .dokuwiki a.urlextern { @@ -55,10 +57,7 @@ /* icons of the following are set by dokuwiki in lib/exe/css.php */ /* link to some embedded media */ .dokuwiki a.mediafile { - background-position: 0 center; - padding-bottom: 0; } /* interwiki link */ .dokuwiki a.interwiki { - background-position: 0 center; } diff --git a/css/_mediamanager.css b/css/_mediamanager.css index 01e23efd0..d47e581ff 100644 --- a/css/_mediamanager.css +++ b/css/_mediamanager.css @@ -20,7 +20,7 @@ html.popup { overflow: auto; position: absolute; left: 0; - border-right: solid 1px __border__; + border-right: 1px solid __border__; } #mediamgr__aside .pad { padding: .5em; @@ -208,6 +208,9 @@ form#dw__mediasearch input.button { margin: 0; } #media__content form.meta textarea.edit { + /* needed because of IE8 hack in _edit.css for textarea.edit: */ + max-width: 70%; + min-width: 70%; } #media__content form.meta div.buttons { diff --git a/css/_recent.css b/css/_recent.css index 75d3a2da8..9e35c1270 100644 --- a/css/_recent.css +++ b/css/_recent.css @@ -51,11 +51,8 @@ text-align: center; margin: 1.4em 0; } -.dokuwiki div.pagenav-prev { - display: inline; - margin-right: .5em; -} +.dokuwiki div.pagenav-prev, .dokuwiki div.pagenav-next { display: inline; - margin-left: .5em; + margin: 0 .5em; } diff --git a/css/rtl.css b/css/rtl.css index d0f67dc5a..e15b958f8 100644 --- a/css/rtl.css +++ b/css/rtl.css @@ -1,14 +1,11 @@ -/* TODO */ - /** * This file provides layout and design corrections for right-to-left * languages. * - * @author Andreas Gohr - * @author Dotan Kamber + * @author Anika Henke */ -/*..... new code ........................................................................*/ +/*____________ basic ____________*/ body, caption, @@ -20,127 +17,282 @@ th { ul, ol { padding: 0 1.5em 0 0; } - li, dd { margin: 0 1.5em 0 0; } - blockquote { border-width: 0 .25em 0 0; } +h1, h2, h3, h4, h5, h6, +caption, legend { + clear: right; +} + + +/*____________ structure ____________*/ + +#dokuwiki__header .headings { + float: right; +} +#dokuwiki__header .tools { + float: left; + text-align: left; +} -/*..... @todo: old code ........................................................................*/ +.mode_show #dokuwiki__aside { + float: right; +} +#dokuwiki__aside .pad { + margin: 0 0 0 1.5em; +} + +.mode_show #dokuwiki__content { + float: left; + margin-left: 0; + margin-right: -16em; +} +.mode_show #dokuwiki__content .pad { + margin-left: 0; + margin-right: 16em; +} + +/*____________ design ____________*/ + +#dokuwiki__header form.search #qsearch__in { + margin-right: 0; + margin-left: .5em; +} -.bar-left { - float: right; - text-align: right; +#dokuwiki__aside ul, #dokuwiki__aside ol { + padding-right: 0; } -.bar-right { - float: left; - text-align: left; +/*____________ content ____________*/ + +/* section indenting +.dokuwiki h1 {margin-left: 0; margin-right: 0;} +.dokuwiki h2 {margin-left: 0; margin-right: .666em;} +.dokuwiki h3 {margin-left: 0; margin-right: 1.776em;} +.dokuwiki h4 {margin-left: 0; margin-right: 3em;} +.dokuwiki h5 {margin-left: 0; margin-right: 4.5712em;} +.dokuwiki div.level1 {margin-left: 0; margin-right: 0;} +.dokuwiki div.level2 {margin-left: 0; margin-right: 1em;} +.dokuwiki div.level3 {margin-left: 0; margin-right: 2em;} +.dokuwiki div.level4 {margin-left: 0; margin-right: 3em;} +.dokuwiki div.level5 {margin-left: 0; margin-right: 4em;} +*/ + +.dokuwiki dl.code dt, +.dokuwiki dl.file dt { + margin-left: 0; + margin-right: 1em; } -.pagename { - float: right; - text-align: right; +.JSpopup ul, +.JSpopup ol { + padding-right: 0; } -.logo { - float: left; - text-align: left; + +/*____________ _imgdetail ____________*/ + +#dokuwiki__detail div.content img { + float: right; + margin-right: 0; + margin-left: 1.5em; +} +#dokuwiki__detail div.content div.img_detail { + float: right } -label { - text-align: left; + +/*____________ _mediamanager ____________*/ + +#mediamgr__aside { + left: auto; + right: 0; + border-right-width: 0; + border-left: 1px solid __border__; +} +#mediamgr__content { + right: auto; + left: 0; } -label.simple { - text-align: right; +#media__opts input { + margin-right: 0; + margin-left: .3em; } -div.meta div.user { - float: right +#media__tree ul { + padding-left: 0; + padding-right: .2em; +} +#media__tree ul li { + clear: right; + margin-right: 0; +} +#media__tree ul li img { + float: right; + padding: .5em 0 0 .3em; +} +#media__tree ul li li { + margin-left: 0; + margin-right: 1.5em; } -div.meta div.doc { - text-align: left; +#media__content a.mediafile { + margin-right: 0; + margin-left: 1.5em; +} +#media__content div.detail div.thumb { + float: right; + margin: 0 18px 0 .5em; +} +#media__content form.meta div.metafield { + clear: right; } +#media__content form.meta label { + float: right; + clear: right; +} +#media__content form.meta .edit { + float: right; +} +#media__content form.meta div.buttons { + clear: right; + margin: .2em 25% 0 0; +} + -/* ------------------ Design corrections --------------------------------- */ +/*____________ _links ____________*/ -div.dokuwiki ul, -div.dokuwiki ol { - margin: 0.5em 1.5em 0.5em 0; +/* if link icons don't work as expected, remove the following lines */ +.dokuwiki a.urlextern, +.dokuwiki a.windows, +.dokuwiki a.mail, +.dokuwiki a.interwiki, +.dokuwiki a.mediafile { + background-position: right center; + padding: 0 17px 0 0; } -div.dokuwiki a.urlextern, -div.dokuwiki a.interwiki, -div.dokuwiki a.windows, -div.dokuwiki a.mail, -div.dokuwiki a.mail.JSnocheck { - /* should work but doesn't - so we just disable icons here*/ - /* - background-position: right 1px; - padding-right: 16px; - */ - background-image: none !important; - padding: 0px 0px 0px 0px; + +/*____________ _toc ____________*/ + +.dokuwiki div.toc { + float: left; + margin: 0 1.4em 1.4em 0; +} +.dokuwiki .toc span.toc_open, +.dokuwiki .toc span.toc_close { + float: left; + margin: 0 0 0 .2em; +} +.dokuwiki #toc__inside ul ul { + padding-left: 0; + padding-right: 1em; +} +.dokuwiki ul.idx { + padding-right: 0; } -div.dokuwiki div.secedit input.button { - float: left; + +/*____________ _footnotes ____________*/ + + +/*____________ _search ____________*/ + +.dokuwiki div.search_quickresult ul li { + float: right; } +.dokuwiki form.search div.ajax_qsearch { + left: auto; + right: -13.5em; + text-align: right; +} + + +/*____________ _recent ____________*/ -/* headlines */ -div.dokuwiki h1, div.dokuwiki h2, div.dokuwiki h3, div.dokuwiki h4, div.dokuwiki h5 { - clear: right; +.dokuwiki #dw__recent ul li, +.dokuwiki #page__revisions ul li { + margin-right: 0; } -/* special headlines */ -div.dokuwiki h1 {margin-left: 0px; margin-right: 0px;} -div.dokuwiki h2 {margin-left: 0px; margin-right: 20px;} -div.dokuwiki h3 {margin-left: 0px; margin-right: 40px;} -div.dokuwiki h4 {margin-left: 0px; margin-right: 60px;} -div.dokuwiki h5 {margin-left: 0px; margin-right: 80px;} -/* indent different sections */ -div.dokuwiki div.level1 {margin-left: 0px; margin-right: 3px;} -div.dokuwiki div.level2 {margin-left: 0px; margin-right: 23px;} -div.dokuwiki div.level3 {margin-left: 0px; margin-right: 43px;} -div.dokuwiki div.level4 {margin-left: 0px; margin-right: 63px;} -div.dokuwiki div.level5 {margin-left: 0px; margin-right: 83px;} +/*____________ _diff ____________*/ -/* TOC control */ -div.dokuwiki div.toc { - float: left; + +/*____________ _edit ____________*/ + +.dokuwiki div.toolbar #draft__status { + float: left; +} +.dokuwiki #wiki__editbar #size__ctl { + float: left; +} +.dokuwiki #wiki__editbar #size__ctl img { + cursor: pointer; +} +.dokuwiki #wiki__editbar .editButtons { + margin-right: 0; + margin-left: 1em; } -div.dokuwiki div.tocheader { - text-align: right; +.dokuwiki .secedit { + float: left; } -div.dokuwiki #toc__inside { - text-align: right; + +/*____________ _modal ____________*/ + +#link__wiz_close { + float: left; +} +#link__wiz_result { + text-align: right; } +#link__wiz_result div.type_u, +#link__wiz_result div.type_f, +#link__wiz_result div.type_d { + padding: 3px 22px 3px 3px; + background-position: 257px 3px; +} + -div.dokuwiki ul.toc { - padding: 0; - padding-right: 1em; +/*____________ _forms ____________*/ + +.dokuwiki label.block { + text-align: left; +} +.dokuwiki label.simple { + text-align: right; } -div.dokuwiki ul.toc li { - background-position: right 0.6em; - padding-right:0.4em; - direction: rtl; +form#subscribe__form fieldset { + text-align: right; } -div.dokuwiki ul.toc li.clear { - padding-right:0.4em; + +/*____________ _admin ____________*/ + +.dokuwiki ul.admin_tasks { + float: right; +} +.dokuwiki ul.admin_tasks li { + padding-left: 0; + padding-right: 35px; + background-position: right 0; } -div.dokuwiki pre { - text-align: left; +.dokuwiki #admin__version { + clear: right; + float: left; } + +/*____________ includes ____________*/ + + diff --git a/style.ini b/style.ini index 9a16508e1..9dfbb3ce4 100644 --- a/style.ini +++ b/style.ini @@ -24,9 +24,9 @@ css/_edit.css = screen css/_modal.css = screen css/_forms.css = screen css/_admin.css = screen -;css/includes.css = screen +css/includes.css = screen -;css/rtl.css = rtl +css/rtl.css = rtl ;css/print.css = print -- cgit v1.2.3 From 922090dfa40a54e4e3509dc218015b4fbdc64f01 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 7 Nov 2010 21:40:09 +0000 Subject: added basic print styles --- css/print.css | 128 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ style.ini | 2 +- 2 files changed, 129 insertions(+), 1 deletion(-) diff --git a/css/print.css b/css/print.css index 8b1378917..01214564f 100644 --- a/css/print.css +++ b/css/print.css @@ -1 +1,129 @@ +/** + * This file provides the styles for printing. + * + * @todo: improve and finish + */ +body { + /* + font: normal 12pt/1.2 serif; + color: #000; + background-color: #fff; + */ +} + +/* hide certain sections */ +.a11y, +div.notify, div.info, div.success, div.error, +#dokuwiki__header .tools, #dokuwiki__aside, +.dokuwiki .breadcrumbs, .dokuwiki .toc, .dokuwiki .secedit, +#dokuwiki__pagetools, #dokuwiki__footer { + display: none; +} + +.dokuwiki h1, .dokuwiki h2, .dokuwiki h3, .dokuwiki h4, .dokuwiki h5, +.dokuwiki caption, .dokuwiki legend { + clear: both; +} +.dokuwiki ul { list-style: disc outside; } +.dokuwiki ol { list-style: decimal outside; } +.dokuwiki ol ol { list-style-type: lower-alpha; } +.dokuwiki ol ol ol { list-style-type: upper-roman; } +.dokuwiki ol ol ol ol { list-style-type: upper-alpha; } +.dokuwiki ol ol ol ol ol { list-style-type: lower-roman; } + +/* undo icons */ +.dokuwiki a:link, .dokuwiki a:visited { + text-decoration: underline; + 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%; +} + +/* undo section indenting */ +.dokuwiki h1, .dokuwiki h2, .dokuwiki h3, .dokuwiki h4, .dokuwiki h5, +.dokuwiki div.level1, .dokuwiki div.level2, .dokuwiki div.level3, .dokuwiki div.level4, .dokuwiki div.level5 { + margin-left: 0; +} + +/* code blocks */ +.dokuwiki pre { + font-family: monospace; +} +.dokuwiki dl.code dt, .dokuwiki dl.file dt { + font-weight: bold; +} + +/* images */ +.dokuwiki img { border-width: 0; vertical-align: middle; } +.dokuwiki img.medialeft { margin: .5em 1.5em .5em 0; float: left; } +.dokuwiki img.mediaright { margin: .5em 0 .5em 1.5em; float: right; } +.dokuwiki img.mediacenter { margin: .5em auto; display: block; } + +/* 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; +} + +.dokuwiki blockquote { + padding: 0 10pt; + margin: 0; + border: solid #ccc; + border-width: 0 0 0 2pt; +} + +/* tables */ +.dokuwiki table { + border-collapse: collapse; + empty-cells: show; + border-spacing: 0; + border: 1pt solid #ccc; +} +.dokuwiki th, .dokuwiki td { + padding: 3pt 5pt; + margin: 0; + vertical-align: top; + border: 1pt solid #666; + text-align: left; +} +.dokuwiki 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; +} diff --git a/style.ini b/style.ini index 9dfbb3ce4..636b4b6f3 100644 --- a/style.ini +++ b/style.ini @@ -27,7 +27,7 @@ css/_admin.css = screen css/includes.css = screen css/rtl.css = rtl -;css/print.css = print +css/print.css = print ; This section is used to configure some placeholder values used in -- cgit v1.2.3 From 767b821369e9b49d86ecbc633a6305cee2ce1fb4 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 7 Nov 2010 22:42:40 +0000 Subject: version 2010-11-07 --- README | 2 +- css/content.css | 20 ++++++++++---------- css/print.css | 6 ------ css/rtl.css | 20 ++++++++++---------- 4 files changed, 21 insertions(+), 27 deletions(-) diff --git a/README b/README index 46f8187ca..978199c92 100644 --- a/README +++ b/README @@ -1,5 +1,5 @@ Starter Template for DokuWiki http://www.dokuwiki.org/template:starter -version: (devel) +version: 2010-11-07 author: Anika Henke diff --git a/css/content.css b/css/content.css index 2426b51e8..0d405c2bc 100644 --- a/css/content.css +++ b/css/content.css @@ -8,16 +8,16 @@ /*____________ section indenting ____________ -.dokuwiki h1 {margin-left: 0;} -.dokuwiki h2 {margin-left: .666em;} -.dokuwiki h3 {margin-left: 1.776em;} -.dokuwiki h4 {margin-left: 3em;} -.dokuwiki h5 {margin-left: 4.5712em;} -.dokuwiki div.level1 {margin-left: 0;} -.dokuwiki div.level2 {margin-left: 1em;} -.dokuwiki div.level3 {margin-left: 2em;} -.dokuwiki div.level4 {margin-left: 3em;} -.dokuwiki div.level5 {margin-left: 4em;} +.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;} */ /* hx margin-left = (1 / font-size) * .levelx-margin */ diff --git a/css/print.css b/css/print.css index 01214564f..9171bc9ae 100644 --- a/css/print.css +++ b/css/print.css @@ -49,12 +49,6 @@ a.mail:after { font-size: 90%; } -/* undo section indenting */ -.dokuwiki h1, .dokuwiki h2, .dokuwiki h3, .dokuwiki h4, .dokuwiki h5, -.dokuwiki div.level1, .dokuwiki div.level2, .dokuwiki div.level3, .dokuwiki div.level4, .dokuwiki div.level5 { - margin-left: 0; -} - /* code blocks */ .dokuwiki pre { font-family: monospace; diff --git a/css/rtl.css b/css/rtl.css index e15b958f8..5940ce5e5 100644 --- a/css/rtl.css +++ b/css/rtl.css @@ -71,16 +71,16 @@ caption, legend { /*____________ content ____________*/ /* section indenting -.dokuwiki h1 {margin-left: 0; margin-right: 0;} -.dokuwiki h2 {margin-left: 0; margin-right: .666em;} -.dokuwiki h3 {margin-left: 0; margin-right: 1.776em;} -.dokuwiki h4 {margin-left: 0; margin-right: 3em;} -.dokuwiki h5 {margin-left: 0; margin-right: 4.5712em;} -.dokuwiki div.level1 {margin-left: 0; margin-right: 0;} -.dokuwiki div.level2 {margin-left: 0; margin-right: 1em;} -.dokuwiki div.level3 {margin-left: 0; margin-right: 2em;} -.dokuwiki div.level4 {margin-left: 0; margin-right: 3em;} -.dokuwiki div.level5 {margin-left: 0; margin-right: 4em;} +.dokuwiki .page h1 {margin-left: 0; margin-right: 0;} +.dokuwiki .page h2 {margin-left: 0; margin-right: .666em;} +.dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;} +.dokuwiki .page h4 {margin-left: 0; margin-right: 3em;} +.dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;} +.dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;} +.dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;} +.dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;} +.dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;} +.dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;} */ .dokuwiki dl.code dt, -- cgit v1.2.3 From e45de887c46f62fb53bb0763ca6e292244d4d1c3 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Tue, 9 Nov 2010 22:50:44 +0000 Subject: improved include hooks * moved footer and pageheader into main div * removed header * renamed pageheader to header --- main.php | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/main.php b/main.php index 0150d37cc..c6fbdd4d8 100644 --- a/main.php +++ b/main.php @@ -26,13 +26,13 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER - are added to make it possible to e.g. style a page differently if it's in edit mode, see http://www.dokuwiki.org/devel:action_modes for a list of action modes */ ?>
+
@@ -99,7 +99,6 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER -

@@ -159,10 +158,9 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
- +
-
-- cgit v1.2.3 From 944cc648af4cedf82c105b9c21195262c71ec978 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sat, 13 Nov 2010 20:35:39 +0100 Subject: added missing subscribe link highlighting --- css/design.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/css/design.css b/css/design.css index 945ebd722..d3ef4e29a 100644 --- a/css/design.css +++ b/css/design.css @@ -91,7 +91,8 @@ .mode_recent a.action.recent, .mode_index a.action.index, .mode_revisions a.action.revs, -.mode_backlink a.action.backlink { +.mode_backlink a.action.backlink, +.mode_subscribe a.action.subscribe { font-weight: bold; } -- cgit v1.2.3 From 73956eefe6d3ee11ddfa41ec0d17a6e78fb249a6 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sat, 13 Nov 2010 20:45:42 +0100 Subject: added comment about new favicon core function --- main.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main.php b/main.php index c6fbdd4d8..05829d192 100644 --- a/main.php +++ b/main.php @@ -18,7 +18,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER <?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>] - + -- cgit v1.2.3 From 8a601ab2a465ea1d72e5f693c05f847e4f48d18d Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sat, 4 Dec 2010 11:17:11 +0000 Subject: fixed vertical alignment in recent changes and revisions for showuseras=email_link --- css/_recent.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/css/_recent.css b/css/_recent.css index 9e35c1270..98646e057 100644 --- a/css/_recent.css +++ b/css/_recent.css @@ -10,10 +10,16 @@ list-style: none; margin-left: 0; } -.dokuwiki #dw__recent ul li *, -.dokuwiki #page__revisions ul li * { +.dokuwiki #dw__recent ul li span, +.dokuwiki #dw__recent ul li a, +.dokuwiki #page__revisions ul li span, +.dokuwiki #page__revisions ul li a { vertical-align: middle; } +.dokuwiki #dw__recent ul li span.user a, +.dokuwiki #page__revisions ul li span.user a { + vertical-align: bottom; +} .dokuwiki #dw__recent ul li.minor, .dokuwiki #page__revisions ul li.minor { color: __text_alt__; -- cgit v1.2.3 From 1a173f95f099c64f6bead1da03624a1c0bc6947d Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sat, 4 Dec 2010 11:31:22 +0000 Subject: changed preview to look more like the real resulting page --- css/_edit.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/css/_edit.css b/css/_edit.css index a17df77f7..b308a45bf 100644 --- a/css/_edit.css +++ b/css/_edit.css @@ -93,11 +93,10 @@ div.picker button.pickerbutton { ********************************************************************/ .dokuwiki div.preview { - background-color: __background_neu__; - color: __text__; + border: dashed __border__; + border-width: .2em 0; + padding: 1.4em 0; margin-bottom: 1.4em; - padding: .5em; - border: 1px dotted __text_neu__; } /* section edit buttons -- cgit v1.2.3 From edf68fefc43225112f5716e003568733d374afad Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sat, 4 Dec 2010 11:56:09 +0000 Subject: fixed formatting for combined styles (#1) --- css/basic.css | 3 ++- css/content.css | 4 ++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/css/basic.css b/css/basic.css index b9045dcbc..d0f44e84a 100644 --- a/css/basic.css +++ b/css/basic.css @@ -170,8 +170,9 @@ acronym, abbr { } pre, code, samp, kbd { - font: normal 1em Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace; + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace; /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ + font-size: 1em; direction: ltr; text-align: left; } diff --git a/css/content.css b/css/content.css index 0d405c2bc..fae5dc1c1 100644 --- a/css/content.css +++ b/css/content.css @@ -64,6 +64,10 @@ background-color: __background_alt__; color: inherit; } +/* fix if background-color hides underlining */ +.dokuwiki em.u code { + text-decoration: underline; +} .dokuwiki pre { border: 1px solid __border__; padding: 0 .2em; -- cgit v1.2.3 From ac045c3d94e562298116af49fee172d69870477d Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sat, 4 Dec 2010 12:18:13 +0000 Subject: removed text-align from body to allow automatic text-alignment --- css/basic.css | 1 - css/rtl.css | 1 - 2 files changed, 2 deletions(-) diff --git a/css/basic.css b/css/basic.css index d0f44e84a..ef209d54a 100644 --- a/css/basic.css +++ b/css/basic.css @@ -21,7 +21,6 @@ html, body { body { font: normal 100%/1.4 Frutiger, "Frutiger Linotype", Univers, Calibri, Myriad, "Liberation Sans", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ - text-align: left; } diff --git a/css/rtl.css b/css/rtl.css index 5940ce5e5..33b730f12 100644 --- a/css/rtl.css +++ b/css/rtl.css @@ -7,7 +7,6 @@ /*____________ basic ____________*/ -body, caption, td, th { -- cgit v1.2.3 From c21fe1fab827d3d35d3cf59b0f6403f005e86df2 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sat, 4 Dec 2010 15:26:46 +0000 Subject: changed font sizes of license and section edit buttons --- css/_edit.css | 3 +++ css/content.css | 27 --------------------------- css/design.css | 2 +- 3 files changed, 4 insertions(+), 28 deletions(-) diff --git a/css/_edit.css b/css/_edit.css index b308a45bf..88ebcf15c 100644 --- a/css/_edit.css +++ b/css/_edit.css @@ -106,6 +106,9 @@ div.picker button.pickerbutton { float: right; margin-top: -1.4em; } +.dokuwiki .secedit input.button { + font-size: 75%; +} .dokuwiki .section_highlight { background-color: __background_alt__ !important; color: inherit; diff --git a/css/content.css b/css/content.css index fae5dc1c1..57c313d6c 100644 --- a/css/content.css +++ b/css/content.css @@ -100,30 +100,3 @@ margin: 0; } - -/*____________ misc ____________*/ - -/* license note in footer and under edit window */ -.dokuwiki div.license { - font-size: 90%; -} - -#IE6 .dokuwiki input.button, #IE6 .dokuwiki button, -#IE7 .dokuwiki input.button, #IE7 .dokuwiki button { - line-height: 1.4; -} - -/*____________ 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; -} diff --git a/css/design.css b/css/design.css index d3ef4e29a..37a5625d6 100644 --- a/css/design.css +++ b/css/design.css @@ -194,7 +194,7 @@ /* license note in footer and under edit window */ .dokuwiki div.license { - font-size: 90%; + font-size: 93.75%; } #IE6 .dokuwiki input.button, #IE6 .dokuwiki button, -- cgit v1.2.3 From afe47fae3b5d4dbb4c209df698b72d4f2e716ad7 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 5 Dec 2010 13:01:15 +0000 Subject: made template functions more flexible * attention: incompatible to previous version! * introduced _tpl_action() (wrapper similar to tpl_action()) * improved discussion and user page functions * made them work independent from config * added full control to how the page links are built (with placeholders @ID@ and @USER@) * config option changes: removed 'discussNSreverse', renamed 'discussionNS' and 'userNS' to 'discussionPage' and 'userPage' --- conf/default.php | 5 ++--- conf/metadata.php | 5 ++--- lang/en/settings.php | 5 ++--- main.php | 8 ++------ tpl_functions.php | 53 +++++++++++++++++++++++++++++++++------------------- 5 files changed, 42 insertions(+), 34 deletions(-) diff --git a/conf/default.php b/conf/default.php index e5bce5e9d..57b7bd581 100644 --- a/conf/default.php +++ b/conf/default.php @@ -5,8 +5,7 @@ */ $conf['tagline'] = 'This is the tagline - explaining what this site is about.'; -$conf['discussionNS'] = 'discussion'; -$conf['discussNSreverse'] = 0; -$conf['userNS'] = 'user'; +$conf['discussionPage'] = 'discussion:@ID@'; +$conf['userPage'] = 'user:@USER@:'; $conf['sidebarID'] = 'sidebar'; $conf['hideTools'] = 0; diff --git a/conf/metadata.php b/conf/metadata.php index 792c47ae2..88583bcd0 100644 --- a/conf/metadata.php +++ b/conf/metadata.php @@ -5,8 +5,7 @@ */ $meta['tagline'] = array('string'); -$meta['discussionNS'] = array('string'); -$meta['discussNSreverse'] = array('onoff'); -$meta['userNS'] = array('string'); +$meta['discussionPage'] = array('string'); +$meta['userPage'] = array('string'); $meta['sidebarID'] = array('string'); $meta['hideTools'] = array('onoff'); diff --git a/lang/en/settings.php b/lang/en/settings.php index e2fde20c4..356e95234 100644 --- a/lang/en/settings.php +++ b/lang/en/settings.php @@ -5,8 +5,7 @@ */ $lang['tagline'] = 'Tagline'; -$lang['discussionNS'] = 'Discussion namespace (leave empty to disable discussions)'; -$lang['discussNSreverse'] = 'Reverse discussion namespace? (e.g. "foo:bar:discussion" instead of "discussion:foo:bar")'; -$lang['userNS'] = 'User namespace (leave empty to disable user pages)'; +$lang['discussionPage'] = 'Discussion page (leave empty to disable discussions)'; +$lang['userPage'] = 'User page (leave empty to disable user pages)'; $lang['sidebarID'] = 'page name of page included in sidebar'; $lang['hideTools'] = 'Hide tools when not logged in?'; diff --git a/main.php b/main.php index 05829d192..d47f8d359 100644 --- a/main.php +++ b/main.php @@ -66,9 +66,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER echo ''; } tpl_action('admin', 1, 'li'); - if (tpl_getConf('userNS')) { - _tpl_userpage(tpl_getConf('userNS'),1,'li'); - } + _tpl_action('userpage', 1, 'li'); tpl_action('profile', 1, 'li'); tpl_action('login', 1, 'li'); ?> @@ -138,9 +136,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
    */ -function _tpl_discussion($discussNS='discussion',$link=0,$wrapper=0,$reverse=0) { +function _tpl_discussion($discussionPage,$title,$backTitle,$link=0,$wrapper=0) { global $ID; - if ($reverse) { - $discussPage = $ID.':'.$discussNS; - $isDiscussPage = substr($ID,-strlen($discussNS),strlen($discussNS))==$discussNS; - $backID = substr($ID,0,-strlen($discussNS)); - } else { - $discussPage = $discussNS.':'.$ID; - $isDiscussPage = substr($ID,0,strlen($discussNS))==$discussNS; - $backID = strstr($ID,':'); - } + $discussPage = str_replace('@ID@',$ID,$discussionPage); + $discussPageRaw = str_replace('@ID@','',$discussionPage); + $isDiscussPage = strpos($ID,$discussPageRaw)!==false; + $backID = str_replace($discussPageRaw,'',$ID); if ($wrapper) echo "<$wrapper>"; - if($isDiscussPage) { + if ($isDiscussPage) { if ($link) - tpl_pagelink($backID,tpl_getLang('back_to_article')); + tpl_pagelink($backID,$backTitle); else - echo html_btn('back2article',$backID,'',array(),0,0,tpl_getLang('back_to_article')); + echo html_btn('back2article',$backID,'',array(),0,0,$backTitle); } else { if ($link) - tpl_pagelink($discussPage,tpl_getLang('discussion')); + tpl_pagelink($discussPage,$title); else - echo html_btn('discussion',$discussPage,'',array(),0,0,tpl_getLang('discussion')); + echo html_btn('discussion',$discussPage,'',array(),0,0,$title); } if ($wrapper) echo ""; @@ -51,22 +46,42 @@ function _tpl_discussion($discussNS='discussion',$link=0,$wrapper=0,$reverse=0) * * @author Anika Henke */ -function _tpl_userpage($userNS='user',$link=0,$wrapper=false) { +function _tpl_userpage($userPage,$title,$link=0,$wrapper=0) { if (!$_SERVER['REMOTE_USER']) return; global $conf; - $userPage = $userNS.':'.$_SERVER['REMOTE_USER'].':'.$conf['start']; + $userPage = str_replace('@USER@',$_SERVER['REMOTE_USER'],$userPage); if ($wrapper) echo "<$wrapper>"; if ($link) - tpl_pagelink($userPage,tpl_getLang('userpage')); + tpl_pagelink($userPage,$title); else - echo html_btn('userpage',$userPage,'',array(),0,0,tpl_getLang('userpage')); + echo html_btn('userpage',$userPage,'',array(),0,0,$title); if ($wrapper) echo ""; } +/** + * Wrapper around custom template actions + * + * @author Anika Henke + */ +function _tpl_action($type,$link=0,$wrapper=0) { + switch ($type) { + case 'discussion': + if (tpl_getConf('discussionPage')) { + _tpl_discussion(tpl_getConf('discussionPage'),tpl_getLang('discussion'),tpl_getLang('back_to_article'),$link,$wrapper); + } + break; + case 'userpage': + if (tpl_getConf('userPage')) { + _tpl_userpage(tpl_getConf('userPage'),tpl_getLang('userpage'),$link,$wrapper); + } + break; + } +} + /** * Use favicon.ico from data/media root directory if it exists, otherwise use * the one in the template's image directory. -- cgit v1.2.3 From b19d382409f25e451fdee2e9c71944817b2672f4 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 2 Jan 2011 00:18:55 +0000 Subject: added 'Discussion' translation into many languages --- lang/ar/lang.php | 10 ++++++++++ lang/ca/lang.php | 10 ++++++++++ lang/cs/lang.php | 10 ++++++++++ lang/da/lang.php | 11 +++++++++++ lang/de/lang.php | 18 ++++++++++++++++++ lang/eo/lang.php | 10 ++++++++++ lang/es/lang.php | 10 ++++++++++ lang/et/lang.php | 10 ++++++++++ lang/eu/lang.php | 10 ++++++++++ lang/fi/lang.php | 10 ++++++++++ lang/fr/lang.php | 10 ++++++++++ lang/he/lang.php | 10 ++++++++++ lang/hu/lang.php | 10 ++++++++++ lang/id/lang.php | 10 ++++++++++ lang/it/lang.php | 10 ++++++++++ lang/ja/lang.php | 10 ++++++++++ lang/ko/lang.php | 10 ++++++++++ lang/lt/lang.php | 10 ++++++++++ lang/lv/lang.php | 10 ++++++++++ lang/nl/lang.php | 10 ++++++++++ lang/no/lang.php | 10 ++++++++++ lang/pl/lang.php | 10 ++++++++++ lang/pt-br/lang.php | 10 ++++++++++ lang/pt/lang.php | 10 ++++++++++ lang/ro/lang.php | 10 ++++++++++ lang/ru/lang.php | 10 ++++++++++ lang/sk/lang.php | 10 ++++++++++ lang/sl/lang.php | 10 ++++++++++ lang/sr/lang.php | Bin 0 -> 300 bytes lang/sv/lang.php | 10 ++++++++++ lang/tr/lang.php | 10 ++++++++++ lang/vi/lang.php | 10 ++++++++++ lang/zh-tw/lang.php | 10 ++++++++++ lang/zh/lang.php | 10 ++++++++++ 34 files changed, 339 insertions(+) create mode 100644 lang/ar/lang.php create mode 100644 lang/ca/lang.php create mode 100644 lang/cs/lang.php create mode 100644 lang/da/lang.php create mode 100644 lang/de/lang.php create mode 100644 lang/eo/lang.php create mode 100644 lang/es/lang.php create mode 100644 lang/et/lang.php create mode 100644 lang/eu/lang.php create mode 100644 lang/fi/lang.php create mode 100644 lang/fr/lang.php create mode 100644 lang/he/lang.php create mode 100644 lang/hu/lang.php create mode 100644 lang/id/lang.php create mode 100644 lang/it/lang.php create mode 100644 lang/ja/lang.php create mode 100644 lang/ko/lang.php create mode 100644 lang/lt/lang.php create mode 100644 lang/lv/lang.php create mode 100644 lang/nl/lang.php create mode 100644 lang/no/lang.php create mode 100644 lang/pl/lang.php create mode 100644 lang/pt-br/lang.php create mode 100644 lang/pt/lang.php create mode 100644 lang/ro/lang.php create mode 100644 lang/ru/lang.php create mode 100644 lang/sk/lang.php create mode 100644 lang/sl/lang.php create mode 100644 lang/sr/lang.php create mode 100644 lang/sv/lang.php create mode 100644 lang/tr/lang.php create mode 100644 lang/vi/lang.php create mode 100644 lang/zh-tw/lang.php create mode 100644 lang/zh/lang.php diff --git a/lang/ar/lang.php b/lang/ar/lang.php new file mode 100644 index 000000000..d88c2c22e --- /dev/null +++ b/lang/ar/lang.php @@ -0,0 +1,10 @@ + Date: Mon, 3 Jan 2011 01:02:47 +0000 Subject: fixed wrong form method for buttons --- tpl_functions.php | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/tpl_functions.php b/tpl_functions.php index fcd50585a..784813272 100644 --- a/tpl_functions.php +++ b/tpl_functions.php @@ -30,12 +30,12 @@ function _tpl_discussion($discussionPage,$title,$backTitle,$link=0,$wrapper=0) { if ($link) tpl_pagelink($backID,$backTitle); else - echo html_btn('back2article',$backID,'',array(),0,0,$backTitle); + echo html_btn('back2article',$backID,'',array(),'get',0,$backTitle); } else { if ($link) tpl_pagelink($discussPage,$title); else - echo html_btn('discussion',$discussPage,'',array(),0,0,$title); + echo html_btn('discussion',$discussPage,'',array(),'get',0,$title); } if ($wrapper) echo ""; @@ -57,7 +57,7 @@ function _tpl_userpage($userPage,$title,$link=0,$wrapper=0) { if ($link) tpl_pagelink($userPage,$title); else - echo html_btn('userpage',$userPage,'',array(),0,0,$title); + echo html_btn('userpage',$userPage,'',array(),'get',0,$title); if ($wrapper) echo ""; } -- cgit v1.2.3 From 383a53f459aaeed3cad97bfbcf22d22a7be87de9 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Mon, 3 Jan 2011 20:53:49 +0000 Subject: made include hooks more flexible (especially for farms: put included file into conf directory) --- main.php | 10 +++++----- tpl_functions.php | 16 ++++++++++++++++ 2 files changed, 21 insertions(+), 5 deletions(-) diff --git a/main.php b/main.php index d47f8d359..09eb125c4 100644 --- a/main.php +++ b/main.php @@ -19,7 +19,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER <?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>] - + @@ -32,7 +32,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
    - +
    @@ -113,7 +113,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
    - +
    @@ -123,7 +123,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
    - +
    @@ -154,7 +154,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
    - +
    diff --git a/tpl_functions.php b/tpl_functions.php index 784813272..cadf400e4 100644 --- a/tpl_functions.php +++ b/tpl_functions.php @@ -93,3 +93,19 @@ function _tpl_getFavicon() { return ml('favicon.ico'); return DOKU_TPL.'images/favicon.ico'; } + +/** + * Include additional html file from conf directory if it exists, otherwise use + * file in the template's root directory. + * + * @author Anika Henke + */ +function _tpl_include($fn) { + $confFile = DOKU_CONF.$fn; + $tplFile = dirname(__FILE__).'/'.$fn; + + if (file_exists($confFile)) + include($confFile); + else if (file_exists($tplFile)) + include($tplFile); +} -- cgit v1.2.3 From 49dd4a833a88fe4b5045b1081ffb78369be2ff06 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Fri, 4 Feb 2011 02:02:57 +0000 Subject: added register link --- css/design.css | 2 ++ main.php | 1 + tpl_functions.php | 25 +++++++++++++++++++++++++ 3 files changed, 28 insertions(+) diff --git a/css/design.css b/css/design.css index 37a5625d6..cfed4f078 100644 --- a/css/design.css +++ b/css/design.css @@ -87,6 +87,8 @@ /* 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, diff --git a/main.php b/main.php index 09eb125c4..1fe7749e9 100644 --- a/main.php +++ b/main.php @@ -68,6 +68,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER tpl_action('admin', 1, 'li'); _tpl_action('userpage', 1, 'li'); tpl_action('profile', 1, 'li'); + _tpl_action('register', 1, 'li'); tpl_action('login', 1, 'li'); ?>
diff --git a/tpl_functions.php b/tpl_functions.php index cadf400e4..1fc23099d 100644 --- a/tpl_functions.php +++ b/tpl_functions.php @@ -62,6 +62,28 @@ function _tpl_userpage($userPage,$title,$link=0,$wrapper=0) { if ($wrapper) echo ""; } +/** + * Create link/button to register page + * + * @author Anika Henke + */ +function _tpl_register($link=0,$wrapper=0) { + global $conf; + global $lang; + global $ID; + + if ($_SERVER['REMOTE_USER'] || !$conf['useacl'] || !actionOK('register')) return; + + if ($wrapper) echo "<$wrapper>"; + + if ($link) + tpl_link(wl($ID,'do=register'),$lang['register'],'class="action register" rel="nofollow"'); + else + echo html_btn('register',$ID,'',array('do'=>'register'),'get',0,$lang['register']); + + if ($wrapper) echo ""; +} + /** * Wrapper around custom template actions * @@ -79,6 +101,9 @@ function _tpl_action($type,$link=0,$wrapper=0) { _tpl_userpage(tpl_getConf('userPage'),tpl_getLang('userpage'),$link,$wrapper); } break; + case 'register': + _tpl_register($link,$wrapper); + break; } } -- cgit v1.2.3 From 5670feb5e7f70e33713de5a22180e3a71dd2244a Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Mon, 14 Feb 2011 01:59:10 +0000 Subject: added more translations and new languages --- lang/af/lang.php | 12 ++++++++++++ lang/ar/lang.php | 5 ++++- lang/az/lang.php | 12 ++++++++++++ lang/bg/lang.php | 12 ++++++++++++ lang/ca/lang.php | 5 ++++- lang/cs/lang.php | 4 +++- lang/da/lang.php | 4 +++- lang/el/lang.php | 12 ++++++++++++ lang/eo/lang.php | 1 + lang/es/lang.php | 4 +++- lang/et/lang.php | 5 ++++- lang/eu/lang.php | 4 +++- lang/fa/lang.php | 12 ++++++++++++ lang/fi/lang.php | 5 ++++- lang/fo/lang.php | 11 +++++++++++ lang/fr/lang.php | 4 +++- lang/gl/lang.php | 12 ++++++++++++ lang/he/lang.php | 4 +++- lang/hi/lang.php | 12 ++++++++++++ lang/hr/lang.php | 12 ++++++++++++ lang/hu/lang.php | 4 +++- lang/ia/lang.php | 11 +++++++++++ lang/id/lang.php | 4 +++- lang/is/lang.php | 12 ++++++++++++ lang/it/lang.php | 4 +++- lang/ja/lang.php | 4 +++- lang/km/lang.php | 11 +++++++++++ lang/ko/lang.php | 2 ++ lang/la/lang.php | 11 +++++++++++ lang/lb/lang.php | 11 +++++++++++ lang/lt/lang.php | 4 +++- lang/lv/lang.php | 4 +++- lang/mg/lang.php | 11 +++++++++++ lang/mk/lang.php | 12 ++++++++++++ lang/mr/lang.php | 11 +++++++++++ lang/ne/lang.php | 11 +++++++++++ lang/nl/lang.php | 4 +++- lang/no/lang.php | 4 +++- lang/pl/lang.php | 4 +++- lang/pt-br/lang.php | 4 +++- lang/pt/lang.php | 4 +++- lang/ro/lang.php | 4 +++- lang/ru/lang.php | 4 +++- lang/sk/lang.php | 4 +++- lang/sl/lang.php | 4 +++- lang/sq/lang.php | 12 ++++++++++++ lang/sr/lang.php | Bin 300 -> 158 bytes lang/sv/lang.php | 4 +++- lang/th/lang.php | 12 ++++++++++++ lang/tr/lang.php | 4 +++- lang/uk/lang.php | 12 ++++++++++++ lang/vi/lang.php | 4 +++- lang/zh-tw/lang.php | 4 +++- lang/zh/lang.php | 4 +++- 54 files changed, 341 insertions(+), 30 deletions(-) create mode 100644 lang/af/lang.php create mode 100644 lang/az/lang.php create mode 100644 lang/bg/lang.php create mode 100644 lang/el/lang.php create mode 100644 lang/fa/lang.php create mode 100644 lang/fo/lang.php create mode 100644 lang/gl/lang.php create mode 100644 lang/hi/lang.php create mode 100644 lang/hr/lang.php create mode 100644 lang/ia/lang.php create mode 100644 lang/is/lang.php create mode 100644 lang/km/lang.php create mode 100644 lang/la/lang.php create mode 100644 lang/lb/lang.php create mode 100644 lang/mg/lang.php create mode 100644 lang/mk/lang.php create mode 100644 lang/mr/lang.php create mode 100644 lang/ne/lang.php create mode 100644 lang/sq/lang.php create mode 100644 lang/th/lang.php create mode 100644 lang/uk/lang.php diff --git a/lang/af/lang.php b/lang/af/lang.php new file mode 100644 index 000000000..127ac3076 --- /dev/null +++ b/lang/af/lang.php @@ -0,0 +1,12 @@ + Date: Tue, 15 Feb 2011 00:54:10 +0000 Subject: RTL fixes --- css/rtl.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/css/rtl.css b/css/rtl.css index 33b730f12..ebc25d515 100644 --- a/css/rtl.css +++ b/css/rtl.css @@ -28,6 +28,10 @@ caption, legend { clear: right; } +.a11y { + left: auto; + right: -9000px; +} /*____________ structure ____________*/ @@ -63,6 +67,14 @@ caption, legend { margin-left: .5em; } +#dokuwiki__usertools ul li.user { + float: right; + margin-right: 0; +} +#dokuwiki__pagetools ul li a.action.top { + float: left; +} + #dokuwiki__aside ul, #dokuwiki__aside ol { padding-right: 0; } -- cgit v1.2.3 From 4a4cf7c5a662c652e8c1b9b8b70bbfa0876a8946 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 20 Feb 2011 19:29:16 +0000 Subject: adjusted _tpl_register() to reflect changes in the core --- main.php | 2 +- tpl_functions.php | 7 +++++-- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/main.php b/main.php index 1fe7749e9..a791552d0 100644 --- a/main.php +++ b/main.php @@ -68,7 +68,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER tpl_action('admin', 1, 'li'); _tpl_action('userpage', 1, 'li'); tpl_action('profile', 1, 'li'); - _tpl_action('register', 1, 'li'); + _tpl_action('register', 1, 'li'); /* DW versions > 2011-02-20 can use the core function tpl_action('register', 1, 'li') */ tpl_action('login', 1, 'li'); ?> diff --git a/tpl_functions.php b/tpl_functions.php index 1fc23099d..54b143fc9 100644 --- a/tpl_functions.php +++ b/tpl_functions.php @@ -64,6 +64,7 @@ function _tpl_userpage($userPage,$title,$link=0,$wrapper=0) { /** * Create link/button to register page + * DW versions > 2011-02-20 can use the core function tpl_action('register') * * @author Anika Henke */ @@ -71,15 +72,16 @@ function _tpl_register($link=0,$wrapper=0) { global $conf; global $lang; global $ID; + $lang_register = !empty($lang['btn_register']) ? $lang['btn_register'] : $lang['register']; if ($_SERVER['REMOTE_USER'] || !$conf['useacl'] || !actionOK('register')) return; if ($wrapper) echo "<$wrapper>"; if ($link) - tpl_link(wl($ID,'do=register'),$lang['register'],'class="action register" rel="nofollow"'); + tpl_link(wl($ID,'do=register'),$lang_register,'class="action register" rel="nofollow"'); else - echo html_btn('register',$ID,'',array('do'=>'register'),'get',0,$lang['register']); + echo html_btn('register',$ID,'',array('do'=>'register'),'get',0,$lang_register); if ($wrapper) echo ""; } @@ -110,6 +112,7 @@ function _tpl_action($type,$link=0,$wrapper=0) { /** * Use favicon.ico from data/media root directory if it exists, otherwise use * the one in the template's image directory. + * DW versions > 2010-11-12 can use the core function tpl_getFavicon() * * @author Anika Henke */ -- cgit v1.2.3 From 5ddc68e597151cf473ee7a977de6d6300a3e6b7e Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 20 Feb 2011 19:54:24 +0000 Subject: added '__sidebar_width__' placeholder to style.ini --- css/rtl.css | 4 ++-- css/structure.css | 6 +++--- main.php | 4 ++-- style.ini | 3 +++ 4 files changed, 10 insertions(+), 7 deletions(-) diff --git a/css/rtl.css b/css/rtl.css index ebc25d515..8b82a45e1 100644 --- a/css/rtl.css +++ b/css/rtl.css @@ -53,11 +53,11 @@ caption, legend { .mode_show #dokuwiki__content { float: left; margin-left: 0; - margin-right: -16em; + margin-right: -__sidebar_width__; } .mode_show #dokuwiki__content .pad { margin-left: 0; - margin-right: 16em; + margin-right: __sidebar_width__; } /*____________ design ____________*/ diff --git a/css/structure.css b/css/structure.css index 7b188dbd6..14490a0b0 100644 --- a/css/structure.css +++ b/css/structure.css @@ -46,7 +46,7 @@ body { display: none; } .mode_show #dokuwiki__aside { - width: 16em; + width: __sidebar_width__; float: left; position: relative; display: block; @@ -58,11 +58,11 @@ body { /* make content wider when there's no sidebar */ .mode_show #dokuwiki__content { float: right; - margin-left: -16em; /* left negative margin: width of sidebar (#dokuwiki__aside) */ + margin-left: -__sidebar_width__; width: 100%; } .mode_show #dokuwiki__content .pad { - margin-left: 16em; /* left positive margin: width of sidebar (#dokuwiki__aside) */ + margin-left: __sidebar_width__; } #dokuwiki__footer { diff --git a/main.php b/main.php index a791552d0..004421c3e 100644 --- a/main.php +++ b/main.php @@ -92,10 +92,10 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER - + - +
diff --git a/style.ini b/style.ini index 636b4b6f3..ef5e0201e 100644 --- a/style.ini +++ b/style.ini @@ -59,3 +59,6 @@ __missing__ = "#f30" ; highlighting search snippets __highlight__ = "#ff9" + +; sidebar width +__sidebar_width__ = "16em" -- cgit v1.2.3 From d07ea3739d8e6580641e84d4f3b14df6e0c9fd70 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 20 Feb 2011 19:54:57 +0000 Subject: version 2011-02-20 --- README | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README b/README index 978199c92..966fc45f1 100644 --- a/README +++ b/README @@ -1,5 +1,5 @@ Starter Template for DokuWiki http://www.dokuwiki.org/template:starter -version: 2010-11-07 +version: 2011-02-20 author: Anika Henke -- cgit v1.2.3 From 5cd857db88e3830b74a73ab9d567c3ce28c014b1 Mon Sep 17 00:00:00 2001 From: Clarence Lee Date: Wed, 10 Aug 2011 18:46:17 +0100 Subject: first rough cut --- README | 5 + conf/default.php | 11 ++ conf/metadata.php | 11 ++ css/_admin.css | 47 ++++++++ css/_diff.css | 65 +++++++++++ css/_edit.css | 115 +++++++++++++++++++ css/_footnotes.css | 28 +++++ css/_forms.css | 82 ++++++++++++++ css/_imgdetail.css | 32 ++++++ css/_links.css | 63 ++++++++++ css/_mediamanager.css | 219 +++++++++++++++++++++++++++++++++++ css/_modal.css | 175 ++++++++++++++++++++++++++++ css/_recent.css | 64 +++++++++++ css/_search.css | 93 +++++++++++++++ css/_toc.css | 91 +++++++++++++++ css/basic.css | 263 ++++++++++++++++++++++++++++++++++++++++++ css/content.css | 102 +++++++++++++++++ css/default.css | 241 +++++++++++++++++++++++++++++++++++++++ css/design.css | 253 +++++++++++++++++++++++++++++++++++++++++ css/includes.css | 4 + css/print.css | 123 ++++++++++++++++++++ css/rtl.css | 309 ++++++++++++++++++++++++++++++++++++++++++++++++++ css/structure.css | 72 ++++++++++++ detail.php | 81 +++++++++++++ images/bullet.png | Bin 0 -> 137 bytes images/closed.png | Bin 0 -> 165 bytes images/favicon.ico | Bin 0 -> 7406 bytes images/link_icon.gif | Bin 0 -> 942 bytes images/mail_icon.gif | Bin 0 -> 918 bytes images/open.png | Bin 0 -> 159 bytes images/windows.gif | Bin 0 -> 223 bytes lang/af/lang.php | 12 ++ lang/ar/lang.php | 13 +++ lang/az/lang.php | 12 ++ lang/bg/lang.php | 12 ++ lang/ca/lang.php | 13 +++ lang/cs/lang.php | 12 ++ lang/da/lang.php | 13 +++ lang/de/lang.php | 18 +++ lang/el/lang.php | 12 ++ lang/en/lang.php | 15 +++ lang/en/settings.php | 11 ++ lang/eo/lang.php | 11 ++ lang/es/lang.php | 12 ++ lang/et/lang.php | 13 +++ lang/eu/lang.php | 12 ++ lang/fa/lang.php | 12 ++ lang/fi/lang.php | 13 +++ lang/fo/lang.php | 11 ++ lang/fr/lang.php | 12 ++ lang/gl/lang.php | 12 ++ lang/he/lang.php | 12 ++ lang/hi/lang.php | 12 ++ lang/hr/lang.php | 12 ++ lang/hu/lang.php | 12 ++ lang/ia/lang.php | 11 ++ lang/id/lang.php | 12 ++ lang/is/lang.php | 12 ++ lang/it/lang.php | 12 ++ lang/ja/lang.php | 12 ++ lang/km/lang.php | 11 ++ lang/ko/lang.php | 12 ++ lang/la/lang.php | 11 ++ lang/lb/lang.php | 11 ++ lang/lt/lang.php | 12 ++ lang/lv/lang.php | 12 ++ lang/mg/lang.php | 11 ++ lang/mk/lang.php | 12 ++ lang/mr/lang.php | 11 ++ lang/ne/lang.php | 11 ++ lang/nl/lang.php | 12 ++ lang/no/lang.php | 12 ++ lang/pl/lang.php | 12 ++ lang/pt-br/lang.php | 12 ++ lang/pt/lang.php | 12 ++ lang/ro/lang.php | 12 ++ lang/ru/lang.php | 12 ++ lang/sk/lang.php | 12 ++ lang/sl/lang.php | 12 ++ lang/sq/lang.php | 12 ++ lang/sr/lang.php | 8 ++ lang/sv/lang.php | 12 ++ lang/th/lang.php | 12 ++ lang/tr/lang.php | 12 ++ lang/uk/lang.php | 12 ++ lang/vi/lang.php | 12 ++ lang/zh-tw/lang.php | 12 ++ lang/zh/lang.php | 12 ++ main.php | 166 +++++++++++++++++++++++++++ mediamanager.php | 40 +++++++ style.ini | 64 +++++++++++ tpl_functions.php | 139 +++++++++++++++++++++++ 92 files changed, 3642 insertions(+) create mode 100755 README create mode 100755 conf/default.php create mode 100755 conf/metadata.php create mode 100755 css/_admin.css create mode 100755 css/_diff.css create mode 100755 css/_edit.css create mode 100755 css/_footnotes.css create mode 100755 css/_forms.css create mode 100755 css/_imgdetail.css create mode 100755 css/_links.css create mode 100755 css/_mediamanager.css create mode 100755 css/_modal.css create mode 100755 css/_recent.css create mode 100755 css/_search.css create mode 100755 css/_toc.css create mode 100755 css/basic.css create mode 100755 css/content.css create mode 100644 css/default.css create mode 100755 css/design.css create mode 100755 css/includes.css create mode 100755 css/print.css create mode 100755 css/rtl.css create mode 100755 css/structure.css create mode 100755 detail.php create mode 100755 images/bullet.png create mode 100755 images/closed.png create mode 100755 images/favicon.ico create mode 100755 images/link_icon.gif create mode 100755 images/mail_icon.gif create mode 100755 images/open.png create mode 100755 images/windows.gif create mode 100755 lang/af/lang.php create mode 100755 lang/ar/lang.php create mode 100755 lang/az/lang.php create mode 100755 lang/bg/lang.php create mode 100755 lang/ca/lang.php create mode 100755 lang/cs/lang.php create mode 100755 lang/da/lang.php create mode 100755 lang/de/lang.php create mode 100755 lang/el/lang.php create mode 100755 lang/en/lang.php create mode 100755 lang/en/settings.php create mode 100755 lang/eo/lang.php create mode 100755 lang/es/lang.php create mode 100755 lang/et/lang.php create mode 100755 lang/eu/lang.php create mode 100755 lang/fa/lang.php create mode 100755 lang/fi/lang.php create mode 100755 lang/fo/lang.php create mode 100755 lang/fr/lang.php create mode 100755 lang/gl/lang.php create mode 100755 lang/he/lang.php create mode 100755 lang/hi/lang.php create mode 100755 lang/hr/lang.php create mode 100755 lang/hu/lang.php create mode 100755 lang/ia/lang.php create mode 100755 lang/id/lang.php create mode 100755 lang/is/lang.php create mode 100755 lang/it/lang.php create mode 100755 lang/ja/lang.php create mode 100755 lang/km/lang.php create mode 100755 lang/ko/lang.php create mode 100755 lang/la/lang.php create mode 100755 lang/lb/lang.php create mode 100755 lang/lt/lang.php create mode 100755 lang/lv/lang.php create mode 100755 lang/mg/lang.php create mode 100755 lang/mk/lang.php create mode 100755 lang/mr/lang.php create mode 100755 lang/ne/lang.php create mode 100755 lang/nl/lang.php create mode 100755 lang/no/lang.php create mode 100755 lang/pl/lang.php create mode 100755 lang/pt-br/lang.php create mode 100755 lang/pt/lang.php create mode 100755 lang/ro/lang.php create mode 100755 lang/ru/lang.php create mode 100755 lang/sk/lang.php create mode 100755 lang/sl/lang.php create mode 100755 lang/sq/lang.php create mode 100755 lang/sr/lang.php create mode 100755 lang/sv/lang.php create mode 100755 lang/th/lang.php create mode 100755 lang/tr/lang.php create mode 100755 lang/uk/lang.php create mode 100755 lang/vi/lang.php create mode 100755 lang/zh-tw/lang.php create mode 100755 lang/zh/lang.php create mode 100755 main.php create mode 100755 mediamanager.php create mode 100755 style.ini create mode 100755 tpl_functions.php diff --git a/README b/README new file mode 100755 index 000000000..966fc45f1 --- /dev/null +++ b/README @@ -0,0 +1,5 @@ +Starter Template for DokuWiki +http://www.dokuwiki.org/template:starter + +version: 2011-02-20 +author: Anika Henke diff --git a/conf/default.php b/conf/default.php new file mode 100755 index 000000000..57b7bd581 --- /dev/null +++ b/conf/default.php @@ -0,0 +1,11 @@ + + */ + +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, "Frutiger Linotype", Univers, Calibri, Myriad, "Liberation Sans", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; + /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ +} + + +/*____________ headers ____________*/ + +h1, h2, h3, h4, h5, h6, +caption, legend { + font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, serif; + font-weight: bold; + color: __text_neu__; + background-color: inherit; + padding: 0; + clear: left; /* ideally 'both', but problems with toc */ +} + +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 */ + + +/*____________ basic margins and paddings ____________*/ + +p, ul, ol, dl, pre, table, +hr, blockquote, fieldset, address { + margin: 0 0 1.4em 0; /* bottom margin = line-height */ + padding: 0; +} + +div { + margin: 0; + padding: 0; +} + +p, dt, dd, td, th, li { +} + + +/*____________ lists ____________*/ + +ul, ol { + padding: 0 0 0 1.5em; +} +li, dd { + padding: 0; + margin: 0 0 0 1.5em; +} +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; + margin: 0 0 .3em; +} + +th, td { + padding: .3em .5em; + margin: 0; + vertical-align: top; + border: 1px solid __border__; + text-align: left; +} +th { + font-weight: bold; + background-color: __background_alt__; +} + + +/*____________ 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; +} + +hr { + border-style: solid; + border-width: 1px 0 0; + text-align: center; + height: 0; + width: 100%; + clear: both; +} + +acronym, abbr { + cursor: help; + border-bottom: 1px dotted; + font-style: normal; +} + +pre, code, samp, kbd { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Liberation Mono", Monaco, "Courier New", monospace; + /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ + font-size: 1em; + direction: ltr; + text-align: left; +} +pre { + overflow: auto; +} + +blockquote { + padding: 0 1.25em; + border: solid __border__; + border-width: 0 0 0 .25em; +} +q:before, q:after { + content: ''; +} + +sub, sup { + font-size: .8em; + line-height: 1; +} +sub { + vertical-align: sub; +} +sup { + vertical-align: super; +} + +/*____________ forms ____________*/ + +form { + display: inline; + margin: 0; + padding: 0; +} +fieldset { + padding: 1em 1em 0; + border: 1px solid __text_alt__; +} +legend { + margin: 0; + padding: 0 .1em; +} +label { + vertical-align: middle; + cursor: pointer; +} +input, textarea, button, +select, optgroup, option { + font: inherit; + color: inherit; + /* background-color destroys button look */ + line-height: 1; + margin: 0; + vertical-align: middle; +} +input[type=text], input[type=password], textarea { + padding: .1em; +} +input[type=radio], input[type=checkbox], input.check { + padding: 0; +} +input[type=submit], input.button, button { + cursor: pointer; +} +input[disabled], button[disabled], +input[readonly], button[readonly] { + cursor: auto; +} +optgroup { font-style: italic; font-weight: bold; } +option { font-style: normal; font-weight: normal; } + + +/*____________ general classes ____________*/ + +div.clearer { + /* additional to what's already in lib/styles/style.css: */ + font-size: 1px; + visibility: hidden; +} + +.a11y { + position: absolute; + left: -9000px; + top: -4000px; + width: 0; + height: 0; + overflow: hidden; + display: inline; +} diff --git a/css/content.css b/css/content.css new file mode 100755 index 000000000..57c313d6c --- /dev/null +++ b/css/content.css @@ -0,0 +1,102 @@ +/** + * This file provides the main design styles for the page content. + * + * @author Anika Henke + * @author Andreas Gohr + */ + + +/*____________ 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;} +*/ +/* hx margin-left = (1 / font-size) * .levelx-margin */ + + +/*____________ images ____________*/ + +/* embedded images (styles are already partly set in lib/styles/style.css) */ +.dokuwiki img.media { } +.dokuwiki img.medialeft { margin: .5em 1.5em .5em 0; } +.dokuwiki img.mediaright { margin: .5em 0 .5em 1.5em; } +.dokuwiki img.mediacenter { margin: .5em auto; } + + +/*____________ tables ____________*/ + +.dokuwiki table.inline { + min-width: 50%; +} +.dokuwiki table.inline th, +.dokuwiki table.inline td { + border: 1px solid __text_alt__; +} +.dokuwiki table.inline th { + color: inherit; + background-color: __background_neu__; +} +.dokuwiki table.inline td { +} +.dokuwiki table.inline tr:hover td { + background-color: __background_alt__; +} +.dokuwiki table.inline tr:hover th { + background-color: __border__; +} + + +/*____________ code ____________*/ + +.dokuwiki pre, +.dokuwiki tt, +.dokuwiki code, +.dokuwiki samp, +.dokuwiki kbd { + background-color: __background_alt__; + color: inherit; +} +/* fix if background-color hides underlining */ +.dokuwiki em.u code { + text-decoration: underline; +} +.dokuwiki pre { + border: 1px solid __border__; + padding: 0 .2em; +} +/* for code in */ +.dokuwiki pre.file { +} + +/* 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: 0 .5em; + margin-left: 1em; +} +.dokuwiki dl.code dt a, +.dokuwiki dl.file dt a { +} + +.dokuwiki dl.code dd, +.dokuwiki dl.file dd { + margin: 0; +} + diff --git a/css/default.css b/css/default.css new file mode 100644 index 000000000..813f16cce --- /dev/null +++ b/css/default.css @@ -0,0 +1,241 @@ +body{ + font: 0.875em/1.4 'Helvetica Neue', sans-serif; +} + +h1, h2, h3, h4, h5{ + font-family: 'Helvetica Neue', sans-serif; + font-weight: normal; + color: black; +} + +h1{ + font-size: 2em; + letter-spacing: -0.035em; +} + +h1{ + /*2 lines below makes ascenders of h1 be at the top of block*/ + line-height: 0.75em; + padding-bottom: 0.3em; +} + +table{ + border: none; +} + +a:link{ + color: #06d; +} + +a:visited{ + color: #2E5E94; + border-bottom: 1px dotted #09d; +} + +.button{ + background-color: #eee; + background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#f4f4f4), color-stop(99%,#eeeeee), color-stop(99%,#cccccc)); + background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); + background: linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + border: 1px solid #ccc; +} + +.dokuwiki pre{ + border-left: none; + border-right: none; + padding: 0.75em 1em; +} + +#dokuwiki__site{ + width: 770px +} + +#dokuwiki__header{ + margin-top: 4em; + margin-bottom: 3em; +} + +#dokuwiki__header .tools{ + text-align: left; +} + +#dokuwiki__header .tools, +#dokuwiki__header .headings{ + margin-bottom: 1em; +} + +#dokuwiki__header h1 a{ + color: black; +} + +#dokuwiki__header .claim{ + color: #888; + font-style: italic; + font-size: 0.875em; +} + +#dokuwiki__header form.search{ + margin-top: 0; + font-size: 0.875em; +} + +div.breadcrumbs{ + border: 1px solid #ccc; + border-left: 0; + border-right: 0; + border-bottom: 0; + padding: 0.2em 0 0.75em 0; + margin-bottom: 0.6em; + font-size: 0.875em; +} + +div.breadcrumbs .bcsep{ + font-size: 0.75em; +} + +.mode_show #dokuwiki__content{ + float: left; + width: 750px; +} + +.mode_show #dokuwiki__aside{ + border-top: 1px solid #ccc; + float: right; + width: 220px; + font-size: 0.87em; +} + +#dokuwiki__usertools, +#dokuwiki__pagetools{ + padding: 10px; + padding-left: 0; + padding-right: 0; + background: #eee; + border: none; +} + +#dokuwiki__usertools{ + z-index: 1; + background: #edf1f2; + background: -moz-linear-gradient(top, #edf1f2 0%, #eaeaea 88%, #dbdfe0 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf1f2), color-stop(88%,#eaeaea), color-stop(100%,#dbdfe0)); + background: -webkit-linear-gradient(top, #edf1f2 0%,#eaeaea 88%,#dbdfe0 100%); + background: -o-linear-gradient(top, #edf1f2 0%,#eaeaea 88%,#dbdfe0 100%); + background: -ms-linear-gradient(top, #edf1f2 0%,#eaeaea 88%,#dbdfe0 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f2', endColorstr='#dbdfe0',GradientType=0 ); + background: linear-gradient(top, #edf1f2 0%,#eaeaea 88%,#dbdfe0 100%); +} + +#dokuwiki__pagetools{ + background: #dbdfe0; + background: -moz-linear-gradient(top, #dbdfe0 0%, #eaeaea 12%, #edf1f2 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdfe0), color-stop(12%,#eaeaea), color-stop(100%,#edf1f2)); + background: -webkit-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); + background: -o-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); + background: -ms-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdfe0', endColorstr='#edf1f2',GradientType=0 ); + background: linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); +} + +#dokuwiki__sitetools{ + width: 220px; +} + +#dokuwiki__sitetools ul, +#dokuwiki__usertools ul, +#dokuwiki__pagetools ul{ + max-width: 800px; + font-size: 0.875em; + padding-left: 0; +} + +#dokuwiki__sitetools li, +#dokuwiki__usertools li, +#dokuwiki__pagetools li{ + margin-left: 0; + margin-right: 1em; +} + +#dokuwiki__sitetools ul{ + margin-top: 0.5em; +} + +#dokuwiki__header form.search #qsearch__in{ + border: 1px solid #ccc; + border-right: none; + padding: 0.41em 0; + margin-right: 0; + -webkit-border-bottom-left-radius: 2px; + -webkit-border-top-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -moz-border-radius-topleft: 2px; + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + -moz-box-shadow:inset 0 0 1px #eee; + -webkit-box-shadow:inset 0 0 1px #eee; + box-shadow:inset 0 0 1px #eee; +} + +#dokuwiki__sitetools .button{ + border: 1px solid #ddd; + -webkit-border-bottom-right-radius: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -moz-border-radius-topright: 2px; + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + padding: 0.5em 0.75em; +} + +#dokuwiki__pagetools a, +#dokuwiki__usertools a{ +} + +#dokuwiki__pagetools a.wikilink1, +#dokuwiki__pagetools a.wikilink2, +#dokuwiki__usertools a.wikilink1, +#dokuwiki__usertools a.wikilink2{ + color: #06d; +} + +.dokuwiki div.toc{ + font-size: 0.875em; + line-height: 1.5em; + width: 220px; + margin-bottom: 0.5em; + margin-left: 20px; + margin-top: -0.3em; +} + +.dokuwiki div.tocheader{ + padding: 0.5em 1em; +} + +.dokuwiki #toc__inside{ + padding: 0.75em 1em 1.5em; +} + +.dokuwiki .secedit{ + float: none; + margin: 0 0 1.4em 0; + text-align: right; +} + +.dokuwiki div.secedit{ +} + +.dokuwiki .secedit input.button{ + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-radius: 2px; + padding: 0.5em 0.9em; + color: #555; +} diff --git a/css/design.css b/css/design.css new file mode 100755 index 000000000..cfed4f078 --- /dev/null +++ b/css/design.css @@ -0,0 +1,253 @@ +/** + * This file provides the main design styles for the + * bits that surround the content. + * + * @author Anika Henke + * @author Andreas Gohr + */ + + +/* header +********************************************************************/ + +#dokuwiki__header { + margin: 1em 0 0; +} +#IE7 #dokuwiki__header { + margin-top: 2em; +} + +#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; +} + +#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_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: 64em; + padding: 0 1em; +} +#IE6 #dokuwiki__usertools ul { + width: 100%; +} +#dokuwiki__usertools ul li.user { + float: left; + margin-left: 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; +} +#IE6 #dokuwiki__content { + margin-bottom: 1.4em; +} +#dokuwiki__pagetools ul li { + display: inline; + margin: 0 1.5em 0 0; +} +#dokuwiki__pagetools ul li a.action.top { + float: right; +} +#IE6 #dokuwiki__pagetools ul, +#IE7 #dokuwiki__pagetools ul { + position: relative; +} +#IE6 #dokuwiki__pagetools ul li a.action.top, +#IE7 #dokuwiki__pagetools ul li a.action.top { + position: absolute; + top: 0; + right: 0; +} + + +/* sidebar +********************************************************************/ + +#dokuwiki__aside { + padding-top: .4em; + 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: 0; +} +#dokuwiki__aside li ul, #dokuwiki__aside li ol { + margin-bottom: 0; +} + + +/* content +********************************************************************/ + +.dokuwiki .page { +} + +/*____________ misc ____________*/ + +/* license note in footer and under edit window */ +.dokuwiki div.license { + font-size: 93.75%; +} + +#IE6 .dokuwiki input.button, #IE6 .dokuwiki button, +#IE7 .dokuwiki input.button, #IE7 .dokuwiki button { + line-height: 1.4; +} + +/*____________ 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; +} + + +/* footer +********************************************************************/ + +.dokuwiki .wrapper { + margin-bottom: 2.8em; +} +#IE6 .dokuwiki .wrapper { + margin-bottom: 1.4em; +} + +#dokuwiki__footer { + margin-bottom: 1em; +} +#IE6 #dokuwiki__footer, +#IE7 #dokuwiki__footer { + height: 1%; +} +#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; +} + diff --git a/css/includes.css b/css/includes.css new file mode 100755 index 000000000..bc189962f --- /dev/null +++ b/css/includes.css @@ -0,0 +1,4 @@ +/** + * This file provides styles for included seperate html files + * (added through "include hooks"). + */ diff --git a/css/print.css b/css/print.css new file mode 100755 index 000000000..9171bc9ae --- /dev/null +++ b/css/print.css @@ -0,0 +1,123 @@ +/** + * This file provides the styles for printing. + * + * @todo: improve and finish + */ + +body { + /* + font: normal 12pt/1.2 serif; + color: #000; + background-color: #fff; + */ +} + +/* hide certain sections */ +.a11y, +div.notify, div.info, div.success, div.error, +#dokuwiki__header .tools, #dokuwiki__aside, +.dokuwiki .breadcrumbs, .dokuwiki .toc, .dokuwiki .secedit, +#dokuwiki__pagetools, #dokuwiki__footer { + display: none; +} + +.dokuwiki h1, .dokuwiki h2, .dokuwiki h3, .dokuwiki h4, .dokuwiki h5, +.dokuwiki caption, .dokuwiki legend { + clear: both; +} +.dokuwiki ul { list-style: disc outside; } +.dokuwiki ol { list-style: decimal outside; } +.dokuwiki ol ol { list-style-type: lower-alpha; } +.dokuwiki ol ol ol { list-style-type: upper-roman; } +.dokuwiki ol ol ol ol { list-style-type: upper-alpha; } +.dokuwiki ol ol ol ol ol { list-style-type: lower-roman; } + +/* undo icons */ +.dokuwiki a:link, .dokuwiki a:visited { + text-decoration: underline; + 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 */ +.dokuwiki pre { + font-family: monospace; +} +.dokuwiki dl.code dt, .dokuwiki dl.file dt { + font-weight: bold; +} + +/* images */ +.dokuwiki img { border-width: 0; vertical-align: middle; } +.dokuwiki img.medialeft { margin: .5em 1.5em .5em 0; float: left; } +.dokuwiki img.mediaright { margin: .5em 0 .5em 1.5em; float: right; } +.dokuwiki img.mediacenter { margin: .5em auto; display: block; } + +/* 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; +} + +.dokuwiki blockquote { + padding: 0 10pt; + margin: 0; + border: solid #ccc; + border-width: 0 0 0 2pt; +} + +/* tables */ +.dokuwiki table { + border-collapse: collapse; + empty-cells: show; + border-spacing: 0; + border: 1pt solid #ccc; +} +.dokuwiki th, .dokuwiki td { + padding: 3pt 5pt; + margin: 0; + vertical-align: top; + border: 1pt solid #666; + text-align: left; +} +.dokuwiki 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; +} diff --git a/css/rtl.css b/css/rtl.css new file mode 100755 index 000000000..8b82a45e1 --- /dev/null +++ b/css/rtl.css @@ -0,0 +1,309 @@ +/** + * This file provides layout and design corrections for right-to-left + * languages. + * + * @author Anika Henke + */ + +/*____________ basic ____________*/ + +caption, +td, +th { + text-align: right; +} + +ul, ol { + padding: 0 1.5em 0 0; +} +li, dd { + margin: 0 1.5em 0 0; +} +blockquote { + border-width: 0 .25em 0 0; +} + +h1, h2, h3, h4, h5, h6, +caption, legend { + clear: right; +} + +.a11y { + left: auto; + right: -9000px; +} + +/*____________ structure ____________*/ + +#dokuwiki__header .headings { + float: right; +} +#dokuwiki__header .tools { + float: left; + text-align: left; +} + +.mode_show #dokuwiki__aside { + float: right; +} +#dokuwiki__aside .pad { + margin: 0 0 0 1.5em; +} + +.mode_show #dokuwiki__content { + float: left; + margin-left: 0; + margin-right: -__sidebar_width__; +} +.mode_show #dokuwiki__content .pad { + margin-left: 0; + margin-right: __sidebar_width__; +} + +/*____________ design ____________*/ + +#dokuwiki__header form.search #qsearch__in { + margin-right: 0; + margin-left: .5em; +} + +#dokuwiki__usertools ul li.user { + float: right; + margin-right: 0; +} +#dokuwiki__pagetools ul li a.action.top { + float: left; +} + +#dokuwiki__aside ul, #dokuwiki__aside ol { + padding-right: 0; +} + +/*____________ content ____________*/ + +/* section indenting +.dokuwiki .page h1 {margin-left: 0; margin-right: 0;} +.dokuwiki .page h2 {margin-left: 0; margin-right: .666em;} +.dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;} +.dokuwiki .page h4 {margin-left: 0; margin-right: 3em;} +.dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;} +.dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;} +.dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;} +.dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;} +.dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;} +.dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;} +*/ + +.dokuwiki dl.code dt, +.dokuwiki dl.file dt { + margin-left: 0; + margin-right: 1em; +} + +.JSpopup ul, +.JSpopup ol { + padding-right: 0; +} + + +/*____________ _imgdetail ____________*/ + +#dokuwiki__detail div.content img { + float: right; + margin-right: 0; + margin-left: 1.5em; +} +#dokuwiki__detail div.content div.img_detail { + float: right +} + + +/*____________ _mediamanager ____________*/ + +#mediamgr__aside { + left: auto; + right: 0; + border-right-width: 0; + border-left: 1px solid __border__; +} +#mediamgr__content { + right: auto; + left: 0; +} + +#media__opts input { + margin-right: 0; + margin-left: .3em; +} + +#media__tree ul { + padding-left: 0; + padding-right: .2em; +} +#media__tree ul li { + clear: right; + margin-right: 0; +} +#media__tree ul li img { + float: right; + padding: .5em 0 0 .3em; +} +#media__tree ul li li { + margin-left: 0; + margin-right: 1.5em; +} + +#media__content a.mediafile { + margin-right: 0; + margin-left: 1.5em; +} +#media__content div.detail div.thumb { + float: right; + margin: 0 18px 0 .5em; +} +#media__content form.meta div.metafield { + clear: right; +} +#media__content form.meta label { + float: right; + clear: right; +} +#media__content form.meta .edit { + float: right; +} +#media__content form.meta div.buttons { + clear: right; + margin: .2em 25% 0 0; +} + + +/*____________ _links ____________*/ + +/* if link icons don't work as expected, remove the following lines */ +.dokuwiki a.urlextern, +.dokuwiki a.windows, +.dokuwiki a.mail, +.dokuwiki a.interwiki, +.dokuwiki a.mediafile { + background-position: right center; + padding: 0 17px 0 0; +} + + +/*____________ _toc ____________*/ + +.dokuwiki div.toc { + float: left; + margin: 0 1.4em 1.4em 0; +} +.dokuwiki .toc span.toc_open, +.dokuwiki .toc span.toc_close { + float: left; + margin: 0 0 0 .2em; +} +.dokuwiki #toc__inside ul ul { + padding-left: 0; + padding-right: 1em; +} +.dokuwiki ul.idx { + padding-right: 0; +} + + +/*____________ _footnotes ____________*/ + + +/*____________ _search ____________*/ + +.dokuwiki div.search_quickresult ul li { + float: right; +} +.dokuwiki form.search div.ajax_qsearch { + left: auto; + right: -13.5em; + text-align: right; +} + + +/*____________ _recent ____________*/ + +.dokuwiki #dw__recent ul li, +.dokuwiki #page__revisions ul li { + margin-right: 0; +} + + +/*____________ _diff ____________*/ + + +/*____________ _edit ____________*/ + +.dokuwiki div.toolbar #draft__status { + float: left; +} +.dokuwiki #wiki__editbar #size__ctl { + float: left; +} +.dokuwiki #wiki__editbar #size__ctl img { + cursor: pointer; +} +.dokuwiki #wiki__editbar .editButtons { + margin-right: 0; + margin-left: 1em; +} + +.dokuwiki .secedit { + float: left; +} + + +/*____________ _modal ____________*/ + +#link__wiz_close { + float: left; +} +#link__wiz_result { + text-align: right; +} +#link__wiz_result div.type_u, +#link__wiz_result div.type_f, +#link__wiz_result div.type_d { + padding: 3px 22px 3px 3px; + background-position: 257px 3px; +} + + +/*____________ _forms ____________*/ + +.dokuwiki label.block { + text-align: left; +} +.dokuwiki label.simple { + text-align: right; +} + +form#subscribe__form fieldset { + text-align: right; +} + + +/*____________ _admin ____________*/ + +.dokuwiki ul.admin_tasks { + float: right; +} +.dokuwiki ul.admin_tasks li { + padding-left: 0; + padding-right: 35px; + background-position: right 0; +} + +.dokuwiki #admin__version { + clear: right; + float: left; +} + + +/*____________ includes ____________*/ + + diff --git a/css/structure.css b/css/structure.css new file mode 100755 index 000000000..14490a0b0 --- /dev/null +++ b/css/structure.css @@ -0,0 +1,72 @@ +/** + * This file provides styles for the general layout structure. + * + * @author Anika Henke + */ + +body { + margin: 0 auto; +} +#dokuwiki__site { + margin: 0 auto; + max-width: 64em; + padding: 1.4em 1em; +} +#dokuwiki__site .site { +} + +#dokuwiki__header { +} +#dokuwiki__header .pad { +} + #dokuwiki__header .headings { + float: left; + } + #IE6 #dokuwiki__header .headings { + width: 50%; + } + #dokuwiki__header .tools { + float: right; + text-align: right; + } + #IE6 #dokuwiki__header .tools { + width: 50%; + } + +#dokuwiki__site .wrapper { + position: relative; +} +#IE6 #dokuwiki__site .wrapper, +#IE7 #dokuwiki__site .wrapper { + height: 1%; +} + + /* show sidebar only in show mode */ + #dokuwiki__aside { + display: none; + } + .mode_show #dokuwiki__aside { + width: __sidebar_width__; + float: left; + position: relative; + display: block; + } + #dokuwiki__aside .pad { + margin: 0 1.5em 0 0; + } + + /* make content wider when there's no sidebar */ + .mode_show #dokuwiki__content { + float: right; + margin-left: -__sidebar_width__; + width: 100%; + } + .mode_show #dokuwiki__content .pad { + margin-left: __sidebar_width__; + } + +#dokuwiki__footer { + clear: both; +} +#dokuwiki__footer .pad { +} diff --git a/detail.php b/detail.php new file mode 100755 index 000000000..500890114 --- /dev/null +++ b/detail.php @@ -0,0 +1,81 @@ + + * @author Anika Henke + */ + +// must be run from within DokuWiki +if (!defined('DOKU_INC')) die(); + +?> + + + + + <?php echo hsc(tpl_img_getTag('IPTC.Headline',$IMG))?> + [<?php echo strip_tags($conf['title'])?>] + + + + + + + +
+ + + + +

+ +
+ + +
+

+ +
+ '.$lang['img_date'].':
'.dformat($t).'
'; + + $t = tpl_img_getTag('File.Name'); + if($t) print '
'.$lang['img_fname'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag(array('Iptc.Byline','Exif.TIFFArtist','Exif.Artist','Iptc.Credit')); + if($t) print '
'.$lang['img_artist'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag(array('Iptc.CopyrightNotice','Exif.TIFFCopyright','Exif.Copyright')); + if($t) print '
'.$lang['img_copyr'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag('File.Format'); + if($t) print '
'.$lang['img_format'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag('File.NiceSize'); + if($t) print '
'.$lang['img_fsize'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag('Simple.Camera'); + if($t) print '
'.$lang['img_camera'].':
'.hsc($t).'
'; + + $t = tpl_img_getTag(array('IPTC.Keywords','IPTC.Category','xmp.dc:subject')); + if($t) print '
'.$lang['img_keywords'].':
'.hsc($t).'
'; + + ?> +
+ +
+
+
+ +

+ + +
+ + + + diff --git a/images/bullet.png b/images/bullet.png new file mode 100755 index 000000000..da87696c7 Binary files /dev/null and b/images/bullet.png differ diff --git a/images/closed.png b/images/closed.png new file mode 100755 index 000000000..3691ebc17 Binary files /dev/null and b/images/closed.png differ diff --git a/images/favicon.ico b/images/favicon.ico new file mode 100755 index 000000000..8b9616abb Binary files /dev/null and b/images/favicon.ico differ diff --git a/images/link_icon.gif b/images/link_icon.gif new file mode 100755 index 000000000..815ccb1b1 Binary files /dev/null and b/images/link_icon.gif differ diff --git a/images/mail_icon.gif b/images/mail_icon.gif new file mode 100755 index 000000000..50a87a9a0 Binary files /dev/null and b/images/mail_icon.gif differ diff --git a/images/open.png b/images/open.png new file mode 100755 index 000000000..eafb64ed3 Binary files /dev/null and b/images/open.png differ diff --git a/images/windows.gif b/images/windows.gif new file mode 100755 index 000000000..4f12acce1 Binary files /dev/null and b/images/windows.gif differ diff --git a/lang/af/lang.php b/lang/af/lang.php new file mode 100755 index 000000000..127ac3076 --- /dev/null +++ b/lang/af/lang.php @@ -0,0 +1,12 @@ + + */ + +if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */ +@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */ + +$showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER['REMOTE_USER'] ); +?> + + + + <?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>] + + + + + + + + + + + are added to make it possible to e.g. style a page differently if it's in edit mode, + see http://www.dokuwiki.org/devel:action_modes for a list of action modes */ ?> + +
+ + + + +
+ +
+

+ ','id="dokuwiki__top" accesskey="h" title="[H]"') */ ?> + +

+ + +
    +
  • +
+
+
+ +
+ + +
+

+
    + would be: tpl_action('edit',0,'li') */ + if ($_SERVER['REMOTE_USER']) { + echo '
  • '; + tpl_userinfo(); /* 'Logged in as ...' */ + echo '
  • '; + } + tpl_action('admin', 1, 'li'); + _tpl_action('userpage', 1, 'li'); + tpl_action('profile', 1, 'li'); + _tpl_action('register', 1, 'li'); /* DW versions > 2011-02-20 can use the core function tpl_action('register', 1, 'li') */ + tpl_action('login', 1, 'li'); + ?> +
+
+ + + +
+

+ +
    + +
+
+ +
+
+ +
+
+
+ + +
+ + +
+ + + +
+ + + + + + + + + + + + +
+
+ + + +
+ + +
+ +
+
+ +
+
+ + + +
+

+
    + +
+
+ +
+ + + + + +
+ +
+ + + diff --git a/mediamanager.php b/mediamanager.php new file mode 100755 index 000000000..0f4362577 --- /dev/null +++ b/mediamanager.php @@ -0,0 +1,40 @@ + + */ +?> + + + + + <?php echo hsc($lang['mediaselect'])?> + [<?php echo strip_tags($conf['title'])?>] + + + + + + + +
+ +
+

+ + +
+ + +
+ +
+ +
+
+ + + diff --git a/style.ini b/style.ini new file mode 100755 index 000000000..ef5e0201e --- /dev/null +++ b/style.ini @@ -0,0 +1,64 @@ +; Please see http://www.php.net/manual/en/function.parse-ini-file.php +; for limitations of the ini format used here + +; Define the stylesheets your template uses here. The second value +; defines for which output media the style should be loaded. Currently +; print, screen and rtl are supported. rtl styles are loaded additionally +; to screen styles if a right-to-left language is selected (eg. Hebrew). + +[stylesheets] + +css/basic.css = screen +css/structure.css = screen +css/design.css = screen +css/content.css = screen +css/_imgdetail.css = screen +css/_mediamanager.css = screen +css/_links.css = screen +css/_toc.css = screen +css/_footnotes.css = screen +css/_search.css = screen +css/_recent.css = screen +css/_diff.css = screen +css/_edit.css = screen +css/_modal.css = screen +css/_forms.css = screen +css/_admin.css = screen +css/includes.css = screen + +css/rtl.css = rtl +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. + +[replacements] + +;-------------------------------------------------------------------------- +;------ guaranteed dokuwiki color placeholders that every plugin can use + +; main text and background colors +__text__ = "#333" +__background__ = "#fff" +; alternative text and background colors +__text_alt__ = "#999" +__background_alt__ = "#eee" +; neutral text and background colors +__text_neu__ = "#666" +__background_neu__ = "#ddd" +; border color +__border__ = "#ccc" + +;-------------------------------------------------------------------------- + +; these are used for links +__existing__ = "#090" +__missing__ = "#f30" + +; highlighting search snippets +__highlight__ = "#ff9" + +; sidebar width +__sidebar_width__ = "16em" diff --git a/tpl_functions.php b/tpl_functions.php new file mode 100755 index 000000000..54b143fc9 --- /dev/null +++ b/tpl_functions.php @@ -0,0 +1,139 @@ + + */ +function _tpl_discussion($discussionPage,$title,$backTitle,$link=0,$wrapper=0) { + global $ID; + + $discussPage = str_replace('@ID@',$ID,$discussionPage); + $discussPageRaw = str_replace('@ID@','',$discussionPage); + $isDiscussPage = strpos($ID,$discussPageRaw)!==false; + $backID = str_replace($discussPageRaw,'',$ID); + + if ($wrapper) echo "<$wrapper>"; + + if ($isDiscussPage) { + if ($link) + tpl_pagelink($backID,$backTitle); + else + echo html_btn('back2article',$backID,'',array(),'get',0,$backTitle); + } else { + if ($link) + tpl_pagelink($discussPage,$title); + else + echo html_btn('discussion',$discussPage,'',array(),'get',0,$title); + } + + if ($wrapper) echo ""; +} + +/** + * Create link/button to user page + * + * @author Anika Henke + */ +function _tpl_userpage($userPage,$title,$link=0,$wrapper=0) { + if (!$_SERVER['REMOTE_USER']) return; + + global $conf; + $userPage = str_replace('@USER@',$_SERVER['REMOTE_USER'],$userPage); + + if ($wrapper) echo "<$wrapper>"; + + if ($link) + tpl_pagelink($userPage,$title); + else + echo html_btn('userpage',$userPage,'',array(),'get',0,$title); + + if ($wrapper) echo ""; +} + +/** + * Create link/button to register page + * DW versions > 2011-02-20 can use the core function tpl_action('register') + * + * @author Anika Henke + */ +function _tpl_register($link=0,$wrapper=0) { + global $conf; + global $lang; + global $ID; + $lang_register = !empty($lang['btn_register']) ? $lang['btn_register'] : $lang['register']; + + if ($_SERVER['REMOTE_USER'] || !$conf['useacl'] || !actionOK('register')) return; + + if ($wrapper) echo "<$wrapper>"; + + if ($link) + tpl_link(wl($ID,'do=register'),$lang_register,'class="action register" rel="nofollow"'); + else + echo html_btn('register',$ID,'',array('do'=>'register'),'get',0,$lang_register); + + if ($wrapper) echo ""; +} + +/** + * Wrapper around custom template actions + * + * @author Anika Henke + */ +function _tpl_action($type,$link=0,$wrapper=0) { + switch ($type) { + case 'discussion': + if (tpl_getConf('discussionPage')) { + _tpl_discussion(tpl_getConf('discussionPage'),tpl_getLang('discussion'),tpl_getLang('back_to_article'),$link,$wrapper); + } + break; + case 'userpage': + if (tpl_getConf('userPage')) { + _tpl_userpage(tpl_getConf('userPage'),tpl_getLang('userpage'),$link,$wrapper); + } + break; + case 'register': + _tpl_register($link,$wrapper); + break; + } +} + +/** + * Use favicon.ico from data/media root directory if it exists, otherwise use + * the one in the template's image directory. + * DW versions > 2010-11-12 can use the core function tpl_getFavicon() + * + * @author Anika Henke + */ +function _tpl_getFavicon() { + if (file_exists(mediaFN('favicon.ico'))) + return ml('favicon.ico'); + return DOKU_TPL.'images/favicon.ico'; +} + +/** + * Include additional html file from conf directory if it exists, otherwise use + * file in the template's root directory. + * + * @author Anika Henke + */ +function _tpl_include($fn) { + $confFile = DOKU_CONF.$fn; + $tplFile = dirname(__FILE__).'/'.$fn; + + if (file_exists($confFile)) + include($confFile); + else if (file_exists($tplFile)) + include($tplFile); +} -- cgit v1.2.3 From 6520918f9b2790608d06ce24d8b0af36f8704707 Mon Sep 17 00:00:00 2001 From: Cla Date: Thu, 11 Aug 2011 23:44:35 +0100 Subject: applied css in style.ini instead of hacking a link tag into the head --- main.php | 1 - style.ini | 1 + 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/main.php b/main.php index ae0a38e2b..76844b428 100755 --- a/main.php +++ b/main.php @@ -20,7 +20,6 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER - diff --git a/style.ini b/style.ini index ef5e0201e..426fd9be4 100755 --- a/style.ini +++ b/style.ini @@ -25,6 +25,7 @@ css/_modal.css = screen css/_forms.css = screen css/_admin.css = screen css/includes.css = screen +css/default.css = screen css/rtl.css = rtl css/print.css = print -- cgit v1.2.3 From 6cd05b1039bcbf7e83420f44e2150e1beb4aca10 Mon Sep 17 00:00:00 2001 From: Cla Date: Wed, 17 Aug 2011 22:32:44 +0100 Subject: made some changes in response to feed back. CSS getting messy, might hand it back to pro at this point ;) --- css/default.css | 36 ++++++++++++++++++++++++++---------- 1 file changed, 26 insertions(+), 10 deletions(-) diff --git a/css/default.css b/css/default.css index 813f16cce..00a732740 100644 --- a/css/default.css +++ b/css/default.css @@ -3,7 +3,7 @@ body{ } h1, h2, h3, h4, h5{ - font-family: 'Helvetica Neue', sans-serif; + font-family: 'Lucida Grande', 'Arial', sans-serif; font-weight: normal; color: black; } @@ -51,7 +51,8 @@ a:visited{ } #dokuwiki__site{ - width: 770px + max-width: 1024px; + padding: 1.4em 20px; /* don't like mixing units, but with max-width set in px, I don't have another solution? */ } #dokuwiki__header{ @@ -83,7 +84,7 @@ a:visited{ font-size: 0.875em; } -div.breadcrumbs{ +.wrapper div.breadcrumbs{ border: 1px solid #ccc; border-left: 0; border-right: 0; @@ -98,13 +99,17 @@ div.breadcrumbs .bcsep{ } .mode_show #dokuwiki__content{ - float: left; - width: 750px; + float: right; + width: 99%; /* 99% of what? */ +} + +.mode_show #dokuwiki__content h1{ + line-height: 1.175em; } .mode_show #dokuwiki__aside{ border-top: 1px solid #ccc; - float: right; + float: left; width: 220px; font-size: 0.87em; } @@ -119,6 +124,7 @@ div.breadcrumbs .bcsep{ } #dokuwiki__usertools{ + padding: 10px 0; z-index: 1; background: #edf1f2; background: -moz-linear-gradient(top, #edf1f2 0%, #eaeaea 88%, #dbdfe0 100%); @@ -130,6 +136,11 @@ div.breadcrumbs .bcsep{ background: linear-gradient(top, #edf1f2 0%,#eaeaea 88%,#dbdfe0 100%); } +.wrapper #dokuwiki__pagetools ul, /* making a mess :P */ +.tools #dokuwiki__usertools ul{ + padding: 0 20px; +} + #dokuwiki__pagetools{ background: #dbdfe0; background: -moz-linear-gradient(top, #dbdfe0 0%, #eaeaea 12%, #edf1f2 100%); @@ -148,7 +159,7 @@ div.breadcrumbs .bcsep{ #dokuwiki__sitetools ul, #dokuwiki__usertools ul, #dokuwiki__pagetools ul{ - max-width: 800px; + max-width: 1004px; font-size: 0.875em; padding-left: 0; } @@ -203,9 +214,9 @@ div.breadcrumbs .bcsep{ } .dokuwiki div.toc{ - font-size: 0.875em; - line-height: 1.5em; - width: 220px; + font-size: 0.75em; + line-height: 1.4em; + width: 200px; margin-bottom: 0.5em; margin-left: 20px; margin-top: -0.3em; @@ -219,6 +230,11 @@ div.breadcrumbs .bcsep{ padding: 0.75em 1em 1.5em; } +.dokuwiki #toc__inside ul li{ + list-style: disc; + margin-left: 1.5em; +} + .dokuwiki .secedit{ float: none; margin: 0 0 1.4em 0; -- cgit v1.2.3 From 75462285106c5ff642922f9b2bb4922deac3d9a2 Mon Sep 17 00:00:00 2001 From: Cla Date: Sat, 20 Aug 2011 13:41:13 +0100 Subject: change font to Arial --- css/default.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/default.css b/css/default.css index 00a732740..3846251a8 100644 --- a/css/default.css +++ b/css/default.css @@ -1,9 +1,9 @@ body{ - font: 0.875em/1.4 'Helvetica Neue', sans-serif; + font: 0.875em/1.4 'Arial', sans-serif; } h1, h2, h3, h4, h5{ - font-family: 'Lucida Grande', 'Arial', sans-serif; + font-family: 'Arial', sans-serif; font-weight: normal; color: black; } -- cgit v1.2.3 From 6ab9f8659c49cfb82c99bd2ae0006fc7fe868981 Mon Sep 17 00:00:00 2001 From: Cla Date: Sun, 21 Aug 2011 02:08:59 +0100 Subject: redesigned header to make user tools look like buttons in preparation for icons coming in table borders now in line with button borders designed the download code tab made changed size of aside h1 (but not lower headings yet...) --- css/default.css | 136 ++++++++++++++++++++++++++++++++++++++++++++++++-------- main.php | 35 ++++++++------- 2 files changed, 137 insertions(+), 34 deletions(-) diff --git a/css/default.css b/css/default.css index 3846251a8..005a77918 100644 --- a/css/default.css +++ b/css/default.css @@ -45,8 +45,6 @@ a:visited{ } .dokuwiki pre{ - border-left: none; - border-right: none; padding: 0.75em 1em; } @@ -56,8 +54,25 @@ a:visited{ } #dokuwiki__header{ - margin-top: 4em; - margin-bottom: 3em; + padding-top: 2em; + padding-bottom: 2em; + background: #eee; +} + +#dokuwiki__header #dokuwiki__sitetools, +#dokuwiki__header .headings{ + z-index: 12; + position: relative; +} + +.header_background{ + background: #eee; + background: -webkit-linear-gradient(top, #eeeeee 98%,#dfdfdf 100%); + position: absolute; + top: 0; + height: 165px; + width: 100%; + z-index: 1; } #dokuwiki__header .tools{ @@ -69,6 +84,12 @@ a:visited{ margin-bottom: 1em; } +#dokuwiki__header h1 a{ + font-size: 1.5em; + font-weight: bold; + text-shadow: 1px 1px 0px #fff; +} + #dokuwiki__header h1 a{ color: black; } @@ -84,8 +105,12 @@ a:visited{ font-size: 0.875em; } +.wrapper{ + padding-top: 30px; +} + .wrapper div.breadcrumbs{ - border: 1px solid #ccc; + /*border: 1px solid #ccc;*/ border-left: 0; border-right: 0; border-bottom: 0; @@ -108,12 +133,23 @@ div.breadcrumbs .bcsep{ } .mode_show #dokuwiki__aside{ - border-top: 1px solid #ccc; + /*border-top: 1px solid #ccc;*/ float: left; width: 220px; font-size: 0.87em; + line-height: 1.5; +} + +.mode_show #dokuwiki__aside h1{ + font-size: 1.25em; + margin-top: 1.25em; +} + +.mode_show #dokuwiki__aside h1.sectionedit1{ + margin-top: 0; } + #dokuwiki__usertools, #dokuwiki__pagetools{ padding: 10px; @@ -124,16 +160,27 @@ div.breadcrumbs .bcsep{ } #dokuwiki__usertools{ - padding: 10px 0; - z-index: 1; - background: #edf1f2; - background: -moz-linear-gradient(top, #edf1f2 0%, #eaeaea 88%, #dbdfe0 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf1f2), color-stop(88%,#eaeaea), color-stop(100%,#dbdfe0)); - background: -webkit-linear-gradient(top, #edf1f2 0%,#eaeaea 88%,#dbdfe0 100%); - background: -o-linear-gradient(top, #edf1f2 0%,#eaeaea 88%,#dbdfe0 100%); - background: -ms-linear-gradient(top, #edf1f2 0%,#eaeaea 88%,#dbdfe0 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f2', endColorstr='#dbdfe0',GradientType=0 ); - background: linear-gradient(top, #edf1f2 0%,#eaeaea 88%,#dbdfe0 100%); + padding: 0; + z-index: 11; + background: transparent; +} + +#dokuwiki__usertools .inner{ + margin: 0 auto; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + background: #ffffff; + background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); + background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); + background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); + background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); + background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); + width: 1004px; + padding: 10px; + border: 1px solid #ddd; + border-top: none; } .wrapper #dokuwiki__pagetools ul, /* making a mess :P */ @@ -167,8 +214,7 @@ div.breadcrumbs .bcsep{ #dokuwiki__sitetools li, #dokuwiki__usertools li, #dokuwiki__pagetools li{ - margin-left: 0; - margin-right: 1em; + margin-left: 1em; } #dokuwiki__sitetools ul{ @@ -191,6 +237,11 @@ div.breadcrumbs .bcsep{ box-shadow:inset 0 0 1px #eee; } +#dokuwiki__header #dokuwiki__sitetools ul, +#dokuwiki__header form.search{ + text-align: right; +} + #dokuwiki__sitetools .button{ border: 1px solid #ddd; -webkit-border-bottom-right-radius: 2px; @@ -255,3 +306,52 @@ div.breadcrumbs .bcsep{ padding: 0.5em 0.9em; color: #555; } + +.dokuwiki dl.code dt, .dokuwiki dl.file dt{ + padding: 5px 8px 2px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom: 1px dashed #ccc; + background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); + margin-left: 0; +} + +.dokuwiki dl.code dt, .dokuwiki dl.file dt a{ + background-color: transparent; + padding: 0.2em 0 0.1em 1.6em; + font-size: 0.875em; + font-weight: normal; +} + +.dokuwiki table.inline th, .dokuwiki table.inline td{ + border: 1px solid #ccc; +} + +.dokuwiki table.inline th{ + background: #eee; +} + +.dokuwiki div.toolbar button.toolbutton{ + background: none; + background-color: #eee; + background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#f4f4f4), color-stop(99%,#eeeeee), color-stop(99%,#cccccc)); + background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); + background: linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + border: 1px solid #ccc; + border-right: none; +} + +.dokuwiki div.toolbar button.toolbutton:first-child{ + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.dokuwiki div.toolbar button.toolbutton:last-child{ + border-left: 1px solid #eee; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} diff --git a/main.php b/main.php index 76844b428..e230355a7 100755 --- a/main.php +++ b/main.php @@ -56,22 +56,24 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
-

-
    - would be: tpl_action('edit',0,'li') */ - if ($_SERVER['REMOTE_USER']) { - echo '
  • '; - tpl_userinfo(); /* 'Logged in as ...' */ - echo '
  • '; - } - tpl_action('admin', 1, 'li'); - _tpl_action('userpage', 1, 'li'); - tpl_action('profile', 1, 'li'); - _tpl_action('register', 1, 'li'); /* DW versions > 2011-02-20 can use the core function tpl_action('register', 1, 'li') */ - tpl_action('login', 1, 'li'); - ?> -
+
+

+
    + would be: tpl_action('edit',0,'li') */ + if ($_SERVER['REMOTE_USER']) { + echo '
  • '; + tpl_userinfo(); /* 'Logged in as ...' */ + echo '
  • '; + } + tpl_action('admin', 1, 'li'); + _tpl_action('userpage', 1, 'li'); + tpl_action('profile', 1, 'li'); + _tpl_action('register', 1, 'li'); /* DW versions > 2011-02-20 can use the core function tpl_action('register', 1, 'li') */ + tpl_action('login', 1, 'li'); + ?> +
+
@@ -161,5 +163,6 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
+
-- cgit v1.2.3 From 816f4362db471d31c28d1ad42ecce517a929fbe6 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 28 Aug 2011 19:12:33 +0100 Subject: removed starter template specific functionalities (including user and discussion buttons/links) --- conf/default.php | 2 - conf/metadata.php | 2 - lang/en/lang.php | 4 -- lang/en/settings.php | 2 - main.php | 6 +-- tpl_functions.php | 111 --------------------------------------------------- 6 files changed, 2 insertions(+), 125 deletions(-) diff --git a/conf/default.php b/conf/default.php index 57b7bd581..378e61909 100755 --- a/conf/default.php +++ b/conf/default.php @@ -5,7 +5,5 @@ */ $conf['tagline'] = 'This is the tagline - explaining what this site is about.'; -$conf['discussionPage'] = 'discussion:@ID@'; -$conf['userPage'] = 'user:@USER@:'; $conf['sidebarID'] = 'sidebar'; $conf['hideTools'] = 0; diff --git a/conf/metadata.php b/conf/metadata.php index 88583bcd0..ac0fdf142 100755 --- a/conf/metadata.php +++ b/conf/metadata.php @@ -5,7 +5,5 @@ */ $meta['tagline'] = array('string'); -$meta['discussionPage'] = array('string'); -$meta['userPage'] = array('string'); $meta['sidebarID'] = array('string'); $meta['hideTools'] = array('onoff'); diff --git a/lang/en/lang.php b/lang/en/lang.php index 91b04b177..a19601ef9 100755 --- a/lang/en/lang.php +++ b/lang/en/lang.php @@ -4,10 +4,6 @@ * */ -$lang['discussion'] = 'Discussion'; -$lang['back_to_article'] = 'Back to article'; -$lang['userpage'] = 'User page'; - /* accessibility headlines */ $lang['user_tools'] = 'User Tools'; $lang['site_tools'] = 'Site Tools'; diff --git a/lang/en/settings.php b/lang/en/settings.php index 356e95234..da01d290f 100755 --- a/lang/en/settings.php +++ b/lang/en/settings.php @@ -5,7 +5,5 @@ */ $lang['tagline'] = 'Tagline'; -$lang['discussionPage'] = 'Discussion page (leave empty to disable discussions)'; -$lang['userPage'] = 'User page (leave empty to disable user pages)'; $lang['sidebarID'] = 'page name of page included in sidebar'; $lang['hideTools'] = 'Hide tools when not logged in?'; diff --git a/main.php b/main.php index e230355a7..428a2f122 100755 --- a/main.php +++ b/main.php @@ -18,7 +18,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER <?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>] - + @@ -67,9 +67,8 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER echo ''; } tpl_action('admin', 1, 'li'); - _tpl_action('userpage', 1, 'li'); tpl_action('profile', 1, 'li'); - _tpl_action('register', 1, 'li'); /* DW versions > 2011-02-20 can use the core function tpl_action('register', 1, 'li') */ + tpl_action('register', 1, 'li'); tpl_action('login', 1, 'li'); ?> @@ -140,7 +139,6 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
    - */ -function _tpl_discussion($discussionPage,$title,$backTitle,$link=0,$wrapper=0) { - global $ID; - - $discussPage = str_replace('@ID@',$ID,$discussionPage); - $discussPageRaw = str_replace('@ID@','',$discussionPage); - $isDiscussPage = strpos($ID,$discussPageRaw)!==false; - $backID = str_replace($discussPageRaw,'',$ID); - - if ($wrapper) echo "<$wrapper>"; - - if ($isDiscussPage) { - if ($link) - tpl_pagelink($backID,$backTitle); - else - echo html_btn('back2article',$backID,'',array(),'get',0,$backTitle); - } else { - if ($link) - tpl_pagelink($discussPage,$title); - else - echo html_btn('discussion',$discussPage,'',array(),'get',0,$title); - } - - if ($wrapper) echo ""; -} - -/** - * Create link/button to user page - * - * @author Anika Henke - */ -function _tpl_userpage($userPage,$title,$link=0,$wrapper=0) { - if (!$_SERVER['REMOTE_USER']) return; - - global $conf; - $userPage = str_replace('@USER@',$_SERVER['REMOTE_USER'],$userPage); - - if ($wrapper) echo "<$wrapper>"; - - if ($link) - tpl_pagelink($userPage,$title); - else - echo html_btn('userpage',$userPage,'',array(),'get',0,$title); - - if ($wrapper) echo ""; -} - -/** - * Create link/button to register page - * DW versions > 2011-02-20 can use the core function tpl_action('register') - * - * @author Anika Henke - */ -function _tpl_register($link=0,$wrapper=0) { - global $conf; - global $lang; - global $ID; - $lang_register = !empty($lang['btn_register']) ? $lang['btn_register'] : $lang['register']; - - if ($_SERVER['REMOTE_USER'] || !$conf['useacl'] || !actionOK('register')) return; - - if ($wrapper) echo "<$wrapper>"; - - if ($link) - tpl_link(wl($ID,'do=register'),$lang_register,'class="action register" rel="nofollow"'); - else - echo html_btn('register',$ID,'',array('do'=>'register'),'get',0,$lang_register); - - if ($wrapper) echo ""; -} - -/** - * Wrapper around custom template actions - * - * @author Anika Henke - */ -function _tpl_action($type,$link=0,$wrapper=0) { - switch ($type) { - case 'discussion': - if (tpl_getConf('discussionPage')) { - _tpl_discussion(tpl_getConf('discussionPage'),tpl_getLang('discussion'),tpl_getLang('back_to_article'),$link,$wrapper); - } - break; - case 'userpage': - if (tpl_getConf('userPage')) { - _tpl_userpage(tpl_getConf('userPage'),tpl_getLang('userpage'),$link,$wrapper); - } - break; - case 'register': - _tpl_register($link,$wrapper); - break; - } -} - -/** - * Use favicon.ico from data/media root directory if it exists, otherwise use - * the one in the template's image directory. - * DW versions > 2010-11-12 can use the core function tpl_getFavicon() - * - * @author Anika Henke - */ -function _tpl_getFavicon() { - if (file_exists(mediaFN('favicon.ico'))) - return ml('favicon.ico'); - return DOKU_TPL.'images/favicon.ico'; -} - /** * Include additional html file from conf directory if it exists, otherwise use * file in the template's root directory. -- cgit v1.2.3 From edb1239b12e661f71fda343716448857681cbe53 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 28 Aug 2011 23:44:13 +0100 Subject: put new styles into their respective files and changed small bits --- css/_toc.css | 16 ++- css/basic.css | 45 +++++++- css/content.css | 29 +++-- css/default.css | 332 ++---------------------------------------------------- css/design.css | 207 +++++++++++++++++++++++----------- css/structure.css | 12 +- main.php | 34 +++--- style.ini | 6 +- 8 files changed, 252 insertions(+), 429 deletions(-) diff --git a/css/_toc.css b/css/_toc.css index fcccf4fc1..5bff9f648 100755 --- a/css/_toc.css +++ b/css/_toc.css @@ -9,14 +9,18 @@ /* toc container */ .dokuwiki div.toc { float: right; - margin: 0 0 1.4em 1.4em; - width: 12em; + margin: -0.3em 0 .5em 1.4em; + /* @todo: possible to make calculation sort of automatic? */ + width: 200px; /* __sidebar_width__ - margin-left */ + margin-left: 20px; + /*width: 12em;*/ + font-size: 0.75em; } /*____________ toc header ____________*/ .dokuwiki div.tocheader { - padding: .2em .5em; + padding: 0.5em 1em; margin-bottom: .2em; font-weight: bold; background-color: __background_alt__; @@ -47,16 +51,16 @@ /*____________ toc list ____________*/ .dokuwiki #toc__inside { - padding: .2em .5em; + padding: 0.75em 1em 1.5em; background-color: __background_alt__; color: __text__; } .dokuwiki #toc__inside ul { - padding: 0; + padding: 0 0 0 1.5em; margin: 0; } .dokuwiki #toc__inside ul li { - list-style: none; + list-style: disc; padding: 0; margin: 0; } diff --git a/css/basic.css b/css/basic.css index ef209d54a..fc0b99efc 100755 --- a/css/basic.css +++ b/css/basic.css @@ -19,7 +19,7 @@ html, body { padding: 0; } body { - font: normal 100%/1.4 Frutiger, "Frutiger Linotype", Univers, Calibri, Myriad, "Liberation Sans", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; + font: normal 87.5%/1.4 Arial, sans-serif; /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ } @@ -28,15 +28,22 @@ body { h1, h2, h3, h4, h5, h6, caption, legend { - font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, serif; - font-weight: bold; - color: __text_neu__; + font-family: Arial, sans-serif; + font-weight: normal; + color: #000;/* @todo: style.ini */ background-color: inherit; padding: 0; clear: left; /* ideally 'both', but problems with toc */ } -h1 { font-size: 2.25em; margin: 0 0 0.444em; } +h1 { + font-size: 2em; + margin: 0 0 0.444em; + letter-spacing: -0.035em; + /*2 lines below makes ascenders of h1 be at the top of block*/ + line-height: 0.75; + padding-bottom: 0.3em; +} 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; } @@ -243,6 +250,34 @@ input[readonly], button[readonly] { optgroup { font-style: italic; font-weight: bold; } option { font-style: normal; font-weight: normal; } +/* @todo: either make input.edit and buttons more generic or put into design.css */ +.dokuwiki input.edit { + border: 1px solid __border__; + padding: 0.41em 0; + -moz-box-shadow: inset 0 0 1px __background_alt__; + -webkit-box-shadow: inset 0 0 1px __background_alt__; + box-shadow: inset 0 0 1px __background_alt__; + border-radius: 2px; + vertical-align: middle; +} +.dokuwiki input.button, +.dokuwiki button.button, +.dokuwiki div.toolbar button.toolbutton { + /* @todo: make style.ini colours any sense here? */ + vertical-align: middle; + color: inherit; + background-color: #eee; + background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#f4f4f4), color-stop(99%,#eeeeee), color-stop(99%,#cccccc)); + background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); + background: linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + border: 1px solid #ccc; + border-radius: 2px; +} + /*____________ general classes ____________*/ diff --git a/css/content.css b/css/content.css index 57c313d6c..60b1d6771 100755 --- a/css/content.css +++ b/css/content.css @@ -3,6 +3,7 @@ * * @author Anika Henke * @author Andreas Gohr + * @author Clarence Lee */ @@ -35,14 +36,15 @@ .dokuwiki table.inline { min-width: 50%; + border-width: 0; } .dokuwiki table.inline th, .dokuwiki table.inline td { - border: 1px solid __text_alt__; + border: 1px solid __border__; } .dokuwiki table.inline th { color: inherit; - background-color: __background_neu__; + background-color: __background_alt__; } .dokuwiki table.inline td { } @@ -70,7 +72,7 @@ } .dokuwiki pre { border: 1px solid __border__; - padding: 0 .2em; + padding: .75em 1em; } /* for code in */ .dokuwiki pre.file { @@ -84,19 +86,28 @@ .dokuwiki dl.code dt, .dokuwiki dl.file dt { background-color: __background_alt__; - border: solid __border__; - border-width: 1px 1px 0; + /* @todo: add gradients for other browsers */ + background: -webkit-linear-gradient(top, __background__ 0%, __background_alt__ 100%); color: inherit; - display: inline; - padding: 0 .5em; - margin-left: 1em; + border: 1px solid __border__; + border-bottom-color: __background_alt__; + border-top-left-radius: .3em; + border-top-right-radius: .3em; + padding: .3em .6em .1em; + margin-bottom: -1px; + float: left; } .dokuwiki dl.code dt a, .dokuwiki dl.file dt a { + background-color: transparent; + /* @todo: those 19px should better be in exe/css.php for all media icons */ + padding: 0.2em 0 0.1em 19px; + font-size: 0.875em; + font-weight: normal; } - .dokuwiki dl.code dd, .dokuwiki dl.file dd { margin: 0; + clear: left; } diff --git a/css/default.css b/css/default.css index 005a77918..8d42d733b 100644 --- a/css/default.css +++ b/css/default.css @@ -1,132 +1,16 @@ -body{ - font: 0.875em/1.4 'Arial', sans-serif; -} - -h1, h2, h3, h4, h5{ - font-family: 'Arial', sans-serif; - font-weight: normal; - color: black; -} - -h1{ - font-size: 2em; - letter-spacing: -0.035em; -} - -h1{ - /*2 lines below makes ascenders of h1 be at the top of block*/ - line-height: 0.75em; - padding-bottom: 0.3em; -} -table{ - border: none; -} +/*____________ basic ____________*/ a:link{ color: #06d; } - a:visited{ color: #2E5E94; border-bottom: 1px dotted #09d; } -.button{ - background-color: #eee; - background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#f4f4f4), color-stop(99%,#eeeeee), color-stop(99%,#cccccc)); - background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); - background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); - background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); - background: linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); - border: 1px solid #ccc; -} - -.dokuwiki pre{ - padding: 0.75em 1em; -} - -#dokuwiki__site{ - max-width: 1024px; - padding: 1.4em 20px; /* don't like mixing units, but with max-width set in px, I don't have another solution? */ -} - -#dokuwiki__header{ - padding-top: 2em; - padding-bottom: 2em; - background: #eee; -} - -#dokuwiki__header #dokuwiki__sitetools, -#dokuwiki__header .headings{ - z-index: 12; - position: relative; -} - -.header_background{ - background: #eee; - background: -webkit-linear-gradient(top, #eeeeee 98%,#dfdfdf 100%); - position: absolute; - top: 0; - height: 165px; - width: 100%; - z-index: 1; -} - -#dokuwiki__header .tools{ - text-align: left; -} - -#dokuwiki__header .tools, -#dokuwiki__header .headings{ - margin-bottom: 1em; -} - -#dokuwiki__header h1 a{ - font-size: 1.5em; - font-weight: bold; - text-shadow: 1px 1px 0px #fff; -} - -#dokuwiki__header h1 a{ - color: black; -} - -#dokuwiki__header .claim{ - color: #888; - font-style: italic; - font-size: 0.875em; -} - -#dokuwiki__header form.search{ - margin-top: 0; - font-size: 0.875em; -} -.wrapper{ - padding-top: 30px; -} - -.wrapper div.breadcrumbs{ - /*border: 1px solid #ccc;*/ - border-left: 0; - border-right: 0; - border-bottom: 0; - padding: 0.2em 0 0.75em 0; - margin-bottom: 0.6em; - font-size: 0.875em; -} - -div.breadcrumbs .bcsep{ - font-size: 0.75em; -} - -.mode_show #dokuwiki__content{ - float: right; - width: 99%; /* 99% of what? */ -} +/*____________ content ____________*/ .mode_show #dokuwiki__content h1{ line-height: 1.175em; @@ -134,9 +18,8 @@ div.breadcrumbs .bcsep{ .mode_show #dokuwiki__aside{ /*border-top: 1px solid #ccc;*/ - float: left; - width: 220px; font-size: 0.87em; + /* @todo: is 1.5 intentional? shouldn't it be less? */ line-height: 1.5; } @@ -150,208 +33,17 @@ div.breadcrumbs .bcsep{ } -#dokuwiki__usertools, -#dokuwiki__pagetools{ - padding: 10px; - padding-left: 0; - padding-right: 0; - background: #eee; - border: none; -} +/*____________ _edit ____________*/ -#dokuwiki__usertools{ - padding: 0; - z-index: 11; - background: transparent; +.dokuwiki .secedit { + float: none; + margin: 0 0 1.4em 0; + text-align: right; } - -#dokuwiki__usertools .inner{ - margin: 0 auto; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - background: #ffffff; - background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); - background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); - background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); - background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); - background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); - width: 1004px; - padding: 10px; - border: 1px solid #ddd; - border-top: none; +.dokuwiki div.secedit { } - -.wrapper #dokuwiki__pagetools ul, /* making a mess :P */ -.tools #dokuwiki__usertools ul{ - padding: 0 20px; +.dokuwiki .secedit input.button { + padding: 0.5em 0.9em; + color: #555; } -#dokuwiki__pagetools{ - background: #dbdfe0; - background: -moz-linear-gradient(top, #dbdfe0 0%, #eaeaea 12%, #edf1f2 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdfe0), color-stop(12%,#eaeaea), color-stop(100%,#edf1f2)); - background: -webkit-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); - background: -o-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); - background: -ms-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdfe0', endColorstr='#edf1f2',GradientType=0 ); - background: linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); -} - -#dokuwiki__sitetools{ - width: 220px; -} - -#dokuwiki__sitetools ul, -#dokuwiki__usertools ul, -#dokuwiki__pagetools ul{ - max-width: 1004px; - font-size: 0.875em; - padding-left: 0; -} - -#dokuwiki__sitetools li, -#dokuwiki__usertools li, -#dokuwiki__pagetools li{ - margin-left: 1em; -} - -#dokuwiki__sitetools ul{ - margin-top: 0.5em; -} - -#dokuwiki__header form.search #qsearch__in{ - border: 1px solid #ccc; - border-right: none; - padding: 0.41em 0; - margin-right: 0; - -webkit-border-bottom-left-radius: 2px; - -webkit-border-top-left-radius: 2px; - -moz-border-radius-bottomleft: 2px; - -moz-border-radius-topleft: 2px; - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - -moz-box-shadow:inset 0 0 1px #eee; - -webkit-box-shadow:inset 0 0 1px #eee; - box-shadow:inset 0 0 1px #eee; -} - -#dokuwiki__header #dokuwiki__sitetools ul, -#dokuwiki__header form.search{ - text-align: right; -} - -#dokuwiki__sitetools .button{ - border: 1px solid #ddd; - -webkit-border-bottom-right-radius: 2px; - -webkit-border-top-right-radius: 2px; - -moz-border-radius-bottomright: 2px; - -moz-border-radius-topright: 2px; - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; - padding: 0.5em 0.75em; -} - -#dokuwiki__pagetools a, -#dokuwiki__usertools a{ -} - -#dokuwiki__pagetools a.wikilink1, -#dokuwiki__pagetools a.wikilink2, -#dokuwiki__usertools a.wikilink1, -#dokuwiki__usertools a.wikilink2{ - color: #06d; -} - -.dokuwiki div.toc{ - font-size: 0.75em; - line-height: 1.4em; - width: 200px; - margin-bottom: 0.5em; - margin-left: 20px; - margin-top: -0.3em; -} - -.dokuwiki div.tocheader{ - padding: 0.5em 1em; -} - -.dokuwiki #toc__inside{ - padding: 0.75em 1em 1.5em; -} - -.dokuwiki #toc__inside ul li{ - list-style: disc; - margin-left: 1.5em; -} - -.dokuwiki .secedit{ - float: none; - margin: 0 0 1.4em 0; - text-align: right; -} - -.dokuwiki div.secedit{ -} - -.dokuwiki .secedit input.button{ - -webkit-border-bottom-right-radius: 4px; - -webkit-border-bottom-left-radius: 4px; - -moz-border-radius-bottomright: 4px; - -moz-border-radius-bottomleft: 4px; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-radius: 2px; - padding: 0.5em 0.9em; - color: #555; -} - -.dokuwiki dl.code dt, .dokuwiki dl.file dt{ - padding: 5px 8px 2px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-bottom: 1px dashed #ccc; - background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); - margin-left: 0; -} - -.dokuwiki dl.code dt, .dokuwiki dl.file dt a{ - background-color: transparent; - padding: 0.2em 0 0.1em 1.6em; - font-size: 0.875em; - font-weight: normal; -} - -.dokuwiki table.inline th, .dokuwiki table.inline td{ - border: 1px solid #ccc; -} - -.dokuwiki table.inline th{ - background: #eee; -} - -.dokuwiki div.toolbar button.toolbutton{ - background: none; - background-color: #eee; - background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#f4f4f4), color-stop(99%,#eeeeee), color-stop(99%,#cccccc)); - background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); - background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); - background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); - background: linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); - border: 1px solid #ccc; - border-right: none; -} - -.dokuwiki div.toolbar button.toolbutton:first-child{ - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.dokuwiki div.toolbar button.toolbutton:last-child{ - border-left: 1px solid #eee; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} diff --git a/css/design.css b/css/design.css index cfed4f078..751631afc 100755 --- a/css/design.css +++ b/css/design.css @@ -4,6 +4,7 @@ * * @author Anika Henke * @author Andreas Gohr + * @author Clarence Lee */ @@ -11,34 +12,42 @@ ********************************************************************/ #dokuwiki__header { - margin: 1em 0 0; + padding: 4em 0 2em; + background-color: __background_alt__; + /* @todo: add gradients for other browsers */ + background: -webkit-linear-gradient(top, __background_alt__ 98%, __background_neu__ 100%); } #IE7 #dokuwiki__header { - margin-top: 2em; +} +#dokuwiki__header .pad { + padding: 0 1em; /* @pad */ } #dokuwiki__header .headings { - margin-bottom: 2.1em; + margin-bottom: 1em; } #dokuwiki__header h1 { margin-bottom: 0; - font-size: 1.5em; + font-size: 2.25em; + font-weight: bold; + text-shadow: 1px 1px 0px #fff; } #dokuwiki__header h1 a { text-decoration: none; - color: #00c; + /* @todo: style.ini */ + color: #000; background-color: inherit; } #dokuwiki__header p.claim { margin-bottom: 0; -} -#dokuwiki__header h2 { - margin-bottom: 0; - font-size: 1.125em; + /* @todo: style.ini */ + color: #888; + font-style: italic; + font-size: 0.875em; } #dokuwiki__header .tools { - margin-bottom: 2.1em; + margin-bottom: 1em; } #dokuwiki__header .tools ul { margin-bottom: 0; @@ -47,44 +56,10 @@ display: inline; } -#dokuwiki__header form.search { - margin: .5em 0 0; - display: block; -} -#dokuwiki__header form.search #qsearch__in { - width: 12em; - margin-right: .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, @@ -98,29 +73,62 @@ font-weight: bold; } +#dokuwiki__usertools ul, +#dokuwiki__sitetools ul, +#dokuwiki__pagetools ul { + padding-left: 0; +} +#dokuwiki__usertools ul li, +#dokuwiki__sitetools ul li, +#dokuwiki__pagetools ul li { + font-size: 0.875em; + margin-left: 1em; +} +#dokuwiki__usertools ul li, +#dokuwiki__pagetools ul li { + margin-top: .7em; + margin-bottom: .7em; + float: left; + list-style: none; +} + /*____________ user tools ____________*/ #dokuwiki__usertools { position: absolute; top: 0; - right: 0; - border-bottom: 1px solid __border__; - background-color: __background_alt__; + left: 0; + text-align: left; width: 100%; } -#dokuwiki__usertools ul, -#dokuwiki__pagetools ul { - /* imitate #dokuwiki__site */ +#dokuwiki__usertools ul { + /* @todo: style.ini colours for gradients? */ + background-color: __background__; + background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); + background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); + background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); + background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); + background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); + border: solid __background_neu__; + border-width: 0 1px 1px; + border-bottom-left-radius: .3em; + border-bottom-right-radius: .3em; margin: 0 auto; - max-width: 64em; - padding: 0 1em; + padding: 0; + max-width: __site_width__; + overflow: hidden; } #IE6 #dokuwiki__usertools ul { width: 100%; } -#dokuwiki__usertools ul li.user { +#dokuwiki__usertools ul li { + margin: .7em 0 .7em 1em; float: left; - margin-left: 0; + list-style: none; +} +#dokuwiki__usertools ul li.user { } /*____________ page tools ____________*/ @@ -129,32 +137,68 @@ position: fixed; bottom: 0; left: 0; - border-top: 1px solid __border__; - background-color: __background_alt__; width: 100%; z-index: 10; + background: #dbdfe0; + background: -moz-linear-gradient(top, #dbdfe0 0%, #eaeaea 12%, #edf1f2 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdfe0), color-stop(12%,#eaeaea), color-stop(100%,#edf1f2)); + background: -webkit-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); + background: -o-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); + background: -ms-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdfe0', endColorstr='#edf1f2',GradientType=0 ); + background: linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); } #IE6 #dokuwiki__content { margin-bottom: 1.4em; } -#dokuwiki__pagetools ul li { - display: inline; - margin: 0 1.5em 0 0; +#dokuwiki__pagetools ul { + margin: 0 auto; + max-width: __site_width__; + padding: 0 1em; /* @pad */ } -#dokuwiki__pagetools ul li a.action.top { - float: right; +#dokuwiki__pagetools ul li { + margin: .7em 1em .7em 0; } -#IE6 #dokuwiki__pagetools ul, -#IE7 #dokuwiki__pagetools ul { +#dokuwiki__pagetools ul { position: relative; } -#IE6 #dokuwiki__pagetools ul li a.action.top, -#IE7 #dokuwiki__pagetools ul li a.action.top { +#dokuwiki__pagetools ul li a.action.top { position: absolute; - top: 0; + top: .7em; right: 0; } +/*____________ site tools ____________*/ + +#dokuwiki__sitetools { + /* @todo: is the width still needed? */ + width: __sidebar_width__; + text-align: right; +} + +#dokuwiki__sitetools form.search { + display: block; + font-size: 0.875em; +} +#dokuwiki__sitetools form.search input.edit { + /* @todo: em doesn't fit with px value for sitetools div */ + width: 12em; + border-right: none; + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +#dokuwiki__sitetools form.search input.button { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + padding: 0.5em 0.75em; +} + +#dokuwiki__sitetools ul { + margin-top: 0.5em; +} +#dokuwiki__sitetools li { +} + /* sidebar ********************************************************************/ @@ -192,6 +236,23 @@ .dokuwiki .page { } +/*____________ breadcrumbs ____________*/ + +.dokuwiki div.breadcrumbs { + /*border-top: 1px solid #ccc;*/ + padding: 0.2em 0 0.75em 0; + margin-bottom: 0.6em; + font-size: 0.875em; +} +.dokuwiki div.breadcrumbs a { + /* @todo: wiki page colour or external link colour? */ + color: __existing__; + background-color: inherit; +} +.dokuwiki div.breadcrumbs .bcsep { + font-size: 0.75em; +} + /*____________ misc ____________*/ /* license note in footer and under edit window */ @@ -204,6 +265,20 @@ line-height: 1.4; } +.dokuwiki div.toolbar button.toolbutton { + border-radius: 0; + border-right-width: 0; +} +.dokuwiki div.toolbar button.toolbutton:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.dokuwiki div.toolbar button.toolbutton:last-child { + border-right-width: 1px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + /*____________ JS popup ____________*/ .JSpopup { diff --git a/css/structure.css b/css/structure.css index 14490a0b0..638d882b4 100755 --- a/css/structure.css +++ b/css/structure.css @@ -8,16 +8,16 @@ body { margin: 0 auto; } #dokuwiki__site { - margin: 0 auto; - max-width: 64em; - padding: 1.4em 1em; } #dokuwiki__site .site { } #dokuwiki__header { + width: 100%; } #dokuwiki__header .pad { + margin: 0 auto; + max-width: __site_width__; } #dokuwiki__header .headings { float: left; @@ -35,6 +35,9 @@ body { #dokuwiki__site .wrapper { position: relative; + margin: 0 auto; + max-width: __site_width__; + padding: 1.4em 1em; /* @pad */ } #IE6 #dokuwiki__site .wrapper, #IE7 #dokuwiki__site .wrapper { @@ -67,6 +70,9 @@ body { #dokuwiki__footer { clear: both; + margin: 0 auto; + max-width: __site_width__; + padding: 0 1em 2.4em; /* @pad */ } #dokuwiki__footer .pad { } diff --git a/main.php b/main.php index 428a2f122..e0f03d7d5 100755 --- a/main.php +++ b/main.php @@ -56,23 +56,21 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
    -
    -

    -
      - would be: tpl_action('edit',0,'li') */ - if ($_SERVER['REMOTE_USER']) { - echo '
    • '; - tpl_userinfo(); /* 'Logged in as ...' */ - echo '
    • '; - } - tpl_action('admin', 1, 'li'); - tpl_action('profile', 1, 'li'); - tpl_action('register', 1, 'li'); - tpl_action('login', 1, 'li'); - ?> -
    -
    +

    +
      + would be: tpl_action('edit',0,'li') */ + if ($_SERVER['REMOTE_USER']) { + echo '
    • '; + tpl_userinfo(); /* 'Logged in as ...' */ + echo '
    • '; + } + tpl_action('admin', 1, 'li'); + tpl_action('profile', 1, 'li'); + tpl_action('register', 1, 'li'); + tpl_action('login', 1, 'li'); + ?> +
    @@ -89,7 +87,6 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
-

@@ -161,6 +158,5 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
-
diff --git a/style.ini b/style.ini index 426fd9be4..0eeaf15d3 100755 --- a/style.ini +++ b/style.ini @@ -62,4 +62,8 @@ __missing__ = "#f30" __highlight__ = "#ff9" ; sidebar width -__sidebar_width__ = "16em" +; @todo: width in em or px? +;__site_width__ = "64em" +__site_width__ = "1000px" +;__sidebar_width__ = "16em" +__sidebar_width__ = "220px" -- cgit v1.2.3 From 1c2583d6e97f3220db6eb34b0cd5243369b5d41b Mon Sep 17 00:00:00 2001 From: Clarence Lee Date: Mon, 29 Aug 2011 16:45:15 +0100 Subject: small changes to the header --- css/default.css | 60 ++++++++++++++++++++++++++++++++++++++++++++------------- todo.txt | 20 +++++++++++++++++++ 2 files changed, 67 insertions(+), 13 deletions(-) create mode 100644 todo.txt diff --git a/css/default.css b/css/default.css index 005a77918..69bc59b26 100644 --- a/css/default.css +++ b/css/default.css @@ -1,5 +1,5 @@ body{ - font: 0.875em/1.4 'Arial', sans-serif; + font: 0.875em/1.45 'Arial', sans-serif; } h1, h2, h3, h4, h5{ @@ -54,9 +54,8 @@ a:visited{ } #dokuwiki__header{ - padding-top: 2em; - padding-bottom: 2em; - background: #eee; + padding-top: 1em; + padding-bottom: 1.4em; } #dokuwiki__header #dokuwiki__sitetools, @@ -67,10 +66,10 @@ a:visited{ .header_background{ background: #eee; - background: -webkit-linear-gradient(top, #eeeeee 98%,#dfdfdf 100%); + //background: #85AAE2; position: absolute; top: 0; - height: 165px; + height: 145px; width: 100%; z-index: 1; } @@ -85,7 +84,7 @@ a:visited{ } #dokuwiki__header h1 a{ - font-size: 1.5em; + font-size: 1.25em; font-weight: bold; text-shadow: 1px 1px 0px #fff; } @@ -114,8 +113,8 @@ a:visited{ border-left: 0; border-right: 0; border-bottom: 0; - padding: 0.2em 0 0.75em 0; - margin-bottom: 0.6em; + padding: 0.2em 0 0 0; + margin-bottom: 0.2em; font-size: 0.875em; } @@ -145,7 +144,7 @@ div.breadcrumbs .bcsep{ margin-top: 1.25em; } -.mode_show #dokuwiki__aside h1.sectionedit1{ +.mode_show #dokuwiki__aside h1:first-child{ margin-top: 0; } @@ -167,6 +166,10 @@ div.breadcrumbs .bcsep{ #dokuwiki__usertools .inner{ margin: 0 auto; + width: 1024px; +} + +#dokuwiki__usertools .inner ul{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #ffffff; @@ -177,10 +180,9 @@ div.breadcrumbs .bcsep{ background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); - width: 1004px; - padding: 10px; border: 1px solid #ddd; border-top: none; + padding: 0.5em 1em !important; } .wrapper #dokuwiki__pagetools ul, /* making a mess :P */ @@ -188,6 +190,11 @@ div.breadcrumbs .bcsep{ padding: 0 20px; } +.wrapper #dokuwiki__pagetools ul li:first-child{ + margin-left: 224px; +} + + #dokuwiki__pagetools{ background: #dbdfe0; background: -moz-linear-gradient(top, #dbdfe0 0%, #eaeaea 12%, #edf1f2 100%); @@ -275,10 +282,27 @@ div.breadcrumbs .bcsep{ .dokuwiki div.tocheader{ padding: 0.5em 1em; + background-color: #eee; + /* + background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#f4f4f4), color-stop(99%,#eeeeee), color-stop(99%,#cccccc)); + background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); + background: linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + */ + border-bottom: 1px solid #fff; + border-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + margin-bottom:0; } .dokuwiki #toc__inside{ padding: 0.75em 1em 1.5em; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } .dokuwiki #toc__inside ul li{ @@ -288,7 +312,7 @@ div.breadcrumbs .bcsep{ .dokuwiki .secedit{ float: none; - margin: 0 0 1.4em 0; + margin: 0 ; text-align: right; } @@ -355,3 +379,13 @@ div.breadcrumbs .bcsep{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + +#dokuwiki__usertools .inner ul{ + padding-left: 0; +} + +#dokuwiki__usertools .inner li{ + margin-left: 0; + margin-right: 1em; +} + diff --git a/todo.txt b/todo.txt new file mode 100644 index 000000000..19cf05615 --- /dev/null +++ b/todo.txt @@ -0,0 +1,20 @@ + + +------------- +Look at next: + +icons (start with the usertools? Decide where icons are needed) +footnotes +[[page name]] +breadcrumb +trace +Too much white/gray space +remove dashed line under downloadable +* alignment of usertools looks weird +check out old default and consider edit-page menu +TOC looks unstyled, too much indentation + +------------ +Anika todo: + +fix usertools not shrinking to viewport \ No newline at end of file -- cgit v1.2.3 From cc6b3a7efece479030d7e595125d4e3b9732e074 Mon Sep 17 00:00:00 2001 From: Clarence Lee Date: Mon, 29 Aug 2011 18:25:13 +0100 Subject: emphasize the page_id --- designs/edit_highlighting.psd | Bin 1952650 -> 3735833 bytes designs/edit_hightlight+toc.png | Bin 237593 -> 232650 bytes todo.txt | 7 ++++--- 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/designs/edit_highlighting.psd b/designs/edit_highlighting.psd index 056bcbed9..92dab6575 100644 Binary files a/designs/edit_highlighting.psd and b/designs/edit_highlighting.psd differ diff --git a/designs/edit_hightlight+toc.png b/designs/edit_hightlight+toc.png index e8e16088f..82fb35fda 100644 Binary files a/designs/edit_hightlight+toc.png and b/designs/edit_hightlight+toc.png differ diff --git a/todo.txt b/todo.txt index 3ba7f75e4..0439d0da1 100644 --- a/todo.txt +++ b/todo.txt @@ -5,14 +5,15 @@ Look at next: icons (start with the usertools? Decide where icons are needed) footnotes -* [[page name]] breadcrumb trace +check out old default and consider edit-page menu +* TOC looks unstyled, too much indentation * Too much white/gray space * remove dashed line under downloadable * alignment of usertools looks weird -check out old default and consider edit-page menu -* TOC looks unstyled, too much indentation +* [[page name]] + ------------ Anika todo: -- cgit v1.2.3 From 9689ea45254e5216a34ad622c214c59e4ebb7f94 Mon Sep 17 00:00:00 2001 From: Clarence Lee Date: Mon, 29 Aug 2011 19:10:08 +0100 Subject: added attempted headers --- designs/blue.jpg | Bin 0 -> 73564 bytes designs/centered.jpg | Bin 0 -> 80147 bytes designs/dark_tools.jpg | Bin 0 -> 74213 bytes designs/too_print.jpg | Bin 0 -> 76596 bytes 4 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 designs/blue.jpg create mode 100644 designs/centered.jpg create mode 100644 designs/dark_tools.jpg create mode 100644 designs/too_print.jpg diff --git a/designs/blue.jpg b/designs/blue.jpg new file mode 100644 index 000000000..ea210de72 Binary files /dev/null and b/designs/blue.jpg differ diff --git a/designs/centered.jpg b/designs/centered.jpg new file mode 100644 index 000000000..465ee97df Binary files /dev/null and b/designs/centered.jpg differ diff --git a/designs/dark_tools.jpg b/designs/dark_tools.jpg new file mode 100644 index 000000000..c7c5181a1 Binary files /dev/null and b/designs/dark_tools.jpg differ diff --git a/designs/too_print.jpg b/designs/too_print.jpg new file mode 100644 index 000000000..7114286f2 Binary files /dev/null and b/designs/too_print.jpg differ -- cgit v1.2.3 From b3ffe8d9770dc74bb85f6a198e74486faebf394e Mon Sep 17 00:00:00 2001 From: Clarence Lee Date: Mon, 29 Aug 2011 19:35:07 +0100 Subject: baseline of aside matching content mockup --- designs/baseline_match_sidebar_approximate.png | Bin 0 -> 229283 bytes designs/edit_highlighting.psd | Bin 3735833 -> 3803290 bytes 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 designs/baseline_match_sidebar_approximate.png diff --git a/designs/baseline_match_sidebar_approximate.png b/designs/baseline_match_sidebar_approximate.png new file mode 100644 index 000000000..931ef5482 Binary files /dev/null and b/designs/baseline_match_sidebar_approximate.png differ diff --git a/designs/edit_highlighting.psd b/designs/edit_highlighting.psd index 92dab6575..8cb215d1c 100644 Binary files a/designs/edit_highlighting.psd and b/designs/edit_highlighting.psd differ -- cgit v1.2.3 From 7a88471ed974a33f2790d26b8b76fe2037bba7c6 Mon Sep 17 00:00:00 2001 From: Clarence Lee Date: Mon, 29 Aug 2011 20:04:20 +0100 Subject: align pagetools with content, include splitbrain feedback --- designs/align_page_tools_to_content.png | Bin 0 -> 229747 bytes designs/feedback_splitbrain.png | Bin 0 -> 83214 bytes 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 designs/align_page_tools_to_content.png create mode 100644 designs/feedback_splitbrain.png diff --git a/designs/align_page_tools_to_content.png b/designs/align_page_tools_to_content.png new file mode 100644 index 000000000..0ba3de2b9 Binary files /dev/null and b/designs/align_page_tools_to_content.png differ diff --git a/designs/feedback_splitbrain.png b/designs/feedback_splitbrain.png new file mode 100644 index 000000000..e5f023591 Binary files /dev/null and b/designs/feedback_splitbrain.png differ -- cgit v1.2.3 From 719043891cd939e6476ce100b13e1871367e01b7 Mon Sep 17 00:00:00 2001 From: Clarence Lee Date: Mon, 29 Aug 2011 20:05:32 +0100 Subject: align pagetools with center --- designs/align_page_tools_to_center.png | Bin 0 -> 230029 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 designs/align_page_tools_to_center.png diff --git a/designs/align_page_tools_to_center.png b/designs/align_page_tools_to_center.png new file mode 100644 index 000000000..3980f7c8b Binary files /dev/null and b/designs/align_page_tools_to_center.png differ -- cgit v1.2.3 From af2e65f05f3e88d90a3df4afed13953ceb268f96 Mon Sep 17 00:00:00 2001 From: Clarence Lee Date: Mon, 29 Aug 2011 20:12:08 +0100 Subject: rearrange pagetools with edit in center --- designs/align_edit_of_page_tools_to_center.png | Bin 0 -> 230167 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 designs/align_edit_of_page_tools_to_center.png diff --git a/designs/align_edit_of_page_tools_to_center.png b/designs/align_edit_of_page_tools_to_center.png new file mode 100644 index 000000000..a1c4a9b25 Binary files /dev/null and b/designs/align_edit_of_page_tools_to_center.png differ -- cgit v1.2.3 From 75d210e85dbcff0a6563cb2e31e8c41260f3f7a8 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Mon, 3 Oct 2011 12:19:27 +0100 Subject: main changes for new design --- css/_toc.css | 16 +- css/basic.css | 22 ++- css/default.css | 71 --------- css/design.css | 260 ++++++++++++++++++------------- css/structure.css | 22 +-- images/pagetools/arrow_redo.png | Bin 0 -> 625 bytes images/pagetools/arrow_up.png | Bin 0 -> 372 bytes images/pagetools/email_star.png | Bin 0 -> 739 bytes images/pagetools/inbox-document-text.png | Bin 0 -> 665 bytes images/pagetools/page.png | Bin 0 -> 635 bytes images/pagetools/page_code.png | Bin 0 -> 818 bytes images/pagetools/pencil.png | Bin 0 -> 450 bytes images/pagetools/time.png | Bin 0 -> 793 bytes images/search.png | Bin 0 -> 461 bytes main.php | 56 +++---- style.ini | 11 +- 16 files changed, 222 insertions(+), 236 deletions(-) delete mode 100644 css/default.css create mode 100644 images/pagetools/arrow_redo.png create mode 100644 images/pagetools/arrow_up.png create mode 100644 images/pagetools/email_star.png create mode 100644 images/pagetools/inbox-document-text.png create mode 100644 images/pagetools/page.png create mode 100644 images/pagetools/page_code.png create mode 100644 images/pagetools/pencil.png create mode 100644 images/pagetools/time.png create mode 100644 images/search.png diff --git a/css/_toc.css b/css/_toc.css index 5bff9f648..0213a1829 100755 --- a/css/_toc.css +++ b/css/_toc.css @@ -9,12 +9,12 @@ /* toc container */ .dokuwiki div.toc { float: right; - margin: -0.3em 0 .5em 1.4em; + margin: -2em -2em .5em 1.4em; /* @todo: possible to make calculation sort of automatic? */ - width: 200px; /* __sidebar_width__ - margin-left */ - margin-left: 20px; - /*width: 12em;*/ - font-size: 0.75em; + /*width: 200px; __sidebar_width__ - margin-left */ + width: __sidebar_width__; + font-size: 0.9em; + border-left: 1px solid __border__; } /*____________ toc header ____________*/ @@ -23,14 +23,16 @@ padding: 0.5em 1em; margin-bottom: .2em; font-weight: bold; + /* background-color: __background_alt__; color: __text__; + */ } /* css arrow */ .dokuwiki .toc span.toc_open, .dokuwiki .toc span.toc_close { - border: .4em solid __background_alt__; + border: .4em solid __background__; float: right; display: block; margin: 0 .2em 0 0; @@ -52,8 +54,10 @@ .dokuwiki #toc__inside { padding: 0.75em 1em 1.5em; + /* background-color: __background_alt__; color: __text__; + */ } .dokuwiki #toc__inside ul { padding: 0 0 0 1.5em; diff --git a/css/basic.css b/css/basic.css index fc0b99efc..3c7e6dc74 100755 --- a/css/basic.css +++ b/css/basic.css @@ -13,7 +13,16 @@ html { overflow-y: scroll; } html, body { - background-color: __background__; + background-color: #fbfaf9; + background: -moz-linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); + /* do we want to support old browsers? + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(1em,#eee), color-stop(4em,#fbfaf9)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#fbfaf9',GradientType=0 ); + */ + background: -webkit-linear-gradient(top, #ddd 0%, #eee 1em, #fbfaf9 4em); + background: -o-linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); + background: -ms-linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); + background: linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); color: __text__; margin: 0; padding: 0; @@ -135,7 +144,7 @@ a { } a:link, a:visited { text-decoration: none; - color: #00c; /* §colour */ + color: __link__; /* §colour */ } a:link:hover, a:visited:hover, a:link:focus, a:visited:focus, @@ -161,11 +170,12 @@ img { } hr { - border-style: solid; - border-width: 1px 0 0; - text-align: center; + border-top: solid #ccc; + border-bottom: solid #fff; + border-width: 1px 0; height: 0; width: 100%; + text-align: center; clear: both; } @@ -253,7 +263,7 @@ option { font-style: normal; font-weight: normal; } /* @todo: either make input.edit and buttons more generic or put into design.css */ .dokuwiki input.edit { border: 1px solid __border__; - padding: 0.41em 0; + padding: 0.35em .1em; -moz-box-shadow: inset 0 0 1px __background_alt__; -webkit-box-shadow: inset 0 0 1px __background_alt__; box-shadow: inset 0 0 1px __background_alt__; diff --git a/css/default.css b/css/default.css deleted file mode 100644 index f402cbdde..000000000 --- a/css/default.css +++ /dev/null @@ -1,71 +0,0 @@ -#dokuwiki__header h1 a{ - font-size: 24px; -} - -#dokuwiki__header{ - padding-top: 3.5em; - padding-bottom: 1em; -} - -#page_id{ - font-size: 0.875em; - padding-bottom: 1em; - color: #888; -} - -.breadcrumbs{ - margin-bottom: 0 !important; - padding-bottom: 0 !important; - color: #888; -} - -#dokuwiki__content .page{ - position: relative; -} - -/*____________ basic ____________*/ - -a:link{ - color: #06d; -} -a:visited{ - color: #2E5E94; - border-bottom: 1px dotted #09d; -} - -/*____________ content ____________*/ - -.mode_show #dokuwiki__content h1{ - line-height: 1.175em; -} - -.mode_show #dokuwiki__aside{ - /*border-top: 1px solid #ccc;*/ - font-size: 0.87em; - /* @todo: is 1.5 intentional? shouldn't it be less? */ - line-height: 1.5; -} - -.mode_show #dokuwiki__aside h1{ - font-size: 1.25em; - margin-top: 1.25em; -} - -.mode_show #dokuwiki__aside h1:first-child{ - margin-top: 0; -} - - -/*____________ _edit ____________*/ - -.dokuwiki .secedit { - float: none; - margin: -1em 0 1.4em 0; - text-align: right; -} -.dokuwiki div.secedit { -} -.dokuwiki .secedit input.button { - padding: 0.5em 0.9em; - color: #555; -} diff --git a/css/design.css b/css/design.css index 751631afc..f1285aae9 100755 --- a/css/design.css +++ b/css/design.css @@ -7,30 +7,23 @@ * @author Clarence Lee */ - /* header ********************************************************************/ #dokuwiki__header { - padding: 4em 0 2em; - background-color: __background_alt__; - /* @todo: add gradients for other browsers */ - background: -webkit-linear-gradient(top, __background_alt__ 98%, __background_neu__ 100%); -} -#IE7 #dokuwiki__header { -} -#dokuwiki__header .pad { - padding: 0 1em; /* @pad */ + padding: 2em 0; } -#dokuwiki__header .headings { +#dokuwiki__header .headings, +#dokuwiki__header .tools { margin-bottom: 1em; } #dokuwiki__header h1 { margin-bottom: 0; - font-size: 2.25em; - font-weight: bold; + font-size: 1.5em; + /* text-shadow: 1px 1px 0px #fff; + */ } #dokuwiki__header h1 a { text-decoration: none; @@ -38,22 +31,18 @@ color: #000; 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; - /* @todo: style.ini */ - color: #888; - font-style: italic; + /*color: __text_neu__;*/ font-size: 0.875em; } #dokuwiki__header .tools { - margin-bottom: 1em; -} -#dokuwiki__header .tools ul { - margin-bottom: 0; -} -#dokuwiki__header .tools ul li { - display: inline; + margin-top: .2em; } @@ -73,124 +62,156 @@ font-weight: bold; } -#dokuwiki__usertools ul, -#dokuwiki__sitetools ul, -#dokuwiki__pagetools ul { +#dokuwiki__header .tools ul { padding-left: 0; + margin-bottom: 0; } -#dokuwiki__usertools ul li, -#dokuwiki__sitetools ul li, -#dokuwiki__pagetools ul li { +#dokuwiki__header .tools li { font-size: 0.875em; margin-left: 1em; -} -#dokuwiki__usertools ul li, -#dokuwiki__pagetools ul li { - margin-top: .7em; - margin-bottom: .7em; - float: left; list-style: none; + display: inline; } /*____________ user tools ____________*/ #dokuwiki__usertools { position: absolute; - top: 0; - left: 0; - text-align: left; + top: .5em; + right: .5em; + text-align: right; width: 100%; } #dokuwiki__usertools ul { - /* @todo: style.ini colours for gradients? */ - background-color: __background__; - background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); - background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); - background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); - background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); - background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); - border: solid __background_neu__; - border-width: 0 1px 1px; - border-bottom-left-radius: .3em; - border-bottom-right-radius: .3em; margin: 0 auto; padding: 0; max-width: __site_width__; - overflow: hidden; } #IE6 #dokuwiki__usertools ul { width: 100%; } -#dokuwiki__usertools ul li { - margin: .7em 0 .7em 1em; - float: left; - list-style: none; -} #dokuwiki__usertools ul li.user { } /*____________ page tools ____________*/ #dokuwiki__pagetools { + position: absolute; + right: -32px; + top: 1em; + font-size: 90%; +} + +#dokuwiki__pagetools div.tools { position: fixed; - bottom: 0; - left: 0; - width: 100%; - z-index: 10; - background: #dbdfe0; - background: -moz-linear-gradient(top, #dbdfe0 0%, #eaeaea 12%, #edf1f2 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdfe0), color-stop(12%,#eaeaea), color-stop(100%,#edf1f2)); - background: -webkit-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); - background: -o-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); - background: -ms-linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdfe0', endColorstr='#edf1f2',GradientType=0 ); - background: linear-gradient(top, #dbdfe0 0%,#eaeaea 12%,#edf1f2 100%); -} -#IE6 #dokuwiki__content { - margin-bottom: 1.4em; } + #dokuwiki__pagetools ul { - margin: 0 auto; - max-width: __site_width__; - padding: 0 1em; /* @pad */ + position: absolute; + right: 0; + width: 32px; + overflow: hidden; + border: solid __border__; + border-width: 1px 1px 1px 0; + border-radius: 2px; + text-align: right; + margin: 0; + padding: 0; + background-color: __background__; + color: inherit; +} + +#dokuwiki__pagetools:hover ul, +#dokuwiki__pagetools:active ul, +#dokuwiki__pagetools:focus ul { + width: auto; + border-width: 1px; } + #dokuwiki__pagetools ul li { - margin: .7em 1em .7em 0; + padding: 4px 2px; + margin: 0; + list-style: none; } -#dokuwiki__pagetools ul { - position: relative; +#dokuwiki__pagetools:hover ul li, +#dokuwiki__pagetools:active ul li, +#dokuwiki__pagetools:focus ul li { + padding: 4px 4px; } -#dokuwiki__pagetools ul li a.action.top { - position: absolute; - top: .7em; - right: 0; + +#dokuwiki__pagetools ul li a { + white-space: nowrap; + background-repeat: no-repeat; + padding-right: 0; + padding-left: 32px; + background-position: 10px center; +} + +#dokuwiki__pagetools:hover ul li a, +#dokuwiki__pagetools:active ul li a, +#dokuwiki__pagetools:focus ul li a { + padding-right: 32px; + padding-left: 0; + background-position: right center; +} + +/* @todo: add NEW icons */ +#dokuwiki__pagetools ul li a.edit { + background-image: url(images/pagetools/pencil.png); +} +#dokuwiki__pagetools ul li a.show { + background-image: url(images/pagetools/page.png); +} +#dokuwiki__pagetools ul li a.create { + background-image: url(images/pagetools/pencil_add.png); +} +#dokuwiki__pagetools ul li a.draft { + background-image: url(images/pagetools/inbox-document-text.png); +} +#dokuwiki__pagetools ul li a.source { + background-image: url(images/pagetools/page_code.png); +} +#dokuwiki__pagetools ul li a.revs { + background-image: url(images/pagetools/time.png); +} +#dokuwiki__pagetools ul li a.backlink { + background-image: url(images/pagetools/arrow_redo.png); +} +#dokuwiki__pagetools ul li a.subscribe { + background-image: url(images/pagetools/email_star.png); +} +#dokuwiki__pagetools ul li a.top { + background-image: url(images/pagetools/arrow_up.png); } + /*____________ site tools ____________*/ #dokuwiki__sitetools { - /* @todo: is the width still needed? */ - width: __sidebar_width__; text-align: right; } #dokuwiki__sitetools form.search { display: block; font-size: 0.875em; + position: relative; } #dokuwiki__sitetools form.search input.edit { - /* @todo: em doesn't fit with px value for sitetools div */ - width: 12em; - border-right: none; - border-bottom-right-radius: 0; - border-top-right-radius: 0; + width: 16em; + padding-right: 22px; } #dokuwiki__sitetools form.search input.button { +/* border-bottom-left-radius: 0; border-top-left-radius: 0; padding: 0.5em 0.75em; +*/ + background: transparent url(images/search.png) no-repeat 0 0; + border-width: 0; + width: 14px; + height: 14px; + text-indent: -99999px; + margin-left: -20px; } #dokuwiki__sitetools ul { @@ -199,12 +220,33 @@ #dokuwiki__sitetools li { } +/*____________ breadcrumbs ____________*/ + +.dokuwiki div.breadcrumbs { + border: 1px solid __border__; + padding: .1em .35em; + -moz-box-shadow: inset 0 0 1px __background_alt__; + -webkit-box-shadow: inset 0 0 1px __background_alt__; + box-shadow: inset 0 0 1px __background_alt__; + border-radius: 2px; + /* @todo: style.ini */ + background-color: #fdfdfd; + margin-bottom: .5em; + font-size: 0.875em; +} +.dokuwiki div.breadcrumbs a { + color: __link__; + background-color: inherit; +} +.dokuwiki div.breadcrumbs .bcsep { + font-size: 0.75em; +} + /* sidebar ********************************************************************/ #dokuwiki__aside { - padding-top: .4em; line-height: 1.2; } @@ -233,24 +275,28 @@ /* content ********************************************************************/ -.dokuwiki .page { +.dokuwiki .pageId { + position: absolute; + top: -1.5em; + right: .5em; + font-size: 0.875em; + border: solid __border__; + border-width: 1px 1px 0; + background-color: __background__; + color: __text_alt__; + padding: .1em .35em; + border-top-left-radius: 2px; + border-top-right-radius: 2px; } -/*____________ breadcrumbs ____________*/ +.dokuwiki .page { + background: __background__; + color: inherit; + border: 1px solid #eee; + box-shadow: 0 0 .5em #999; + border-radius: 2px; + padding: 2em; -.dokuwiki div.breadcrumbs { - /*border-top: 1px solid #ccc;*/ - padding: 0.2em 0 0.75em 0; - margin-bottom: 0.6em; - font-size: 0.875em; -} -.dokuwiki div.breadcrumbs a { - /* @todo: wiki page colour or external link colour? */ - color: __existing__; - background-color: inherit; -} -.dokuwiki div.breadcrumbs .bcsep { - font-size: 0.75em; } /*____________ misc ____________*/ @@ -299,10 +345,10 @@ ********************************************************************/ .dokuwiki .wrapper { - margin-bottom: 2.8em; + margin-bottom: 1.4em; } #IE6 .dokuwiki .wrapper { - margin-bottom: 1.4em; + margin-bottom: .7em; } #dokuwiki__footer { diff --git a/css/structure.css b/css/structure.css index 638d882b4..82ed17031 100755 --- a/css/structure.css +++ b/css/structure.css @@ -8,16 +8,17 @@ body { margin: 0 auto; } #dokuwiki__site { + margin: 0 auto; + max-width: __site_width__; } #dokuwiki__site .site { + padding: 0 .5em; } #dokuwiki__header { width: 100%; } #dokuwiki__header .pad { - margin: 0 auto; - max-width: __site_width__; } #dokuwiki__header .headings { float: left; @@ -35,20 +36,13 @@ body { #dokuwiki__site .wrapper { position: relative; - margin: 0 auto; - max-width: __site_width__; - padding: 1.4em 1em; /* @pad */ } #IE6 #dokuwiki__site .wrapper, #IE7 #dokuwiki__site .wrapper { height: 1%; } - /* show sidebar only in show mode */ #dokuwiki__aside { - display: none; - } - .mode_show #dokuwiki__aside { width: __sidebar_width__; float: left; position: relative; @@ -58,21 +52,19 @@ body { margin: 0 1.5em 0 0; } - /* make content wider when there's no sidebar */ - .mode_show #dokuwiki__content { + #dokuwiki__content { float: right; margin-left: -__sidebar_width__; width: 100%; } - .mode_show #dokuwiki__content .pad { + #dokuwiki__content .pad { margin-left: __sidebar_width__; } #dokuwiki__footer { clear: both; - margin: 0 auto; - max-width: __site_width__; - padding: 0 1em 2.4em; /* @pad */ + padding: 0 0 2.4em; /* @pad */ + margin-left: __sidebar_width__; } #dokuwiki__footer .pad { } diff --git a/images/pagetools/arrow_redo.png b/images/pagetools/arrow_redo.png new file mode 100644 index 000000000..fdc394c7c Binary files /dev/null and b/images/pagetools/arrow_redo.png differ diff --git a/images/pagetools/arrow_up.png b/images/pagetools/arrow_up.png new file mode 100644 index 000000000..1ebb19324 Binary files /dev/null and b/images/pagetools/arrow_up.png differ diff --git a/images/pagetools/email_star.png b/images/pagetools/email_star.png new file mode 100644 index 000000000..82608102e Binary files /dev/null and b/images/pagetools/email_star.png differ diff --git a/images/pagetools/inbox-document-text.png b/images/pagetools/inbox-document-text.png new file mode 100644 index 000000000..f56c8e47c Binary files /dev/null and b/images/pagetools/inbox-document-text.png differ diff --git a/images/pagetools/page.png b/images/pagetools/page.png new file mode 100644 index 000000000..03ddd799f Binary files /dev/null and b/images/pagetools/page.png differ diff --git a/images/pagetools/page_code.png b/images/pagetools/page_code.png new file mode 100644 index 000000000..f7ea90419 Binary files /dev/null and b/images/pagetools/page_code.png differ diff --git a/images/pagetools/pencil.png b/images/pagetools/pencil.png new file mode 100644 index 000000000..0bfecd50e Binary files /dev/null and b/images/pagetools/pencil.png differ diff --git a/images/pagetools/time.png b/images/pagetools/time.png new file mode 100644 index 000000000..911da3f1d Binary files /dev/null and b/images/pagetools/time.png differ diff --git a/images/search.png b/images/search.png new file mode 100644 index 000000000..25553ce8b Binary files /dev/null and b/images/search.png differ diff --git a/main.php b/main.php index abf782997..cc02f0a64 100755 --- a/main.php +++ b/main.php @@ -81,6 +81,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
@@ -89,28 +90,35 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
+ + + + + + + + +
+ +
+ +
+
+
-
- - - - - - - - -
[[page_id]]
+
[[]]
+
@@ -121,12 +129,6 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
- -
- -
-
-

@@ -134,16 +136,18 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER

-
    - -
+
+
    + +
+
diff --git a/style.ini b/style.ini index 0eeaf15d3..fe4f35e07 100755 --- a/style.ini +++ b/style.ini @@ -25,7 +25,7 @@ css/_modal.css = screen css/_forms.css = screen css/_admin.css = screen css/includes.css = screen -css/default.css = screen +#css/default.css = screen css/rtl.css = rtl css/print.css = print @@ -55,6 +55,7 @@ __border__ = "#ccc" ;-------------------------------------------------------------------------- ; these are used for links +__link__ = "#627D9A" __existing__ = "#090" __missing__ = "#f30" @@ -63,7 +64,7 @@ __highlight__ = "#ff9" ; sidebar width ; @todo: width in em or px? -;__site_width__ = "64em" -__site_width__ = "1000px" -;__sidebar_width__ = "16em" -__sidebar_width__ = "220px" +__site_width__ = "72em" +;__site_width__ = "1000px" +__sidebar_width__ = "16em" +;__sidebar_width__ = "220px" -- cgit v1.2.3 From 1ffabdee7226b0ca1806784ebcb357b800a0f946 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Mon, 3 Oct 2011 13:41:55 +0100 Subject: added logo and minor fixes --- css/_toc.css | 2 ++ css/design.css | 30 +++++++++++++++++++++++++++++- images/logo.png | Bin 0 -> 12212 bytes main.php | 13 +++++++------ 4 files changed, 38 insertions(+), 7 deletions(-) create mode 100644 images/logo.png diff --git a/css/_toc.css b/css/_toc.css index 0213a1829..1462eb83f 100755 --- a/css/_toc.css +++ b/css/_toc.css @@ -15,6 +15,8 @@ width: __sidebar_width__; font-size: 0.9em; border-left: 1px solid __border__; + background: __background__; + color: inherit; } /*____________ toc header ____________*/ diff --git a/css/design.css b/css/design.css index f1285aae9..8111091fd 100755 --- a/css/design.css +++ b/css/design.css @@ -17,6 +17,15 @@ #dokuwiki__header .headings, #dokuwiki__header .tools { margin-bottom: 1em; + width: 50%; +} +#dokuwiki__header h1 img { + float: left; + margin-right: .5em; +} +#dokuwiki__header h1 span { + display: block; + padding-top: 10px; } #dokuwiki__header h1 { margin-bottom: 0; @@ -234,6 +243,19 @@ margin-bottom: .5em; font-size: 0.875em; } +/* alternative: +.dokuwiki div.breadcrumbs { + border-top: 1px solid __border__; + border-bottom: 1px solid __background__; + margin-bottom: .5em; + font-size: 0.875em; +} +.dokuwiki div.breadcrumbs div { + border-top: 1px solid __background__; + border-bottom: 1px solid __border__; + padding: .1em .35em; +} +*/ .dokuwiki div.breadcrumbs a { color: __link__; background-color: inherit; @@ -271,6 +293,12 @@ margin-bottom: 0; } +#dokuwiki__aside a:link, +#dokuwiki__aside a:visited { + color: __link__; + background-color: inherit; +} + /* content ********************************************************************/ @@ -289,7 +317,7 @@ border-top-right-radius: 2px; } -.dokuwiki .page { +.dokuwiki div.page { background: __background__; color: inherit; border: 1px solid #eee; diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 000000000..8b794dd64 Binary files /dev/null and b/images/logo.png differ diff --git a/main.php b/main.php index cc02f0a64..4c6661664 100755 --- a/main.php +++ b/main.php @@ -38,10 +38,11 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
-

- ','id="dokuwiki__top" accesskey="h" title="[H]"') */ ?> +

'.$conf['title'].'', + 'id="dokuwiki__top" accesskey="h" title="[H]"' + ) /* @todo: obviously don't use tpl_getFavicon, but make a new function (or use a config option?) */ ?>

@@ -93,10 +94,10 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER - + - +
-- cgit v1.2.3 From 4a44843d9c2d845955dcb32437bcc282c4820f86 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Mon, 3 Oct 2011 20:58:09 +0100 Subject: changed breadcrumbs design, small fixes: pageid, pagetools and sidebar --- css/design.css | 24 +++++------------------- main.php | 37 +++++++++++++++++-------------------- 2 files changed, 22 insertions(+), 39 deletions(-) diff --git a/css/design.css b/css/design.css index 8111091fd..bde14b613 100755 --- a/css/design.css +++ b/css/design.css @@ -106,7 +106,7 @@ #dokuwiki__pagetools { position: absolute; - right: -32px; + right: -34px; top: 1em; font-size: 90%; } @@ -120,8 +120,7 @@ right: 0; width: 32px; overflow: hidden; - border: solid __border__; - border-width: 1px 1px 1px 0; + border: 1px solid __border__; border-radius: 2px; text-align: right; margin: 0; @@ -134,7 +133,6 @@ #dokuwiki__pagetools:active ul, #dokuwiki__pagetools:focus ul { width: auto; - border-width: 1px; } #dokuwiki__pagetools ul li { @@ -231,31 +229,18 @@ /*____________ breadcrumbs ____________*/ -.dokuwiki div.breadcrumbs { - border: 1px solid __border__; - padding: .1em .35em; - -moz-box-shadow: inset 0 0 1px __background_alt__; - -webkit-box-shadow: inset 0 0 1px __background_alt__; - box-shadow: inset 0 0 1px __background_alt__; - border-radius: 2px; - /* @todo: style.ini */ - background-color: #fdfdfd; - margin-bottom: .5em; - font-size: 0.875em; -} -/* alternative: .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 { +.dokuwiki div.breadcrumbs div.pad { border-top: 1px solid __background__; border-bottom: 1px solid __border__; padding: .1em .35em; } -*/ .dokuwiki div.breadcrumbs a { color: __link__; background-color: inherit; @@ -270,6 +255,7 @@ #dokuwiki__aside { line-height: 1.2; + font-size: 0.875em; } /* make sidebar more condensed */ diff --git a/main.php b/main.php index 4c6661664..6dee80d78 100755 --- a/main.php +++ b/main.php @@ -35,9 +35,9 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER -
+
-
+

'.$conf['title'].'', @@ -50,10 +50,9 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
-

-
+
@@ -90,47 +89,45 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
-
- - - - - - - + + +
-
-
+
-
-
+
-
[[]]
+
-
+
-
-

-- cgit v1.2.3 From cfe4d18b80fe91b04d8df350c60b2d7ebf6086e2 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Mon, 3 Oct 2011 21:04:34 +0100 Subject: small fix for footer --- css/structure.css | 1 - main.php | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/css/structure.css b/css/structure.css index 82ed17031..ba56d0b89 100755 --- a/css/structure.css +++ b/css/structure.css @@ -63,7 +63,6 @@ body { #dokuwiki__footer { clear: both; - padding: 0 0 2.4em; /* @pad */ margin-left: __sidebar_width__; } #dokuwiki__footer .pad { diff --git a/main.php b/main.php index 6dee80d78..e234bab2c 100755 --- a/main.php +++ b/main.php @@ -104,7 +104,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER
-
+
-- cgit v1.2.3 From 6a9cea3ef7851df6752803b11bec57932df671e0 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Mon, 3 Oct 2011 23:16:16 +0100 Subject: small fixes: search box, structure in IE, gradient in Chrome --- css/basic.css | 19 ++++++++++++------- css/design.css | 17 ++++++----------- css/structure.css | 6 ------ 3 files changed, 18 insertions(+), 24 deletions(-) diff --git a/css/basic.css b/css/basic.css index 3c7e6dc74..ef4e3b272 100755 --- a/css/basic.css +++ b/css/basic.css @@ -13,17 +13,20 @@ html { overflow-y: scroll; } html, body { + /* @todo: style.ini */ background-color: #fbfaf9; - background: -moz-linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); + color: __text__; + background-image: -moz-linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); /* do we want to support old browsers? - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(1em,#eee), color-stop(4em,#fbfaf9)); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(1em,#eee), color-stop(4em,#fbfaf9)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#fbfaf9',GradientType=0 ); */ - background: -webkit-linear-gradient(top, #ddd 0%, #eee 1em, #fbfaf9 4em); - background: -o-linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); - background: -ms-linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); - background: linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); - color: __text__; + background-image: -webkit-linear-gradient(top, #ddd 0%, #eee 1em, #fbfaf9 4em); + background-image: -o-linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); + background-image: -ms-linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); + background-image: linear-gradient( top, #ddd 0%, #eee 1em, #fbfaf9 4em); + background-size: 1px 10em; + background-repeat: repeat-x; margin: 0; padding: 0; } @@ -282,7 +285,9 @@ option { font-style: normal; font-weight: normal; } background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); + /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); + */ background: linear-gradient(top, #ffffff 0%,#f4f4f4 30%,#eeeeee 99%,#cccccc 99%); border: 1px solid #ccc; border-radius: 2px; diff --git a/css/design.css b/css/design.css index bde14b613..8def2faa9 100755 --- a/css/design.css +++ b/css/design.css @@ -17,7 +17,7 @@ #dokuwiki__header .headings, #dokuwiki__header .tools { margin-bottom: 1em; - width: 50%; + width: 49%; } #dokuwiki__header h1 img { float: left; @@ -106,7 +106,7 @@ #dokuwiki__pagetools { position: absolute; - right: -34px; + right: -33px; top: 1em; font-size: 90%; } @@ -120,7 +120,7 @@ right: 0; width: 32px; overflow: hidden; - border: 1px solid __border__; + border: 1px solid __background_alt__; border-radius: 2px; text-align: right; margin: 0; @@ -208,14 +208,9 @@ padding-right: 22px; } #dokuwiki__sitetools form.search input.button { -/* - border-bottom-left-radius: 0; - border-top-left-radius: 0; - padding: 0.5em 0.75em; -*/ background: transparent url(images/search.png) no-repeat 0 0; border-width: 0; - width: 14px; + width: 19px; height: 14px; text-indent: -99999px; margin-left: -20px; @@ -292,9 +287,9 @@ .dokuwiki .pageId { position: absolute; top: -1.5em; - right: .5em; + right: 1em; font-size: 0.875em; - border: solid __border__; + border: solid __background_alt__; border-width: 1px 1px 0; background-color: __background__; color: __text_alt__; diff --git a/css/structure.css b/css/structure.css index ba56d0b89..7de4401d7 100755 --- a/css/structure.css +++ b/css/structure.css @@ -23,16 +23,10 @@ body { #dokuwiki__header .headings { float: left; } - #IE6 #dokuwiki__header .headings { - width: 50%; - } #dokuwiki__header .tools { float: right; text-align: right; } - #IE6 #dokuwiki__header .tools { - width: 50%; - } #dokuwiki__site .wrapper { position: relative; -- cgit v1.2.3 From b2932b97919a9bc8ce4913bf8827e1bda9585d94 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Tue, 4 Oct 2011 00:22:16 +0100 Subject: less markup for breadcrumbs (but more lines for IE<9) --- css/design.css | 12 +++++++++++- main.php | 4 ++-- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/css/design.css b/css/design.css index 8def2faa9..3a9725f34 100755 --- a/css/design.css +++ b/css/design.css @@ -231,11 +231,21 @@ font-size: 0.875em; clear: both; } -.dokuwiki div.breadcrumbs div.pad { +.dokuwiki div.breadcrumbs div { border-top: 1px solid __background__; border-bottom: 1px solid __border__; padding: .1em .35em; } +.dokuwiki div.breadcrumbs div:first-child { + border-bottom-width: 0; +} +#IE7 .dokuwiki div.breadcrumbs div:first-child, +#IE8 .dokuwiki div.breadcrumbs div:first-child { + border-bottom-width: 1px; +} +.dokuwiki div.breadcrumbs div:last-child { + border-top-width: 0; +} .dokuwiki div.breadcrumbs a { color: __link__; background-color: inherit; diff --git a/main.php b/main.php index e234bab2c..c186eeea0 100755 --- a/main.php +++ b/main.php @@ -91,14 +91,14 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER -
-- cgit v1.2.3 From f318df2e9abf46fa22f327de3e1336b45ba4a994 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Tue, 4 Oct 2011 00:36:40 +0100 Subject: fix breadcrumbs (just introduced bug for single instances) --- css/design.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/css/design.css b/css/design.css index 3a9725f34..984582459 100755 --- a/css/design.css +++ b/css/design.css @@ -232,20 +232,24 @@ 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__; - padding: .1em .35em; } .dokuwiki div.breadcrumbs div:first-child { - border-bottom-width: 0; + border-top: 1px solid __background__; } -#IE7 .dokuwiki div.breadcrumbs div:first-child, -#IE8 .dokuwiki div.breadcrumbs div:first-child { - border-bottom-width: 1px; +#IE7 .dokuwiki div.breadcrumbs div, +#IE8 .dokuwiki div.breadcrumbs div { + border-bottom: 1px solid __border__; } .dokuwiki div.breadcrumbs div:last-child { - border-top-width: 0; + border-bottom: 1px solid __border__; } + .dokuwiki div.breadcrumbs a { color: __link__; background-color: inherit; -- cgit v1.2.3 From d6d062e44afec88d9b6021c87aeb577f44b80a2a Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Tue, 4 Oct 2011 00:37:32 +0100 Subject: gave logo image dimensions (so that title headlines doesn't jump) --- main.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main.php b/main.php index c186eeea0..2d243a950 100755 --- a/main.php +++ b/main.php @@ -40,7 +40,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER

'.$conf['title'].'', + ' '.$conf['title'].'', 'id="dokuwiki__top" accesskey="h" title="[H]"' ) /* @todo: obviously don't use tpl_getFavicon, but make a new function (or use a config option?) */ ?>

-- cgit v1.2.3 From 2ce1ed3f07c00eb9172cbe39f9dea296f1087d26 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Wed, 5 Oct 2011 00:11:50 +0100 Subject: implemented 3 different temporary designs for the breadcrumbs (through classes 'version01'-03) --- css/design.css | 55 ++++++++++++++++++++++++++++++++++++++++++++++++------- main.php | 2 +- 2 files changed, 49 insertions(+), 8 deletions(-) diff --git a/css/design.css b/css/design.css index 984582459..aaf2a40a9 100755 --- a/css/design.css +++ b/css/design.css @@ -224,31 +224,72 @@ /*____________ breadcrumbs ____________*/ -.dokuwiki div.breadcrumbs { +/* version01 */ + +.dokuwiki div.breadcrumbs.version01 { border-top: 1px solid __border__; border-bottom: 1px solid __background__; margin-bottom: .5em; font-size: 0.875em; clear: both; } -.dokuwiki div.breadcrumbs div { +.dokuwiki div.breadcrumbs.version01 div { padding: .1em .35em; } -.dokuwiki div.breadcrumbs div:only-child { +.dokuwiki div.breadcrumbs.version01 div:only-child { border-top: 1px solid __background__; border-bottom: 1px solid __border__; } -.dokuwiki div.breadcrumbs div:first-child { +.dokuwiki div.breadcrumbs.version01 div:first-child { border-top: 1px solid __background__; } -#IE7 .dokuwiki div.breadcrumbs div, -#IE8 .dokuwiki div.breadcrumbs div { +#IE7 .dokuwiki div.breadcrumbs.version01 div, +#IE8 .dokuwiki div.breadcrumbs.version01 div { + border-bottom: 1px solid __border__; +} +.dokuwiki div.breadcrumbs.version01 div:last-child { border-bottom: 1px solid __border__; } -.dokuwiki div.breadcrumbs div:last-child { + +/* version02 */ + +.dokuwiki div.breadcrumbs.version02 { + border-bottom: 1px solid __background__; + margin-bottom: .5em; + padding: .1em 0; + font-size: 0.875em; + clear: both; +} + +.dokuwiki div.breadcrumbs.version02 div { + padding: .1em 0; +} + +.dokuwiki div.breadcrumbs.version02 div:only-child, +.dokuwiki div.breadcrumbs.version02 div:last-child { border-bottom: 1px solid __border__; } +#IE7 .dokuwiki div.breadcrumbs.version02 div, +#IE8 .dokuwiki div.breadcrumbs.version02 div { + border-bottom: 1px solid __border__; +} + +/* version03 */ + +.dokuwiki div.breadcrumbs.version03 { + border: 1px solid __border__; + padding: .1em .35em; + -moz-box-shadow: inset 0 0 1px __background_alt__; + -webkit-box-shadow: inset 0 0 1px __background_alt__; + box-shadow: inset 0 0 1px __background_alt__; + border-radius: 2px; + background-color: #fdfdfd; + margin-bottom: .5em; + font-size: 0.875em; + clear: both; +} + .dokuwiki div.breadcrumbs a { color: __link__; diff --git a/main.php b/main.php index 2d243a950..d5c1cceb6 100755 --- a/main.php +++ b/main.php @@ -91,7 +91,7 @@ $showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && $_SERVER -