/** * Design Elements - additional CSS for the arctic-template * * @author Michael Klier */ /* -------------- general elements --------------- */ body { font: __font_size__ Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; color: __text__; margin: __body_margin__; line-height: __line_height__; background: __body_background__; } div#wrapper { margin: auto; width: __wiki_width__; border: 1px solid __border__; background: __background__; padding: __page_padding__; } div.dokuwiki div.left_sidebar { float: left; width: 22%; padding-top: 0.2em; padding-right: 0.5em; border-right: 1px solid __border__; } div.dokuwiki div.right_sidebar { float: right; width: 22%; padding-top: 0.2em; padding-left: 0.5em; border-left: 1px solid __border__; } div.dokuwiki div.page { text-align: left; padding-top: 0; } div.dokuwiki div.right_page { text-align: left; float: left; width: 72%; padding: 2%; } div.dokuwiki div.left_page { text-align: left; float: left; width: 72%; padding: 2%; } div.dokuwiki div.center_page { text-align: left; float: left; width: 50%; padding: 2%; } div.footerinc { border: 1px solid __border__; background-color: __footer_background__; margin-top: 0.5em; } div.dokuwiki .footerinc a img { padding-top: __footer_padding__; padding-bottom: __footer_padding__; } /* -------------- the sidebar --------------- */ div.dokuwiki div.left_sidebar div.secedit, div.dokuwiki div.right_sidebar div.secedit { text-align: right; } div.dokuwiki div.left_sidebar div.breadcrumbs, div.dokuwiki div.right_sidebar div.breadcrumbs { margin-left: 0; } div.dokuwiki div.left_sidebar div.secedit input.button, div.dokuwiki div.right_sidebar div.secedit input.button { float: none; margin: 0.1em; } div.dokuwiki div.left_sidebar h1, div.dokuwiki div.left_sidebar h2, div.dokuwiki div.left_sidebar h3, div.dokuwiki div.left_sidebar h4, div.dokuwiki div.left_sidebar h5, div.dokuwiki div.left_sidebar h6, div.dokuwiki div.right_sidebar h1, div.dokuwiki div.right_sidebar h2, div.dokuwiki div.right_sidebar h3, div.dokuwiki div.right_sidebar h4, div.dokuwiki div.right_sidebar h5, div.dokuwiki div.right_sidebar h6 { font-size: 100%; font-family: Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-weight: bold; padding: 0.1em; border: none; margin-bottom: 0.2em; margin-left: 0; } div.dokuwiki div.left_sidebar h1, div.dokuwiki div.right_sidebar h1 { background: __background_alt__; padding-left: 0.2em; } div.dokuwiki div.left_sidebar div.level2, div.dokuwiki div.right_sidebar div.level2, div.dokuwiki div.left_sidebar div.level3, div.dokuwiki div.right_sidebar div.level3, div.dokuwiki div.left_sidebar div.level4, div.dokuwiki div.right_sidebar div.level4, div.dokuwiki div.left_sidebar div.level5, div.dokuwiki div.right_sidebar div.level5 { margin-left: 3px; } div.dokuwiki div.left_sidebar ul, div.dokuwiki div.right_sidebar ul { margin-top: 0; } div.dokuwiki div.sidebar_box { border: 1px solid __border__; margin-bottom: 0.2em; padding: 0.3em; } /* --------------- Links ------------------ */ div.dokuwiki a:hover { color: __extern__; } div.dokuwiki h1 a { display: block; } div.dokuwiki a.action { color: __extern__; } div.dokuwiki .bar a.action { margin-left: 0.3em; margin-right: 0.3em; height: 24px; padding-top: 3px; float: left; } div.dokuwiki a.urlextern{ background: transparent url(images/urlextern.png) 0px 1px no-repeat; padding-left: 18px; } /* general headline setup */ div.dokuwiki h1 a, div.dokuwiki h2 a, div.dokuwiki h3 a, div.dokuwiki h4 a, div.dokuwiki h5 a, div.dokuwiki a.nolink { color: __headline_color__ !important; } /* ------------- Page elements ----------------- */ div.dokuwiki div.breadcrumbs { background: none; } /* general headline setup */ div.dokuwiki h1, div.dokuwiki h2, div.dokuwiki h3, div.dokuwiki h4, div.dokuwiki h5 { color: __headline_color__; border-color: __border__; } /* special headlines */ div.dokuwiki h1 {font-size: 180%; font-weight: normal;} div.dokuwiki h2 {font-size: 170%; } div.dokuwiki h3 {font-size: 160%; font-weight: normal;} div.dokuwiki h4 {font-size: 140%; font-weight: normal;} div.dokuwiki h5 {font-size: 120%; font-weight: bold;} /* ---------------- forms ------------------------ */ div.dokuwiki fieldset { border-color: __form_border__; } div.dokuwiki textarea.edit { border-color: __form_border__; } div.dokuwiki input.edit, div.dokuwiki select.edit { border-color: __form_border__; } div.dokuwiki input.missing { border-color: __form_border__; } div.dokuwiki div.left_sidebar form#dw__search, div.dokuwiki div.right_sidebar form#dw__search { margin-bottom: 0.2em; display: block; font-size: 100%; } div.dokuwiki div.left_sidebar form#dw__search input.edit, div.dokuwiki div.right_sidebar form#dw__search input.edit { margin-left: 0; font-size: 100%; } /* --------- buttons ------------------- */ div.dokuwiki input.button, div.dokuwiki button.button{ border-color: __form_border__; font-size: 100%; } div.dokuwiki div.secedit input.button { border-color: __form_border__; font-size: 100%; } div.dokuwiki .bar input.button { height: 24px; } /* ---------- table of contents ------------------- */ div.dokuwiki div.toc { margin-top: 1.3em; width: 20em; } div.dokuwiki div.toc_sidebar div.toc { margin: 0; float: none; width: 100%; } div.dokuwiki div.tocheader { line-height: 110%; } div.dokuwiki div.toc_sidebar div.tocheader { font-size: 120%; line-height: 140%; border: none; } div.dokuwiki ul.toc { padding-left: 0.5em; } div.dokuwiki div.toc_sidebar div#toc__inside { border: none; padding: 0; } /* ---------- AJAX quicksearch ----------- */ div.dokuwiki div.left_sidebar div.ajax_qsearch, div.dokuwiki div.right_sidebar div.ajax_qsearch { position: relative; left: 1px; top: 2px; display: none; background: none; background: __background_neu__; border-left: none; border-top: none; border-right: none; font-size: 85%; float: left; width: 96%; margin-top: 0.2em; margin-bottom: 0.5em; } div.dokuwiki div#bar__top div.ajax_qsearch { position: absolute; right: 100px;; margin-top: 5px; width: 200px; opacity: 0.9; display: none; border: 1px solid __border__; background: __background_neu__; text-align: left; padding: 0.2em; font-size: 85%; } div.dokuwiki div.ajax_qsearch strong { font-size: 115%; background: __background_alt__; padding: 0.2em; display: block; } /* code blocks by indention */ div.dokuwiki pre.code, div.dokuwiki pre.file { width: auto !important; width: 98%; font-size: 100%; } /* ---------- Toolbox ----------- */ div.dokuwiki div.toolbox_sidebar ul { list-style: none; margin: 0; clear: both; } div.dokuwiki div.toolbox_sidebar a.login { background: transparent url(images/tool-login.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.logout { background: transparent url(images/tool-logout.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.index { background: transparent url(images/tool-index.png) 1px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.recent { background: transparent url(images/tool-recent.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.create, div.dokuwiki div.toolbox_sidebar a.edit { background: transparent url(images/tool-edit.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.source, div.dokuwiki div.toolbox_sidebar a.show { background: transparent url(images/tool-source.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.admin { background: transparent url(images/tool-admin.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.revisions { background: transparent url(images/tool-revisions.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.subscribe, div.dokuwiki div.toolbox_sidebar a.unsubscribe { background: transparent url(images/tool-subscribe.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.backlink { background: transparent url(images/tool-backlink.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } div.dokuwiki div.toolbox_sidebar a.profile { background: transparent url(images/tool-profile.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; } /* setup vim: ts=2 sw=2: */