merge mit spis vorbereiten
This commit is contained in:
parent
fda6466f1a
commit
659ce8325f
10 changed files with 116 additions and 113 deletions
|
@ -14,7 +14,7 @@
|
|||
&::before{
|
||||
content: "";
|
||||
background-color: @background_page-header;
|
||||
border-bottom: 1px solid @color-border;
|
||||
border-bottom: 1px solid @color-border-light;
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
height: 3rem; width: 100%;
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
@media screen {
|
||||
.page-footer {
|
||||
background: @background_page-header;
|
||||
border-top: 1px solid @color-border;
|
||||
border-top: 1px solid @color-border-light;
|
||||
font-size: @font-size-default;
|
||||
padding: @margin-small (@margin-big - .5);
|
||||
text-align: right;
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
.breadcrumbs {
|
||||
position: relative;
|
||||
border-bottom: 1px solid @color-border;
|
||||
border-bottom: 1px solid @color-border-light;
|
||||
padding: .8rem @margin-default @very-small-spacing;
|
||||
|
||||
> p {
|
||||
|
|
|
@ -1,78 +1,93 @@
|
|||
/**
|
||||
* This file provides the design styles for the quick search.
|
||||
*
|
||||
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
|
||||
*/
|
||||
|
||||
|
||||
.search.main-sidebar {
|
||||
form {
|
||||
@icon-size: 40px;
|
||||
|
||||
display: block;
|
||||
margin: @margin-default 0;
|
||||
|
||||
.no {
|
||||
#qsearch__in {
|
||||
width: 100%;
|
||||
padding-left: 10px;
|
||||
padding-right: (@icon-size + 10);
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
min-height: @icon-size;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button[type="submit"] {
|
||||
.fontello();
|
||||
.hide-text-show-before();
|
||||
.icon-search();
|
||||
|
||||
position: relative;
|
||||
width: @icon-size;
|
||||
min-height: @icon-size;
|
||||
overflow: visible;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border: solid 1px transparent;
|
||||
border-right-color: @color-border;
|
||||
color: @color-nav;
|
||||
margin-left: -(@icon-size);
|
||||
padding: 0;
|
||||
transition: @transition color, @transition background-color, @transition border-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: @button_color;
|
||||
border: solid 1px @button_background;
|
||||
color: @button_background;
|
||||
|
||||
&::after {
|
||||
background-color: @button_background;
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
width: 100%;
|
||||
color: inherit;
|
||||
font-size: 25px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
bottom: 15%;
|
||||
width: 1px;
|
||||
left: -1px;
|
||||
background-color: @color-border;
|
||||
transition: @transition background-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
* This file provides the design styles for the quick search.
|
||||
*
|
||||
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
|
||||
*/
|
||||
|
||||
|
||||
.search.main-sidebar {
|
||||
|
||||
form {
|
||||
@icon-size: 40px;
|
||||
|
||||
display: block;
|
||||
margin: 0 0 @margin-default;
|
||||
|
||||
.no {
|
||||
#qsearch__in {
|
||||
width: 100%;
|
||||
padding-left: 10px;
|
||||
padding-right: (@icon-size + 10);
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
min-height: @icon-size;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button[type="submit"] {
|
||||
.fontello();
|
||||
.hide-text-show-before();
|
||||
.icon-search();
|
||||
|
||||
position: relative;
|
||||
width: @icon-size;
|
||||
min-height: @icon-size;
|
||||
overflow: visible;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border: solid 1px transparent;
|
||||
border-right-color: @color-border;
|
||||
color: @color-nav;
|
||||
margin-left: -(@icon-size);
|
||||
padding: 0;
|
||||
transition: @transition color, @transition background-color, @transition border-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: @button_color;
|
||||
border: solid 1px @button_background;
|
||||
color: @button_background;
|
||||
|
||||
&::after {
|
||||
background-color: @button_background;
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
width: 100%;
|
||||
color: inherit;
|
||||
font-size: 25px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
bottom: 15%;
|
||||
width: 1px;
|
||||
left: -1px;
|
||||
background-color: @color-border;
|
||||
transition: @transition background-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wide-content{
|
||||
.search.main-sidebar{
|
||||
form{
|
||||
.no {
|
||||
#qsearch__in{
|
||||
width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -17,6 +17,7 @@
|
|||
|
||||
@color-text: __text__;
|
||||
@color-border: __border__;
|
||||
@color-border-light: __border_light__;
|
||||
@color-nav: __nav_menu_color__;
|
||||
@color-nav-hover: __nav_menu_hover_color__;
|
||||
@color-nav-hover-bg: __nav_menu_hover_bg__;
|
||||
|
@ -34,6 +35,8 @@
|
|||
@box-shadow: __box_shadow__;
|
||||
@box-shadow-colored: __box_shadow_colored__;
|
||||
|
||||
@th_background: __background_alt__;
|
||||
|
||||
|
||||
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
||||
/* global vars */
|
||||
|
|
|
@ -10,6 +10,8 @@ html, body {
|
|||
background-color: @color-site-bg;
|
||||
}
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: @color-link;
|
||||
}
|
||||
|
@ -308,7 +310,7 @@ td {
|
|||
|
||||
th {
|
||||
font-weight: bold;
|
||||
background-color: @ini_background_alt;
|
||||
background-color: @th_background;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
|
|
@ -121,9 +121,6 @@
|
|||
|
||||
.claim {
|
||||
.logo {
|
||||
position: absolute;
|
||||
bottom: 1em;
|
||||
overflow: visible;
|
||||
|
||||
img {
|
||||
height: 60px;
|
||||
|
@ -155,24 +152,17 @@
|
|||
|
||||
.claim {
|
||||
.logo {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
height: 1px;
|
||||
width: 100%; // fo IE
|
||||
overflow: visible;
|
||||
|
||||
}
|
||||
|
||||
.logo img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wide-content{
|
||||
.logo{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.content {
|
||||
.row > .col-xs-12{
|
||||
width: auto;
|
||||
|
@ -225,9 +215,7 @@
|
|||
|
||||
#dokuwiki__header {
|
||||
.logo {
|
||||
width: 200px;
|
||||
max-width: 33%;
|
||||
margin: .8rem 0;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
7
main.php
7
main.php
|
@ -168,13 +168,6 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
|
|||
|
||||
<div class="search main-sidebar">
|
||||
<?php
|
||||
if (tpl_getConf('logo') && file_exists(mediaFN(tpl_getConf('logo')))){
|
||||
if (tpl_getConf('logo_spacer') && file_exists(mediaFN(tpl_getConf('logo_spacer')))){
|
||||
echo '<img width="5" height="5" src="'.ml(tpl_getConf('logo_spacer')).'" alt="" />';
|
||||
} else{
|
||||
echo '<img width="5" height="5" src="'.ml(tpl_getConf('logo')).'" alt="" />';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
||||
|
|
|
@ -114,14 +114,14 @@ __background__ = "#ECECEC" ; @ini_background
|
|||
|
||||
; alternative text and background colors
|
||||
__text_alt__ = "#454545" ; @ini_text_alt
|
||||
__background_alt__ = "#e8e8e8" ; @ini_background_alt
|
||||
__background_alt__ = "#f6f6f6" ; @ini_background_alt
|
||||
|
||||
; neutral text and background colors
|
||||
__text_neu__ = "#656565" ; @ini_text_neu
|
||||
__background_neu__ = "#ffffff" ; @ini_background_neu
|
||||
|
||||
; border color
|
||||
__border__ = "#cccccc" ; @ini_border
|
||||
__border__ = "#bbbbbb" ; @ini_border
|
||||
|
||||
; highlighted text (e.g. search snippets)
|
||||
__highlight__ = "#efefef" ; @ini_highlight
|
||||
|
@ -163,3 +163,5 @@ __background_site__ = "#ECECEC"
|
|||
__default_border_radius__ = "5px"
|
||||
|
||||
__background_page-header__ = "#F6F6F6"
|
||||
|
||||
__border_light__ = "#dadada"
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<?php
|
||||
if (!defined('DOKU_INC')) die();
|
||||
|
||||
echo '<h6 class="sr-only" role="heading" aria-level="2">'.tpl_getLang('head_quick_search').'</h6>';
|
||||
|
||||
tpl_searchform();
|
||||
<?php
|
||||
if (!defined('DOKU_INC')) die();
|
||||
|
||||
echo '<h6 class="sr-only" role="heading" aria-level="2">'.tpl_getLang('head_quick_search').'</h6>'; ?>
|
||||
<p><a href="#qsearch__out"><span class="prefix">Zur Suche springen</span></a></p>
|
||||
<?php tpl_searchform(); ?>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue