
As explained on https://www.dokuwiki.org/devel:javascript#using_ids IDs may not clash with headlines. To avoid that all IDs have to use two subsequent underscores.
149 lines
3.3 KiB
Text
Executable file
149 lines
3.3 KiB
Text
Executable file
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* all media */
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
|
|
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* magic matcher bar with form on top of page */
|
|
|
|
#spr__magic-matcher {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
|
|
#mm__issueselect_chosen {
|
|
max-width: 50%;
|
|
}
|
|
|
|
button[name="toggleSuggestions"] {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
border: 0;
|
|
border-bottom: 1px solid @color-border;
|
|
border-left: 1px solid @color-border;
|
|
color: @color-nav;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
border-bottom-left-radius: 5px;
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
border-color: @button_background;
|
|
color: @button_background;
|
|
}
|
|
}
|
|
|
|
#magicmatcher__context {
|
|
position: relative;
|
|
z-index: 100;
|
|
width: 100%;
|
|
min-height: @height-context-bar;
|
|
box-sizing: border-box;
|
|
box-shadow: __box_shadow__;
|
|
background-color: __nav_direct_background__;
|
|
border-radius: 0 0 __default_border_radius__ __default_border_radius__;
|
|
font-size: @font-size-default;
|
|
padding: .8em 1em .5em;
|
|
margin-bottom: 0;
|
|
|
|
.chosen-container-single,
|
|
.chosen-container-single *,
|
|
#mm_issue_loading,
|
|
.mm__status,
|
|
.toggleSuggestions {
|
|
font-size: @font-size-default;
|
|
}
|
|
|
|
.chosen-container-single {
|
|
.chosen-single span {
|
|
line-height: @line-height-bigger;
|
|
}
|
|
}
|
|
|
|
@media @screen_max-md {
|
|
padding-top: @margin-default;
|
|
|
|
.chosen-container {
|
|
display: block;
|
|
min-width: 100%;
|
|
max-width: 100%;
|
|
margin-bottom: .5rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* + + + + + in content + + + + + */
|
|
a.jiralink {
|
|
font-size: @font-size-default;
|
|
|
|
img {
|
|
float: left;
|
|
display: inline-block;
|
|
margin-top: .13em;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
span.mm__status {
|
|
display: inline-block;
|
|
font-size: @font-size-default;
|
|
margin-left: 5px;
|
|
padding: 1px 4px;
|
|
}
|
|
}
|
|
|
|
|
|
/* + + + + + no js version + + + + + */
|
|
.no-js {
|
|
#spr__magic-matcher {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* max-width: 1023px */
|
|
|
|
@media @screen_max-lg {
|
|
#spr__magic-matcher {
|
|
#magicmatcher__context {
|
|
.chosen-container-single {
|
|
width: 20% !important;
|
|
|
|
+ select + .chosen-container-single {
|
|
width: 58% !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media @screen_max-md {
|
|
#spr__magic-matcher {
|
|
position: relative;
|
|
|
|
.container {
|
|
margin: .8rem 0 -5px;
|
|
}
|
|
|
|
#magicmatcher__context {
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* print */
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
|
|
@media print {
|
|
#spr__magic-matcher {
|
|
display: none;
|
|
}
|
|
}
|
|
|