styles.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338
  1. /* #### Generated By: http://www.cufonfonts.com #### */
  2. @font-face {
  3. font-family: 'Bariol Regular';
  4. font-style: normal;
  5. font-weight: normal;
  6. src: local('Bariol Regular'), url('Bariol/bariol_regular-webfont.woff') format('woff');
  7. }
  8. @font-face {
  9. font-family: 'Bariol Regular Italic';
  10. font-style: normal;
  11. font-weight: normal;
  12. src: local('Bariol Regular Italic'), url('Bariol/bariol_regular_italic-webfont.woff') format('woff');
  13. }
  14. @font-face {
  15. font-family: 'Bariol Thin Italic';
  16. font-style: normal;
  17. font-weight: normal;
  18. src: local('Bariol Thin Italic'), url('Bariol/bariol_thin_italic-webfont.woff') format('woff');
  19. }
  20. @font-face {
  21. font-family: 'Bariol Thin';
  22. font-style: normal;
  23. font-weight: normal;
  24. src: local('Bariol Thin'), url('Bariol/bariol_thin-webfont.woff') format('woff');
  25. }
  26. @font-face {
  27. font-family: 'Bariol Light';
  28. font-style: normal;
  29. font-weight: normal;
  30. src: local('Bariol Light'), url('Bariol/bariol_light-webfont.woff') format('woff');
  31. }
  32. @font-face {
  33. font-family: 'Bariol Light Italic';
  34. font-style: normal;
  35. font-weight: normal;
  36. src: local('Bariol Light Italic'), url('bariol_light_italic-webfont.woff') format('woff');
  37. }
  38. @font-face {
  39. font-family: 'Bariol Bold';
  40. font-style: normal;
  41. font-weight: normal;
  42. src: local('Bariol Bold'), url('Bariol/bariol_bold-webfont.woff') format('woff');
  43. }
  44. @font-face {
  45. font-family: 'Bariol Bold Italic';
  46. font-style: normal;
  47. font-weight: normal;
  48. src: local('Bariol Bold Italic'), url('Bariol/bariol_bold_italic-webfont.woff') format('woff');
  49. }
  50. @font-face {
  51. font-family: 'bariol_iconsbasic';
  52. src: url('Bariol-Icons-Basic-Webfont/bariol_icons_basic-webfont.eot');
  53. src: url('Bariol-Icons-Basic-Webfont/bariol_icons_basic-webfont.eot?#iefix') format('embedded-opentype'),
  54. url('Bariol-Icons-Basic-Webfont/bariol_icons_basic-webfont.woff2') format('woff2'),
  55. url('Bariol-Icons-Basic-Webfont/bariol_icons_basic-webfont.woff') format('woff'),
  56. url('Bariol-Icons-Basic-Webfont/bariol_icons_basic-webfont.ttf') format('truetype'),
  57. url('Bariol-Icons-Basic-Webfont/bariol_icons_basic-webfont.svg#bariol_iconsbasic') format('svg');
  58. font-weight: normal;
  59. font-style: normal;
  60. }
  61. @font-face {
  62. font-family: 'NeuzeitGro-Bla';
  63. src: url('NeuzeitGro-Bla/font.woff2') format('woff2'), url('NeuzeitGro-Bla/font.woff') format('woff');
  64. }
  65. @font-face {
  66. font-family: 'NeuzeitGro-Reg';
  67. src: url('NeuzeitGro-Reg/font.woff2') format('woff2'), url('NeuzeitGro-Reg/font.woff') format('woff');
  68. }
  69. @font-face {
  70. font-family: "Open-Sans";
  71. src: url(Open_Sans/OpenSans-Regular.ttf);
  72. }
  73. @font-face {
  74. font-family: "Open-Sans";
  75. src: url(Open_Sans/OpenSans-Bold.ttf);
  76. font-weight: bold;
  77. }
  78. .card-columns {
  79. @include media-breakpoint-only(lg) {
  80. column-count: 4;
  81. }
  82. @include media-breakpoint-only(xl) {
  83. column-count: 5;
  84. }
  85. @include media-breakpoint-only(sm) {
  86. column-count: 2;
  87. }
  88. display: inline-block;
  89. }
  90. /* @media (max-width: 575.98px) { ... }
  91. @media (max-width: 767.98px) { ... }
  92. @media (max-width: 991.98px) { ... }
  93. @media (max-width: 1199.98px) { ... } */
  94. @media (min-width: 992px) {
  95. body {
  96. margin: 0 4em;
  97. }
  98. }
  99. body {
  100. font-family: 'NeuzeitGro-Reg', sans-serif;
  101. }
  102. input[type='checkbox'].check {
  103. -webkit-appearance:none;
  104. width:30px;
  105. height:30px;
  106. background:white;
  107. border-radius:0px;
  108. border:1px solid;
  109. }
  110. input[type='checkbox'].check:checked {
  111. background: black;
  112. }
  113. a {
  114. color: #469CA8 !important;
  115. }
  116. .boldkur {
  117. font-size: large;
  118. font-weight: 800;
  119. }
  120. .mediumkur {
  121. font-weight: 800;
  122. }
  123. .kur {
  124. }
  125. .myborder {
  126. color: black;
  127. border-style: solid;
  128. border-width: 5px;
  129. border-color: black;
  130. }
  131. .navborder {
  132. border-style: solid;
  133. border-width: 2px;
  134. border-color: black;
  135. border-spacing: 5px;
  136. }
  137. img.vote {
  138. border-style: solid; !important;
  139. border-width: 3px; !important;
  140. border-color: lawngreen; !important;
  141. border-radius:0;
  142. }
  143. .fett {
  144. }
  145. .border-blue{
  146. border-style: solid;
  147. border-width: 3px;
  148. border-color: blue;
  149. }
  150. .mab-menu-elm{
  151. color: #469CA8;
  152. font-weight: bold;
  153. }
  154. .mab-menu-elm a{
  155. color: #469CA8 !important;
  156. font-weight: bold;
  157. }
  158. .border-thin{
  159. border-style: solid;
  160. border-width: 1px;
  161. border-color: #469CA8;
  162. color: #469CA8;
  163. background-color: #FFF;
  164. border-radius: 20px;
  165. padding-bottom: 0px;
  166. margin: 0px;
  167. margin-right: 6px;
  168. margin-top: 2px;
  169. line-height: 20px;
  170. padding-top: 4px;
  171. padding-bottom: 4px;
  172. padding-right: 6px;
  173. padding-left: 6px;
  174. height: auto;
  175. }
  176. .gemain-color {
  177. color: #469CA8;
  178. }
  179. .hash{
  180. border-style: solid;
  181. border-width: 2px;
  182. border-color: black;
  183. padding-bottom: 0px;
  184. border-top-color: black;
  185. border-left-color: white;
  186. border-right-color: white;
  187. background: white;
  188. margin: 0px;
  189. margin-right:1px ;
  190. margin-top: 2px;
  191. line-height: 20px;
  192. padding-top: 1px;
  193. padding-bottom: 0px;
  194. padding-right: 2px;
  195. padding-left: 2px;
  196. }
  197. .btn-primary {
  198. color: #469CA8;
  199. background-color: white;
  200. border-color: #469CA8 !important;
  201. }
  202. .mybtn:hover {
  203. color: white;
  204. background-color: #469CA8;
  205. }
  206. .division-color{
  207. border-bottom: 1px solid #469CA8;
  208. margin-right: -15px;
  209. margin-left: -15px;
  210. margin-top: 0;
  211. /* margin-bottom: 0; */
  212. }
  213. button{
  214. font-size: 15px;
  215. }
  216. .mark {
  217. color: white;
  218. background-color: black;
  219. }
  220. .red:hover {
  221. color: red;
  222. }
  223. .form_border {
  224. border-radius: 0;
  225. }
  226. .black {
  227. color: black;
  228. }
  229. .fieldname{
  230. margin-bottom: 5px;
  231. }
  232. .tag{
  233. width: 100% ;
  234. align-self: flex-end;
  235. margin-bottom: 2px;
  236. }
  237. .mab-field-highlight {
  238. box-shadow: 0 4px 8px 0 rgba(70, 156, 168, 0.2), 0 6px 20px 0 rgba(70, 156, 168, 0.19);
  239. margin-top: 30px;
  240. margin-bottom: 30px;
  241. padding: 20px 20px 10px 20px;
  242. border-radius: 25px;
  243. }
  244. /*******************************************************************************/
  245. /*******************************************************************************/
  246. /*******************************************************************************/