@charset "UTF-8";
/**
* base stylesheet - RTL
*
* @author Marcel Pommer <marcel.pommer@flane.de>
*
* @copyright Copyright (c) 2021 Fast Lane Institute for Knowledge Transfer
* @since 2021
*/
/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework
* (en) YAML core RTL stylesheet
* (de) YAML Basis-RTL-Stylesheet
*
* Don't make any changes in this file!
* Your changes should be placed in any css-file in your own stylesheet folder.
*
* @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
*
* @copyright © 2005-2013, Dirk Jesse
* @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
* YAML-CDL (http://www.yaml.de/license.html)
* @link http://www.yaml.de
* @package yaml
* @version 4.1.2
*/
@media all {
/**
* @section browser normalisation
* Changing direction of text flow, paddings & margins ...
*/
option {
padding: 0 0.4em 0 0;
}
body {
text-align: right;
direction: rtl;
}
ul,
ol,
dl {
margin: 0 1em 1em 0;
}
li {
margin-left: 0;
margin-right: 0.8em;
}
dd {
margin: 0 0.8em 1em 0;
}
blockquote,
cite {
margin: 0 0.8em 1em 0;
}
/* set text flow * /
.ym-form {
direction: rtl;
}
*/
.ym-form * {
text-align: right;
}
.ym-form:dir(rtl) input,
.ym-form:dir(rtl) textarea {
display: inline-block;
}
.ym-form:dir(rtl) select {
display: inline-block;
}
.ym-form:dir(rtl) .ym-fbox-check input,
.ym-form:dir(rtl) input[type="radio"],
.ym-form:dir(rtl) input[type="checkbox"] {
margin-left: 0.5ex;
margin-right: 0;
}
.ym-form:dir(rtl) .ym-inline {
margin-left: 0;
}
.ym-fbox-wrap:dir(rtl) input[type="radio"],
.ym-fbox-wrap:dir(rtl) input[type="checkbox"] {
margin-left: 0.5ex;
margin-right: 0;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) rtl adjustments for forms module
* (de) RTL-Anpassungen für das Formular Modul
*
*/
.ym-columnar:dir(rtl) input,
.ym-columnar:dir(rtl) textarea,
.ym-columnar:dir(rtl) select {
float: right;
margin-right: 0;
margin-left: -3px;
}
.ym-columnar:dir(rtl) label,
.ym-columnar:dir(rtl) .ym-label {
display: inline;
float: right;
}
.ym-columnar:dir(rtl) input + label {
margin-right: 0.5ex;
}
.ym-columnar:dir(rtl) .ym-fbox-check input,
.ym-columnar:dir(rtl) .ym-message {
margin-left: 0;
margin-right: 30%;
}
.ym-columnar:dir(rtl) .ym-fbox-wrap {
margin-left: 0;
margin-right: 30%;
margin-left: -3px;
}
.ym-columnar:dir(rtl) .ym-fbox-wrap .ym-message {
margin-right: 0%;
}
.ym-columnar:dir(rtl) .ym-fbox-wrap label {
margin-right: 0;
}
.ym-columnar:dir(rtl) .ym-fbox-wrap input {
margin-right: 0;
}
.ym-columnar:dir(rtl) .ym-fbox-wrap input[type="radio"],
.ym-columnar:dir(rtl) .ym-fbox-wrap input[type="checkbox"] {
margin-left: 0.5ex;
margin-right: 0;
}
.ym-columnar:dir(rtl) .ym-fbox-button input {
float: none;
margin-left: 1em;
margin-right: 0;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
* (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
*
* @workaround
* @affected Firefox, Safari, IE 5.x - IE7
* @css-for all
* @valid yes
*/
.ym-skiplinks {
left: 32768px !important;
}
.ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active {
left: -32768px !important;
}
.ym-skip,
.ym-hideme,
.ym-print {
left: 32768px !important;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* @section miscellaneous
*
* (en) CSS-class for ltr-content (left to right) within a rtl website
* (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
*/
.ym-text-ltr {
direction: ltr;
text-align: left;
}
}
/**
* RTL support
*
* @author Marcel Pommer <marcel.pommer@flane.de>
*
* @copyright Copyright (c) 2021-2023 Fast Lane Institute for Knowledge Transfer
* @since 2021
*/
/**
* @package Flaneweb
*/
@media all {
/**
*
*/
body,
.ym-form * {
text-align: start;
}
.ym-wrapper {
text-align: right;
}
.ym-col1 { float: right; }
.ym-col2 { float: left; }
.hidenone .ym-col3 {
margin: 0 195px 0 210px;
}
.hidecol1 .ym-col3 {
margin: 0 0 0 210px;
}
.hidecol2 .ym-col3 {
margin: 0 195px 0 0;
}
.ym-col1, .ym-cbox {
text-align: right;
}
.ym-cbox-left {
padding: 0 0 0 10px;
}
.ym-cbox-right {
padding: 0 10px 0 0;
}
/**
*
*/
.float-left {
float: right;
}
.float-right {
float: left;
}
img.float-left,
div.float-left,
embed.float-left,
object.float-left,
span.float-left {
margin-left: 1em;
right: 0;
}
img.float-right,
div.float-right,
embed.float-right,
object.float-right,
span.float-right {
margin-right: 1em;
margin-left: 0;
}
/**
*
*/
.ym-hlist ul {
float: right;
}
.ym-hlist ul li {
margin: 0 0 0.3em 0.5em;
float: right;
}
/**
*
*/
.ui-tabs .ui-tabs-nav li {
float: right !important;
margin: 1px 0 0 .2em !important;
}
/**
*
*/
span.markedhref a:before {
content: '\2190';
margin-left: 0.5em;
margin-right: 0;
}
a > .cms-linkmark {
margin-left: 0.25em;
}
/**
*
*/
.cms-bcnav ul li {
float: right;
margin: 0 0 0 0.5em;
}
.cms-bcnav ul li:not(:last-child):after {
margin-left: 0;
margin-right: 0.5em;
}
/**
*
*/
.fl-view-prod .cms-widg-tabstrip li:first-child {
margin-right: 0;
margin-left: 2px !important;
}
.fl-view-prod-aside .fl-prod-mod-ttl {
padding-right: 0 !important;
padding-left: 25%;
background-position: left 2px !important;
}
/**
*
*/
.fl-head-srch, .fl-head-ctc {
float: left;
}
.fl-head-ctc {
margin-left: 1.5em;
}
.content-width .fl-head-logo {
right: 0;
}
.fl-head-logo {
text-align: right;
}
/**
*
*/
.cms-icon.float-right {
margin-left: 0;
margin-right: 0.5em;
}
/**
*
*/
.fl-wrap-srch .fl-srch-submit {
left: 8px;
font-size: 1.3em;
}
.fl-wrap-srch input[type=search] {
padding-left: 30px;
padding-right: 0;
}
/**
*
*/
footer .item {
border-left: 0;
border-right: 1px solid #666;
}
footer .item:first-child {
border: none;
}
/**
*
*/
.cms-mnu-ddn li:not(:first-child) ul {
left: 0;
}
.cms-mnu-ddn li:first-child ul {
right: 0;
}
.cms-mnu-ddn > li {
border-width: 1px 0 1px 1px;
}
.cms-mnu-ddn > li:first-child {
border-width: 1px;
}
.cms-mnu-ddn ul li {
text-align: right;
}
/**
*
*/
[dir="rtl"] .cms-mnu-fold-r ul ul {
right: 170px;
}
/**
*
*/
[dir="rtl"] .fl-view-prod .fl-wrap-vlogo {
margin: 0 1em 1em 0;
float: left;
}
/**
*
*/
[dir="rtl"] .fl-sched table .icn_schedule {
float: left;
margin-left: 0;
margin-right: 5px;
}
[dir="rtl"] .fl-sched-hint {
padding: 7px 24px 7px 0;
}
[dir="rtl"] .fl-sched-hint .icn_schedule {
float: right;
margin-left: 0;
margin-right: -24px;
}
[dir="rtl"] .fl-hint-book {
float: left;
}
.fl-sched-type-course .fl-h-sched-sect.expander {
background-position: left 0px !important;
padding-left: 20px !important;
padding-right: 0 !important;
}
.fl-sched-itm .icn_schedule {
float: right !important;
margin-right: -22px;
margin-left: 0 !important;
}
.fl-sched-itm {
padding-right: 2rem;
padding-left: 0;
}
.fl-sched-itm .fl-sched-date {
margin-left: 3px !important;
padding-right: 0 !important;
}
.fl-sched-type-course .fl-h-tzoff .cms-icon {
right: -0.1em;
margin-right: 0;
margin-left: 0.3em;
}
.fl-sched-type-course .fl-sched-trig-untrunc {
margin-right: 19px;
margin-left: 0;
}
.fl-sched-hint .cms-icon {
right: 0;
}
[dir="rtl"] .cms-link-marked svg.cms-linkmark {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.cms-secnav-top .cms-link-marked svg.cms-linkmark {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
/**
*
*/
[dir="rtl"] .expand_trigger,
[dir="rtl"] .fauxexpander {
background-image: url("img/expandcollapse_pm_r2.png");
padding-right: 2.2em !important;
padding-left: 0.5em !important;
background-position: calc(100% - 7px) -491px;
}
/** exceptions */
.ym-text-ltr .float-left {
float: left;
}
.ym-text-ltr .float-right {
float: right;
}
/** arabic */
html[lang="ar"] {
letter-spacing: 0 !important;
}
/**
* cms content-related:
* basic article elements
*/
.cms-view-art .artheader {
padding: 1em 20px 0 30px;
}
}