EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

merge part 2

Browse source
This commit is contained in:
Jana Deutschländer 2017-02-09 17:03:14 +01:00
commit 6924827172
1 changed files with 70 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

110
css/area_sidebar-search.less
View file

@ -4,19 +4,69 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de> * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.search.main-sidebar { .search.main-sidebar {
@icon-size: @page-header_height;
p.toggleSearch{ @icon-search_font-size: 25px;
padding: 0; Margin: 0; p.toggleSearch a,
display: none; 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;
color: @color-nav;
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: @icon-search_font-size;
text-align: center;
margin: 0;
}
}
p.toggleSearch {
display: none;
margin: -1px 0 0;
padding: 0;
a {
width: @toggle-showsidebar_width;
border: solid 1px transparent;
border-bottom: solid 1px @color-border;
border-radius: @fix_border-radius 0 0 0;
text-decoration: none;
&:hover,
&:focus,
&:active {
border-radius: @fix_border-radius 0 0 @fix_border-radius;
}
&::before {
position: absolute;
top: 50%;
left: .8rem;
text-align: left;
margin-top: -(@icon-search_font-size / 2);
}
}
}
/* + + + form + + + */
form { form {
@icon-size: 40px;
display: block; display: block;
margin: 0 0 @margin-default; margin: 0 0 @margin-default;
.no { .no {
#qsearch__in { #qsearch__in {
width: 100%; width: 100%;
@ -24,50 +74,14 @@
padding-right: (@icon-size + 10); padding-right: (@icon-size + 10);
} }
} }
input { input {
min-height: @icon-size; min-height: @icon-size;
box-sizing: border-box; box-sizing: border-box;
} }
button[type="submit"] { 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: solid 1px transparent;
border-right-color: @color-border; border-right-color: @color-border;
color: @color-nav;
margin-left: -(@icon-size); 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 { &::after {
content: ''; content: '';
position: absolute; position: absolute;
@ -81,20 +95,26 @@
} }
} }
} }
.wide-content { .wide-content {
.search.main-sidebar { .search.main-sidebar {
p.toggleSearch { p.toggleSearch {
display: block; display: block;
float: left; float: left;
width: 100%;
} }
form { form {
input {
border: 0 none;
}
.no { .no {
#qsearch__in { #qsearch__in {
width: 0; width: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
button[type="submit"] {
display: none;
}
} }
} }
} }