candt.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. @charset "UTF-8";
  2. @media (max-width: @screen-xs) {
  3. body { font-size: 10px;}
  4. }
  5. @media (max-width: @screen-sm) {
  6. body {font-size: 40px;}
  7. }
  8. #main {
  9. position: relative;
  10. }
  11. #main:after {
  12. content : "";
  13. display: block;
  14. position: absolute;
  15. top: 0;
  16. left: 0;
  17. background-image: url(/images/johnny-automatic-grapes-v2.svg);
  18. background-position: top right;
  19. background-size: 50% 50%;
  20. background-repeat: no-repeat;
  21. width: 100%;
  22. height: 100%;
  23. opacity : 0.04;
  24. z-index: -1;
  25. }
  26. body {
  27. color: #5B5003;
  28. /*
  29. background-attachment: fixed;
  30. background-color: #FFFFFF;
  31. background-image: url(logos/opernfestival_hintergr1.gif);
  32. background-repeat: no-repeat;
  33. background-position: right top 60px;
  34. */
  35. }
  36. body {
  37. position: relative;
  38. padding-top: 54px;
  39. }
  40. body, div, td, p {
  41. /* font-family: "Lucida Grande", Verdana, sans-serif;*/
  42. font-family: 'Lato', sans-serif;
  43. line-height: normal;
  44. }
  45. body > nav.top-nav {
  46. background-color: #E2A829!important;
  47. }
  48. a:link, a:visited, a:hover, a:active {
  49. color: #E2A829;
  50. }
  51. div.important {
  52. color: #E2A829;
  53. }
  54. div.container.title {
  55. color: #E2A829;
  56. }
  57. div.relaxed-ul ul li {
  58. padding: 0.5ex;
  59. }
  60. /*
  61. body nav.navbar * {
  62. font-family: 'Cinzel', serif;
  63. }*/
  64. nav.navbar.top-nav a {
  65. color: #E2A829!mportant;
  66. /* color: #fffff1!mportant;*/
  67. }
  68. nav.navbar.top-nav * {
  69. background-color: #E2A829!important;
  70. }
  71. .dropdown:hover>.dropdown-menu {
  72. display: block;
  73. }
  74. div.container-fluid.ct {
  75. margin-bottom: 10ex;
  76. }}}
  77. div.ct h4,
  78. div.ct h5 {
  79. padding-top: 1ex;
  80. padding-bottom: 1ex;
  81. }
  82. div.ct ul li {
  83. margin-bottom: 1.6ex;
  84. }
  85. div.kuenstler ul li span.instrument {
  86. font-size: x-small;
  87. margin-left: 1ex;
  88. }
  89. div.kuenstler ul li span.lastname {
  90. font-weight: bolder;
  91. }
  92. div.kuenstler img.kuenstler {
  93. width: 46%;
  94. }
  95. div.jumbotron.kuenstler span.personal-name {
  96. font-weight: bold;
  97. }
  98. div.jumbotron.important span.personal-name {
  99. font-weight: bold;
  100. }
  101. div.jumbotron.kuenstler span.instrument {
  102. font-size: smaller;
  103. color: hsl(105, 50%, 35%);
  104. }
  105. /*
  106. div.jumbotron.kuenstler {
  107. background-image: url(/images/chaconne.png);
  108. background-position: top left;
  109. background-size: auto 100%;
  110. background-repeat: no-repeat;
  111. }
  112. */
  113. .teilnahme {
  114. display: none;
  115. }
  116. ul.konzerte {
  117. padding: 0;
  118. margin: 0;
  119. list-style-position: outside;
  120. margin-top: 4ex;
  121. list-style-type: none;
  122. }
  123. ul.konzerte li span.datum {
  124. width: 10em;
  125. display: inline-block;
  126. text-align: right;
  127. padding-right: 0.5em;
  128. }
  129. ul.konzerte li {
  130. margin-bottom: 1.6ex;
  131. }
  132. .table-borderless td,
  133. .table-borderless th {
  134. border: 0;
  135. }
  136. /* center image in carousel */
  137. .carousel-inner img {
  138. margin: auto;
  139. }
  140. /* https://stackoverflow.com/questions/47122852/change-color-of-svg-background-image-bootstrap-4-carousel */
  141. a.carousel-control-prev span.carousel-control-prev-icon {
  142. 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");
  143. }
  144. a.carousel-control-next span.carousel-control-next-icon {
  145. 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");
  146. }
  147. /*
  148. .carousel-fade .carousel-inner .carousel-item {
  149. -webkit-transition-property: opacity;
  150. -moz-transition-property: opacity;
  151. -o-transition-property: opacity;
  152. -ms-transition-property: opacity;
  153. transition-property: opacity;
  154. }
  155. .carousel-fade .carousel-inner .carousel-item,
  156. .carousel-fade .carousel-inner .active.left,
  157. .carousel-fade .carousel-inner .active.right {
  158. opacity: 0;
  159. }
  160. .carousel-fade .carousel-inner .active,
  161. .carousel-fade .carousel-inner .next.left,
  162. .carousel-fade .carousel-inner .prev.right {
  163. opacity: 1;
  164. }
  165. .carousel-fade .carousel-inner .next,
  166. .carousel-fade .carousel-inner .prev,
  167. .carousel-fade .carousel-inner .active.left,
  168. .carousel-fade .carousel-inner .active.right {
  169. left: 0;
  170. -webkit-transform: translate3d(0, 0, 0);
  171. -moz-transform: translate3d(0, 0, 0);
  172. -o-transform: translate3d(0, 0, 0);
  173. -ms-transform: translate3d(0, 0, 0);
  174. transform: translate3d(0, 0, 0);
  175. }
  176. */