WIP style adjustments to match eh22 styleguide
This commit is contained in:
parent
d55ab6d7eb
commit
9402a254c6
56 changed files with 966 additions and 232 deletions
|
@ -9,9 +9,10 @@
|
|||
min-width: 100%;
|
||||
overflow-x: auto;
|
||||
box-sizing: border-box;
|
||||
background-color: @background_darker;
|
||||
background-color: var(--color-background);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
color: var(--color-foreground)
|
||||
}
|
||||
|
||||
.selectiondefault {
|
||||
|
@ -20,11 +21,24 @@
|
|||
}
|
||||
|
||||
tr {
|
||||
a {
|
||||
color: var(--color-shade-4);
|
||||
}
|
||||
|
||||
.input {
|
||||
background-color: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
background-color: var(--color-background);
|
||||
color: var(--color-foreground);
|
||||
}
|
||||
|
||||
select.edit {
|
||||
padding: 0 0.3em;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
td {
|
||||
color: inherit;
|
||||
|
@ -36,13 +50,17 @@
|
|||
.input {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
background-color: var(--color-shade-1);
|
||||
}
|
||||
}
|
||||
|
||||
td.label {
|
||||
padding: .8em 0 1.2em 1em;
|
||||
|
||||
span.outkey {
|
||||
background-color: @ini_background;
|
||||
background-color: var(--color-background);
|
||||
color: inherit;
|
||||
font-size: (@font-size-small - .06);
|
||||
font-weight: bold;
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
button {
|
||||
min-height: 1rem;
|
||||
height: 1.8em;
|
||||
background-color: @ini_background;
|
||||
background-color: var(--color-background);
|
||||
border-top: solid 1px @ini_button_background;
|
||||
border-color: @ini_border;
|
||||
border-radius: 0 0 @fix_border-radius @fix_border-radius;
|
||||
|
@ -40,7 +40,7 @@
|
|||
&:active {
|
||||
background-color: @ini_existing;
|
||||
border-color: @ini_existing;
|
||||
color: @ini_background;
|
||||
color: var(--color-background);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -53,7 +53,7 @@
|
|||
|
||||
.noopentasks {
|
||||
span {
|
||||
background-color: @ini_background_site;
|
||||
background-color: var(--color-background);
|
||||
border-color: @noopentasks-border;
|
||||
color: @ini_text_webframe;
|
||||
}
|
||||
|
@ -86,7 +86,7 @@
|
|||
}
|
||||
|
||||
table.inline {
|
||||
background-color: #FFF;
|
||||
background-color: var(--color-background);
|
||||
margin-top: .5rem;
|
||||
|
||||
@media @screen_max-sm {
|
||||
|
|
|
@ -9,12 +9,12 @@
|
|||
clear: right;
|
||||
background: repeating-linear-gradient(
|
||||
-45deg,
|
||||
@highlight-odd-ini_text,
|
||||
@highlight-odd-ini_text 10px,
|
||||
@highlight-even-ini_text 10px,
|
||||
@highlight-even-ini_text 20px,
|
||||
var(--color-shade-1),
|
||||
var(--color-shade-1) 10px,
|
||||
var(--color-background) 10px,
|
||||
var(--color-background) 20px,
|
||||
);
|
||||
border-color: @ini_background_page_header;
|
||||
border-color: var(--color-background);
|
||||
}
|
||||
|
||||
// "section edit button" and "editbutton_table edit button"
|
||||
|
@ -26,8 +26,10 @@
|
|||
}
|
||||
|
||||
div.editBox {
|
||||
background-color: #FFF;
|
||||
border: solid 2px #FFF;
|
||||
background-color: var(--color-background);
|
||||
border: solid 2px var(--color-shade-4);
|
||||
border-radius: @fix_border-radius;
|
||||
padding: 0.5rem;
|
||||
|
||||
.editButtons {
|
||||
display: inline-block;
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
button,
|
||||
input.button {
|
||||
min-height: 1rem;
|
||||
background-color: @ini_background;
|
||||
background-color: var(--color-background);
|
||||
border-top: solid 1px @ini_button_background;
|
||||
border-color: @ini_border;
|
||||
border-radius: 0 0 @fix_border-radius @fix_border-radius;
|
||||
|
@ -28,7 +28,7 @@
|
|||
&:active {
|
||||
background-color: @ini_existing;
|
||||
border-color: @ini_existing;
|
||||
color: @ini_background;
|
||||
color: var(--color-background);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -50,7 +50,7 @@
|
|||
min-height: @height-context-bar;
|
||||
box-sizing: border-box;
|
||||
box-shadow: @box-shadow;
|
||||
background-color: @ini_background;
|
||||
background-color: var(--color-background);
|
||||
border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
|
||||
font-size: @font-size-default;
|
||||
padding: .8em 1em .5em;
|
||||
|
|
|
@ -23,6 +23,32 @@
|
|||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.panelHeader {
|
||||
background-color: var(--color-shade-2);
|
||||
}
|
||||
|
||||
.filelist .panelContent ul li{
|
||||
background-color: var(--color-shade-2);
|
||||
color: var(--color-foreground);
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-shade-4);
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.file dl {
|
||||
dt{
|
||||
background-color: var(--color-shade-2);
|
||||
padding: 0.2em;
|
||||
}
|
||||
|
||||
dd{
|
||||
background-color: var(--color-shade-1);
|
||||
padding: 0.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
||||
|
|
|
@ -69,7 +69,7 @@
|
|||
background-color: @ini_existing;
|
||||
background-image: url("svg.php?svg=file-export.svg&f=background");
|
||||
border-color: @ini_existing;
|
||||
//color: @ini_background;
|
||||
//color: var(--color-background);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -32,7 +32,7 @@ div#dwpl-ti-container {
|
|||
|
||||
&.selected {
|
||||
position: relative;
|
||||
background-color: @ini_background;
|
||||
background-color: var(--color-background);
|
||||
color: @ini_text;
|
||||
}
|
||||
}
|
||||
|
@ -43,7 +43,7 @@ div#dwpl-ti-container {
|
|||
position: relative;
|
||||
overflow: auto;
|
||||
box-shadow: @box-shadow;
|
||||
background-color: @ini_background;
|
||||
background-color: var(--color-background);
|
||||
border: solid 1px @ini_border;
|
||||
border-radius: 0;
|
||||
margin-top: -1px;
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
#dokuwiki__content.main-content .secedit.editbutton_table{
|
||||
a.button.print {
|
||||
min-height: 1rem;
|
||||
background-color: @ini_background;
|
||||
background-color: var(--color-background);
|
||||
border-radius: 0 @ini_default_border_radius;
|
||||
border-top: solid 1px;
|
||||
border-color: @ini_border;
|
||||
|
|
|
@ -9,6 +9,11 @@
|
|||
position: relative;
|
||||
float: none;
|
||||
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid var(--color-shade-4);
|
||||
padding-bottom: 0.5rem;
|
||||
|
||||
+ * {
|
||||
clear: both;
|
||||
padding-top: 1em; // as h1
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue