305 lines
6.7 KiB
CSS
305 lines
6.7 KiB
CSS
.override-rtl{
|
|
direction:rtl;
|
|
}
|
|
.monolingual-course{
|
|
padding-left: 20px;
|
|
padding-right: 0;
|
|
}
|
|
.override-ltr{
|
|
direction:ltr;
|
|
}
|
|
span.ltr{
|
|
left:0 !important;
|
|
right:inherit !important;
|
|
}
|
|
.override-strong strong{
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
.tt-suggestion{
|
|
padding-bottom: 10px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.override-ltr .col-lg-1,
|
|
.override-ltr .col-lg-10,
|
|
.override-ltr .col-lg-11,
|
|
.override-ltr .col-lg-12,
|
|
.override-ltr .col-lg-2,
|
|
.override-ltr .col-lg-3,
|
|
.override-ltr .col-lg-4,
|
|
.override-ltr .col-lg-5,
|
|
.override-ltr .col-lg-6,
|
|
.override-ltr .col-lg-7,
|
|
.override-ltr .col-lg-8,
|
|
.override-ltr .col-lg-9 {
|
|
float: left !important;
|
|
}
|
|
|
|
.override-ltr .col-lg-offset-2 {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.override-ltr .col-sm-offset-1 {
|
|
margin-left: 8.33333333%;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.override-ltr .col-lg-1,
|
|
.override-ltr .col-lg-10,
|
|
.override-ltr .col-lg-11,
|
|
.override-ltr .col-lg-12,
|
|
.override-ltr .col-lg-2,
|
|
.override-ltr .col-lg-3,
|
|
.override-ltr .col-lg-4,
|
|
.override-ltr .col-lg-5,
|
|
.override-ltr .col-lg-6,
|
|
.override-ltr .col-lg-7,
|
|
.override-ltr .col-lg-8,
|
|
.override-ltr .col-lg-9 {
|
|
float: left!important;
|
|
}
|
|
|
|
.override-ltr .col-lg-offset-2 {
|
|
margin-right: 0!important;
|
|
margin-left: 16.66666667%!important;
|
|
}
|
|
.override-ltr .col-sm-offset-1 {
|
|
margin-left: 8.33333333%;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
.override-ltr div.row.vocabulary div.col-sm-3 p {
|
|
margin-right: 30px!important;
|
|
margin-left: auto!important;
|
|
|
|
}
|
|
.override-ltr a.audio-link:before {
|
|
background-position: left top;
|
|
margin-right: 8px;
|
|
margin-left: 0;
|
|
}
|
|
.consonants:hover {
|
|
border-bottom: 2px solid #23527c!important;
|
|
}
|
|
.consonants {
|
|
border-bottom: 1px solid #23527c!important;
|
|
color: #23527c!important;
|
|
}
|
|
|
|
.container.page-container {
|
|
overflow: visible;
|
|
}
|
|
|
|
div#header-row div.row-menu div.lecture-nav-container div.navbar nav.lecture-nav .navbar-toggle:focus .icon-close-cross {
|
|
background: url(../svg/nav-cross-black-lg.svg) no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
header div.row-menu div.navbar.navbar-default.navbar-static-top nav.main-nav .navbar-toggle:focus .close-cross {
|
|
background: url(../svg/nav-cross-xs.svg) no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
div#the-basics.rtl span.twitter-typeahead {
|
|
width: 100%;
|
|
}
|
|
div#the-basics.rtl span.twitter-typeahead .input-lg{
|
|
padding-left: 20px;
|
|
direction: rtl;
|
|
}
|
|
|
|
div#the-basics.rtl span.twitter-typeahead input[type="search"].tt-input {
|
|
background-image: url(../svg/icon-lupe.svg);
|
|
background-repeat: no-repeat;
|
|
padding-left: 20px;
|
|
padding-right: 44px;
|
|
direction: rtl;
|
|
|
|
background-position: 7% 14px;
|
|
}
|
|
span.course-score-ltr,
|
|
button.course-reset-ltr {
|
|
left: inherit !important;
|
|
right: 15px !important;
|
|
}
|
|
|
|
#header-row {
|
|
margin-bottom: 58px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
div#the-basics.rtl span.twitter-typeahead input[type="search"].tt-input {
|
|
background-position: 3% 14px;
|
|
}
|
|
span.course-score-ltr,
|
|
button.course-reset-ltr {
|
|
left: inherit !important;
|
|
right: 56px !important;
|
|
}
|
|
#header-row {
|
|
margin-bottom: 58px;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
div#the-basics.rtl span.twitter-typeahead input[type="search"].tt-input {
|
|
background-position: 2% 14px;
|
|
}
|
|
|
|
span.course-score-ltr,
|
|
button.course-reset-ltr {
|
|
left: inherit !important;
|
|
right: 20px !important;
|
|
}
|
|
#header-row {
|
|
margin-bottom: 84px;
|
|
}
|
|
}
|
|
|
|
.richtext-content-container img {
|
|
max-width: 300px;
|
|
}
|
|
|
|
#newsletter-subscribe, #newsletter-unsubscribe {
|
|
display: none;
|
|
}
|
|
|
|
.user-profile-button {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.need-help-link {
|
|
padding-top:20px;
|
|
padding-bottom:10px;
|
|
}
|
|
|
|
.cookie {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background: rgba(59, 68, 77, 0.9);
|
|
z-index: 1000;
|
|
font: normal normal 400 12px/18px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.cookie--visible > div {
|
|
transition: 350ms 250ms ease-out;
|
|
transform: translateY(0%);
|
|
}
|
|
|
|
.cookie__wrap {
|
|
width: 940px;
|
|
color: rgb(255, 255, 255);
|
|
margin: 18px auto;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -moz-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-moz-justify-content: space-between;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-align-items: center;
|
|
-moz-align-items: center;
|
|
align-items: center;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
@media (max-width: 940px) {
|
|
.cookie__wrap {
|
|
width: auto;
|
|
margin: 18px 18px;
|
|
flex-direction: column;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-orient: vertical;
|
|
-moz-box-direction: normal;
|
|
-moz-box-orient: vertical;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
}
|
|
|
|
.cookie__text {
|
|
-ms-align-self: flex-start;
|
|
-webkit-align-self: flex-start;
|
|
-moz-align-self: flex-start;
|
|
-ms-flex-item-align: start;
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.cookie__buttons {
|
|
-ms-align-self: flex-end;
|
|
-webkit-align-self: flex-end;
|
|
-moz-align-self: flex-end;
|
|
-ms-flex-item-align: end;
|
|
align-self: flex-end;
|
|
}
|
|
}
|
|
|
|
.cookie__item {
|
|
-ms-flex-item-align: stretch;
|
|
-webkit-align-self: stretch;
|
|
-moz-align-self: stretch;
|
|
align-self: stretch;
|
|
}
|
|
|
|
.cookie__text {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.cookie__buttons {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -moz-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-moz-justify-content: space-between;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.cookie__buttons a {
|
|
border: none;
|
|
color: rgb(255, 255, 255);
|
|
padding: 7px 14px 8px;
|
|
font-weight: 700;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
a.cookie__btn--more {
|
|
background-color: rgb(127, 136, 145);
|
|
margin: 0 8px;
|
|
}
|
|
|
|
a.cookie__btn--more:hover {
|
|
background-color: rgb(216, 221, 226);
|
|
color: rgb(59, 68, 77);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.cookie__btn--ok {
|
|
background-color: rgb(0, 165, 255);
|
|
}
|
|
|
|
a.cookie__btn--ok:hover {
|
|
background-color: rgb(255, 255, 255);
|
|
color: rgb(0, 165, 255);
|
|
text-decoration: none;
|
|
}
|
|
a.glossar-modal.custom-modal:focus {
|
|
border: 2px solid #0098FF;
|
|
}
|