SPR-742: Konfigurierbarkeit check, neuzuordnung
This commit is contained in:
Silke Pisulla
parent
2c5103748c
commit
2d623f4b2e
16 changed files with 353 additions and 233 deletions
|
|
@ -21,7 +21,7 @@
|
||||||
height: @page-header_height;
|
height: @page-header_height;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: @ini_background_page-header;
|
background-color: @ini_background_page_header;
|
||||||
border-bottom: 1px solid @ini_border_light;
|
border-bottom: 1px solid @ini_border_light;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -11,13 +11,20 @@
|
||||||
@media screen {
|
@media screen {
|
||||||
.page-footer {
|
.page-footer {
|
||||||
min-height: @page-header_height;
|
min-height: @page-header_height;
|
||||||
background-color: @ini_background_page-header;
|
background-color: @ini_background_page_header;
|
||||||
border-top: 1px solid @ini_border_light;
|
border-top: 1px solid @ini_border_light;
|
||||||
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
|
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
|
||||||
|
color: @ini_background_page_footer;
|
||||||
font-size: @font-size-default;
|
font-size: @font-size-default;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: @margin-small @margin-default;
|
padding: @margin-small @margin-default;
|
||||||
|
|
||||||
|
*,
|
||||||
|
a:link,
|
||||||
|
a:visited {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
bdi {
|
bdi {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
@ -28,13 +35,18 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: @ini_background_site;
|
background-color: @ini_background;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
color: @ini_text_webframe;
|
||||||
font-size: @font-size-default;
|
font-size: @font-size-default;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: @ini_nav_menu_color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
|
|
||||||
|
|
||||||
#dokuwiki__header {
|
#dokuwiki__header {
|
||||||
@header-font-opacity: .7;
|
@header-font-opacity: 1;
|
||||||
|
|
||||||
/* + + + wiki logo + + + */
|
/* + + + wiki logo + + + */
|
||||||
@media @screen_min-md {
|
@media @screen_min-md {
|
||||||
|
|
@ -83,8 +83,9 @@
|
||||||
|
|
||||||
/* + + + wiki title + + + */
|
/* + + + wiki title + + + */
|
||||||
p.title {
|
p.title {
|
||||||
background-color: @ini_background_site;
|
background-color: @ini_background;
|
||||||
opacity: @header-font-opacity;
|
opacity: @header-font-opacity;
|
||||||
|
color: @ini_text_webframe;
|
||||||
line-height: @line-height-default;
|
line-height: @line-height-default;
|
||||||
margin-bottom: .5rem;
|
margin-bottom: .5rem;
|
||||||
|
|
||||||
|
|
@ -103,8 +104,9 @@
|
||||||
/* + + + wiki claim + + + */
|
/* + + + wiki claim + + + */
|
||||||
p.claim {
|
p.claim {
|
||||||
opacity: @header-font-opacity;
|
opacity: @header-font-opacity;
|
||||||
margin-bottom: 0;
|
color: @ini_text_webframe;
|
||||||
font-size: @font-size-default;
|
font-size: @font-size-default;
|
||||||
|
margin-bottom: 0;
|
||||||
|
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
padding-top: .5rem;
|
padding-top: .5rem;
|
||||||
|
|
|
||||||
|
|
@ -8,10 +8,10 @@
|
||||||
clear: right; // FIXME why?
|
clear: right; // FIXME why?
|
||||||
background: repeating-linear-gradient(
|
background: repeating-linear-gradient(
|
||||||
-45deg,
|
-45deg,
|
||||||
transparent,
|
@highlight-odd-ini_text,
|
||||||
transparent 10px,
|
@highlight-odd-ini_text 10px,
|
||||||
@ini_background_alt 10px,
|
@highlight-even-ini_text 10px,
|
||||||
@ini_background_alt 20px,
|
@highlight-even-ini_text 20px,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -37,7 +37,7 @@
|
||||||
&::after {
|
&::after {
|
||||||
content: '';
|
content: '';
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: transparent url("svg.php?svg=pencil.svg&f=nav_menu_color") center center no-repeat;
|
background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
width: 1em;
|
width: 1em;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
.level2 {
|
.level2 {
|
||||||
p a.media {
|
p a.media {
|
||||||
img {
|
img {
|
||||||
border: 1px dotted @ini_background_site;
|
border: 1px dotted @ini_background;
|
||||||
|
|
||||||
}
|
}
|
||||||
&:hover,
|
&:hover,
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,12 @@
|
||||||
.msg-area{
|
.msg-area {
|
||||||
clear: both;
|
clear: both;
|
||||||
padding-top: 1.6rem;
|
padding-top: 1.6rem;
|
||||||
div{
|
|
||||||
|
div {
|
||||||
line-height: 135%;
|
line-height: 135%;
|
||||||
}
|
}
|
||||||
&:empty{
|
|
||||||
|
&:empty {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -20,4 +22,15 @@ div.success, div.error, div.info, div.notify {
|
||||||
padding-left: 32px;
|
padding-left: 32px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: underline;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus,
|
||||||
|
&:active {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -7,13 +7,14 @@
|
||||||
|
|
||||||
.breadcrumbs {
|
.breadcrumbs {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: 1px solid @ini_border_light;
|
|
||||||
padding: 1rem 1.8rem .2rem;
|
|
||||||
min-height: @page-header_height;
|
min-height: @page-header_height;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
background-color: @ini_background_content;
|
||||||
|
border-bottom: 1px solid @ini_border_light;
|
||||||
|
padding: 1rem 1.8rem .2rem;
|
||||||
|
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
background-color: @ini_background_page-header;
|
background-color: @ini_background_page_header;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media @screen_max-xs {
|
@media @screen_max-xs {
|
||||||
|
|
@ -21,6 +22,10 @@
|
||||||
padding-right: .75rem;
|
padding-right: .75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media @screen_xs-lg {
|
||||||
|
background-color: @ini_background_content;
|
||||||
|
}
|
||||||
|
|
||||||
> p {
|
> p {
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -108,7 +113,6 @@
|
||||||
min-height: @toggle-size;
|
min-height: @toggle-size;
|
||||||
border: 1px solid @ini_border_light;
|
border: 1px solid @ini_border_light;
|
||||||
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
||||||
color: @ini_nav_menu_color;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -125,13 +129,18 @@
|
||||||
/* check !!! */
|
/* check !!! */
|
||||||
&.do_none {
|
&.do_none {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
background-color: @ini_background_site;
|
overflow: hidden;
|
||||||
|
background-color: @ini_background;
|
||||||
|
border-color: @noopentasks-border;
|
||||||
|
color: @ini_text_webframe;
|
||||||
}
|
}
|
||||||
|
|
||||||
.num {
|
.num {
|
||||||
background-color: @noopentasks-background; // fix
|
margin-top: 1px;
|
||||||
|
background-color: @noopentasks-border; // fix
|
||||||
color: @noopentasks-color; // fix
|
color: @noopentasks-color; // fix
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -145,24 +154,11 @@
|
||||||
} // li
|
} // li
|
||||||
|
|
||||||
a {
|
a {
|
||||||
background-color: #FFF;
|
.btn-hover();
|
||||||
transition: @transition color, @transition background-color, @transition border-color;
|
|
||||||
|
|
||||||
&[aria-expanded="false"] + #plugin__qc__wrapper {
|
&[aria-expanded="false"] + #plugin__qc__wrapper {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
background-color: @ini_nav_menu_hover_bg;
|
|
||||||
border-color: @ini_nav_menu_hover_color;
|
|
||||||
color: @ini_nav_menu_hover_color;
|
|
||||||
|
|
||||||
.prefix {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#plugin__qc__wrapper {
|
#plugin__qc__wrapper {
|
||||||
|
|
@ -170,13 +166,13 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
width: auto;
|
width: auto;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
background: @ini_background_page-header;
|
background: @ini_background_page_header;
|
||||||
background: -webkit-linear-gradient(top, @ini_background_page-header, @ini_background_content);
|
background: -webkit-linear-gradient(top, @ini_background_page_header, @ini_background_content);
|
||||||
background: linear-gradient(top, @ini_background_page-header, @ini_background_content);
|
background: linear-gradient(top, @ini_background_page_header, @ini_background_content);
|
||||||
box-shadow: @box-shadow-bottom;
|
box-shadow: @box-shadow-bottom;
|
||||||
z-index: 2000;
|
z-index: 2000;
|
||||||
|
|
||||||
#plugin__qc__out{
|
#plugin__qc__out {
|
||||||
h1 {
|
h1 {
|
||||||
font-size: @font-size-head3;
|
font-size: @font-size-head3;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,7 @@
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: @nav_direct_background;
|
background-color: @nav_direct_background;
|
||||||
border-bottom: 1px solid __shadow_color__;
|
border-bottom: 1px solid @ini_border_light;
|
||||||
color: @nav_direct_color;
|
color: @nav_direct_color;
|
||||||
line-height: @line-height-default;
|
line-height: @line-height-default;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
|
||||||
|
|
@ -19,19 +19,13 @@
|
||||||
// < 1024
|
// < 1024
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -1px;
|
top: .2rem;
|
||||||
right: auto;
|
right: auto;
|
||||||
float: none;
|
float: none;
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
min-height: @page-header_height;
|
min-height: @page-header_height;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
|
||||||
|
|
||||||
// < 992
|
|
||||||
@media @screen_max-sm {
|
|
||||||
position: relative;
|
|
||||||
top: .2rem;
|
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -86,10 +80,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
margin-right: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media @screen_max-sm {
|
|
||||||
margin-right: .4rem;
|
margin-right: .4rem;
|
||||||
margin-bottom: .2rem;
|
margin-bottom: .2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -98,32 +88,26 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
background-color: @ini_background_site;
|
|
||||||
border: 1px solid @ini_border_light;
|
|
||||||
color: @ini_existing;
|
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
line-height: 1.42857143;
|
line-height: 1.42857143;
|
||||||
padding: .3em 1rem .1em;
|
transition: @transition background-color, @transition border-color, @transition color;
|
||||||
margin-left: 4px;
|
|
||||||
transition: @transition color, @transition background-color, @transition border-color;
|
|
||||||
|
|
||||||
@media @screen_min-md {
|
@media @screen_min-md {
|
||||||
|
background-color: @ini_background;
|
||||||
|
border: 1px solid @noopentasks-border;
|
||||||
border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius
|
border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius
|
||||||
|
color: @ini_nav_menu_color;
|
||||||
|
margin-left: 4px;
|
||||||
|
padding: .3em 1rem .1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
top: -1px;
|
|
||||||
background-color: @ini_background_page-header;
|
|
||||||
border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
|
||||||
margin-left: 0;
|
|
||||||
padding: .2em .3rem .1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media @screen_max-sm {
|
|
||||||
top: 0;
|
top: 0;
|
||||||
border-radius: 0;
|
border: 1px solid @ini_existing;
|
||||||
|
color: @ini_existing;
|
||||||
margin-top: .2rem;
|
margin-top: .2rem;
|
||||||
padding-bottom: .2em;
|
margin-left: 0;
|
||||||
|
padding: .2em .3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
|
@ -135,15 +119,24 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
transition: @transition color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active {
|
&:active {
|
||||||
background-color: @ini_background_content;
|
|
||||||
border-color: @ini_existing;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
|
@media @screen_min-md {
|
||||||
|
background-color: @ini_background_content;
|
||||||
|
border-color: @ini_existing;
|
||||||
|
color: @ini_existing;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media @screen_max-md {
|
||||||
|
background-color: @ini_existing;
|
||||||
|
border-color: @ini_background_content;
|
||||||
|
color: @ini_background_content;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -158,12 +151,9 @@
|
||||||
color: @ini_existing;
|
color: @ini_existing;
|
||||||
|
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media @screen_max-sm {
|
|
||||||
background-color: @ini_existing;
|
background-color: @ini_existing;
|
||||||
border-bottom-color: @ini_existing;
|
border-bottom-color: @ini_existing;
|
||||||
|
border-radius: 0;
|
||||||
color: @ini_background_content;
|
color: @ini_background_content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -176,13 +166,6 @@
|
||||||
|
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
|
||||||
|
|
||||||
@media @screen_max-md {
|
|
||||||
margin-top: -2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media @screen_max-sm {
|
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -199,7 +182,7 @@
|
||||||
min-width: 20em;
|
min-width: 20em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media @screen_min-sm {
|
@media @screen_min-md {
|
||||||
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
|
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -277,15 +260,15 @@
|
||||||
padding: .15em 0;
|
padding: .15em 0;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: .6em;
|
top: .6em;
|
||||||
content: "";
|
left: 0;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 4px;
|
width: 4px;
|
||||||
height: 4px;
|
height: 4px;
|
||||||
background-color: #ccc;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
left: 0;
|
background-color: @ini_existing;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@
|
||||||
.pagetools-item(img_backto, 12);
|
.pagetools-item(img_backto, 12);
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#dokuwiki__aside{
|
#dokuwiki__aside {
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
@ -57,11 +57,18 @@ nav#dokuwiki__pagetools {
|
||||||
height: auto;
|
height: auto;
|
||||||
min-height: @toolbox-size; // for nav:hover
|
min-height: @toolbox-size; // for nav:hover
|
||||||
width: @toolbox-size; // for nav:hover
|
width: @toolbox-size; // for nav:hover
|
||||||
opacity: .6;
|
//opacity: .6;
|
||||||
color: @ini_nav_menu_color;
|
|
||||||
font-size: @font-size-default;
|
font-size: @font-size-default;
|
||||||
padding: 2px @toolbox-size 2px 2px;
|
padding: 2px @toolbox-size 2px 2px;
|
||||||
|
|
||||||
|
@media @screen_min-md {
|
||||||
|
color: @ini_nav_menu_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media @screen_max-md {
|
||||||
|
color: @ini_existing;
|
||||||
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
@ -73,9 +80,9 @@ nav#dokuwiki__pagetools {
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active {
|
&:active {
|
||||||
opacity: 1;
|
//opacity: 1;
|
||||||
color: @ini_nav_menu_hover_color;
|
//color: @ini_nav_menu_hover_color;
|
||||||
background-color: #FFF;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
|
|
@ -90,8 +97,15 @@ nav#dokuwiki__pagetools {
|
||||||
width: @page-tools_svg-size;
|
width: @page-tools_svg-size;
|
||||||
height: @page-tools_svg-size;
|
height: @page-tools_svg-size;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
fill: @ini_nav_menu_color;
|
|
||||||
margin: @page-tools_svg-space;
|
margin: @page-tools_svg-space;
|
||||||
|
|
||||||
|
@media @screen_min-md {
|
||||||
|
fill: @ini_nav_menu_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media @screen_max-md {
|
||||||
|
fill: @ini_existing;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.top {
|
&.top {
|
||||||
|
|
@ -101,20 +115,14 @@ nav#dokuwiki__pagetools {
|
||||||
|
|
||||||
&.plugin_move_page {
|
&.plugin_move_page {
|
||||||
a {
|
a {
|
||||||
opacity: .6;
|
.btn-hover();
|
||||||
|
|
||||||
|
//opacity: .6;
|
||||||
color: @ini_nav_menu_color;
|
color: @ini_nav_menu_color;
|
||||||
|
|
||||||
* {
|
* {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active {
|
|
||||||
color: @ini_nav_menu_hover_color;
|
|
||||||
background-color: #fff;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -122,24 +130,35 @@ nav#dokuwiki__pagetools {
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
ul {
|
ul {
|
||||||
background-color: #fff;
|
|
||||||
box-shadow: @box-shadow-offset;
|
box-shadow: @box-shadow-offset;
|
||||||
|
background-color: @ini_background_content;
|
||||||
|
border-color: @ini_border_light;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
|
color: @ini_existing;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
opacity: .8;
|
//opacity: .8;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
|
color: inherit;
|
||||||
padding: 2px 0 2px 2px;
|
padding: 2px 0 2px 2px;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
border-radius: @ini_default_border_radius;
|
||||||
|
fill: @ini_existing;
|
||||||
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active {
|
&:active {
|
||||||
opacity: 1;
|
//opacity: 1;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
fill: @ini_nav_menu_hover_color;
|
background-color: @ini_existing;
|
||||||
|
border: solid 2px @ini_existing;
|
||||||
|
fill: @ini_background_content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -33,10 +33,13 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border: 1px solid @ini_border_light;
|
border: 1px solid @ini_border_light;
|
||||||
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
||||||
color: @ini_nav_menu_color;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
|
@media @screen_only-lg {
|
||||||
|
padding-top: .14rem;
|
||||||
|
}
|
||||||
|
|
||||||
@media @screen_max-xxlg {
|
@media @screen_max-xxlg {
|
||||||
min-height: 28px;
|
min-height: 28px;
|
||||||
}
|
}
|
||||||
|
|
@ -54,8 +57,10 @@
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
border: solid 1px @ini_border_light;
|
background-color: @ini_background;
|
||||||
|
border: solid 1px @noopentasks-border;//@ini_border_light;
|
||||||
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
||||||
|
color: @ini_text_webframe;
|
||||||
padding-right: .3rem;
|
padding-right: .3rem;
|
||||||
|
|
||||||
@media @screen_min-xxlg {
|
@media @screen_min-xxlg {
|
||||||
|
|
@ -82,10 +87,10 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 26px;
|
min-height: 26px;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
background: #FFF; // for removing bg-image
|
background: @ini_nav_menu_hover_bg; // for removing bg-image
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
color: @ini_nav_menu_hover_color;
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
color: @ini_nav_menu_color;
|
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
margin-right: -.3rem;
|
margin-right: -.3rem;
|
||||||
padding: 0 .2em 0 0;
|
padding: 0 .2em 0 0;
|
||||||
|
|
@ -117,16 +122,17 @@
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
border: solid 1px @ini_nav_menu_hover_color;
|
border: solid 1px @ini_nav_menu_hover_color;
|
||||||
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
||||||
|
color: inherit;
|
||||||
transform: none;
|
transform: none;
|
||||||
transition: @transition opacity;
|
//transition: @transition opacity;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active {
|
&:active {
|
||||||
background-color: @ini_nav_menu_hover_bg;
|
background-color: @ini_nav_menu_hover_color;
|
||||||
border-color: @ini_nav_menu_hover_color;
|
border-color: @ini_nav_menu_hover_color;
|
||||||
color: @ini_nav_menu_hover_color;
|
color: @ini_nav_menu_hover_bg;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
@ -134,18 +140,18 @@
|
||||||
|
|
||||||
bdi,
|
bdi,
|
||||||
bdi:first-of-type {
|
bdi:first-of-type {
|
||||||
color: @ini_nav_menu_hover_color;
|
color: @ini_nav_menu_hover_bg;
|
||||||
|
|
||||||
&::before {
|
//&::before {
|
||||||
color: inherit;
|
// color: inherit;
|
||||||
}
|
//}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
bdi {
|
bdi {
|
||||||
color: inherit;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
color: inherit;
|
||||||
transition: @transition color;
|
transition: @transition color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -161,7 +167,6 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: -2px;
|
left: -2px;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
color: @ini_nav_menu_color;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
transition: @transition color;
|
transition: @transition color;
|
||||||
|
|
||||||
|
|
@ -190,10 +195,6 @@
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
|
|
||||||
@media @screen_only-lg {
|
|
||||||
padding-top: .14rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -213,12 +214,15 @@
|
||||||
|
|
||||||
&.noopentasks {
|
&.noopentasks {
|
||||||
strong {
|
strong {
|
||||||
background-color: @ini_background_site;
|
background-color: @ini_background;
|
||||||
|
border-color: @noopentasks-border;
|
||||||
|
color: @ini_text_webframe;
|
||||||
}
|
}
|
||||||
|
|
||||||
.num {
|
.num {
|
||||||
background-color: @noopentasks-background; // fix
|
background-color: @noopentasks-border; // fix
|
||||||
color: @noopentasks-color; // fix
|
color: @noopentasks-color; // fix
|
||||||
|
margin-top: 1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} // li
|
} // li
|
||||||
|
|
@ -228,36 +232,27 @@
|
||||||
a {
|
a {
|
||||||
.fontello();
|
.fontello();
|
||||||
.hide-text-show-before();
|
.hide-text-show-before();
|
||||||
|
.btn-hover();
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: #fff;
|
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: @transition color, @transition background-color, @transition border-color;
|
|
||||||
|
|
||||||
@media @screen_only-lg {
|
@media @screen_only-lg {
|
||||||
min-width: 2rem;
|
min-width: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before {//background-color: deeppink !important;
|
&::before {
|
||||||
.center-middle();
|
.center-middle();
|
||||||
|
|
||||||
content: "?";
|
content: "?";
|
||||||
|
cursor: pointer;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
font-size: @font-size-default + (@font-scale-factor * 4);
|
font-size: @font-size-default + (@font-scale-factor * 4);
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
background-color: @ini_nav_menu_hover_bg;
|
|
||||||
border-color: @ini_nav_menu_hover_color;
|
|
||||||
color: @ini_nav_menu_hover_color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* icon register new user */
|
/* icon register new user */
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,6 @@
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: transparent; // fix
|
background-color: transparent; // fix
|
||||||
border: solid 1px transparent;
|
border: solid 1px transparent;
|
||||||
color: @ini_nav_menu_color;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
transition: @transition color, @transition background-color, @transition border-color;
|
transition: @transition color, @transition background-color, @transition border-color;
|
||||||
|
|
||||||
|
|
@ -32,7 +31,6 @@
|
||||||
min-height: @icon-size;
|
min-height: @icon-size;
|
||||||
background-color: @ini_button_color;
|
background-color: @ini_button_color;
|
||||||
border: solid 1px @ini_button_background;
|
border: solid 1px @ini_button_background;
|
||||||
color: @ini_button_background;
|
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
background-color: @ini_button_background;
|
background-color: @ini_button_background;
|
||||||
|
|
@ -61,6 +59,7 @@
|
||||||
min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */
|
min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */
|
||||||
width: @main-ico-dummy;
|
width: @main-ico-dummy;
|
||||||
border-radius: @fix_border-radius;
|
border-radius: @fix_border-radius;
|
||||||
|
color: @ini_nav_menu_color;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
|
@ -90,6 +89,7 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
height: auto;
|
height: auto;
|
||||||
min-height: (@icon-size - .2);
|
min-height: (@icon-size - .2);
|
||||||
|
color: @quicksearch-button-color;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
|
|
@ -141,6 +141,28 @@
|
||||||
transition: @transition background-color;
|
transition: @transition background-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.ajax_qsearch {
|
||||||
|
box-shadow: none;
|
||||||
|
background-color: #FFF;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
strong,
|
||||||
|
ul li {
|
||||||
|
color: @quicksearch-button-color;
|
||||||
|
padding: .25rem .5rem;
|
||||||
|
|
||||||
|
* {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li {
|
||||||
|
&:nth-child(odd) {
|
||||||
|
background-color: @suggestion-zebra;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#qsearch__out {
|
#qsearch__out {
|
||||||
|
|
|
||||||
|
|
@ -63,25 +63,47 @@
|
||||||
|
|
||||||
@transition: ease-out .30s;
|
@transition: ease-out .30s;
|
||||||
|
|
||||||
@box-shadow-offset: .1em .1em .1em rgb(153,153,153,.5);
|
@box-shadow-offset: .1em .1em .1em rgb(153,153,153,.5); // pagetools, tabinclude
|
||||||
@box-shadow: 0 0 .5em rgb(153,153,153,.5);
|
@box-shadow: 0 0 .5em rgb(153,153,153,.5);
|
||||||
@box-shadow-colored: 0 0 .5em rgba(40,109,168,.5);
|
@box-shadow-colored: 0 0 .5em rgba(40,109,168,.5);
|
||||||
@box-shadow-right-bottom: 0.1em 0.3rem 0.5em rgb(153,153,153,.5);
|
@box-shadow-right-bottom: 0.1em 0.3rem 0.5em rgb(153,153,153,.5);
|
||||||
@box-shadow-bottom: 0 0.1em 0.5em rgb(153,153,153,.5);
|
@box-shadow-bottom: 0 .1em .5em rgb(153,153,153,.5); // qc-wrapper - breadcrumb
|
||||||
|
|
||||||
|
|
||||||
/* + + + for programmers customizing + + + */
|
/* + + + for programmers customizing + + + */
|
||||||
|
|
||||||
@fix_border-radius: 3px;
|
@fix_border-radius: 3px;
|
||||||
|
|
||||||
@toggle-showsidebar_width: 3.07rem; // shown sidebar after toggle
|
@toggle-showsidebar_width: 3.07rem; // shown sidebar after toggle
|
||||||
|
|
||||||
@page_padding-top: @margin-small; // padding-top for 'dokuwiki__content'
|
@page_padding-top: @margin-small; // padding-top for 'dokuwiki__content'
|
||||||
@page-header_height: 2.8rem; // minimum: 2.8rem (height for breadcrumb, page-header, page-footer)
|
@page-header_height: 2.8rem; // minimum: 2.8rem (height for breadcrumb, page-header, page-footer)
|
||||||
@meta-box_height: (@page-header_height - @page_padding-top);
|
@meta-box_height: (@page-header_height - @page_padding-top);
|
||||||
@breadcrumb_height: @page-header_height;
|
@breadcrumb_height: @page-header_height;
|
||||||
|
|
||||||
@formfield_min-height: 2rem; // min-height for input, textarea, select, keygen
|
@formfield_min-height: 2rem; // min-height for input, textarea, select, keygen
|
||||||
|
|
||||||
@noopentasks-background: #BBB;
|
//@metanav-ini_background: rgba(0, 0, 0, .1);
|
||||||
@noopentasks-color: #696969;
|
|
||||||
|
|
||||||
|
/* icons */
|
||||||
|
@noopentasks-background: #ECECEC; /* metabox tabs + num in icons + tabinclude */
|
||||||
|
@noopentasks-border: #BBB; /* metabox tabs + num in icons */
|
||||||
|
@noopentasks-color: #666; /* metabox tabs + num in icons */
|
||||||
|
|
||||||
|
|
||||||
|
/* navigation left */
|
||||||
|
@quicksearch-button-color: @noopentasks-color; /* autosuggest, submit in quicksearch */
|
||||||
|
@suggestion-zebra: #EEE;
|
||||||
|
|
||||||
|
|
||||||
|
/* edit mode */
|
||||||
|
@highlight-odd-ini_text: fade(@ini_background_content, 95%);
|
||||||
|
@highlight-even-ini_text: fade(@ini_text, 5%);
|
||||||
|
|
||||||
|
|
||||||
|
//@nolinkedicon-ini_background: fade(@ini_background, 10%);
|
||||||
|
//@opacity-ini_nav_menu_color: fade(@ini_nav_menu_color, 40%);
|
||||||
|
|
||||||
|
|
||||||
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
||||||
|
|
@ -149,11 +171,9 @@
|
||||||
|
|
||||||
@screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)";
|
@screen_min-md: ~"only screen and (min-width: " ~"@{break-min-md}px)";
|
||||||
@screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)";
|
@screen_max-md: ~"only screen and (max-width: " ~"@{break-max-md}px)";
|
||||||
@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)";
|
|
||||||
|
|
||||||
@screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)";
|
@screen_min-lg: ~"only screen and (min-width: " ~"@{break-min-lg}px)";
|
||||||
@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)";
|
@screen_max-lg: ~"only screen and (max-width: " ~"@{break-max-lg}px)";
|
||||||
@screen_only-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-xlg}px)";
|
|
||||||
|
|
||||||
@screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)";
|
@screen_min-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px)";
|
||||||
@screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)";
|
@screen_max-xlg: ~"only screen and (max-width: " ~"@{break-max-xlg}px)";
|
||||||
|
|
@ -161,6 +181,10 @@
|
||||||
@screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)";
|
@screen_min-xxlg: ~"only screen and (min-width: " ~"@{break-min-xxlg}px)";
|
||||||
@screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)";
|
@screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)";
|
||||||
|
|
||||||
|
@screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)";
|
||||||
|
@screen_only-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-xlg}px)";
|
||||||
|
@screen_xs-lg: ~"only screen and (min-width: " ~"@{break-min-xs}px) and (max-width: " ~"@{break-max-md}px)";
|
||||||
|
|
||||||
|
|
||||||
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
||||||
/* col width */
|
/* col width */
|
||||||
|
|
@ -220,7 +244,7 @@ q {
|
||||||
|
|
||||||
acronym {
|
acronym {
|
||||||
cursor: help;
|
cursor: help;
|
||||||
border-bottom: dotted 1px #333;
|
border-bottom: dotted 1px @ini_text;
|
||||||
}
|
}
|
||||||
|
|
||||||
*:focus {
|
*:focus {
|
||||||
|
|
@ -263,7 +287,7 @@ nav > ul {
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
display: table;
|
display: table;
|
||||||
content: " ";
|
content: ' ';
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -292,6 +316,7 @@ nav > ul {
|
||||||
|
|
||||||
.mobile-only {
|
.mobile-only {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
background-color: @ini_background_site;
|
background-color: @ini_background;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -26,83 +26,90 @@ html, body {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dokuwiki .pageId {
|
.dokuwiki {
|
||||||
float: right;
|
.page ul li,
|
||||||
margin-right: -1em;
|
.aside ul li {
|
||||||
margin-bottom: -1px;
|
color: @ini_text;
|
||||||
margin-top: -1.5em;
|
}
|
||||||
overflow: hidden;
|
|
||||||
padding: 0.5em 1em 0;
|
|
||||||
|
|
||||||
span {
|
.pageId {
|
||||||
|
float: right;
|
||||||
|
margin-right: -1em;
|
||||||
|
margin-bottom: -1px;
|
||||||
|
margin-top: -1.5em;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0.5em 1em 0;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: @font-size-small;
|
||||||
|
border: solid @ini_background_alt;
|
||||||
|
border-width: 1px 1px 0;
|
||||||
|
background-color: @ini_background;
|
||||||
|
color: @ini_text_alt;
|
||||||
|
padding: .1em .35em;
|
||||||
|
border-top-left-radius: 2px;
|
||||||
|
border-top-right-radius: 2px;
|
||||||
|
box-shadow: 0 0 .5em @ini_text_alt;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
div.page {
|
||||||
|
clear: both;
|
||||||
|
overflow: hidden;
|
||||||
|
word-wrap: break-word;
|
||||||
|
background: @ini_background_content;
|
||||||
|
color: inherit;
|
||||||
|
padding: @page_padding-top @margin-default @margin-default;
|
||||||
|
|
||||||
|
@media @screen_max-md {
|
||||||
|
padding-right: (@margin-default * 1.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media @screen_max-xs {
|
||||||
|
padding-left: @margin-small;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content #dokuwiki__pagetools {
|
||||||
|
@media @screen_max-md {
|
||||||
|
top: 4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.docInfo {
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
border: solid @ini_background_alt;
|
text-align: right;
|
||||||
border-width: 1px 1px 0;
|
|
||||||
background-color: @ini_background;
|
|
||||||
color: @ini_text_alt;
|
|
||||||
padding: .1em .35em;
|
|
||||||
border-top-left-radius: 2px;
|
|
||||||
border-top-right-radius: 2px;
|
|
||||||
box-shadow: 0 0 .5em @ini_text_alt;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dokuwiki div.page {
|
|
||||||
clear: both;
|
|
||||||
overflow: hidden;
|
|
||||||
word-wrap: break-word;
|
|
||||||
background: @ini_background_content;
|
|
||||||
color: inherit;
|
|
||||||
padding: @page_padding-top @margin-default @margin-default;
|
|
||||||
|
|
||||||
@media @screen_max-md {
|
|
||||||
padding-right: (@margin-default * 1.6);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media @screen_max-xs {
|
/* license note under edit window */
|
||||||
padding-left: @margin-small;
|
div.license {
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content #dokuwiki__pagetools {
|
|
||||||
@media @screen_max-md {
|
|
||||||
top: 4rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dokuwiki .docInfo {
|
|
||||||
font-size: @font-size-small;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* license note under edit window */
|
|
||||||
.dokuwiki div.license {
|
|
||||||
font-size: @font-size-small;
|
|
||||||
line-height: @line-height-default;
|
|
||||||
padding-top: 1rem;
|
|
||||||
|
|
||||||
@media @screen_max-lg {
|
|
||||||
font-size: @font-size-default;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media @screen_max-md {
|
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
|
line-height: @line-height-default;
|
||||||
|
padding-top: 1rem;
|
||||||
|
|
||||||
|
@media @screen_max-lg {
|
||||||
|
font-size: @font-size-default;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media @screen_max-md {
|
||||||
|
font-size: @font-size-small;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
[dir=rtl] & .docInfo {
|
||||||
font-size: inherit;
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
[dir=rtl] .dokuwiki .docInfo {
|
[dir=rtl] & .pageId {
|
||||||
text-align: left;
|
float: left;
|
||||||
}
|
margin-left: -1em;
|
||||||
|
margin-right: 0;
|
||||||
[dir=rtl] .dokuwiki .pageId {
|
}
|
||||||
float: left;
|
|
||||||
margin-left: -1em;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
caption,
|
caption,
|
||||||
|
|
@ -305,6 +312,17 @@ ol ol ol ol ol {
|
||||||
list-style-type: lower-roman;
|
list-style-type: lower-roman;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*____________ tables ____________*/
|
||||||
|
|
||||||
|
.dokuwiki table.inline tr:hover td {
|
||||||
|
color: @ini_text_alt;
|
||||||
|
|
||||||
|
* {
|
||||||
|
color: @ini_text_alt;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
empty-cells: show;
|
empty-cells: show;
|
||||||
|
|
@ -334,6 +352,7 @@ td {
|
||||||
th {
|
th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: @ini_background_alt;
|
background-color: @ini_background_alt;
|
||||||
|
color: @ini_text_alt;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -403,7 +422,7 @@ em abbr {
|
||||||
|
|
||||||
mark {
|
mark {
|
||||||
background-color: @ini_highlight;
|
background-color: @ini_highlight;
|
||||||
color: inherit;
|
color: @ini_highlight_text;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre,
|
pre,
|
||||||
|
|
@ -415,7 +434,7 @@ kbd {
|
||||||
font-size: @font-size-default;
|
font-size: @font-size-default;
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
background-color: @ini_background_site;
|
background-color: @ini_background_content;
|
||||||
color: @ini_text;
|
color: @ini_text;
|
||||||
box-shadow: inset 0 0 .3em @ini_border;
|
box-shadow: inset 0 0 .3em @ini_border;
|
||||||
border-radius: @fix_border-radius;
|
border-radius: @fix_border-radius;
|
||||||
|
|
|
||||||
|
|
@ -142,12 +142,30 @@
|
||||||
|
|
||||||
|
|
||||||
/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */
|
/* + + + + + small icon-buttons (breadcrumb, page-header) + + + + + */
|
||||||
|
.btn-hover {
|
||||||
|
background-color: @ini_nav_menu_hover_bg;
|
||||||
|
color: @ini_nav_menu_hover_color;
|
||||||
|
transition: @transition color, @transition background-color, @transition border-color;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
background-color: @ini_nav_menu_hover_color;
|
||||||
|
border-color: @ini_nav_menu_hover_color;
|
||||||
|
color: @ini_nav_menu_hover_bg;
|
||||||
|
|
||||||
|
.prefix {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.btn-usertools-wrapper(@elem:@toggle-size) {
|
.btn-usertools-wrapper(@elem:@toggle-size) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
min-height: @elem;
|
min-height: @elem;
|
||||||
min-width: @elem;
|
min-width: @elem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: @ini_nav_menu_color;
|
color: @ini_text_webframe;
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0 .25rem;
|
margin: 0 .25rem;
|
||||||
|
|
@ -161,7 +179,7 @@
|
||||||
.num {
|
.num {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: -.4rem;
|
right: -.4rem;
|
||||||
top: -.4em;
|
top: -.5em;
|
||||||
background-color: @ini_nav_menu_hover_color;
|
background-color: @ini_nav_menu_hover_color;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
color: @ini_nav_menu_hover_bg;
|
color: @ini_nav_menu_hover_bg;
|
||||||
|
|
|
||||||
|
|
@ -1,39 +1,57 @@
|
||||||
/**
|
/**
|
||||||
* This file provides styles for the edit view (?do=edit), preview
|
* This file provides styles for the tabinclude
|
||||||
* and section edit buttons.
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
/* + + + + + plugin tabinclude + + + + + */
|
/* + + + + + plugin tabinclude + + + + + */
|
||||||
|
|
||||||
div#dwpl-ti-container {
|
div#dwpl-ti-container {
|
||||||
|
|
||||||
/* + + + tabnav + + + */
|
|
||||||
li.dwpl-ti-tab {
|
li.dwpl-ti-tab {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-color: @ini_background_site;
|
background-color: @ini_background_page_header;
|
||||||
|
border-color: @ini_border;
|
||||||
border-radius: @fix_border-radius @fix_border-radius 0 0;
|
border-radius: @fix_border-radius @fix_border-radius 0 0;
|
||||||
|
color: @ini_background_page_footer;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: @ini_background_page_header;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
div {
|
||||||
|
text-decoration: underline;
|
||||||
|
|
||||||
|
&.selected {
|
||||||
|
color: @ini_text;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
background-color: @ini_background_page-header;
|
|
||||||
border-radius: inherit;
|
border-radius: inherit;
|
||||||
|
color: inherit;
|
||||||
padding: .1em .35em;
|
padding: .1em .35em;
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background-color: @ini_background_site;
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
background-color: @ini_background_content;
|
||||||
|
color: @ini_text;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* + + + box + + + */
|
/* + + + content box + + + */
|
||||||
div.dwpl-ti-content-box {
|
div.dwpl-ti-content-box {
|
||||||
|
position: relative;
|
||||||
|
z-index: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: none;
|
box-shadow: @box-shadow-offset;
|
||||||
background-color: @ini_background_site;
|
background-color: @ini_background_content;
|
||||||
border: solid 1px @ini_background_site;
|
border: solid 1px @ini_border;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
margin-top: -1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -42,7 +60,5 @@ div#dwpl-ti-container {
|
||||||
/* media queries */
|
/* media queries */
|
||||||
|
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
div#dwpl-ti-container {
|
div#dwpl-ti-container { }
|
||||||
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue