openrat-cms

# OpenRat Content Management System
git clone http://git.code.weiherhei.de/openrat-cms.git
Log | Files | Refs

commit db16d6c68fce9be673c8053901bcf604491cfece
parent b80e203bdc9e8d73aba1cc780b56b1f4013ba5d4
Author: Jan Dankert <develop@jandankert.de>
Date:   Fri, 24 May 2019 01:09:38 +0200

Cleanup: Alte CSS-Regeln entfernt.

Diffstat:
modules/cms-ui/themes/default/style/theme/openrat-theme.less | 302+++++++++++++++++++------------------------------------------------------------
1 file changed, 70 insertions(+), 232 deletions(-)

diff --git a/modules/cms-ui/themes/default/style/theme/openrat-theme.less b/modules/cms-ui/themes/default/style/theme/openrat-theme.less @@ -30,11 +30,6 @@ html.theme-@{cms-theme-id} { scrollbar-arrow-color: @cms-title-background-color; scrollbar-base-color: @cms-title-text-color; - #workbench div.panel.modal { - border-color: @cms-text-color ! important; - .box-shadow(0px, 0px, 40px, @cms-text-color); - } - div#dialog { > .view { background-color: @cms-background-color; @@ -53,26 +48,6 @@ html.theme-@{cms-theme-id} { } } - div.container > div.divider.ui-draggable-dragging { - background-color: @cms-title-background-color; - } - - .arrow-down { - border-top-color: @cms-title-background-color; - } - - .arrow-right { - border-left-color: @cms-title-background-color; - } - - iframe { - border: 1px solid @cms-title-background-color; - } - - div.breadcrumb, div.breadcrumb a, div.panel > div.title { - color: @cms-title-text-color; - } - div#noticebar { @notice-ok-color: #00d95a; @@ -129,28 +104,18 @@ html.theme-@{cms-theme-id} { } } - } - - ul#history > li, div.content a.action, div.content a.help { - border-color: @cms-title-background-color; - .border-radius(5px); - background-color: @cms-title-text-color; - background: -moz-linear-gradient(top, @cms-title-background-color, @cms-inactive-background-color); - background: -webkit-gradient(linear, left top, left bottom, from(@cms-title-background-color), to(@cms-inactive-background-color)); - color: @cms-text-color; - } + dl.notice { + border-left: 10px @cms-inactive-background-color solid; + border-right: 1px @cms-inactive-background-color solid; - ul#history > li.active { - background-color: @cms-title-text-color; - color: @cms-text-color; - } - - a.action:hover, a.help:hover, div.noaction:hover { - border-color: @cms-title-text-color; - } + & > dt { + border-top: 1px @cms-inactive-background-color solid; + } - a.action:active, a.help:active, div.noaction:active, input.ok:active { - border-color: red; + & > dd { + border-bottom: 1px @cms-inactive-background-color solid; + } + } } body, a { @@ -158,65 +123,20 @@ html.theme-@{cms-theme-id} { } - td.preview { - background-color: papayawhip; - border-top: 1px solid @cms-inactive-background-color; - border-bottom: 1px solid @cms-inactive-background-color; - } - - .preview a:link, .preview a:visited, .preview a:active, .preview a:hover { + .preview { + a:link, a:visited, a:active, a:hover { + } color: blue; } - body.menu tr.menu td table tr td.noaction, body.main tr.menu td table tr td.noaction { - color: @cms-title-background-color; - } - - img[align=left], img[align=right] { - padding-right: 1px; - padding-left: 1px; - } - small { color: @cms-title-background-color; } - body.main table.main td.window td.act { - border-top: 1px solid @cms-title-background-color; - } - - td.motd { - border-left: 3px solid red; - border-right: 3px solid red; - font-weight: bold; - padding: 10px; - margin: 10px; - } - textarea.longtext { border: 1px solid @cms-text-color; } - td.notice { - margin: 0px; - padding: 5%; - text-align: center; - } - - table.notice { - width: 100%; - border: 1px solid; - border-spacing: 0px; - } - - table.notice th { - padding: 2px; - white-space: nowrap; - border-bottom: 1px solid @cms-text-color; - font-weight: normal; - text-align: left; - } - table.calendar td { border: 1px dotted; } @@ -226,39 +146,63 @@ html.theme-@{cms-theme-id} { } - table tr.headline > td, - table tr.headline > th { - border-bottom: 1px solid @cms-title-background-color; - } + table { - table tr.data > td { - border-bottom: 1px solid @cms-title-background-color; - } + tr.headline > td, + tr.headline > th { + border-bottom: 1px solid @cms-title-background-color; + } - table > tr.data:nth-child(2n) { - background-color: @cms-inactive-background-color; - } + tr.data > td { + border-bottom: 1px solid @cms-title-background-color; + } - table tr.data:hover, div.content li div.entry:hover { - background-color: @cms-inactive-background-color; + > tr.data:nth-child(2n) { + background-color: @cms-inactive-background-color; + } + + tr.data:hover, div.content li div.entry:hover { + background-color: @cms-inactive-background-color; + } } #navigation div.clickable:hover { background-color: @cms-inactive-background-color; } - div.panel div.status div, div.message { - border: 1px solid @cms-title-background-color; - } + #workbench { - #workbench div.panel.fullscreen { - background-color: @cms-background-color; - } + & > div { + background-color: @cms-background-color; + background-image: linear-gradient(to bottom, @cms-background-color 0%, lighten(@cms-background-color, 20%) 100%); + + main section { + //.box-shadow(5px,5px,5px,@cms-text-color); + border-color: @cms-text-color; + + &.open { + background-color: lighten(@cms-background-color, 10%); + } + } + } + + div.panel.fullscreen { + background-color: @cms-background-color; + } + + div.panel { + border: 1px solid @cms-title-background-color; + } + + + div.panel.modal { + border-color: @cms-text-color ! important; + .box-shadow(0px, 0px, 40px, @cms-text-color); + } - #workbench div.panel { - border: 1px solid @cms-title-background-color; } + input.submit, .or-form-btn, .or-link-btn { @@ -271,29 +215,6 @@ html.theme-@{cms-theme-id} { } } - ul#history > li { - border: 1px solid @cms-title-background-color; - background-color: @cms-inactive-background-color; - color: @cms-text-color; - } - - ul#history > li.active { - border: 1px solid @cms-text-color; - background-color: @cms-title-text-color; - color: @cms-text-color; - } - - ul#history { - display: none; - } - - .or-menu .arrow-down { - border-right-color: transparent; - border-left-color: transparent; - border-top-color: @cms-inactive-background-color; - border-bottom-color: transparent; - } - header { background-color: @cms-title-background-color; @@ -432,42 +353,24 @@ html.theme-@{cms-theme-id} { } - tr.diff > td.line { - background-color: @cms-title-text-color; - padding-right: 2px; - border-right: 3px solid @cms-title-background-color; - text-align: right; - margin-right: 2px; - } - - tr.diff { - - & > td.equal { - } + table { - & > td.old { - background-color: red; - } + tr.diff { - & > td.new { - background-color: green; - } - - & > td.notequal { - background-color: yellow; - } - } + & > td.equal { + } - dl.notice { - border-left: 10px @cms-inactive-background-color solid; - border-right: 1px @cms-inactive-background-color solid; + & > td.old { + background-color: red; + } - & > dt { - border-top: 1px @cms-inactive-background-color solid; - } + & > td.new { + background-color: green; + } - & > dd { - border-bottom: 1px @cms-inactive-background-color solid; + & > td.notequal { + background-color: yellow; + } } } @@ -497,55 +400,6 @@ html.theme-@{cms-theme-id} { border: 1px dotted @cms-text-color; } - /* SVG-Icons */ - - body { - svg.image-icon > path { - fill: @cms-text-color; - } - - #title { - - svg { - width: 18px; - height: 18px; - } - - svg.image-icon > path { - fill: @cms-title-text-color; - } - - .dropdown { - svg.image-icon > path { - fill: @cms-text-color; - - } - } - - div.entry { - svg.image-icon > path { - fill: @cms-inactive-background-color; - } - - } - - div.entry.active { - svg.image-icon > path { - fill: @cms-text-color; - } - - } - - div.entry.active:hover { - svg.image-icon > path { - fill: @cms-title-text-color; - } - - } - - } - } - div.clickable.filtered > a { color: @cms-inactive-background-color; } @@ -554,22 +408,6 @@ html.theme-@{cms-theme-id} { color: @cms-background-color; } - div#workbench { - & > div { - background-color: @cms-background-color; - background-image: linear-gradient(to bottom, @cms-background-color 0%, lighten(@cms-background-color, 20%) 100%); - - main section { - //.box-shadow(5px,5px,5px,@cms-text-color); - border-color: @cms-text-color; - - &.open { - background-color: lighten(@cms-background-color, 10%); - } - } - } - } - .or-round-corners { .border-radius(1em); }