123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210 |
- @charset "UTF-8";
- @media (max-width: @screen-xs) {
- body { font-size: 10px;}
- }
- @media (max-width: @screen-sm) {
- body {font-size: 40px;}
- }
- #main {
- position: relative;
- }
- #main:after {
- content : "";
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- background-image: url(/images/johnny-automatic-grapes-v2.svg);
- background-position: top right;
- background-size: 50% 50%;
- background-repeat: no-repeat;
- width: 100%;
- height: 100%;
- opacity : 0.04;
- z-index: -1;
- }
- body {
- color: #5B5003;
- /*
- background-attachment: fixed;
- background-color: #FFFFFF;
- background-image: url(logos/opernfestival_hintergr1.gif);
- background-repeat: no-repeat;
- background-position: right top 60px;
- */
- }
- body {
- position: relative;
- padding-top: 54px;
- }
- body, div, td, p {
- /* font-family: "Lucida Grande", Verdana, sans-serif;*/
- font-family: 'Lato', sans-serif;
- line-height: normal;
- }
- body > nav.top-nav {
- background-color: #E2A829!important;
- }
- a:link, a:visited, a:hover, a:active {
- color: #E2A829;
- }
- div.important {
- color: #E2A829;
- }
- div.container.title {
- color: #E2A829;
- }
- div.relaxed-ul ul li {
- padding: 0.5ex;
- }
- /*
- body nav.navbar * {
- font-family: 'Cinzel', serif;
- }*/
- nav.navbar.top-nav a {
- color: #E2A829!mportant;
- /* color: #fffff1!mportant;*/
- }
- nav.navbar.top-nav * {
- background-color: #E2A829!important;
- }
- .dropdown:hover>.dropdown-menu {
- display: block;
- }
- div.container-fluid.ct {
- margin-bottom: 10ex;
- }}}
- div.ct h4,
- div.ct h5 {
- padding-top: 1ex;
- padding-bottom: 1ex;
- }
- div.ct ul li {
- margin-bottom: 1.6ex;
- }
- div.kuenstler ul li span.instrument {
- font-size: x-small;
- margin-left: 1ex;
- }
- div.kuenstler ul li span.lastname {
- font-weight: bolder;
- }
- div.kuenstler img.kuenstler {
- width: 46%;
- }
- div.jumbotron.kuenstler span.personal-name {
- font-weight: bold;
- }
- div.jumbotron.important span.personal-name {
- font-weight: bold;
- }
- div.jumbotron.kuenstler span.instrument {
- font-size: smaller;
- color: hsl(105, 50%, 35%);
- }
- /*
- div.jumbotron.kuenstler {
- background-image: url(/images/chaconne.png);
- background-position: top left;
- background-size: auto 100%;
- background-repeat: no-repeat;
- }
- */
- .teilnahme {
- display: none;
- }
- ul.konzerte {
- padding: 0;
- margin: 0;
- list-style-position: outside;
- margin-top: 4ex;
- list-style-type: none;
- }
- ul.konzerte li span.datum {
- width: 10em;
- display: inline-block;
- text-align: right;
- padding-right: 0.5em;
- }
- ul.konzerte li {
- margin-bottom: 1.6ex;
- }
- .table-borderless td,
- .table-borderless th {
- border: 0;
- }
- /* center image in carousel */
- .carousel-inner img {
- margin: auto;
- }
- /* https://stackoverflow.com/questions/47122852/change-color-of-svg-background-image-bootstrap-4-carousel */
- a.carousel-control-prev span.carousel-control-prev-icon {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231a6600' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
- }
- a.carousel-control-next span.carousel-control-next-icon {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231a6600' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
- }
- /*
- .carousel-fade .carousel-inner .carousel-item {
- -webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -o-transition-property: opacity;
- -ms-transition-property: opacity;
- transition-property: opacity;
- }
- .carousel-fade .carousel-inner .carousel-item,
- .carousel-fade .carousel-inner .active.left,
- .carousel-fade .carousel-inner .active.right {
- opacity: 0;
- }
- .carousel-fade .carousel-inner .active,
- .carousel-fade .carousel-inner .next.left,
- .carousel-fade .carousel-inner .prev.right {
- opacity: 1;
- }
- .carousel-fade .carousel-inner .next,
- .carousel-fade .carousel-inner .prev,
- .carousel-fade .carousel-inner .active.left,
- .carousel-fade .carousel-inner .active.right {
- left: 0;
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- */
|