Adjust less vars for compatibility
In the dokuwiki standard template __background__ is the variable defining the background-color of the content. It is one of the guaranteed placeholder that every template must provide. Hence we should use it with the way it is used in the default template, so other plugins can rely on it and look consistently. Also some other base-dokuwiki styles still use it accordingly, for example the footnotes. SPR-954
This commit is contained in:
parent
97a4fdccb1
commit
8221fa277b
21 changed files with 49 additions and 49 deletions
|
@ -40,7 +40,7 @@
|
|||
position: relative;
|
||||
z-index: 2;
|
||||
box-sizing: border-box;
|
||||
background-color: @ini_background;
|
||||
background-color: @ini_background_site;
|
||||
}
|
||||
|
||||
p {
|
||||
|
|
|
@ -92,7 +92,7 @@
|
|||
|
||||
/* + + + wiki title + + + */
|
||||
p.title {
|
||||
background-color: @ini_background;
|
||||
background-color: @ini_background_site;
|
||||
opacity: @header-font-opacity;
|
||||
color: @ini_text_webframe;
|
||||
line-height: @line-height-default;
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
.level2 {
|
||||
p a.media {
|
||||
img {
|
||||
border: 1px dotted @ini_background;
|
||||
border: 1px dotted @ini_background_site;
|
||||
|
||||
}
|
||||
&:hover,
|
||||
|
|
|
@ -53,9 +53,9 @@
|
|||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: @ini_background;
|
||||
background: -webkit-linear-gradient(left, @ini_background, @ini_background_content);
|
||||
background: linear-gradient(left, @ini_background, @ini_background_content);
|
||||
background: @ini_background_site;
|
||||
background: -webkit-linear-gradient(left, @ini_background_site, @ini_background);
|
||||
background: linear-gradient(left, @ini_background_site, @ini_background);
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
position: relative;
|
||||
min-height: @page-header_height;
|
||||
box-sizing: border-box;
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
border-bottom: 1px solid @ini_border_light;
|
||||
padding: 1rem 1.8rem .2rem;
|
||||
|
||||
|
@ -23,7 +23,7 @@
|
|||
}
|
||||
|
||||
@media @screen_xs-lg {
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
}
|
||||
|
||||
> p {
|
||||
|
|
|
@ -102,9 +102,9 @@
|
|||
transition: @transition background-color, @transition border-color, @transition color;
|
||||
|
||||
@media @screen_min-md {
|
||||
background-color: @ini_background;
|
||||
background-color: @ini_background_site;
|
||||
border: 1px solid @noopentasks-border;
|
||||
border-bottom-color: @ini_background;
|
||||
border-bottom-color: @ini_background_site;
|
||||
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;
|
||||
|
@ -137,15 +137,15 @@
|
|||
text-decoration: none;
|
||||
|
||||
@media @screen_min-md {
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
border-color: @ini_existing;
|
||||
color: @ini_existing;
|
||||
}
|
||||
|
||||
@media @screen_max-md {
|
||||
background-color: @ini_existing;
|
||||
border-color: @ini_background_content;
|
||||
color: @ini_background_content;
|
||||
border-color: @ini_background;
|
||||
color: @ini_background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -155,16 +155,16 @@
|
|||
|
||||
> a {
|
||||
cursor: default;
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
border-color: @ini_existing;
|
||||
border-bottom-color: @ini_background_content;
|
||||
border-bottom-color: @ini_background;
|
||||
color: @ini_existing;
|
||||
|
||||
@media @screen_max-md {
|
||||
background-color: @ini_existing;
|
||||
border-bottom-color: @ini_existing;
|
||||
border-radius: 0;
|
||||
color: @ini_background_content;
|
||||
color: @ini_background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -187,7 +187,7 @@
|
|||
right: 0;
|
||||
display: none;
|
||||
width: 100%;
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
border: 1px solid @ini_existing;
|
||||
|
||||
@media @screen_min-xs {
|
||||
|
|
|
@ -116,7 +116,7 @@ nav#dokuwiki__pagetools {
|
|||
&:hover {
|
||||
ul {
|
||||
box-shadow: @box-shadow; // @box-shadow-offset;
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
border-color: @wikiicons-border;
|
||||
|
||||
li {
|
||||
|
@ -142,7 +142,7 @@ nav#dokuwiki__pagetools {
|
|||
svg {
|
||||
background-color: @ini_existing;
|
||||
border-color: @ini_existing;
|
||||
fill: @ini_background_content;
|
||||
fill: @ini_background;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -78,7 +78,7 @@
|
|||
|
||||
position: relative;
|
||||
display: table-cell;
|
||||
background-color: @ini_background;
|
||||
background-color: @ini_background_site;
|
||||
border: solid 1px @wikiicons-border; // @ini_border_light;
|
||||
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
|
||||
color: @ini_text_webframe;
|
||||
|
@ -251,7 +251,7 @@
|
|||
|
||||
&.noopentasks {
|
||||
strong {
|
||||
background-color: @ini_background;
|
||||
background-color: @ini_background_site;
|
||||
border-color: @noopentasks-border;
|
||||
color: @ini_text_webframe;
|
||||
}
|
||||
|
|
|
@ -71,8 +71,8 @@
|
|||
|
||||
.diffnav {
|
||||
a {
|
||||
background-color: @ini_background;
|
||||
border: solid 1px @ini_background;
|
||||
background-color: @ini_background_site;
|
||||
border: solid 1px @ini_background_site;
|
||||
border-radius: @ini_default_border_radius;
|
||||
color: @ini_nav_menu_color;
|
||||
transition: @transition background-color, @transition color, @transition border-color;
|
||||
|
@ -88,7 +88,7 @@
|
|||
&:active {
|
||||
background-color: @ini_nav_menu_color;
|
||||
border: solid 1px @ini_nav_menu_color;
|
||||
color: @ini_background;
|
||||
color: @ini_background_site;
|
||||
|
||||
&::before {
|
||||
background-color: inherit;
|
||||
|
@ -114,7 +114,7 @@
|
|||
}
|
||||
|
||||
th {
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
color: @ini_text;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
@font_family_screen: arial, sans-serif;
|
||||
@font_family_print: "Times New Roman", serif;
|
||||
|
||||
@nav_direct_background: @ini_background_content;
|
||||
@nav_direct_background: @ini_background;
|
||||
@nav_direct_color: @ini_existing;
|
||||
|
||||
@ini_sidebar_width: (100 - @ini_site_width) - 4;
|
||||
|
@ -72,12 +72,12 @@
|
|||
|
||||
|
||||
/* edit mode */
|
||||
@highlight-odd-ini_text: fade(@ini_background_content, 95%);
|
||||
@highlight-odd-ini_text: fade(@ini_background, 95%);
|
||||
@highlight-even-ini_text: fade(@ini_text, 5%);
|
||||
@color-editBox: #252525; // editmode for tables, revision states
|
||||
|
||||
|
||||
//@nolinkedicon-ini_background: fade(@ini_background, 10%);
|
||||
//@nolinkedicon-ini_background: fade(@ini_background_site, 10%);
|
||||
//@opacity-ini_nav_menu_color: fade(@ini_nav_menu_color, 40%);
|
||||
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
|
||||
html, body {
|
||||
background-color: @ini_background;
|
||||
background-color: @ini_background_site;
|
||||
}
|
||||
|
||||
|
||||
|
@ -45,7 +45,7 @@ html, body {
|
|||
font-size: @font-size-small;
|
||||
border: solid @ini_background_alt;
|
||||
border-width: 1px 1px 0;
|
||||
background-color: @ini_background;
|
||||
background-color: @ini_background_site;
|
||||
color: @ini_text_alt;
|
||||
padding: .1em .35em;
|
||||
border-top-left-radius: 2px;
|
||||
|
@ -59,7 +59,7 @@ html, body {
|
|||
clear: both;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
background: @ini_background_content;
|
||||
background: @ini_background;
|
||||
color: inherit;
|
||||
padding: @page_padding-top @margin-default @margin-default;
|
||||
|
||||
|
@ -520,7 +520,7 @@ button img {
|
|||
|
||||
hr {
|
||||
border-top: solid @ini_border;
|
||||
border-bottom: solid @ini_background;
|
||||
border-bottom: solid @ini_background_site;
|
||||
border-width: 1px 0;
|
||||
height: 0;
|
||||
text-align: center;
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
button {
|
||||
min-height: 1rem;
|
||||
height: 1.8em;
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
border-top: solid 1px @ini_button_background;
|
||||
border-color: @ini_border;
|
||||
border-radius: 0 0 @fix_border-radius @fix_border-radius;
|
||||
|
@ -41,7 +41,7 @@
|
|||
&:active {
|
||||
background-color: @ini_existing;
|
||||
border-color: @ini_existing;
|
||||
color: @ini_background_content;
|
||||
color: @ini_background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -11,7 +11,7 @@ ul.page-attributes {
|
|||
|
||||
strong {
|
||||
overflow: hidden;
|
||||
background-color: @ini_background;
|
||||
background-color: @ini_background_site;
|
||||
border-color: @noopentasks-border;
|
||||
color: @ini_text_webframe;
|
||||
}
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
button,
|
||||
input.button {
|
||||
min-height: 1rem;
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
border-top: solid 1px @ini_button_background;
|
||||
border-color: @ini_border;
|
||||
border-radius: 0 0 @fix_border-radius @fix_border-radius;
|
||||
|
@ -31,7 +31,7 @@
|
|||
&:active {
|
||||
background-color: @ini_existing;
|
||||
border-color: @ini_existing;
|
||||
color: @ini_background_content;
|
||||
color: @ini_background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -49,7 +49,7 @@
|
|||
min-height: @height-context-bar;
|
||||
box-sizing: border-box;
|
||||
box-shadow: @box-shadow;
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
|
||||
font-size: @font-size-default;
|
||||
padding: .8em 1em .5em;
|
||||
|
|
|
@ -65,7 +65,7 @@
|
|||
background-color: @ini_existing;
|
||||
background-image: url("svg.php?svg=file-export.svg&f=background_content");
|
||||
border-color: @ini_existing;
|
||||
color: @ini_background_content;
|
||||
color: @ini_background;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -35,7 +35,7 @@ div#dwpl-ti-container {
|
|||
&.selected {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
color: @ini_text;
|
||||
}
|
||||
}
|
||||
|
@ -48,7 +48,7 @@ div#dwpl-ti-container {
|
|||
z-index: 0;
|
||||
overflow: auto;
|
||||
box-shadow: @box-shadow;
|
||||
background-color: @ini_background_content;
|
||||
background-color: @ini_background;
|
||||
border: solid 1px @ini_border;
|
||||
border-radius: 0;
|
||||
margin-top: -1px;
|
||||
|
|
|
@ -52,7 +52,7 @@
|
|||
svg {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border: solid 1px @ini_background_content;
|
||||
border: solid 1px @ini_background;
|
||||
border-radius: @ini_default_border_radius;
|
||||
fill: @ini_existing;
|
||||
transition: @transition background-color, @transition border-color, @transition fill;
|
||||
|
@ -71,10 +71,10 @@
|
|||
svg {
|
||||
background-color: @ini_existing;
|
||||
border-color: @ini_existing;
|
||||
fill: @ini_background_content;
|
||||
fill: @ini_background;
|
||||
|
||||
path {
|
||||
fill: @ini_background_content;
|
||||
fill: @ini_background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
img {
|
||||
margin: 0;
|
||||
display: block;
|
||||
border: 1px dotted @ini_background;
|
||||
border: 1px dotted @ini_background_site;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue