commit c7f14439c291d0c27c3e7d1bf5785549be5f70cb parent 192e499be6221aff0e9fb35adebfcec93d7edf2c Author: Jan Dankert <devnull@localhost> Date: Sat, 1 Sep 2018 00:55:45 +0200 Titel mit Menü und die Workbench besser für kleine Geräte geeignet machen. Wenn schmal, werden bestimmte Texte ausgeblende.t Diffstat:
15 files changed, 935 insertions(+), 575 deletions(-)
diff --git a/modules/cms-ui/themes/default/html/views/title/show.php b/modules/cms-ui/themes/default/html/views/title/show.php @@ -1,10 +1,10 @@ - <?php $if2=(!empty($$dbname)); if($if2){?> + <?php $if2=(isset($$dbname)); if($if2){?> <div class="toolbar-icon"> <img class="image-icon image-icon--action" title="" src="./modules/cms-ui/themes/default/images/icon/action/database.svg" /> - <span class="text"><?php echo nl2br(' '); ?></span> + <span class="label"><?php echo nl2br(' '); ?></span> <div class="arrow-down"> </div> @@ -20,7 +20,7 @@ <div class="toolbar-icon menu"> <img class="image-icon image-icon--action" title="" src="./modules/cms-ui/themes/default/images/icon/action/file.svg" /> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'file'.'')))); ?></span> + <span class="label"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'file'.'')))); ?></span> <div class="arrow-down"> </div> @@ -102,7 +102,7 @@ <div class="divide"> </div> <div class="entry clickable"> - <a title="<?php echo lang('menu_save_desc') ?>" target="_self" data-type="post" data-action="" data-method="save" data-id="<?php echo OR_ID ?>" data-extra="[]" data-data="{"action":"<?php echo OR_ACTION ?>","subaction":"save","id":"<?php echo OR_ID ?>","token":"<?php echo token() ?>","none":"0"}"> + <a title="<?php echo lang('menu_save_desc') ?>" target="_self" data-type="post" data-action="" data-method="save" data-id="<?php echo OR_ID ?>" data-extra="[]" data-data="{"action":"title","subaction":"save","id":"<?php echo OR_ID ?>","token":"<?php echo token() ?>","none":"0"}"> <img class="image-icon image-icon--method" title="" src="./modules/cms-ui/themes/default/images/icon/method/save.svg" /> <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'menu_save'.'')))); ?></span> @@ -111,7 +111,7 @@ </div> <div class="entry clickable"> - <a title="<?php echo lang('menu_saveall_desc') ?>" target="_self" data-type="post" data-action="" data-method="saveall" data-id="<?php echo OR_ID ?>" data-extra="[]" data-data="{"action":"<?php echo OR_ACTION ?>","subaction":"saveall","id":"<?php echo OR_ID ?>","token":"<?php echo token() ?>","none":"0"}"> + <a title="<?php echo lang('menu_saveall_desc') ?>" target="_self" data-type="post" data-action="" data-method="saveall" data-id="<?php echo OR_ID ?>" data-extra="[]" data-data="{"action":"title","subaction":"saveall","id":"<?php echo OR_ID ?>","token":"<?php echo token() ?>","none":"0"}"> <img class="image-icon image-icon--method" title="" src="./modules/cms-ui/themes/default/images/icon/method/save.svg" /> <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'menu_saveall'.'')))); ?></span> @@ -146,7 +146,7 @@ <div class="toolbar-icon menu"> <img class="image-icon image-icon--method" title="" src="./modules/cms-ui/themes/default/images/icon/method/edit.svg" /> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'edit'.'')))); ?></span> + <span class="label"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'edit'.'')))); ?></span> <div class="arrow-down"> </div> @@ -347,20 +347,11 @@ </div> <?php } ?> <?php $if2=($isLoggedIn); if($if2){?> - <div class="toolbar-icon clickable filtered on-action-folder on-action-file on-action-page on-action-link on-action-template on-action-element"> - <a title="<?php echo lang('menu_prop_desc') ?>" target="_self" data-type="dialog" data-action="" data-method="prop" data-id="<?php echo OR_ID ?>" data-extra="{'dialogAction':null,'dialogMethod':'prop'}" href="<?php echo Html::url('','prop','',array('dialogAction'=>'','dialogMethod'=>'prop')) ?>"> - <img class="image-icon image-icon--method" title="" src="./modules/cms-ui/themes/default/images/icon/method/prop.svg" /> - - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'menu_prop'.'')))); ?></span> - - </a> - - </div> <div class="toolbar-icon clickable filtered on-action-folder on-action-page on-action-file on-action-pageelement on-action-template"> <a title="<?php echo lang('menu_pub_desc') ?>" target="_self" data-type="dialog" data-action="" data-method="pub" data-id="<?php echo OR_ID ?>" data-extra="{'dialogAction':null,'dialogMethod':'pub'}" href="<?php echo Html::url('','pub','',array('dialogAction'=>'','dialogMethod'=>'pub')) ?>"> <img class="image-icon image-icon--method" title="" src="./modules/cms-ui/themes/default/images/icon/method/publish.svg" /> - <span class="text"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'menu_pub'.'')))); ?></span> + <span class="label"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'menu_pub'.'')))); ?></span> </a> @@ -370,7 +361,7 @@ <div class="toolbar-icon menu"> <img class="image-icon image-icon--method" title="" src="./modules/cms-ui/themes/default/images/icon/method/motd.svg" /> - <span class="text"><?php echo nl2br(' '); ?></span> + <span class="label"><?php echo nl2br(' '); ?></span> <div class="arrow-down"> </div> @@ -395,7 +386,7 @@ <div class="toolbar-icon menu"> <img class="image-icon image-icon--action" title="" src="./modules/cms-ui/themes/default/images/icon/action/user.svg" /> - <span class="titletext"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'menu_help'.'')))); ?></span> + <span class="label"><?php echo nl2br(encodeHtml(htmlentities(lang(''.'menu_help'.'')))); ?></span> <div class="arrow-down"> </div> @@ -414,7 +405,7 @@ <div class="toolbar-icon user menu"> <img class="image-icon image-icon--action" title="" src="./modules/cms-ui/themes/default/images/icon/action/user.svg" /> - <span class="titletext"><?php echo nl2br(encodeHtml(htmlentities(Text::maxLength( $userfullname,25,'..',constant('STR_PAD_BOTH') )))); ?></span> + <span class="label"><?php echo nl2br(encodeHtml(htmlentities(Text::maxLength( $userfullname,25,'..',constant('STR_PAD_BOTH') )))); ?></span> <div class="arrow-down"> </div> diff --git a/modules/cms-ui/themes/default/html/views/title/show.tpl.src.xml b/modules/cms-ui/themes/default/html/views/title/show.tpl.src.xml @@ -5,7 +5,7 @@ <if present="var:dbname"> <part class="toolbar-icon"> <image action="database"></image> - <text raw="_"/> + <text class="label" raw="_"/> <part class="arrow-down"/> <part class="dropdown"> <part class="entry"> @@ -21,7 +21,7 @@ <if true="var:isLoggedIn"> <part class="toolbar-icon menu"> <image action="file"></image> - <text key="file"></text> + <text class="label" key="file"></text> <part class="arrow-down"/> <part class="dropdown"> <part @@ -125,7 +125,7 @@ <part class="toolbar-icon menu"> <image method="edit" align="left"></image> - <text key="edit"></text> + <text class="label" key="edit"></text> <part class="arrow-down"/> <part class="dropdown"> <part @@ -364,18 +364,20 @@ <!-- Falls eingeloggt: Weitere Aktionsbuttons --> <if true="var:isLoggedIn"> +<!-- <part class="toolbar-icon clickable filtered on-action-folder on-action-file on-action-page on-action-link on-action-template on-action-element"> <link type="dialog" subaction="prop" title="message:menu_prop_desc"> <image method="prop" align="left"></image> - <text key="menu_prop"></text> + <text class="label" key="menu_prop"></text> </link> </part> +--> <part class="toolbar-icon clickable filtered on-action-folder on-action-page on-action-file on-action-pageelement on-action-template"> <link type="dialog" subaction="pub" title="message:menu_pub_desc"> <image method="publish" align="left"></image> - <text key="menu_pub"></text> + <text class="label" key="menu_pub"></text> </link> </part> </if> @@ -385,7 +387,7 @@ <if not="" empty="config:login/motd"> <part class="toolbar-icon menu"> <image method="motd" align="left"></image> - <text raw="_"/> + <text class="label" raw="_"/> <part class="arrow-down"/> <part class="dropdown"> <part class="entry"> @@ -410,7 +412,7 @@ <!-- Benutzer --> <part class="toolbar-icon menu"> <image action="user" align="left"></image> - <text class="titletext" key="menu_help"></text> + <text class="label" key="menu_help"></text> <part class="arrow-down"/> <part class="dropdown"> <part class="entry clickable"> @@ -424,7 +426,7 @@ <part class="toolbar-icon user menu"> <image action="user" align="left"></image> - <text class="titletext" var="userfullname" maxlength="25"></text> + <text class="label" var="userfullname" maxlength="25"></text> <part class="arrow-down"/> <!-- <part class="arrow-down" />--> diff --git a/modules/cms-ui/themes/default/style/openrat-base.css b/modules/cms-ui/themes/default/style/openrat-base.css @@ -1,3 +1,186 @@ +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ +html { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + font-size: 0.8em; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 1.2em; + margin: 0.67em 0; +} +mark { + background: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} /* Box-Sizing: We are using border-box as this is the most intuitive way for sizing. */ *, ::before, @@ -12,40 +195,4 @@ * { transition: width ease 0.5s; } -div#workbench { - width: 100%; - height: 100%; - display: flex; - flex-direction: column; - /* vertikale Flex-Box zwischen Header und Hauptbereich */ -} -div#workbench > header { - height: 3rem; -} -div#workbench > div { - /* Horizontale Flexbox */ - display: flex; - flex: 1; - flex-direction: row; - /* - https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox - Whenever you've got an element with overflow: [hidden|scroll|auto] inside of a flex item, you need to give its ancestor flex item min-width:0 (in a horizontal flex container) or min-height:0 (in a vertical flex container), to disable this min-sizing behavior, or else the flex item will refuse to shrink smaller than the child's min-content size. - */ - min-height: 0; -} -div#workbench > div > main { - flex: 3; -} -div#workbench > div > nav { - width: 10rem; - flex: 1; -} -div#workbench > div > aside { - xwidth: 10rem; - flex: 1; -} -div#workbench > div > * { - overflow-y: auto; - overflow-x: hidden; -} -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-base.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAACA%3BAAAG%3BAAAU%3BCACX%3B%3B%3BAAIF%3BCACE%3B%3B%3BAAIF%3BCACE%2C2BAAA%3B%3BAAGF%2CGAAG%3BCACD%3BCACA%3BCACA%3BCACA%3B%3B%3BAAJF%2CGAAG%2CUAUC%3BCACA%3B%3BAAXJ%2CGAAG%2CUAaC%3B%3BCAGA%3BCACA%3BCACA%3B%3B%3B%3B%3BCAMA%3B%3BAAxBJ%2CGAAG%2CUAaC%2CMAaE%3BCACA%3B%3BAA3BN%2CGAAG%2CUAaC%2CMAgBE%3BCACA%3BCACA%3B%3BAA%5C%2FBN%2CGAAG%2CUAaC%2CMAoBE%3BCACA%3BCACA%3B%3BAAnCN%2CGAAG%2CUAaC%2CMAwBE%3BCACA%3BCACA%22%7D */- \ No newline at end of file +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-base.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAIA%3BCACE%2CgDAAgD%2CYAAY%2CaAAa%2CUAAU%2CUAAU%2CUAAU%2CaACvG%2CaAAa%2CcAAc%2C4BAD3B%3BCAEA%3BCACA%3BCACA%3B%3BAAIF%3BCAAO%3B%3BAAMP%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BAACA%3BCACE%3B%3BAAKF%3BAACA%3BAACA%3BAACA%3BCACE%3BCACA%3B%3BAAKF%2CKAAK%2CIAAI%3BCACP%3BCACA%3B%3BAAKF%3BAACA%3BCACE%3B%3BAAKF%3BCACE%3B%3BAAEA%2CCAAC%3BAACD%2CCAAC%3BCACC%3B%3BAAOJ%2CIAAI%3BCAAU%2CyBAAA%3B%3BAAGd%3BAACA%3BCACE%3B%3BAAIF%3BCAAM%3B%3BAAGN%3BCACE%3BCACA%2CgBAAA%3B%3BAAIF%3BCACE%3BCACA%3B%3BAAIF%3BCAAQ%3B%3BAAGR%3BAACA%3BCACE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%3BCAAM%3B%3BAACN%3BCAAM%3B%3BAAIN%3BCAAM%3B%3BAAGN%2CGAAG%2CIAAI%3BCAAU%3B%3BAAIjB%3BCAAS%2CgBAAA%3B%3BAAGT%3BCACE%3BCACA%3BCACA%3B%3BAAIF%3BCAAM%3B%3BAAGN%3BAACA%3BAACA%3BAACA%3BCACE%2CiCAAA%3BCACA%3B%3BAAWF%3BAACA%3BAACA%3BAACA%3BAACA%3BCACE%3BCACA%3BCACA%3B%3BAAIF%3BCAAS%3B%3BAAMT%3BAACA%3BCACE%3B%3BAAMF%3BAACA%2CIAAK%2CMAAK%3BCACR%3BCACA%3B%3BAAIF%2CMAAM%3BAACN%2CIAAK%2CMAAK%3BCACR%3B%3BAAMA%2CMADF%2CMACG%3BCACC%3BCACA%3B%3BAAKJ%3BCACE%3B%3BAACA%2CKAAC%3BAACD%2CKAAC%3BCACC%3BCACA%3B%3BAAOF%2CKAAC%3BAACD%2CKAAC%3BCACC%3BCACA%3B%3BAAOA%2CKADD%2CeACE%3BAACD%2CKAFD%2CeAEE%3BCACC%3B%3BAAMJ%2CKAAC%3BCACC%3BCACA%3BCACA%3BCACA%3B%3BAAKA%2CKATD%2CeASE%3BAACD%2CKAVD%2CeAUE%3BCACC%3B%3BAAON%3BCACE%2CyBAAA%3BCACA%2CaAAA%3BCACA%2C8BAAA%3B%3BAAKF%3BCACE%3BCACA%3B%3BAAIF%3BCAAW%3B%3BAAIX%3BCAAW%3B%3BAAIX%3BCACE%3BCACA%3B%3BAAGF%3BAACA%3BCACE%3B%3B%3BAAUF%3BAAAG%3BAAAU%3BCACX%3B%3B%3BAAOF%3BCACE%3B%3B%3BAAMF%3BCACE%2C2BAAA%22%7D */+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-base.less b/modules/cms-ui/themes/default/style/openrat-base.less @@ -1,60 +1,302 @@ -/* Box-Sizing: We are using border-box as this is the most intuitive way for sizing. */ -*, ::before, ::after { - box-sizing: border-box; +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ + +// * 1. Set default font family to sans-serif. +// * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. +html { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", + "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + font-size: 0.8em; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } -/* After page loading, all elements are hidden. This class will be removed by javascript. */ -.initial-hidden { - display: none; +// Remove default margin. +body { margin: 0 } + +// HTML5 display definitions ========================================================================== +// * Correct `block` display not defined for any HTML5 element in IE 8/9. +// * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. +// * Correct `block` display not defined for `main` in IE 11. +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; } -/* Use Transition effects for all elements. */ -* { - transition: width ease 0.5s; +// * 1. Correct `inline-block` display not defined in IE 8/9. +// * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +// * Prevent modern browsers from displaying `audio` without controls. +// * Remove excess height in iOS 5 devices. +audio:not([controls]) { + display: none; + height: 0; } -div#workbench { - width: 100%; - height: 100%; - display: flex; - flex-direction: column; +// * Address `[hidden]` styling not present in IE 8/9/10. +// * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. +[hidden], +template { + display: none; +} - /* vertikale Flex-Box zwischen Header und Hauptbereich */ - > * { +// Links ========================================================================== +// * Remove the gray background color from active links in IE 10. +a { + background: transparent; + // * Improve readability when focused and also mouse hovered in all browsers. + &:active, + &:hover { + outline: 0; } +} + +// Text-level semantics ========================================================================== + +// * Address styling not present in IE 8/9/10/11, Safari, and Chrome. +abbr[title] { border-bottom: 1px dotted; } + +// * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. +b, +strong { + font-weight: bold; +} + +// * Address styling not present in Safari and Chrome. +dfn { font-style: italic; } + +// * Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. +h1 { + font-size: 1.2em; + margin: 0.67em 0; +} - > header { - height: 3rem; +// * Address styling not present in IE 8/9. +mark { + background: #ff0; + color: #000; +} + +// * Address inconsistent and variable font size in all browsers. +small { font-size: 80%; } + +// * Prevent `sub` and `sup` affecting `line-height` in all browsers. +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { top: -0.5em; } +sub { bottom: -0.25em; } + +// Embedded content ========================================================================== +// * Remove border when inside `a` element in IE 8/9/10. +img { border: 0; } + +// * Correct overflow not hidden in IE 9/10/11. +svg:not(:root) { overflow: hidden; } + +// Grouping content ========================================================================== +// * Address margin not present in IE 8/9 and Safari. +figure { margin: 1em 40px; } + +// * Address differences between Firefox and other browsers. +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +// * Contain overflow in all browsers. +pre { overflow: auto; } + +// * Address odd `em`-unit font size rendering in all browsers. +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +// Forms ========================================================================== +// * Known limitation: by default, Chrome and Safari on OS X allow very limited +// * styling of `select`, unless a `border` property is set. + +// * 1. Correct color not being inherited. +// * Known issue: affects color of disabled elements. +// * 2. Correct font properties not being inherited. +// * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +// * Address `overflow` set to `hidden` in IE 8/9/10/11. +button { overflow: visible;} + +// * Address inconsistent `text-transform` inheritance for `button` and `select`. +// * All other form control elements do not inherit `text-transform` values. +// * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. +// * Correct `select` style inheritance in Firefox. +button, +select { + text-transform: none; +} + +// * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. +// * 2. Correct inability to style clickable `input` types in iOS. +// * 3. Improve usability and consistency of cursor style between image-type `input` and others. +button, +html input[type="button"] { + -webkit-appearance: button; + cursor: pointer; +} + +// * Re-set default cursor for disabled elements. +button[disabled], +html input[disabled] { + cursor: default; +} + +// * Remove inner padding and border in Firefox 4+. +button +input { + &::-moz-focus-inner { + border: 0; + padding: 0; } - > div { +} - /* Horizontale Flexbox */ - display: flex; - flex: 1; - flex-direction: row; +// * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. +input { + line-height: normal; + &[type="reset"], + &[type="submit"] { + -webkit-appearance: button; + cursor: pointer; + } - /* - https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox - Whenever you've got an element with overflow: [hidden|scroll|auto] inside of a flex item, you need to give its ancestor flex item min-width:0 (in a horizontal flex container) or min-height:0 (in a vertical flex container), to disable this min-sizing behavior, or else the flex item will refuse to shrink smaller than the child's min-content size. - */ - min-height: 0; + // * It's recommended that you don't attempt to style these elements. + // * Firefox's implementation doesn't respect box-sizing, padding, or width. + // * 1. Address box sizing set to `content-box` in IE 8/9/10. + // * 2. Remove excess padding in IE 8/9/10. + &[type="checkbox"], + &[type="radio"] { + box-sizing: border-box; + padding: 0; + } - > main { - flex: 3; - } - > nav { - width: 10rem; - flex: 1; - } - > aside { - xwidth: 10rem; - flex: 1; + // * Fix the cursor style for Chrome's increment/decrement buttons. For certain + // * `font-size` values of the `input`, it causes the cursor style of the + // * decrement button to change from `default` to `text`. + &[type="number"] { + &::-webkit-inner-spin-button, + &::-webkit-outer-spin-button { + height: auto; } - > * { - overflow-y: auto; - overflow-x: hidden; + } + + // * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + // * 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). + &[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + + // * Remove inner padding and search cancel button in Safari and Chrome on OS X. + // * Safari (but not Chrome) clips the cancel button when the search input has + // * padding (and `textfield` appearance). + &::-webkit-search-cancel-button, + &::-webkit-search-decoration { + -webkit-appearance: none; } } } +// * Define consistent border, margin, and padding. +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +// * 1. Correct `color` not being inherited in IE 8/9/10/11. +// * 2. Remove padding so people aren't caught out if they zero out fieldsets. +legend { + border: 0; + padding: 0; +} + +// * Remove default vertical scrollbar in IE 8/9/10/11. +textarea { overflow: auto; } + +// * Don't inherit the `font-weight` (applied by a rule above). +// * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. +optgroup { font-weight: bold; } + +// Tables ========================================================================== +// * Remove most spacing between table cells. +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + + + + + + + +/* Box-Sizing: We are using border-box as this is the most intuitive way for sizing. */ +*, ::before, ::after { + box-sizing: border-box; +} + + + + +/* After page loading, all elements are hidden. This class will be removed by javascript. */ +.initial-hidden { + display: none; +} + + + +/* Use Transition effects for all elements. */ +* { + transition: width ease 0.5s; +} + + diff --git a/modules/cms-ui/themes/default/style/openrat-base.min.css b/modules/cms-ui/themes/default/style/openrat-base.min.css @@ -1 +1 @@ -*,::before,::after{box-sizing: border-box}.initial-hidden{display: none}*{transition: width ease .5s}div#workbench{width: 100%;height: 100%;display: flex;flex-direction: column}div#workbench > header{height: 3rem}div#workbench > div{display: flex;flex: 1;flex-direction: row;min-height: 0}div#workbench > div > main{flex: 3}div#workbench > div > nav{width: 10rem;flex: 1}div#workbench > div > aside{xwidth: 10rem;flex: 1}div#workbench > div > *{overflow-y: auto;overflow-x: hidden}- \ No newline at end of file +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-size: 0.8em;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body{margin: 0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}audio,canvas,progress,video{display: inline-block;vertical-align: baseline}audio:not([controls]){display: none;height: 0}[hidden],template{display: none}a{background: transparent}a:active,a:hover{outline: 0}abbr[title]{border-bottom: 1px dotted}b,strong{font-weight: bold}dfn{font-style: italic}h1{font-size: 1.2em;margin: .67em 0}mark{background: #ff0;color: #000}small{font-size: 80%}sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sup{top: -0.5em}sub{bottom: -0.25em}img{border: 0}svg:not(:root){overflow: hidden}figure{margin: 1em 40px}hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0}pre{overflow: auto}code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em}button,input,optgroup,select,textarea{color: inherit;font: inherit;margin: 0}button{overflow: visible}button,select{text-transform: none}button,html input[type="button"]{-webkit-appearance: button;cursor: pointer}button[disabled],html input[disabled]{cursor: default}button input::-moz-focus-inner{border: 0;padding: 0}input{line-height: normal}input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer}input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto}input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none}fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: .35em .625em .75em}legend{border: 0;padding: 0}textarea{overflow: auto}optgroup{font-weight: bold}table{border-collapse: collapse;border-spacing: 0}td,th{padding: 0}*,::before,::after{box-sizing: border-box}.initial-hidden{display: none}*{transition: width ease .5s}+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-header.css b/modules/cms-ui/themes/default/style/openrat-header.css @@ -9,10 +9,9 @@ display: inline; width: 0; height: 0; - margin: 6; + margin: 6px; padding: 0px; margin-top: 10px; - font-size: 0; } #title div.toolbar-icon { padding: 2px; @@ -68,4 +67,4 @@ #title.open .toolbar-icon.open > div.dropdown { display: block; } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-header.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAACA%3BCACI%3BCACA%3B%3B%3B%3BAAFJ%2CMAKM%2CMAAM%2CMAAG%3BCACP%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAZR%2CMAeI%2CIAAG%3BCACC%3BCAEA%3BCACA%3B%3B%3B%3BAAGA%2CMAPJ%2CIAAG%2CaAOE%3BAACD%2CMARJ%2CIAAG%2CaAQE%3BAACD%2CMATJ%2CIAAG%2CaASE%3BCACG%3BCACA%3BCACA%3B%3BAAGJ%2CMAfJ%2CIAAG%2CaAeE%3BCACG%3B%3BAAEJ%2CMAlBJ%2CIAAG%2CaAkBE%2COAAQ%3BCACL%3BCACA%3B%3BAAnCZ%2CMAeI%2CIAAG%2CaAwBC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%2CgBAAA%3BCAEA%3BCACA%3BCACA%3B%3BAAhDZ%2CMAeI%2CIAAG%2CaAwBC%2CIAAG%2CSAWC%2CIAAG%3BCACC%3B%3B%3BAAnDhB%2CMAeI%2CIAAG%2CaAwBC%2CIAAG%2CSAWC%2CIAAG%2CMAGG%3BCACE%3BCACA%3BCACA%3BCACA%2CgBAAA%3B%3BAAzDpB%2CMAeI%2CIAAG%2CaAwBC%2CIAAG%2CSAWC%2CIAAG%2CMAWG%3BCACE%3BCACA%3B%3BAA%5C%2FDpB%2CMAeI%2CIAAG%2CaAwBC%2CIAAG%2CSA4BC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3B%3BAAOZ%2CMAAC%2CKACG%2CcAAa%2CKACP%2CMAAG%3BCACD%22%7D */- \ No newline at end of file +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-header.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAACA%3BCACI%3BCACA%3B%3B%3B%3BAAFJ%2CMAKM%2CMAAM%2CMAAG%3BCACP%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAXR%2CMAcI%2CIAAG%3BCACC%3BCAEA%3BCACA%3B%3B%3B%3BAAGA%2CMAPJ%2CIAAG%2CaAOE%3BAACD%2CMARJ%2CIAAG%2CaAQE%3BAACD%2CMATJ%2CIAAG%2CaASE%3BCACG%3BCACA%3BCACA%3B%3BAAGJ%2CMAfJ%2CIAAG%2CaAeE%3BCACG%3B%3BAAEJ%2CMAlBJ%2CIAAG%2CaAkBE%2COAAQ%3BCACL%3BCACA%3B%3BAAlCZ%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%2CgBAAA%3BCAEA%3BCACA%3BCACA%3B%3BAA%5C%2FCZ%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%2CSAWC%2CIAAG%3BCACC%3B%3B%3BAAlDhB%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%2CSAWC%2CIAAG%2CMAGG%3BCACE%3BCACA%3BCACA%3BCACA%2CgBAAA%3B%3BAAxDpB%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%2CSAWC%2CIAAG%2CMAWG%3BCACE%3BCACA%3B%3BAA9DpB%2CMAcI%2CIAAG%2CaAwBC%2CIAAG%2CSA4BC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3B%3BAAOZ%2CMAAC%2CKACG%2CcAAa%2CKACP%2CMAAG%3BCACD%22%7D */+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-header.less b/modules/cms-ui/themes/default/style/openrat-header.less @@ -8,10 +8,9 @@ display: inline; width: 0; height: 0; - margin: 6; + margin: 6px; padding: 0px; margin-top: 10px; - font-size: 0; } div.toolbar-icon { diff --git a/modules/cms-ui/themes/default/style/openrat-header.min.css b/modules/cms-ui/themes/default/style/openrat-header.min.css @@ -1 +1 @@ -#title{overflow: hidden;padding: 5px}#title > div > div.arrow-down{display: inline;width: 0;height: 0;margin: 6;padding: 0px;margin-top: 10px;font-size: 0}#title div.toolbar-icon{padding: 2px;margin-left: 10px;float: left}#title div.toolbar-icon.user,#title div.toolbar-icon.search,#title div.toolbar-icon.history{float: right;margin-right: 10px;margin-left: 10px}#title div.toolbar-icon.menu{cursor: default}#title div.toolbar-icon.search input{margin: 0px;padding: 0px}#title div.toolbar-icon div.dropdown{z-index: 2;min-width: 250px;display: none;position: absolute;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none}#title div.toolbar-icon div.dropdown div.entry{padding: 0}#title div.toolbar-icon div.dropdown div.entry > a{display: block;width: 100%;height: 100%;padding: 2px 5px}#title div.toolbar-icon div.dropdown div.entry > .text{display: block;margin: 10px}#title div.toolbar-icon div.dropdown div.divide{height: 1px;width: 100%;margin-top: 5px;margin-bottom: 5px}#title.open .toolbar-icon.open > div.dropdown{display: block}- \ No newline at end of file +#title{overflow: hidden;padding: 5px}#title > div > div.arrow-down{display: inline;width: 0;height: 0;margin: 6px;padding: 0px;margin-top: 10px}#title div.toolbar-icon{padding: 2px;margin-left: 10px;float: left}#title div.toolbar-icon.user,#title div.toolbar-icon.search,#title div.toolbar-icon.history{float: right;margin-right: 10px;margin-left: 10px}#title div.toolbar-icon.menu{cursor: default}#title div.toolbar-icon.search input{margin: 0px;padding: 0px}#title div.toolbar-icon div.dropdown{z-index: 2;min-width: 250px;display: none;position: absolute;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none}#title div.toolbar-icon div.dropdown div.entry{padding: 0}#title div.toolbar-icon div.dropdown div.entry > a{display: block;width: 100%;height: 100%;padding: 2px 5px}#title div.toolbar-icon div.dropdown div.entry > .text{display: block;margin: 10px}#title div.toolbar-icon div.dropdown div.divide{height: 1px;width: 100%;margin-top: 5px;margin-bottom: 5px}#title.open .toolbar-icon.open > div.dropdown{display: block}+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-ui.css b/modules/cms-ui/themes/default/style/openrat-ui.css @@ -18,71 +18,45 @@ div#noticebar { width: 250px; z-index: 113; } +div#noticebar div.log { + font-family: monospace; +} div#noticebar div.notice { border: 2px solid #000000; padding: 5px; margin: 5px; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + -webkit-box-shadow: 3px 2px 5px #000000; + -moz-box-shadow: 3px 2px 5px #000000; + box-shadow: 3px 2px 5px #000000; display: none; } +div#noticebar div.notice.ok { + background-color: green; + border-color: #000000; +} +div#noticebar div.notice.warning { + background-color: yellow; + border-color: #666600; +} +div#noticebar div.notice.error { + background-color: red; + border-color: #660000; +} div#noticebar div.notice.error div.text { font-weight: bold; } -div#noticebar div.log { - font-family: monospace; +div#noticebar div.notice.info { + /* colored by theme */ } div.onrowvisible { visibility: hidden; display: inline; } /* Vorschau von Text-Inhalten */ -.preview h1 { - font-size: 138.5%; -} -.preview h2 { - font-size: 123.1%; -} -.preview h3 { - font-size: 108%; -} -.preview h1, -.preview h2, -.preview h3 { - margin: 1em 0; -} -.preview h1, -.preview h2, -.preview h3, -.preview h4, -.preview h5, -.preview h6, -.preview strong { - font-weight: bold; -} -.preview abbr, -.preview .preview acronym { - border-bottom: 1px dotted #000; - cursor: help; -} -.preview em { - font-style: italic; -} -.preview ol, -.preview ul, -.preview dl { - margin-left: 2em; -} -.preview ol li { - list-style: decimal outside; -} -.preview ul li { - list-style: disc outside; -} -.preview a:link, -.preview a:visited, -.preview a:active, -.preview a:hover { - text-decoration: underline; -} /* Verweise */ a:link, a:visited { @@ -101,22 +75,12 @@ img[align=right] { padding-left: 1px; } /* Vorformatierter Text */ -pre { - font-family: Courier; - font-size: 13px; -} /* Lizenzhinweis */ -a.copyright { - font-size: 0.7em; - text-decoration: none; -} div.logo h2 { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: normal; font-size: 24px; } div.logo p { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 13px; } label, @@ -417,49 +381,6 @@ div.content form[data-autosave='true'] div.command { div.content > form { padding-bottom: 45px; } -/* Smaller screens */ -@media only screen and (max-width: 1023px) { - body { - font-size: 0.8em; - line-height: 1.5em; - } -} -/* Mobile */ -@media handheld, only screen and (max-width: 767px) { - body { - font-size: 16px; - -webkit-text-size-adjust: none; - overflow: visible; - } - #title, - #workbench { - width: 100%; - height: auto; - min-width: 0; - margin-left: 0px; - margin-right: 0px; - padding-left: 0px; - padding-right: 0px; - } - #workbench div.panel { - width: auto !important; - } - li.action div.tabname { - width: auto !important; - } - #workbench div.panel { - width: auto; - float: none; - margin-left: 0px; - margin-right: 0px; - padding-left: 20px; - padding-right: 20px; - } - #workbench div.panel > div.content { - overflow: auto; - height: auto !important; - } -} /* R e s p o n s i v e f o r m s */ form { padding: 20px; @@ -475,9 +396,6 @@ form input[type=checkbox] + label, form input[type=radio] + label { width: 80%; } -form label div.description { - font-size: 0.75em; -} form div.inputholder > div.dropdown { width: 70%; } @@ -535,7 +453,7 @@ form .line:after { display: table; clear: both; } -@media screen and (max-width: 40em) { +@media screen and (max-width: 65rem) { form div.label, form div.input, form input[type=submit] { @@ -570,14 +488,8 @@ fieldset > div span.ansidate { dl.notice { padding: 15px; } -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 13px; -} div.content pre, div.dropdown { - background-color: #000000; - color: #000000; min-width: 150px; max-width: 450px; } @@ -592,4 +504,4 @@ img.image-icon { .CodeMirror { height: auto; } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-ui.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAGA%3BCACE%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%3BAACH%2CGAAG%2CWAAY%3BAACf%2CGAAG%2CMAAS%2CMAAG%3BCACb%3B%3B%3BAAIF%2CGAAG%3BCACD%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAANF%2CGAAG%2CUAQD%2CIAAG%3BCACD%2CyBAAA%3BCAEA%3BCACA%3BCAEA%3B%3BAAdJ%2CGAAG%2CUAgBD%2CIAAG%2COAAO%2CMAAO%2CIAAG%3BCAClB%3B%3BAAjBJ%2CGAAG%2CUAmBD%2CIAAG%3BCACD%3B%3BAAIJ%2CGAAG%3BCACD%3BCACA%3B%3B%3BAAIF%2CQACE%3BCACE%3B%3BAAFJ%2CQAIE%3BCACE%3B%3BAALJ%2CQAQE%3BCACE%3B%3BAATJ%2CQAYE%3BAAZF%2CQAYM%3BAAZN%2CQAYU%3BCACN%2CaAAA%3B%3BAAbJ%2CQAgBE%3BAAhBF%2CQAiBE%3BAAjBF%2CQAkBE%3BAAlBF%2CQAmBE%3BAAnBF%2CQAoBE%3BAApBF%2CQAqBE%3BAArBF%2CQAsBE%3BCACE%3B%3BAAvBJ%2CQA0BE%3BAA1BF%2CQA0BQ%2CSAAS%3BCACb%2C8BAAA%3BCACA%3B%3BAA5BJ%2CQA%2BBE%3BCACE%3B%3BAAhCJ%2CQAmCE%3BAAnCF%2CQAmCM%3BAAnCN%2CQAmCU%3BCACN%3B%3BAApCJ%2CQAuCE%2CGAAG%3BCACD%2C2BAAA%3B%3BAAxCJ%2CQA2CE%2CGAAG%3BCACD%2CwBAAA%3B%3BAA5CJ%2CQA%2BCE%2CEAAC%3BAA%5C%2FCH%2CQAgDE%2CEAAC%3BAAhDH%2CQAiDE%2CEAAC%3BAAjDH%2CQAkDE%2CEAAC%3BCACC%3B%3B%3BAAKJ%2CCAAC%3BAACD%2CCAAC%3BCACC%3BCACA%3B%3BAAGF%2CCAAC%3BAACD%2CCAAC%3BCACC%3BCACA%3B%3B%3BAAIF%2CGAAG%3BAACH%2CGAAG%3BCACD%3BCACA%3B%3B%3BAAIF%3BCACE%3BCACA%3B%3B%3BAAIF%2CCAAC%3BCACC%3BCACA%3B%3BAAGF%2CGAAG%2CKAAM%3BCACP%2CgDAAgD%2CYAAY%2CaAAa%2CUAAU%2CUAAU%2CUAAU%2CaACvG%2CaAAa%2CcAAc%2C4BAD3B%3BCAEA%3BCACA%3B%3BAAGF%2CGAAG%2CKAAM%3BCACP%2CgDAAgD%2CYAAY%2CaAAa%2CUAAU%2CUAAU%2CUAAU%2CaACvG%2CaAAa%2CcAAc%2C4BAD3B%3BCAEA%3B%3BAAGF%3BAACA%3BCACE%3B%3B%3BAAKF%3BCACE%2CwBAAA%3BCACA%3B%3BAAGF%3BCACE%2CuBAAA%3BCACA%3B%3B%3BAAKF%2CGAAG%3BCACD%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CMAAO%2CGAAE%2CMAAO%3BCACjB%3BCACA%3BCAEA%3BCAEA%2C%2BBAAA%3BCAEA%3B%3BCACA%3B%3BCACA%3B%3BCAEA%3B%3BCACA%3B%3BCACA%3B%3BCACA%3BCAEA%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%3BCACD%3BCACA%3B%3B%3BAAIF%3BCACE%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAFF%2CKAIE%2CGAAE%2CSAAY%3BCAEZ%3BCACA%3B%3BAAPJ%2CKAUE%2CGAAE%2CKAAQ%3BCACR%3B%3BAAXJ%2CKAcE%2CGAAE%3BCACA%3BCACA%3B%3BAAhBJ%2CKAkBE%2CGAAE%3BCACA%3BCACA%3B%3BAApBJ%2CKAsBE%2CGAAE%3BCACA%3BCACA%3B%3BAAxBJ%2CKA2BE%2CGAAE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%3BCACC%3BCACA%2CiBAAA%3BCACA%3B%3BAAHF%2CKAAC%2COAIC%3BCACE%3BCACA%3BCACA%2CgCAAA%3BCACA%3BCACA%3B%3BAATJ%2CKAAC%2COAeC%2CGAAE%3BCACA%3BCACA%3B%3BAAKJ%2CKAAC%3BCACC%3BCACA%3BCACA%3B%3BAAHF%2CKAAC%2CSAKC%3BCACE%2CkBAAA%3B%3BAA7DN%2CKAkEE%2CGAAE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%3BCACC%3BCACA%2CiBAAA%3BCACA%3B%3BAAGF%2CKAAC%2COAAQ%3BCACP%3BCACA%3BCACA%2CgCAAA%3BCACA%3BCACA%3B%3BAAMF%2CKAAC%2COAAQ%2CGAAE%3BCACT%3BCACA%3B%3BAAIF%2CKAAC%3BCACC%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%2CSAAU%3BCACT%2CkBAAA%3B%3BAAtGJ%2CKAyGE%2CGAAE%3BCACA%2C0BAAA%3BCACA%2C2BAAA%3BCACA%3BCACA%3BCACA%3B%3BAA9GJ%2CKAgHE%2CGAAE%2CMAAS%2CMAAG%3BCACZ%3B%3BAAjHJ%2CKAqHE%2CGAAE%3B%3B%3B%3B%3B%3BAArHJ%2CKAqHE%2CGAAE%2CKACE%2CKAAE%3BCACF%2CyBAAA%3BCACA%3BCACA%2C%2BBAAA%3BCACA%3BCACA%3B%3BAA3HN%2CKAqHE%2CGAAE%2CKAcE%2CKAAE%3BCACF%3B%3BAApIN%2CKAqHE%2CGAAE%2CKAmBA%2CGAAE%3BCACA%3B%3BAAzIN%2CKAqHE%2CGAAE%2CKAwBA%2CGAAE%3BCACA%3B%3BAA9IN%2CKAmJE%2CGAAG%2CGAAE%3BCACH%3B%3BAApJJ%2CKAuJE%2CGAAE%2CSAAU%2CGAAE%3B%3B%3B%3BCAIZ%3B%3BAA3JJ%2CKAgKE%2CGAAE%3BCACA%3BCACA%3B%3BAAiBJ%2CmBAZsC%3BCAYtC%2CKAVI%2CGAAE%3BEACA%3B%3BCASN%2CKAPI%2CGAAK%3BEACH%3B%3B%3B%3BAASN%2CGAAG%2CMAAO%2CIAAG%3BCACX%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CqDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CuDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CkDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CoDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%3BAACrB%2CGAAG%3BCACD%2CyBAAA%3BCACA%2CyBAAA%3BCACA%2C2BAAA%3BCAEA%3BCACA%3BCACA%3BCACA%3B%3B%3BAAIF%2CGAAG%3BAACH%2CGAAG%3BCACD%2C%2BCAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CUACE%2CIAAG%2CMAAM%3BCACP%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%2CyBAAA%3BCACA%3BCACA%3BCACA%3B%3BAAVJ%2CUAaE%2CIAAG%2CMAAM%2CWAAc%2CMAAG%3BCACxB%3BCACA%3B%3BAAfJ%2CUAkBE%2CIAAG%3BCACD%2CyBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAzBJ%2CUA4BE%2CIAAG%3BAA5BL%2CUA4BiB%2CIAAG%3BAA5BpB%2CUA4B4B%2CIAAG%3BCAC3B%3BCACA%3BCACA%3B%3BAA%5C%2FBJ%2CUAkCE%2CIAAG%2CMAAS%2CMAAG%3BCACb%3B%3BAAIJ%3BCACE%3B%3BAAGF%3BCACE%3B%3B%3B%3B%3BAAMF%2CGAAG%3BCACD%3B%3BAAGF%2CGAAG%2CQAAS%2CIAAG%3BCACb%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CQAAS%2CIAAG%2COAAU%2CMAAG%3BCAC1B%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CQAAS%2CKAAI%2CsBAAuB%2CIAAG%3BCACxC%3B%3BAAGF%2CGAAG%2CQAAW%3BCACZ%3B%3B%3BAAcF%2CwBAT2C%3BCAEzC%3BEACE%3BEACA%3B%3B%3B%3BAAoDJ%2CkCA7CoD%3BCAElD%3BEACE%3BEACA%3BEACA%3B%3BCAGF%3BCACA%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BCAGF%2CUAAW%2CIAAG%3BEACZ%3B%3BCAGF%2CEAAE%2COAAQ%2CIAAG%3BEACX%3B%3BCAGF%2CUAAW%2CIAAG%3BEACZ%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BCAGF%2CUAAW%2CIAAG%2CMAAS%2CMAAG%3BEACxB%3BEACA%3B%3B%3B%3BAAQJ%3BCA%2BBE%3B%3B%3B%3B%3B%3B%3B%3B%3BAA%5C%2FBF%2CIACE%2CMAAK%2CeAAkB%3BAADzB%2CIAEE%2CMAAK%2CYAAe%3BCAClB%3B%3BAAHJ%2CIAME%2CMAAM%2CIAAG%3BCACP%3B%3BAAPJ%2CIAUE%2CIAAG%2CYAAe%2CMAAG%3BCACnB%3B%3BAAXJ%2CIAcE%2CMAAK%3BCACH%3BCACA%3BCACA%3B%3BCACA%3B%3BCACA%3B%3BCACA%3BCACA%3BCACA%3B%3BAAtBJ%2CIAyBE%2CMAAK%2COAAO%3BCACV%3B%3B%3BAA1BJ%2CIAiCE%2CMAAK%3BAAjCP%2CIAiCoB%3BAAjCpB%2CIAiC4B%3BCACxB%3BCACA%3BCACA%2CsBAAA%3BCACA%3BCACA%3BCACA%3B%3BAAvCJ%2CIA2CE%3BCACE%2CyBAAA%3BCACA%3B%3BAA7CJ%2CIAiDE%2CMAAK%3BCACH%3BCACA%2CkBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAvDJ%2CIA2DE%2CIAAG%3BCACD%3BCACA%3BCACA%3B%3BAA9DJ%2CIAkEE%2CIAAG%3BCACD%3BCACA%3BCACA%3B%3BAArEJ%2CIAyEE%2CMAAK%3BCACH%2CSAAS%2CEAAT%3BCACA%3BCACA%3B%3BAAWJ%2CmBAPsC%3BCAOtC%2CIANI%2CIAAG%3BCAMP%2CIANe%2CIAAG%3BCAMlB%2CIAN0B%2CMAAK%3BEACzB%3BEACA%3B%3B%3BAAMN%2CGAAG%2COAAU%2CMAAG%3BCACd%3B%3BAAGF%2CGAAG%2CYAAe%3BAAClB%2CGAAG%2CYAAe%3BAAClB%2CGAAG%2CYAAe%3BCAChB%3BCACA%3B%3B%3BAAIF%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CKAAI%3BCACjB%3B%3B%3BAAIF%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CKAAI%3BAACnB%2CQAAW%2CMAAI%2CKAAI%3BAACnB%2CQAAW%2CMAAI%2CKAAI%3BCACjB%3BCACA%3B%3BAAGF%2CEAAE%3BCACA%3B%3BAAGF%3BCACE%2CgDAAgD%2CYAAY%2CaAAa%2CUAAU%2CUAAU%2CUAAU%2CaACvG%2CaAAa%2CcAAc%2C4BAD3B%3BCAEA%3B%3BAAGF%2CGAAG%2CQAAS%3BAACZ%2CGAAG%3BCACD%2CyBAAA%3BCACA%2CcAAA%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2COAAQ%2CIAAG%2CWAAc%2CIAAC%3BAAC7B%2CGAAG%2COAAQ%2CIAAG%2COAAQ%2CEAAC%2CKAAK%3BCAC1B%3B%3BAAGF%2CGAAG%3BCACD%3B%3B%3BAAIF%3BCACE%22%7D */- \ No newline at end of file +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-ui.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAgBA%3BCACE%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%3BAACH%2CGAAG%2CWAAY%3BAACf%2CGAAG%2CMAAS%2CMAAG%3BCACb%3B%3B%3BAAIF%2CGAAG%3BCACD%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAANF%2CGAAG%2CUAUD%2CIAAG%3BCACD%3B%3BAAOJ%2CGAAG%2CUAED%2CIAAG%3BCACD%2CyBAAA%3BCACA%3BCACA%3BCAhDF%2CkBAAA%3BCACA%2CuBAAA%3BCACA%2C0BAAA%3BCACA%2CyBAAA%3BCAGA%2CuCAAA%3BCACA%2CoCAAA%3BCACA%2C%2BBAAA%3BCA4CE%3B%3BAATJ%2CGAAG%2CUAYD%2CIAAG%2COAAO%3BCACR%3BCACA%2CqBAAA%3B%3BAAdJ%2CGAAG%2CUAiBD%2CIAAG%2COAAO%3BCACR%3BCACA%2CqBAAA%3B%3BAAnBJ%2CGAAG%2CUAsBD%2CIAAG%2COAAO%3BCACR%3BCACA%2CqBAAA%3B%3BAAxBJ%2CGAAG%2CUAsBD%2CIAAG%2COAAO%2CMAIR%2CIAAG%3BCACD%3B%3BAA3BN%2CGAAG%2CUA%2BBD%2CIAAG%2COAAO%3B%3B%3BAAeZ%2CGAAG%3BCACD%3BCACA%3B%3B%3B%3BAAQF%2CCAAC%3BAACD%2CCAAC%3BCACC%3BCACA%3B%3BAAGF%2CCAAC%3BAACD%2CCAAC%3BCACC%3BCACA%3B%3B%3BAAIF%2CGAAG%3BAACH%2CGAAG%3BCACD%3BCACA%3B%3B%3B%3BAAaF%2CGAAG%2CKAAM%3BCACP%3BCACA%3B%3BAAGF%2CGAAG%2CKAAM%3BCACP%3B%3BAAGF%3BAACA%3BCACE%3B%3B%3BAAKF%3BCACE%2CwBAAA%3BCACA%3B%3BAAGF%3BCACE%2CuBAAA%3BCACA%3B%3B%3BAAKF%2CGAAG%3BCACD%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CMAAO%2CGAAE%2CMAAO%3BCACjB%3BCACA%3BCAEA%3BCAEA%2C%2BBAAA%3BCAEA%3B%3BCACA%3B%3BCACA%3B%3BCAEA%3B%3BCACA%3B%3BCACA%3B%3BCACA%3BCAEA%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%3BCACD%3BCACA%3B%3B%3BAAIF%3BCACE%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAFF%2CKAIE%2CGAAE%2CSAAY%3BCAEZ%3BCACA%3B%3BAAPJ%2CKAUE%2CGAAE%2CKAAQ%3BCACR%3B%3BAAXJ%2CKAcE%2CGAAE%3BCACA%3BCACA%3B%3BAAhBJ%2CKAkBE%2CGAAE%3BCACA%3BCACA%3B%3BAApBJ%2CKAsBE%2CGAAE%3BCACA%3BCACA%3B%3BAAxBJ%2CKA2BE%2CGAAE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%3BCACC%3BCACA%2CiBAAA%3BCACA%3B%3BAAHF%2CKAAC%2COAIC%3BCACE%3BCACA%3BCACA%2CgCAAA%3BCACA%3BCACA%3B%3BAATJ%2CKAAC%2COAeC%2CGAAE%3BCACA%3BCACA%3B%3BAAKJ%2CKAAC%3BCACC%3BCACA%3BCACA%3B%3BAAHF%2CKAAC%2CSAKC%3BCACE%2CkBAAA%3B%3BAA7DN%2CKAkEE%2CGAAE%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%3BCACC%3BCACA%2CiBAAA%3BCACA%3B%3BAAGF%2CKAAC%2COAAQ%3BCACP%3BCACA%3BCACA%2CgCAAA%3BCACA%3BCACA%3B%3BAAMF%2CKAAC%2COAAQ%2CGAAE%3BCACT%3BCACA%3B%3BAAIF%2CKAAC%3BCACC%3BCACA%3BCACA%3B%3BAAGF%2CKAAC%2CSAAU%3BCACT%2CkBAAA%3B%3BAAtGJ%2CKAyGE%2CGAAE%3BCACA%2C0BAAA%3BCACA%2C2BAAA%3BCACA%3BCACA%3BCACA%3B%3BAA9GJ%2CKAgHE%2CGAAE%2CMAAS%2CMAAG%3BCACZ%3B%3BAAjHJ%2CKAqHE%2CGAAE%3B%3B%3B%3B%3B%3BAArHJ%2CKAqHE%2CGAAE%2CKACE%2CKAAE%3BCACF%2CyBAAA%3BCACA%3BCACA%2C%2BBAAA%3BCACA%3BCACA%3B%3BAA3HN%2CKAqHE%2CGAAE%2CKAcE%2CKAAE%3BCACF%3B%3BAApIN%2CKAqHE%2CGAAE%2CKAmBA%2CGAAE%3BCACA%3B%3BAAzIN%2CKAqHE%2CGAAE%2CKAwBA%2CGAAE%3BCACA%3B%3BAA9IN%2CKAmJE%2CGAAG%2CGAAE%3BCACH%3B%3BAApJJ%2CKAuJE%2CGAAE%2CSAAU%2CGAAE%3B%3B%3B%3BCAIZ%3B%3BAA3JJ%2CKAgKE%2CGAAE%3BCACA%3BCACA%3B%3BAAiBJ%2CmBAZsC%3BCAYtC%2CKAVI%2CGAAE%3BEACA%3B%3BCASN%2CKAPI%2CGAAK%3BEACH%3B%3B%3B%3BAASN%2CGAAG%2CMAAO%2CIAAG%3BCACX%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CqDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CuDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CkDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%2CIAAG%3BAACxB%2CGAAG%2CQAAQ%3BCACT%2CoDAAA%3BCACA%2C4BAAA%3B%3BAAGF%2CGAAG%2CMAAO%2CIAAG%2COAAQ%3BAACrB%2CGAAG%3BCACD%2CyBAAA%3BCACA%2CyBAAA%3BCACA%2C2BAAA%3BCAEA%3BCACA%3BCACA%3BCACA%3B%3B%3BAAIF%2CGAAG%3BAACH%2CGAAG%3BCACD%2C%2BCAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CUACE%2CIAAG%2CMAAM%3BCACP%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%2CyBAAA%3BCACA%3BCACA%3BCACA%3B%3BAAVJ%2CUAaE%2CIAAG%2CMAAM%2CWAAc%2CMAAG%3BCACxB%3BCACA%3B%3BAAfJ%2CUAkBE%2CIAAG%3BCACD%2CyBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAzBJ%2CUA4BE%2CIAAG%3BAA5BL%2CUA4BiB%2CIAAG%3BAA5BpB%2CUA4B4B%2CIAAG%3BCAC3B%3BCACA%3BCACA%3B%3BAA%5C%2FBJ%2CUAkCE%2CIAAG%2CMAAS%2CMAAG%3BCACb%3B%3BAAIJ%3BCACE%3B%3BAAGF%3BCACE%3B%3B%3B%3B%3BAAMF%2CGAAG%3BCACD%3B%3BAAGF%2CGAAG%2CQAAS%2CIAAG%3BCACb%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CQAAS%2CIAAG%2COAAU%2CMAAG%3BCAC1B%3BCACA%3BCACA%3B%3BAAGF%2CGAAG%2CQAAS%2CKAAI%2CsBAAuB%2CIAAG%3BCACxC%3B%3BAAGF%2CGAAG%2CQAAW%3BCACZ%3B%3B%3BAAWF%3BCA%2BBE%3B%3B%3B%3B%3B%3B%3B%3B%3BAA%5C%2FBF%2CIACE%2CMAAK%2CeAAkB%3BAADzB%2CIAEE%2CMAAK%2CYAAe%3BCAClB%3B%3BAAHJ%2CIAUE%2CIAAG%2CYAAe%2CMAAG%3BCACnB%3B%3BAAXJ%2CIAcE%2CMAAK%3BCACH%3BCACA%3BCACA%3B%3BCACA%3B%3BCACA%3B%3BCACA%3BCACA%3BCACA%3B%3BAAtBJ%2CIAyBE%2CMAAK%2COAAO%3BCACV%3B%3B%3BAA1BJ%2CIAiCE%2CMAAK%3BAAjCP%2CIAiCoB%3BAAjCpB%2CIAiC4B%3BCACxB%3BCACA%3BCACA%2CsBAAA%3BCACA%3BCACA%3BCACA%3B%3BAAvCJ%2CIA2CE%3BCACE%2CyBAAA%3BCACA%3B%3BAA7CJ%2CIAiDE%2CMAAK%3BCACH%3BCACA%2CkBAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAvDJ%2CIA2DE%2CIAAG%3BCACD%3BCACA%3BCACA%3B%3BAA9DJ%2CIAkEE%2CIAAG%3BCACD%3BCACA%3BCACA%3B%3BAArEJ%2CIAyEE%2CMAAK%3BCACH%2CSAAS%2CEAAT%3BCACA%3BCACA%3B%3BAAWJ%2CmBAPuC%3BCAOvC%2CIANI%2CIAAG%3BCAMP%2CIANe%2CIAAG%3BCAMlB%2CIAN0B%2CMAAK%3BEACzB%3BEACA%3B%3B%3BAAUN%2CGAAG%2COAAU%2CMAAG%3BCACd%3B%3BAAGF%2CGAAG%2CYAAe%3BAAClB%2CGAAG%2CYAAe%3BAAClB%2CGAAG%2CYAAe%3BCAChB%3BCACA%3B%3B%3BAAIF%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CKAAI%3BCACjB%3B%3B%3BAAIF%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CMAAK%3BAACpB%2CQAAW%2CMAAI%2CKAAI%3BAACnB%2CQAAW%2CMAAI%2CKAAI%3BAACnB%2CQAAW%2CMAAI%2CKAAI%3BCACjB%3BCACA%3B%3BAAGF%2CEAAE%3BCACA%3B%3BAAIF%2CGAAG%2CQAAS%3BAACZ%2CGAAG%3BCACD%3BCACA%3B%3BAAGF%2CGAAG%2COAAQ%2CIAAG%2CWAAc%2CIAAC%3BAAC7B%2CGAAG%2COAAQ%2CIAAG%2COAAQ%2CEAAC%2CKAAK%3BCAC1B%3B%3BAAGF%2CGAAG%3BCACD%3B%3B%3BAAIF%3BCACE%22%7D */+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-ui.less b/modules/cms-ui/themes/default/style/openrat-ui.less @@ -1,6 +1,19 @@ /* Usage to this variable is safe to be removed */ @color-overridden-by-theme: black; +.border-radius (@radius) { + border-radius: @radius; + -moz-border-radius: @radius; + -webkit-border-radius: @radius; + -khtml-border-radius: @radius; +} +.box-shadow (@x, @y, @radius, @color) { + -webkit-box-shadow: @x @y @radius @color; + -moz-box-shadow: @x @y @radius @color; + box-shadow: @x @y @radius @color; +} + + iframe { width: 100%; height: 500px; @@ -23,82 +36,70 @@ div#noticebar { z-index: 113; div.notice { - border: 2px solid @color-overridden-by-theme; - - padding: 5px; - margin: 5px; - - display: none; - } - div.notice.error div.text { - font-weight: bold; } div.log { font-family: monospace; } } -div.onrowvisible { - visibility: hidden; - display: inline; -} -/* Vorschau von Text-Inhalten */ -.preview { - h1 { - font-size: 138.5%; - } - h2 { - font-size: 123.1%; - } - h3 { - font-size: 108%; - } - h1, h2, h3 { - margin: 1em 0; - } +div#noticebar { - h1, - h2, - h3, - h4, - h5, - h6, - strong { - font-weight: bold; - } + div.notice { + border: 2px solid @color-overridden-by-theme; + padding: 5px; + margin: 5px; - abbr, .preview acronym { - border-bottom: 1px dotted #000; - cursor: help; + .border-radius(5px); + .box-shadow(3px, 2px, 5px, @color-overridden-by-theme); + display: none; } - em { - font-style: italic; + div.notice.ok { + background-color: green; + border-color: darken(green,30%); } - ol, ul, dl { - margin-left: 2em; + div.notice.warning { + background-color: yellow; + border-color: darken(yellow,30%); } - ol li { - list-style: decimal outside; - } + div.notice.error { + background-color: red; + border-color: darken(red,30%); - ul li { - list-style: disc outside; + div.text { + font-weight: bold; + } } - a:link, - a:visited, - a:active, - a:hover { - text-decoration: underline; + div.notice.info { + /* colored by theme */ } } + + + + + + + + + + +div.onrowvisible { + visibility: hidden; + display: inline; +} + +/* Vorschau von Text-Inhalten */ +.preview { +} + /* Verweise */ a:link, a:visited { @@ -121,26 +122,20 @@ img[align=right] { /* Vorformatierter Text */ pre { - font-family: Courier; - font-size: 13px; } /* Lizenzhinweis */ a.copyright { - font-size: 0.7em; - text-decoration: none; +// font-size: 0.7em; +// text-decoration: none; } div.logo h2 { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", - "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: normal; font-size: 24px; } div.logo p { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", - "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 13px; } @@ -507,61 +502,10 @@ div.content > form { padding-bottom: 45px; } -/* Smaller screens */ - -@media only screen and (max-width: 1023px) { - - body { - font-size: 0.8em; - line-height: 1.5em; - } - -} - -/* Mobile */ -@media handheld, only screen and (max-width: 767px) { - body { - font-size: 16px; - -webkit-text-size-adjust: none; - overflow: visible; - } - - #title, - #workbench { - width: 100%; - height: auto; - min-width: 0; - margin-left: 0px; - margin-right: 0px; - padding-left: 0px; - padding-right: 0px; - } - - #workbench div.panel { - width: auto !important; - } - - li.action div.tabname { - width: auto !important; - } - - #workbench div.panel { - width: auto; - float: none; - margin-left: 0px; - margin-right: 0px; - padding-left: 20px; - padding-right: 20px; - } - #workbench div.panel > div.content { - overflow: auto; - height: auto !important; - } -} @@ -573,7 +517,7 @@ form { } label div.description { - font-size: 0.75em; + //font-size: 0.75em; } div.inputholder > div.dropdown { @@ -646,7 +590,7 @@ form { } /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */ - @media screen and (max-width: 40em) { + @media screen and (max-width: 65rem) { div.label, div.input, input[type=submit] { width: 100%; margin-top: 0; @@ -655,6 +599,10 @@ form { } } + + + + div.search > div.inputholder { padding-top: 1px; } @@ -687,16 +635,9 @@ dl.notice { padding: 15px; } -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", - "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 13px; -} div.content pre, div.dropdown { - background-color: @color-overridden-by-theme; - color: @color-overridden-by-theme; min-width: 150px; max-width: 450px; } diff --git a/modules/cms-ui/themes/default/style/openrat-ui.min.css b/modules/cms-ui/themes/default/style/openrat-ui.min.css @@ -1 +1 @@ -iframe{width: 100%;height: 500px;display: block}div.breadcrumb,div.breadcrumb a,div.panel > div.title{font-weight: bold}div#noticebar{display: block;position: fixed;bottom: 40px;right: 40px;width: 250px;z-index: 113}div#noticebar div.notice{border: 2px solid #000;padding: 5px;margin: 5px;display: none}div#noticebar div.notice.error div.text{font-weight: bold}div#noticebar div.log{font-family: monospace}div.onrowvisible{visibility: hidden;display: inline}.preview h1{font-size: 138.5%}.preview h2{font-size: 123.1%}.preview h3{font-size: 108%}.preview h1,.preview h2,.preview h3{margin: 1em 0}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6,.preview strong{font-weight: bold}.preview abbr,.preview .preview acronym{border-bottom: 1px dotted #000;cursor: help}.preview em{font-style: italic}.preview ol,.preview ul,.preview dl{margin-left: 2em}.preview ol li{list-style: decimal outside}.preview ul li{list-style: disc outside}.preview a:link,.preview a:visited,.preview a:active,.preview a:hover{text-decoration: underline}a:link,a:visited{font-weight: normal;text-decoration: none}a:active,a:hover{font-weight: normal;text-decoration: none}img[align=left],img[align=right]{padding-right: 1px;padding-left: 1px}pre{font-family: Courier;font-size: 13px}a.copyright{font-size: 0.7em;text-decoration: none}div.logo h2{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-weight: normal;font-size: 24px}div.logo p{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-size: 13px}label,.clickable{cursor: pointer}.drophover{border: 2px dotted #008000;cursor: move}.dropactive{border: 1px dotted #00f;cursor: move}img.icon{padding: 4px;width: 16px;height: 16px}div.panel ul.views li{vertical-align: middle;padding: 0px;cursor: pointer;border-right: 1px solid #000;-moz-border-radius-topleft: 5px;-webkit-border-radius-topleft: 5px;-khtml-border-top-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-radius-topright: 5px;-khtml-border-top-radius-topright: 5px;border-top-right-radius: 5px;display: inline;white-space: nowrap;float: left}div.panel{margin: 0px;padding: 0px}table{overflow: auto;border: 2px}table tr.headline > td{padding: 3px;font-weight: bold}table tr.data > td{padding: 3px}table td.readonly{font-style: italic;font-weight: normal}table td.default{font-style: normal;font-weight: normal}table td.changed{font-style: normal;font-weight: bold}table 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 #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table 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 #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.motd{border-left: 3px solid #f00;border-right: 3px solid #f00;font-weight: bold;padding: 10px;margin: 10px}table td:hover > div.onrowvisible{visibility: visible}table tr.diff > td.line{background-color: #000;padding-right: 2px;border-right: 3px solid #000;text-align: right;margin-right: 2px}table tr.diff > td.old{background-color: red}table tr.diff td.new{background-color: green}table tr.diff td.notequal{background-color: yellow}table tr td.help{font-style: italic}table tr.headline td.help{font-style: normal}table td.logo{padding: 10px;margin: 0px}@media screen and (max-width: 40em){table tr.headline{display: none}table tr > td{display: block}}div.panel div.status{padding: 10px}div.panel div.status div.error,div.message.error{background: url(../images/notice_error.png) no-repeat;background-position: 5px 7px}div.panel div.status div.warn,div.message.warn{background: url(../images/notice_warning.png) no-repeat;background-position: 5px 7px}div.panel div.status div.ok,div.message.ok{background: url(../images/notice_ok.png) no-repeat;background-position: 5px 7px}div.panel div.status div.info,div.message.info{background: url(../images/notice_info.png) no-repeat;background-position: 5px 7px}div.panel div.status div,div.message{border: 1px solid #000;padding: 5px 0px 5px 25px;margin: 10px 10px 20px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}div.loader,div.progress{background: url(../images/loader.gif) no-repeat;background-position: center;opacity: 0.5;cursor: wait;min-height: 50px}#workbench div.panel.fullscreen{display: block;z-index: 109;position: fixed;top: 0;left: 0;background-color: #000;margin: 0px;width: 100% !important;height: 100% !important}#workbench div.panel.fullscreen > div.content{width: 100% !important;height: 100% !important}#workbench div.panel{border: 1px solid #000;margin: 0px;padding: 0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.container,#workbench div.panel,#workbench div.divider{display: inline;float: left;margin: 0px}#workbench div.panel > div.content{overflow: auto}.invisible{visibility: hidden}.visible{visibility: visible}div.panel{position: relative}div.content div.bottom{height: 55px;width: 100%;position: absolute;padding-right: 40px;bottom: 0px;right: 0px;xvisibility: hidden}div.content div.bottom > div.command{xvisibility: visible;float: right;z-index: 20}div.content form[data-autosave='true'] div.command{display: none}div.content > form{padding-bottom: 45px}@media only screen and (max-width: 1023px){body{font-size: 0.8em;line-height: 1.5em}}@media handheld, only screen and (max-width: 767px){body{font-size: 16px;-webkit-text-size-adjust: none;overflow: visible}#title,#workbench{width: 100%;height: auto;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px}#workbench div.panel{width: auto !important}li.action div.tabname{width: auto !important}#workbench div.panel{width: auto;float: none;margin-left: 0px;margin-right: 0px;padding-left: 20px;padding-right: 20px}#workbench div.panel > div.content{overflow: auto;height: auto !important}}form{padding: 20px}form input[type=checkbox] + label,form input[type=radio] + label{width: 80%}form label div.description{font-size: 0.75em}form div.inputholder > div.dropdown{width: 70%}form input.submit{padding: 7px;border: 0px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;border-radius: 7px;margin-left: 20px;cursor: pointer}form input.submit.ok{font-weight: bold}form input[type=text],form select,form textarea{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical}form label{padding: 12px 12px 12px 0;display: inline-block}form input[type=submit]{color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;float: right}form div.label{float: left;width: 25%;margin-top: 6px}form div.input{float: left;width: 75%;margin-top: 6px}form .line:after{content: "";display: table;clear: both}@media screen and (max-width: 40em){form div.label,form div.input,form input[type=submit]{width: 100%;margin-top: 0}}div.search > div.inputholder{padding-top: 1px}div.inputholder > input,div.inputholder > textarea,div.inputholder > select{padding: 2px;margin: 0px}fieldset > div input.name,fieldset > div span.name{font-weight: bold}fieldset > div input.filename,fieldset > div input.extension,fieldset > div input.ansidate,fieldset > div span.filename,fieldset > div span.extension,fieldset > div span.ansidate{font-family: Courier;font-size: 1em}dl.notice{padding: 15px}body{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-size: 13px}div.content pre,div.dropdown{background-color: #000;color: #000;min-width: 150px;max-width: 450px}div.filler div.headermenu > a.entry,div.filler div.header a.back.button{font-size: 0.8em}img.image-icon{visibility: hidden}.CodeMirror{height: auto}- \ No newline at end of file +iframe{width: 100%;height: 500px;display: block}div.breadcrumb,div.breadcrumb a,div.panel > div.title{font-weight: bold}div#noticebar{display: block;position: fixed;bottom: 40px;right: 40px;width: 250px;z-index: 113}div#noticebar div.log{font-family: monospace}div#noticebar div.notice{border: 2px solid #000;padding: 5px;margin: 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-webkit-box-shadow: 3px 2px 5px #000;-moz-box-shadow: 3px 2px 5px #000;box-shadow: 3px 2px 5px #000;display: none}div#noticebar div.notice.ok{background-color: green;border-color: #000}div#noticebar div.notice.warning{background-color: yellow;border-color: #660}div#noticebar div.notice.error{background-color: red;border-color: #600}div#noticebar div.notice.error div.text{font-weight: bold}div.onrowvisible{visibility: hidden;display: inline}a:link,a:visited{font-weight: normal;text-decoration: none}a:active,a:hover{font-weight: normal;text-decoration: none}img[align=left],img[align=right]{padding-right: 1px;padding-left: 1px}div.logo h2{font-weight: normal;font-size: 24px}div.logo p{font-size: 13px}label,.clickable{cursor: pointer}.drophover{border: 2px dotted #008000;cursor: move}.dropactive{border: 1px dotted #00f;cursor: move}img.icon{padding: 4px;width: 16px;height: 16px}div.panel ul.views li{vertical-align: middle;padding: 0px;cursor: pointer;border-right: 1px solid #000;-moz-border-radius-topleft: 5px;-webkit-border-radius-topleft: 5px;-khtml-border-top-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-radius-topright: 5px;-khtml-border-top-radius-topright: 5px;border-top-right-radius: 5px;display: inline;white-space: nowrap;float: left}div.panel{margin: 0px;padding: 0px}table{overflow: auto;border: 2px}table tr.headline > td{padding: 3px;font-weight: bold}table tr.data > td{padding: 3px}table td.readonly{font-style: italic;font-weight: normal}table td.default{font-style: normal;font-weight: normal}table td.changed{font-style: normal;font-weight: bold}table 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 #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table 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 #000;font-weight: normal;text-align: left}table.notice tr.warning{margin: 0px;padding: 0px}table.calendar{table-layout: fixed;border-collapse: collapse;text-align: center}table.calendar td{border: 1px dotted}table td.motd{border-left: 3px solid #f00;border-right: 3px solid #f00;font-weight: bold;padding: 10px;margin: 10px}table td:hover > div.onrowvisible{visibility: visible}table tr.diff > td.line{background-color: #000;padding-right: 2px;border-right: 3px solid #000;text-align: right;margin-right: 2px}table tr.diff > td.old{background-color: red}table tr.diff td.new{background-color: green}table tr.diff td.notequal{background-color: yellow}table tr td.help{font-style: italic}table tr.headline td.help{font-style: normal}table td.logo{padding: 10px;margin: 0px}@media screen and (max-width: 40em){table tr.headline{display: none}table tr > td{display: block}}div.panel div.status{padding: 10px}div.panel div.status div.error,div.message.error{background: url(../images/notice_error.png) no-repeat;background-position: 5px 7px}div.panel div.status div.warn,div.message.warn{background: url(../images/notice_warning.png) no-repeat;background-position: 5px 7px}div.panel div.status div.ok,div.message.ok{background: url(../images/notice_ok.png) no-repeat;background-position: 5px 7px}div.panel div.status div.info,div.message.info{background: url(../images/notice_info.png) no-repeat;background-position: 5px 7px}div.panel div.status div,div.message{border: 1px solid #000;padding: 5px 0px 5px 25px;margin: 10px 10px 20px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}div.loader,div.progress{background: url(../images/loader.gif) no-repeat;background-position: center;opacity: 0.5;cursor: wait;min-height: 50px}#workbench div.panel.fullscreen{display: block;z-index: 109;position: fixed;top: 0;left: 0;background-color: #000;margin: 0px;width: 100% !important;height: 100% !important}#workbench div.panel.fullscreen > div.content{width: 100% !important;height: 100% !important}#workbench div.panel{border: 1px solid #000;margin: 0px;padding: 0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}#workbench div.container,#workbench div.panel,#workbench div.divider{display: inline;float: left;margin: 0px}#workbench div.panel > div.content{overflow: auto}.invisible{visibility: hidden}.visible{visibility: visible}div.panel{position: relative}div.content div.bottom{height: 55px;width: 100%;position: absolute;padding-right: 40px;bottom: 0px;right: 0px;xvisibility: hidden}div.content div.bottom > div.command{xvisibility: visible;float: right;z-index: 20}div.content form[data-autosave='true'] div.command{display: none}div.content > form{padding-bottom: 45px}form{padding: 20px}form input[type=checkbox] + label,form input[type=radio] + label{width: 80%}form div.inputholder > div.dropdown{width: 70%}form input.submit{padding: 7px;border: 0px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;border-radius: 7px;margin-left: 20px;cursor: pointer}form input.submit.ok{font-weight: bold}form input[type=text],form select,form textarea{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical}form label{padding: 12px 12px 12px 0;display: inline-block}form input[type=submit]{color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;float: right}form div.label{float: left;width: 25%;margin-top: 6px}form div.input{float: left;width: 75%;margin-top: 6px}form .line:after{content: "";display: table;clear: both}@media screen and (max-width: 65rem){form div.label,form div.input,form input[type=submit]{width: 100%;margin-top: 0}}div.search > div.inputholder{padding-top: 1px}div.inputholder > input,div.inputholder > textarea,div.inputholder > select{padding: 2px;margin: 0px}fieldset > div input.name,fieldset > div span.name{font-weight: bold}fieldset > div input.filename,fieldset > div input.extension,fieldset > div input.ansidate,fieldset > div span.filename,fieldset > div span.extension,fieldset > div span.ansidate{font-family: Courier;font-size: 1em}dl.notice{padding: 15px}div.content pre,div.dropdown{min-width: 150px;max-width: 450px}div.filler div.headermenu > a.entry,div.filler div.header a.back.button{font-size: 0.8em}img.image-icon{visibility: hidden}.CodeMirror{height: auto}+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-workbench.css b/modules/cms-ui/themes/default/style/openrat-workbench.css @@ -19,93 +19,6 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. /* Basis-Style for Openrat. */ -/* R e s e t - Alle Elemente zuruecksetzen */ -/* Source: http://meyerweb.com/eric/tools/css/reset/ */ -html, -body, -div, -span, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -code, -del, -dfn, -em, -img, -q, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td { - margin: 0; - padding: 0; - border: 0; - font-weight: inherit; - vertical-align: baseline; -} -body { - line-height: 1.5; -} -table { - border-collapse: separate; - border-spacing: 0; -} -caption, -th, -td { - text-align: left; - font-weight: normal; -} -table, -td, -th { - vertical-align: top; -} -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ""; -} -blockquote, -q { - quotes: "" ""; -} -a img { - border: none; -} -div#workbench div.panel.modal { - position: relative; - z-index: 101; - border: 1px solid !important; -} div#dialog { /* Modale Dialoge */ } @@ -174,4 +87,99 @@ div#dialog div#filler span.icon { html.nojs .noscript { display: block; } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-workbench.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAA0BA%3BAAAM%3BAAAM%3BAAAK%3BAAAM%3BAAAQ%3BAAAQ%3BAAAI%3BAAAI%3BAAAI%3BAAAI%3BAAAI%3BAAAI%3BAAAG%3BAAAY%3BAAAK%3BAAAG%3BAAAM%3BAAAS%3BAAAS%3BAAAM%3BAAAK%3BAAAK%3BAAAI%3BAAAK%3BAAAG%3BAAAI%3BAAAI%3BAAAI%3BAAAI%3BAAAI%3BAAAI%3BAAAU%3BAAAM%3BAAAO%3BAAAQ%3BAAAO%3BAAAS%3BAAAO%3BAAAO%3BAAAO%3BAAAI%3BAAAI%3BCAAI%3BCAAS%3BCAAU%3BCAAS%3BCAAoB%3B%3BAAClS%3BCAAM%3B%3BAACN%3BCAAO%3BCAAyB%3B%3BAAChC%3BAAAS%3BAAAI%3BCAAI%3BCAAgB%3B%3BAACjC%3BAAAO%3BAAAI%3BCAAI%3B%3BAACf%2CUAAU%3BAAAS%2CUAAU%3BAAAQ%2CCAAC%3BAAAS%2CCAAC%3BCAAQ%2CSAAQ%2CEAAR%3B%3BAACxD%3BAAAY%3BCAAG%2CQAAO%2CGAAG%2CEAAV%3B%3BAACf%2CCAAE%3BCAAK%3B%3BAAIP%2CGAAG%2CUAAW%2CIAAG%2CMAAM%3BCAEtB%3BCACA%3BCACA%2C4BAAA%3B%3BAAKD%2CGAAG%3B%3B%3BAAAH%2CGAAG%2COAEA%3BCACD%3B%3BCAGA%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCAEA%2C4BAAA%3B%3BAAGD%2CGAjBE%2COAiBD%3BCACA%3B%3BAAlBF%2CGAAG%2COAsBF%2CIAAG%3BCACF%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAA7BF%2CGAAG%2COAsBF%2CIAAG%2COASF%2CKAAI%3BCACH%2CaAAa%2CaAAa%2CmBAA1B%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3B%3BAASF%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CMAAC%3BCACA%2CmCAAA%3BCACA%2CqBAAA%3BCACA%2CkCAAA%3BCACA%2CoCAAA%3BCACA%3B%3BAAED%2CMAAC%3BCACA%2CiCAAA%3BCACA%2CsBAAA%3BCACA%2CoCAAA%3BCACA%2CmCAAA%3BCACA%3B%3BAAIF%2COAAQ%3BCAEP%3B%3BAAID%3BCAEC%3B%3BAAED%2CIAAI%2CKAAM%3BCAET%22%7D */- \ No newline at end of file +.toggle-open-close { + /* Geschlossene Fieldsets */ + /* Offene Fieldsets */ +} +.toggle-open-close .on-click-open-close { + cursor: pointer; + font-weight: normal; +} +.toggle-open-close > div { + transition: height ease 0.5s; + overflow: hidden; +} +.toggle-open-close.closed .on-click-open-close .on-closed { + display: inline; +} +.toggle-open-close.closed .on-click-open-close .on-open { + display: none; +} +.toggle-open-close.closed > div { + height: 0; +} +.toggle-open-close.open > div { + display: block; +} +.toggle-open-close.open .on-click-open-close .on-closed { + display: none; +} +.toggle-open-close.open .on-click-open-close .on-open { + display: inline; +} +div#workbench { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + /* vertikale Flex-Box zwischen Header und Hauptbereich */ +} +div#workbench div.panel.modal { + position: relative; + z-index: 101; + border: 1px solid !important; +} +div#workbench > header { + height: 3rem; +} +div#workbench > header .toolbar-icon .arrow-down { + display: inline; +} +@media only screen and (max-width: 55rem) { + div#workbench > header .toolbar-icon span.label, + div#workbench > header .toolbar-icon .arrow-down { + display: none; + } +} +div#workbench > div { + /* Horizontale Flexbox */ + display: flex; + flex: 1; + flex-direction: row; + height: 100%; + /* + https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox + Whenever you've got an element with overflow: [hidden|scroll|auto] inside of a flex item, you need to give its ancestor flex item min-width:0 (in a horizontal flex container) or min-height:0 (in a vertical flex container), to disable this min-sizing behavior, or else the flex item will refuse to shrink smaller than the child's min-content size. + */ + min-height: 0; +} +div#workbench > div > main { + flex: 2; +} +div#workbench > div > nav { + width: 10rem; + flex: 1; + resize: horizontal; +} +@media only screen and (max-width: 55rem) { + div#workbench > div > nav { + width: 3rem; + } +} +div#workbench > div > nav.closed { + width: 3rem; +} +div#workbench > div > nav, +div#workbench > div > main { + overflow-y: auto; + overflow-x: hidden; +} +div#workbench > div > main > section { + margin: 1.5em; + border: 1px; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; +} +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22openrat-workbench.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAuCA%2CGAAG%3B%3B%3BAAAH%2CGAAG%2COAEG%3BCACE%3B%3BCAGA%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCAEA%2C4BAAA%3B%3BAAGJ%2CGAjBD%2COAiBE%3BCACG%3B%3BAAlBR%2CGAAG%2COAsBC%2CIAAG%3BCACC%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAA7BR%2CGAAG%2COAsBC%2CIAAG%2COASC%2CKAAI%3BCACA%2CaAAa%2CaAAa%2CmBAA1B%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3BCAEA%3BCACA%3BCACA%3B%3BAAMZ%3BCACI%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAEA%2CMAAC%3BCACG%2CmCAAA%3BCACA%2CqBAAA%3BCACA%2CkCAAA%3BCACA%2CoCAAA%3BCACA%3B%3BAAEJ%2CMAAC%3BCACG%2CiCAAA%3BCACA%2CsBAAA%3BCACA%2CoCAAA%3BCACA%2CmCAAA%3BCACA%3B%3BAAIR%2COAAQ%3BCACJ%3B%3BAAGJ%3BCACI%3B%3BAAGJ%2CIAAI%2CKAAM%3BCACN%3B%3BAAGJ%3B%3B%3B%3BAAAA%2CkBAEI%3BCACI%3BCACA%3B%3BAAJR%2CkBAOM%3BCACE%2C4BAAA%3BCACA%3B%3BAAIJ%2CkBAAC%2COACG%2CqBAAqB%3BCACjB%3B%3BAAFR%2CkBAAC%2COAIG%2CqBAAqB%3BCACjB%3B%3BAALR%2CkBAAC%2COAOK%3BCACE%3B%3BAAKR%2CkBAAC%2CKACK%3BCACE%3B%3BAAFR%2CkBAAC%2CKAIG%2CqBAAqB%3BCACjB%3B%3BAALR%2CkBAAC%2CKAOG%2CqBAAqB%3BCACjB%3B%3BAAOZ%2CGAAG%3BCAEC%3BCACA%3BCACA%3BCACA%3B%3B%3BAALJ%2CGAAG%2CUAOC%2CIAAG%2CMAAM%3BCACL%3BCACA%3BCACA%2C4BAAA%3B%3BAAVR%2CGAAG%2CUAiBG%3BCACE%3B%3BAAlBR%2CGAAG%2CUAiBG%2CSAGE%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGA9BT%2CUAiBG%2CSAGE%2CcAMI%2CKAAI%3BCAIJ%2CGA9BT%2CUAiBG%2CSAGE%2CcAMgB%3BEAEJ%3B%3B%3BAA5BpB%2CGAAG%2CUAkCG%3B%3BCAGE%3BCACA%3BCACA%3BCACA%3B%3B%3B%3B%3BCAMA%3B%3BAA9CR%2CGAAG%2CUAkCG%2CMAcI%3BCACE%3B%3BAAjDZ%2CGAAG%2CUAkCG%2CMAiBI%3BCACE%3BCAaA%3BCACA%3B%3BAARA%3BCAAA%2CGA1DT%2CUAkCG%2CMAiBI%3BEAIM%3B%3B%3BAAMJ%2CGA7DT%2CUAkCG%2CMAiBI%2CMAUG%3BCACG%3B%3BAA9DhB%2CGAAG%2CUAkCG%2CMAmCI%3BAArEV%2CGAAG%2CUAkCG%2CMAmCW%3BCACL%3BCACA%3B%3BAAvEZ%2CGAAG%2CUAkCG%2CMAwCI%2COAAO%3BCACL%3BCACA%3BCAlNR%2CkBAAA%3BCACA%2CuBAAA%3BCACA%2C0BAAA%3BCACA%2CyBAAA%22%7D */+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/openrat-workbench.less b/modules/cms-ui/themes/default/style/openrat-workbench.less @@ -22,114 +22,226 @@ Basis-Style for Openrat. */ -/* R e s e t - Alle Elemente zuruecksetzen */ -/* Source: http://meyerweb.com/eric/tools/css/reset/ */ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;vertical-align:baseline;} -body {line-height:1.5;} -table {border-collapse:separate;border-spacing:0;} -caption, th, td {text-align:left;font-weight:normal;} -table, td, th {vertical-align:top;} -blockquote:before, blockquote:after, q:before, q:after {content:"";} -blockquote, q {quotes:"" "";} -a img {border:none;} - - - -div#workbench div.panel.modal -{ - position:relative; - z-index: 101; - border:1px solid !important; + + + + +.border-radius (@radius) { + border-radius: @radius; + -moz-border-radius: @radius; + -webkit-border-radius: @radius; + -khtml-border-radius: @radius; } + + div#dialog { - > .view { - overflow: auto; - - /*width:60%;*/ - position: absolute; - top: 5%; - left: 10%; - width: 80%; - height: 80%; - - z-index: 101; - - border: 1px solid !important; - } - - &.is-closed { - display: none; - } - - /* Modale Dialoge */ - div#filler { - position: absolute; - z-index: 100; - top: 0; - left: 0; - height: 100%; - width: 100%; - opacity: 0.5; - - span.icon { - font-family: 'Helvetica', 'Arial', sans-serif; - opacity: 1; - font-size: 3em; - font-weight: bold; - text-align: center; - width: 40px; - height: 40px; - - position: absolute; - right:20px; - top: 20px; - } - } + > .view { + overflow: auto; + + /*width:60%;*/ + position: absolute; + top: 5%; + left: 10%; + width: 80%; + height: 80%; + + z-index: 101; + + border: 1px solid !important; + } + + &.is-closed { + display: none; + } + + /* Modale Dialoge */ + div#filler { + position: absolute; + z-index: 100; + top: 0; + left: 0; + height: 100%; + width: 100%; + opacity: 0.5; + + span.icon { + font-family: 'Helvetica', 'Arial', sans-serif; + opacity: 1; + font-size: 3em; + font-weight: bold; + text-align: center; + width: 40px; + height: 40px; + + position: absolute; + right: 20px; + top: 20px; + } + } + +} +.arrow { + width: 0; + height: 0; + margin: 6px; + padding: 0; + font-size: 0; + + &.arrow-down { + border-right: 6px solid transparent; + border-top: 6px solid; + border-left: 6px solid transparent; + border-bottom: 4px solid transparent; + margin-top: 10px; + } + &.arrow-right { + border-top: 6px solid transparent; + border-left: 6px solid; + border-bottom: 6px solid transparent; + border-right: 4px solid transparent; + margin-left: 10px; + } +} +#editor .dirty { + font-weight: bold; } +.visible-for-nojs { + display: none; +} + +html.nojs .noscript { + display: block; +} + +.toggle-open-close { + + .on-click-open-close { + cursor: pointer; + font-weight: normal; + } + + > div { + transition: height ease 0.5s; + overflow: hidden; + } + + /* Geschlossene Fieldsets */ + &.closed { + .on-click-open-close .on-closed { + display: inline; + } + .on-click-open-close .on-open { + display: none; + } + > div { + height: 0; + } + } + + /* Offene Fieldsets */ + &.open { + > div { + display: block; + } + .on-click-open-close .on-closed { + display: none; + } + .on-click-open-close .on-open { + display: inline; + } + } +} + +@smartphones: ~"only screen and (max-width: 55rem)"; + +div#workbench { + + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + div.panel.modal { + position: relative; + z-index: 101; + border: 1px solid !important; + } - .arrow { - width: 0; - height: 0; - margin: 6px; - padding: 0; - font-size: 0; - - &.arrow-down { - border-right: 6px solid transparent; - border-top: 6px solid; - border-left: 6px solid transparent; - border-bottom: 4px solid transparent; - margin-top: 10px; - } - &.arrow-right { - border-top: 6px solid transparent; - border-left: 6px solid; - border-bottom: 6px solid transparent; - border-right: 4px solid transparent; - margin-left: 10px; - } - } - - #editor .dirty - { - font-weight: bold; - } - - - .visible-for-nojs - { - display: none; - } - html.nojs .noscript - { - display: block; - } + /* vertikale Flex-Box zwischen Header und Hauptbereich */ + > * { + } + + > header { + height: 3rem; + + .toolbar-icon { + + .arrow-down { + display: inline; + } + + span.label, .arrow-down { + @media @smartphones { + display: none; + } + } + } + } + + > div { + + /* Horizontale Flexbox */ + display: flex; + flex: 1; + flex-direction: row; + height: 100%; + + /* + https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox + Whenever you've got an element with overflow: [hidden|scroll|auto] inside of a flex item, you need to give its ancestor flex item min-width:0 (in a horizontal flex container) or min-height:0 (in a vertical flex container), to disable this min-sizing behavior, or else the flex item will refuse to shrink smaller than the child's min-content size. + */ + min-height: 0; + + > main { + flex: 2; + } + > nav { + width: 10rem; + + @media @smartphones { + width: 3rem; + } + + &.open { + + } + &.closed { + width: 3rem; + } + + flex: 1; + resize: horizontal; + } + + > nav, > main { + overflow-y: auto; + overflow-x: hidden; + } + + > main > section { + margin: 1.5em; + border: 1px; + + .border-radius(5px); + } + } + +} diff --git a/modules/cms-ui/themes/default/style/openrat-workbench.min.css b/modules/cms-ui/themes/default/style/openrat-workbench.min.css @@ -1 +1 @@ -html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;font-weight: inherit;vertical-align: baseline}body{line-height: 1.5}table{border-collapse: separate;border-spacing: 0}caption,th,td{text-align: left;font-weight: normal}table,td,th{vertical-align: top}blockquote:before,blockquote:after,q:before,q:after{content: ""}blockquote,q{quotes: "" ""}a img{border: none}div#workbench div.panel.modal{position: relative;z-index: 101;border: 1px solid !important}div#dialog > .view{overflow: auto;position: absolute;top: 5%;left: 10%;width: 80%;height: 80%;z-index: 101;border: 1px solid !important}div#dialog.is-closed{display: none}div#dialog div#filler{position: absolute;z-index: 100;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.5}div#dialog div#filler span.icon{font-family: 'Helvetica', 'Arial', sans-serif;opacity: 1;font-size: 3em;font-weight: bold;text-align: center;width: 40px;height: 40px;position: absolute;right: 20px;top: 20px}.arrow{width: 0;height: 0;margin: 6px;padding: 0;font-size: 0}.arrow.arrow-down{border-right: 6px solid transparent;border-top: 6px solid;border-left: 6px solid transparent;border-bottom: 4px solid transparent;margin-top: 10px}.arrow.arrow-right{border-top: 6px solid transparent;border-left: 6px solid;border-bottom: 6px solid transparent;border-right: 4px solid transparent;margin-left: 10px}#editor .dirty{font-weight: bold}.visible-for-nojs{display: none}html.nojs .noscript{display: block}- \ No newline at end of file +div#dialog > .view{overflow: auto;position: absolute;top: 5%;left: 10%;width: 80%;height: 80%;z-index: 101;border: 1px solid !important}div#dialog.is-closed{display: none}div#dialog div#filler{position: absolute;z-index: 100;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.5}div#dialog div#filler span.icon{font-family: 'Helvetica', 'Arial', sans-serif;opacity: 1;font-size: 3em;font-weight: bold;text-align: center;width: 40px;height: 40px;position: absolute;right: 20px;top: 20px}.arrow{width: 0;height: 0;margin: 6px;padding: 0;font-size: 0}.arrow.arrow-down{border-right: 6px solid transparent;border-top: 6px solid;border-left: 6px solid transparent;border-bottom: 4px solid transparent;margin-top: 10px}.arrow.arrow-right{border-top: 6px solid transparent;border-left: 6px solid;border-bottom: 6px solid transparent;border-right: 4px solid transparent;margin-left: 10px}#editor .dirty{font-weight: bold}.visible-for-nojs{display: none}html.nojs .noscript{display: block}.toggle-open-close .on-click-open-close{cursor: pointer;font-weight: normal}.toggle-open-close > div{transition: height ease .5s;overflow: hidden}.toggle-open-close.closed .on-click-open-close .on-closed{display: inline}.toggle-open-close.closed .on-click-open-close .on-open{display: none}.toggle-open-close.closed > div{height: 0}.toggle-open-close.open > div{display: block}.toggle-open-close.open .on-click-open-close .on-closed{display: none}.toggle-open-close.open .on-click-open-close .on-open{display: inline}div#workbench{width: 100%;height: 100%;display: flex;flex-direction: column}div#workbench div.panel.modal{position: relative;z-index: 101;border: 1px solid !important}div#workbench > header{height: 3rem}div#workbench > header .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){div#workbench > header .toolbar-icon span.label,div#workbench > header .toolbar-icon .arrow-down{display: none}}div#workbench > div{display: flex;flex: 1;flex-direction: row;height: 100%;min-height: 0}div#workbench > div > main{flex: 2}div#workbench > div > nav{width: 10rem;flex: 1;resize: horizontal}@media only screen and (max-width: 55rem){div#workbench > div > nav{width: 3rem}}div#workbench > div > nav.closed{width: 3rem}div#workbench > div > nav,div#workbench > div > main{overflow-y: auto;overflow-x: hidden}div#workbench > div > main > section{margin: 1.5em;border: 1px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px}+ \ No newline at end of file diff --git a/modules/cms-ui/themes/default/style/theme/openrat-theme.less b/modules/cms-ui/themes/default/style/theme/openrat-theme.less @@ -1,6 +1,6 @@ /* OpenRat Theme */ -/* +/* * The following variables beginning with '@cms-...' are overwritten by the CMS style configuration values */ @cms-theme-id: 'theme-name'; /* technical name of theme */ @@ -75,29 +75,12 @@ html.theme-@{cms-theme-id} { div#noticebar { div.notice { - border: 2px solid @cms-text-color; - padding: 5px; - margin: 5px; - - .border-radius(5px); .box-shadow(3px, 2px, 5px, @cms-text-color); - display: none; - } - - div.notice.ok { - background-color: green; - } - - div.notice.warning { - background-color: yellow; - } - - div.notice.error { - background-color: red; } div.notice.info { background-color: @cms-inactive-background-color; + border-color: darken(@cms-inactive-background-color,30%); } } @@ -127,9 +110,6 @@ html.theme-@{cms-theme-id} { color: @cms-text-color; } - div.dropdown > div.divide { - background-color: @cms-title-background-color; - } td.preview { background-color: papayawhip; @@ -267,7 +247,6 @@ html.theme-@{cms-theme-id} { } #title > div > div.arrow-down { - display: inline; width: 0; height: 0; margin: 6; @@ -285,6 +264,25 @@ html.theme-@{cms-theme-id} { .box-shadow(3px, 2px, 10px, @cms-title-background-color); opacity: 0.95; border: 2px solid @cms-title-background-color; + + background-color: @cms-title-text-color; + color: @cms-text-color; + + + + + div.entry.selected, + > div.entry.active:hover, + > div.entry.active:hover > a, + a.element { + background-color: @cms-title-background-color; + color: @cms-title-text-color; + } + + > div.divide { + background-color: @cms-title-background-color; + } + } #title span.titletext { @@ -413,12 +411,9 @@ html.theme-@{cms-theme-id} { } #title, ul.views > li.action { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", - "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 13px; } - div.content pre, div.dropdown { + div.content pre { background-color: @cms-title-text-color; color: @cms-text-color; } @@ -471,11 +466,6 @@ html.theme-@{cms-theme-id} { } } - div.entry.selected, div.dropdown > div.entry.active:hover, div.dropdown > div.entry.active:hover > a, a.element { - background-color: @cms-title-background-color; - color: @cms-title-text-color; - - } div.clickable.filtered > a { color: @cms-inactive-background-color; } @@ -483,6 +473,23 @@ html.theme-@{cms-theme-id} { color: @cms-text-color; } + div#workbench { + div { + nav { + background-color: darken(@cms-background-color,10%); + } + + main section { + //.box-shadow(5px,5px,5px,@cms-text-color); + border-color: @cms-text-color; + + &.open { + background-color: lighten(@cms-background-color,10%); + } + } + } + } + } /* Theme Ende */