/**
 * (c)2022 KERNWERT, BERLIN
 * http://www.kernwert.de/
 *
 */
 html, body { height: 100%; } body { padding: 40px 0 0 0; margin: 0; color: #162A6B; font-size: 15px; font-family: open_sansregular, Helvetica, Arial, sans-serif; background-color: #ffffff; background-image: none; } body.no_padding { padding-top: 0; } body > #main { display: flex; flex-direction: column; height: 100%; } h1, h2, h3, h4, h5, h6 { color: #162a6b; line-height: 140%; font-family: open_sansregular, Helvetica, Arial, sans-serif; } h1 > b, h2 > b, h3 > b, h4 > b, h5 > b, h6 > b { font-weight: normal; font-family: open_sansregular, Helvetica, Arial, sans-serif; } h1 { font-size: 190%; font-style: normal; margin-bottom: 20px; } h2 { font-size: 140%; font-style: normal; padding-bottom: 6px; border-bottom: 1px solid #cecece; } h3 { font-size: 120%; font-style: normal; padding-bottom: 6px; border-bottom: 1px solid #cecece; } h4, h5, h6 { color: #888888; font-size: 110%; } h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty { display: none; } small { font-size: 80%; } big { font-size: 120%; } img { max-width: 100%; border: 0; } hr { width: 100%; height: 1px; color: #cecece; background-color: #cecece; border: none; } @media (max-width: 767px) { .container, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-left: 5px; padding-right: 5px; } .row { margin-left: -5px; margin-right: -5px; } } #navbarContainer { flex-shrink: 0; color: #999999; background-color: #444444; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); } #headerContainer { flex-shrink: 0; height: 80px; color: #162A6B; background-color: transparent; } #headerContainer > .container { height: 80px; background-color: transparent; background-image: url(logo_xs.png); background-position: left center; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #headerContainer > .container { background-image: url(logo_xs_2x.png); background-size: 300px 80px; } } @media (min-width: 768px) { #headerContainer { height: 80px; } #headerContainer > .container { height: 80px; background-color: transparent; background-image: url(logo_sm.png); } } @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi), (min-width: 768px) and (min-resolution: 2dppx) { #headerContainer > .container { background-image: url(logo_sm_2x.png); background-size: 728px 80px; } } @media (min-width: 1020px) { #headerContainer { height: 80px; } #headerContainer > .container { height: 80px; background-color: transparent; background-image: url(logo_md.png); } } @media (min-width: 1020px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1020px) and (min-resolution: 192dpi), (min-width: 1020px) and (min-resolution: 2dppx) { #headerContainer > .container { background-image: url(logo_md_2x.png); background-size: 980px 80px; } } #color2Container { flex-shrink: 0; height: 0px; color: #162A6B; background-color: #cecece; } #color2Container > .container { height: 0px; background-color: #cecece; } .color2 { background-color: #cecece; } #bannerContainer > .container { padding: 0; background-color: #ffffff; } .banner_image { color: #ffffff; font-size: 32px; text-shadow: 0 0 3px rgba(0, 0, 0, .8); background-position: 0 50%; -webkit-background-size: cover; background-size: cover; overflow: hidden; } .banner_image.banner_image_dark, .banner_image.banner_image_dark { color: #333333; text-shadow: 0 0 3px rgba(255, 255, 255, .8); } .banner_image.banner_overlay { background-color: rgba(0, 0, 0, .2); background-blend-mode: darken; } .banner_image.banner_image_dark.banner_overlay { background-color: rgba(255, 255, 255, .2); background-blend-mode: lighten; } .banner_image img { width: 100%; } .banner_image h1, .banner_image h2 { margin: 0; padding: 0 4px; color: #ffffff; font-size: 32px; border: none; } .banner_image h2 { font-size: 24px; } .banner_image.banner_image_dark h1, .banner_image.banner_image_dark h2 { color: #333333; } @media (min-width: 768px) { .banner_image h1 { padding: 0 18px; font-size: 40px; } .banner_image h2 { padding: 0 18px; font-size: 32px; } } .banner_image_cover { min-height: 250px; } .banner_image_cover_small { min-height: 200px; } .banner_image_cover_big { min-height: 300px; } .banner_height { margin-top: 150px; margin-bottom: 15px !important; } .banner_image_cover_small .banner_height { margin-top: 100px; } .banner_image_cover_big .banner_height { margin-top: 200px; } @media (min-width: 1020px) { .banner_image_cover { min-height: 300px; } .banner_image_cover_small { min-height: 250px; } .banner_image_cover_big { min-height: 350px; } } @media (min-width: 768px) { .banner_height { margin-top: 170px; margin-bottom: 25px !important; } .banner_image_cover_small .banner_height { margin-top: 120px; } .banner_image_cover_big .banner_height { margin-top: 220px; } } #statusContainer { flex-shrink: 0; display: none; height: 3px; font-size: 70%; color: #162A6B; background-color: #cecece; } #statusContainer > .container { height: 3px; background-color: #cecece; } .color3 { background-color: #229d0f; } #contentContainer { flex: 1 0 auto; color: #162A6B; background-color: #ffffff; } .padding_top { padding-top: 20px; } .padding_bottom { padding-bottom: 50px; } .border_top { border-top: 1px dotted #bbbbbb; } .border_bottom { border-bottom: 1px dotted #bbbbbb; } .margin_btn_group { margin-top: 20px; margin-bottom: 20px; } #contentContainer.container { width: 100%; } @media (min-width: 768px) { .padding_top { padding-top: 50px; } #contentContainer > .container > .clear_padding { margin-left: -26px; margin-right: -26px; } } @media (min-width: 1020px) { #contentContainer > .container > .clear_padding { margin-left: 0; margin-right: 0; } } .navi_left { margin-top: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 100%; } .text_left { margin-top: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 100%; } @media (min-width: 768px) { .navi_left, .text_left { font-size: 90%; } } @media (min-width: 1020px) { .navi_left, .text_left { padding-right: 20px; } } .navi_right { margin-top: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 100%; } .text_right { margin-top: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 100%; } .navi_right > h1:first-child, .text_right > h1:first-child { margin-top: 4px; } .table_listing { width: 100%; table-layout: fixed; word-wrap: break-word; } .catalogue_listing, .gallery_listing, .profiles_listing { margin-top: 10px; } .catalogue_item { margin: 30px 0; word-wrap: break-word; } .catalogue_listing .catalogue_item { min-height: 100px; border: 2px solid transparent; } .gallery_listing .catalogue_item { min-height: 330px; background-color: #f2f2f2; text-align: center; border: none; } .profiles_listing .catalogue_item { padding: 20px; background-color: #e8e8e8; text-align: center; border: none; } .profiles_listing .catalogue_item .cite1, .profiles_listing .catalogue_item .cite3 { background-color: transparent; } .activity_listing.flex_float { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .activity_listing.flex_float > a { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 10px; max-width: 120px; } .activity_listing.flex_float > a:last-of-type { padding-right: 0; } .activity_listing.flex_float > a > img { float: none !important; margin-right: 0 !important; margin-bottom: 0 !important; width: 100%; max-width: 110px; } .liked_listing > a { display: inline-block; padding-right: 10px; max-width: 80px; } .liked_listing > a > img { width: 100%; max-width: 70px; } @media (max-width: 767px) { .activity_listing.flex_float > a:nth-of-type(6), .activity_listing.flex_float > a:nth-of-type(7), .activity_listing.flex_float > a:nth-of-type(8), .activity_listing.flex_float > a:nth-of-type(9), .activity_listing.flex_float > a:nth-of-type(10), .activity_listing.flex_float > a:nth-of-type(11), .activity_listing.flex_float > a:nth-of-type(12) { display: none; } .activity_listing.flex_float > a:nth-of-type(5) { padding-right: 0; } } .catalogue_item > div > h1:first-child, .catalogue_item > div > h2:first-child, .catalogue_item > div > h3:first-child { margin-top: 5px; } .catalogue_item.image_first > div:first-of-type { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalogue_item.image_first > div:first-of-type > a:first-of-type { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .catalogue_item.image_first > div:first-of-type > a:first-of-type > img { display: block; margin-top: 0 !important; margin-bottom: 15px !important; } .catalogue_item.image_first > div:first-of-type > div.info1 { margin-top: 0 !important; margin-bottom: 2px !important; -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .catalogue_item.image_first > div:first-of-type > h2:first-of-type { border-bottom: none; margin-top: 0 !important; margin-bottom: 10px !important; padding-bottom: 0 !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .catalogue_item.image_first > div:first-of-type > p:first-of-type { margin-top: 0 !important; margin-bottom: 15px !important; -webkit-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .catalogue_item.image_first > div:first-of-type > a:last-of-type { -webkit-align-self: flex-start; align-self: flex-start; -webkit-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; } .catalogue_item.image_first > div:first-of-type > div.quickpoll_image { margin-top: 0 !important; margin-bottom: 0 !important; -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .catalogue_item > div:first-of-type > div.quickpoll_image > img { display: block; margin-top: 0 !important; margin-bottom: 15px !important; } .catalogue_item > div:first-of-type > h2.quickpoll_title { border-bottom: none; margin-top: 0 !important; margin-bottom: 10px !important; padding-bottom: 0 !important; } .catalogue_item > div:first-of-type > div.quickpoll_question { margin-top: 0 !important; margin-bottom: 15px !important; } .catalogue_item > div:first-of-type > div.quickpoll_choice { margin-top: 0 !important; margin-bottom: 15px !important; word-wrap: normal; } @media (max-width: 767px) { .catalogue_item > div:first-of-type > div.quickpoll_choice input { width: auto; } } .catalogue_item_top { margin-bottom: 50px; } .catalogue_item_top:first-child > div > h1:first-child { margin-top: 4px; } .catalogue_item_top > div > h1:first-child { margin-top: -4px; } .catalogue_item_top .catalogue_item { margin-top: 0; margin-bottom: 0; } .catalogue_item_top .catalogue_item2 { margin-top: 15px; margin-bottom: 0; } .catalogue_item_top .catalogue_item_short, .profile_avatars_short { position: relative; max-height: 210px; overflow: hidden; } .catalogue_item_top .catalogue_item_short:after, .profile_avatars_short:after { content: ""; display: block; position: absolute; top: 150px; left: 0; height: 65px; width: 100%; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #ffffff 90%); } .catalogue_item_top .catalogue_item_short.catalogue_item_prev { max-height: 390px; } .catalogue_item_top .catalogue_item_short.catalogue_item_prev:after { top: 330px; } .catalogue_item_top .catalogue_item_toggle, .profile_avatars_toggle { margin: -2px 0 -24px 0; padding: 5px; width: 100%; cursor: pointer; } .catalogue_item_top .catalogue_item_toggle > i, .profile_avatars_toggle > i { display: block; margin: 0 auto; width: 14px; color: #888888; } .catalogue_item_top .catalogue_item_toggle:hover, .profile_avatars_toggle:hover { background-color: #f2f2f2; } .profile_avatars_short { max-height: 110px; } .profile_avatars_short:after { top: 50px; } .profile_avatars_toggle { margin: 20px 0 -24px 0; } .flashbox { max-width: 100%; height: auto; } .flashbox_wide { max-width: 100%; height: auto; text-align: center; } .imagebox { margin: 2px 0 20px 0; border: 1px solid #e2e2e2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .imagebox_float { margin: 2px 0 20px 0; border: 1px solid #e2e2e2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .imagebox_item { float: left; margin: 8px 8px; width: 110px; height: auto; } .imagebox_item2 { float: left; margin: 8px 8px; width: 420px; height: auto; } .webcambox { margin: 2px 0 20px 0; border: 1px solid #e2e2e2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .webcambox_float { margin: 2px 0 20px 0; border: 1px solid #e2e2e2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .webcambox_item { margin: 8px 8px; width: 300px; height: auto; } .imagebox_item a:first-child img, .imagebox_item2 a:first-child img, .webcambox_item a:first-child img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } @media (max-width: 767px) { .imagebox_item, .imagebox_item2, .webcambox_item { max-width: 100%; } .imagebox_item a:first-child img, .imagebox_item2 a:first-child img, .webcambox_item a:first-child img { display: block; max-width: 94%; } #pinboard_liked { display: none; } } @media (min-width: 1020px) { .imagebox_float { float: left; margin: 2px 18px 20px 0; border: 1px solid #e2e2e2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .webcambox_float { float: left; margin: 2px 18px 20px 0; border: 1px solid #e2e2e2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } } .intro_conditions { max-height: 340px; overflow-y: scroll; background-color: transparent; } @media print { .intro_conditions { max-height: none; } } #color1Container { flex-shrink: 0; height: 0px; color: #162A6B; background-color: transparent; } #color1Container > .container { height: 0px; background-color: transparent; } .color1 { background-color: transparent; } #footerContainer { flex-shrink: 0; background-color: #999999; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #footerContainer > .container { padding: 15px 0; background-color: #999999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #8a94b5; } .footer_brand, .footer_brand:link, .footer_brand:visited { color: #eeeeee; border-right-color: #8a94b5; } .footer_brand:hover, .footer_brand:focus, .active > .footer_brand, .active > .footer_brand:hover, .active > .footer_brand:focus { color: #ffffff; } .footer_nav > li > a, .footer_nav > li > a:link, .footer_nav > li > a:visited { color: #eeeeee; border-left-color: #8a94b5; } .footer_nav > li > a:hover, .footer_nav > li > a:focus, .footer_nav > .active > a, .footer_nav > .active > a:hover, .footer_nav > .active > a:focus { color: #ffffff; } @media (max-width: 767px) { .footer_brand:hover, .footer_brand:focus, .footer_nav > li > a:hover, .footer_nav > li > a:focus { background-color: #0f1d4c; } } #bottomContainer { flex-shrink: 0; text-align: center; color: #eeeeee; background-color: #999999; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #bottomContainer > .container { margin-top: 0; margin-bottom: 0; padding: 25px; background-color: #999999; } @media (min-width: 768px) { #headerContainer { background-color: transparent; } #color2Container, #statusContainer { background-color: #cecece; } } @media (min-width: 1020px) { #headerContainer { background-color: transparent; } #color2Container, #statusContainer { background-color: #cecece; } #color1Container { background-color: transparent; } #footerContainer, #bottomContainer { background-color: #162a6b; } #footerContainer > .container, #bottomContainer > .container { background-color: #162a6b; } .footer_brand, .footer_brand:link, .footer_brand:visited, .footer_nav > li > a, .footer_nav > li > a:link, .footer_nav > li > a:visited, #bottomContainer { color: #ffffff; } .footer_brand:hover, .footer_brand:focus, .active > .footer_brand, .active > .footer_brand:hover, .active > .footer_brand:focus, .footer_nav > li > a:hover, .footer_nav > li > a:focus, .footer_nav > .active > a, .footer_nav > .active > a:hover, .footer_nav > .active > a:focus { color: #ededed; } } .info1 { font-size: 80%; color: #888888; } .info2 { color: #cc0000; } .infobox1 { width: 100%; padding: 10px; text-align: left; background-color: #f4f4f4; } .speedinfo { color: #888888; margin-bottom: 6px; } .query1 { width: 100%; padding: 10px; text-align: left; font-weight: bold; background-color: #fcf8e3; } .head1 { font-weight: bold; color: #ffffff; background-color: #929292; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 2px solid #ffffff; } .topic1 { color: #0e2945; background-color: #f4f4f4; } .topic2 { color: #113355; background-color: #fafafa; } .list1 { font-weight: bold; color: #0e2945; background-color: #f2f2f2; border-top: 1px dashed #cecece; } .list2 { font-weight: normal; color: #113355; background-color: #fafafa; } .list3 { font-weight: bold; color: #7f0e0e; background-color: #f2f2f2; border-top: 1px dashed #cecece; } .list4 { font-weight: normal; color: #8b0f0f; background-color: #fafafa; } .list5 { font-weight: bold; color: #0e2945; background-color: #f2f2f2; border-top: 1px dashed #cecece; } .list6 { font-weight: normal; color: #113355; background-color: #fafafa; } .list7 { font-weight: bold; color: #7f0e0e; background-color: #f2f2f2; border-top: 1px dashed #cecece; } .list8 { font-weight: normal; color: #8b0f0f; background-color: #fafafa; } .cite1 { color: #0e2945; background-color: #f4f4f4; } .cite2 { color: #113355; background-color: #ffffff; } .cite3 { color: #7f0e0e; background-color: #f4f4f4; } .cite4 { color: #8b0f0f; background-color: #ffffff; } .cite5 { color: #0e2945; background-color: #ffffff; } .cite6 { color: #113355; background-color: #ffffff; } .cite7 { color: #7f0e0e; background-color: #ffffff; } .cite8 { color: #8b0f0f; background-color: #ffffff; } .copy { font-size: 80%; } input, textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 2px 2px 3px 2px #dedede; -moz-box-shadow: inset 2px 2px 3px 2px #dedede; box-shadow: inset 2px 2px 3px 2px #dedede; padding: 2px 4px; margin: 2px 0 2px 0; border: 1px solid #888888; } input:focus, textarea:focus { -webkit-box-shadow: 2px 2px 5px 2px #9e9e9e; -moz-box-shadow: 2px 2px 5px 2px #9e9e9e; box-shadow: 2px 2px 5px 2px #9e9e9e; } input.button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; padding: 6px 10px; margin: 2px 0 2px 0; line-height: normal; text-align: center; vertical-align: baseline; font-size: 120%; font-weight: bold; color: #ffffff; background-color: #162a6b; border: 1px solid transparent; white-space: nowrap; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } input.button:hover, input.button:focus { color: #ffffff; background-color: #0f1d4c; border: 1px solid transparent; } form button, input[type=file] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; padding: 3px 10px; margin: 0; line-height: normal; vertical-align: baseline; font-size: 90%; font-weight: normal; color: #333333; -ms-filter: none; filter: none; background: #e4e4e4; border: 1px solid #e4e4e4; white-space: nowrap; cursor: pointer; text-shadow: none; text-align: left; } form button:hover, input[type=file]:hover { color: #333333; -ms-filter: none; filter: none; background: #dadada; border: 1px solid #dadada; } form button.button_big, input[type=file].button_big { padding: 8px 10px; } @media (max-width: 767px) { input[type=file] { padding: 8px 10px; } } select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 2px 2px 3px 2px #dedede; -moz-box-shadow: inset 2px 2px 3px 2px #dedede; box-shadow: inset 2px 2px 3px 2px #dedede; padding: 1px 2px; margin: 2px 0 2px 0; border: 1px solid #888888; } select:focus { -webkit-box-shadow: 2px 2px 5px 2px #9e9e9e; -moz-box-shadow: 2px 2px 5px 2px #9e9e9e; box-shadow: 2px 2px 5px 2px #9e9e9e; } @media (max-width: 767px) { input, textarea, select { width: 100%; max-width: 510px; } input.button { width: 100%; max-width: 100%; } } @media (min-width: 768px) { input, textarea, select { max-width: 100%; } input.title, textarea.message, select.comment { width: 510px; } } input[type=radio] { width: 16px; height: 16px; min-width: 16px; max-width: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type=checkbox] { width: 16px; height: 16px; min-width: 16px; max-width: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } fieldset { padding: 7px; border: 1px solid #cecece; } legend { width: auto; padding: 12px 7px 0 7px; font-size: 100%; font-weight: bold; color: #162A6B; border: none; } label { font-size: 100%; } label[for="whisper"] { font-weight: normal; } #pinboard_whisper { font-size: 90%; } #pinboard_whisper input[type=checkbox] { width: 14px; height: 14px; max-width: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type=radio], input[type=checkbox] { padding: 0; border: none; } a { text-decoration: none; color: #009c84; } a:visited { text-decoration: none; color: #009c84; } a:hover, a:focus { text-decoration: underline; color: #005649; } a:active { text-decoration: none; color: #009c84; } a.disabled { cursor: not-allowed; } a.button { font-weight: bold; text-decoration: none; color: #009c84; } a.button:visited { text-decoration: none; color: #009c84; } a.button:hover { text-decoration: underline; color: #005649; } a.button:active { text-decoration: none; color: #009c84; } .copy a { font-weight: normal; text-decoration: none; color: inherit; } .copy a:visited { text-decoration: none; color: inherit; } .copy a:hover { text-decoration: underline; color: inherit; } .copy a:active { text-decoration: none; color: inherit; } .navi_left a { display: block; padding: 8px 2px 8px 2px; margin: 0; line-height: normal; text-align: left; vertical-align: baseline; font-size: 120%; font-weight: normal; text-transform: uppercase; text-decoration: none; color: #009c84; background-color: #ffffff; } .navi_left a:before { content: "\e080"; padding-right: 12px; vertical-align: -8%; font-size: 16px; position: relative; display: inline-block; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } .navi_left a:visited { text-decoration: none; color: #009c84; background-color: #ffffff; } .navi_left a:hover, .navi_left a:focus { text-decoration: none; color: #007a67; background-color: #ffffff; } .navi_left a:active { text-decoration: none; color: #009c84; background-color: #ffffff; } .navi_left a > .badge { color: #ffffff; background-color: #009c84; } .navi_right a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; padding: 8px 15px 8px 15px; margin: 2px 0 2px 0; line-height: normal; text-align: left; vertical-align: baseline; font-size: 100%; font-weight: normal; text-decoration: none; color: #ffffff; background-color: #162a6b; border: 1px solid transparent; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .navi_right a:visited { text-decoration: none; color: #ffffff; background-color: #162a6b; } .navi_right a:hover, .navi_right a:focus { text-decoration: none; color: #ffffff; background-color: #0f1d4c; } .navi_right a:active { text-decoration: none; color: #ffffff; background-color: #162a6b; } .navi_right a > .badge { margin-left: 15px; color: #162a6b; background-color: #ffffff; } @media (max-width: 767px) { .navi_right a { display: block; text-align: left; } } .navi_left a.button_profile:before { content: "\e005"; } .navi_left a.button_community:before { content: "\e001"; } .navi_left a.button_forum:before { content: "\e07d"; } .navi_left a.button_blog:before { content: "\e02c"; } .navi_left a.button_album:before { content: "\e032"; } .navi_left a.button_chat:before { content: "\e04a"; } .navi_left a.button_meeting:before { content: "\e07e"; } .navi_right a.button_meeting:before { content: ""; } .navi_left a.button_course_back:before { content: "\e07a"; } .navi_left a.button_course_self:before { content: "\e080"; } .navi_left a.button_course_next:before { content: "\e079"; } .navi_left a.button_guide:before { content: "\e069"; } .navi_left a.button_contact:before { content: "\e086"; } .navi_left a.button_privacy:before { content: "\e00e"; } .navi_left a.button_logout:before { content: "\e097"; } a.submenu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: inline; padding: 0; margin: 0; line-height: normal; text-align: left; vertical-align: baseline; font-size: 100%; font-weight: normal; text-transform: none; text-decoration: none; color: #009c84; background-color: transparent; background-image: none; border: none; text-shadow: none; } a.submenu:before { padding-right: 0 !important; content: none !important; } a.submenu:link { text-decoration: none; color: #009c84; background-color: transparent; } a.submenu:visited { text-decoration: none; color: #009c84; background-color: transparent; } a.submenu:hover, a.submenu:focus { text-decoration: none; color: #005649; background-color: transparent; } a.submenu:active { text-decoration: none; color: #009c84; background-color: transparent; } @media (max-width: 767px) { a.submenu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: inline; padding: 0; margin: 0; line-height: normal; text-align: left; vertical-align: baseline; font-size: 100%; font-weight: normal; text-transform: none; text-decoration: none; color: #009c84; background-color: transparent; background-image: none; border: none; text-shadow: none; } a.submenu:before { padding-right: 0 !important; content: none !important; } } a.button_navi_top { width: 40px; } a.button_navi_top:before { content: "\e093"; vertical-align: -14%; font-size: 14px; position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } a.button_navi_bottom { width: 40px; } a.button_navi_bottom:before { content: "\e094"; vertical-align: -14%; font-size: 14px; position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } a.button_mode_list { width: 40px; } a.button_mode_list:before { content: "\e012"; vertical-align: -14%; font-size: 15px; position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } a.button_mode_gallery { width: 40px; } a.button_mode_gallery:before { content: "\e010"; vertical-align: -14%; font-size: 15px; position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } a.button_mode_asc { width: 40px; } a.button_mode_asc:before { content: "\e253"; vertical-align: -14%; font-size: 14px; position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } a.button_mode_desc { width: 40px; } a.button_mode_desc:before { content: "\e252"; vertical-align: -14%; font-size: 14px; position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } a.button_mode_reload { width: 40px; } a.button_mode_reload:before { content: "\e030"; vertical-align: -14%; font-size: 13px; position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } a.button_mode_rate { width: 40px; } a.button_mode_rate:before { content: "\e09b"; vertical-align: -8%; font-size: 14px; position: relative; display: inline-block; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: 600; font-variant: normal; text-transform: none; line-height: 1; } .btn_comment_cancel { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; padding: 7px 10px; margin: 2px 5px; line-height: normal; text-align: center; vertical-align: baseline; font-size: 110%; font-weight: bold; border: 1px solid transparent; white-space: nowrap; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #pinboard_form input.button { width: auto; } .btn { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 6px 12px; margin-bottom: 0; border: 1px solid transparent; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .btn-lg { padding: 10px 16px; font-size: 19px; line-height: 1.33; } .btn-sm, .btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .btn-xs { padding: 1px 5px; line-height: 1.6; } .btn-default, .btn-primary { color: #ffffff; background-color: #162a6b; border: 1px solid transparent; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:visited, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited { text-decoration: none; color: #ffffff; background-color: #0f1d4c; border: 1px solid transparent; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active { color: #ffffff; background-color: #162a6b; border-color: #162a6b; opacity: 0.8; filter: alpha(opacity=80); } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: 1px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #162a6b; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #ffffff; background-color: #162a6b; border-color: #162a6b; opacity: 0.8; filter: alpha(opacity=80); } .pagination > li > a, .pagination > li > span { color: #162a6b; } .pagination > li > a, .pagination > li > span, .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { border-color: #162a6b; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #ffffff; background-color: #0f1d4c; border: 1px solid transparent; } .img-thumbnail { padding: 0; border: none; border-radius: 0; } .darkmode_switch { margin: 8px 18px; height: 24px; color: #ffffff; background-color: #555555; border: 1px solid #777777; border-radius: 20px; text-valign: middle; cursor: pointer; } .darkmode_switch > div:nth-of-type(1) { float: left; margin: 1px 5px 1px 1px; width: 20px; height: 20px; background-color: #ffffff; border-radius: 50%; } .darkmode_switch > div:nth-of-type(2) { display: none; float: left; margin: auto 0; } .darkmode_switch > div:nth-of-type(3) { display: block; float: left; margin: auto 0; } body.dark_mode .darkmode_switch { color: #333333; background-color: #eeeeee; border: 1px solid #cccccc; } body.dark_mode .darkmode_switch > div:nth-of-type(1) { float: right; margin: 1px 1px 1px 5px; background-color: #555555; } body.dark_mode .darkmode_switch > div:nth-of-type(2) { display: block; float: right; } body.dark_mode .darkmode_switch > div:nth-of-type(3) { display: none; float: right; } body.dark_mode { color: #ffffff; background-color: #333333; } body.dark_mode h1, body.dark_mode h2, body.dark_mode h3, body.dark_mode h4, body.dark_mode h5, body.dark_mode h6 { color: #ffffff; } body.dark_mode .navbar-inverse .navbar-nav > li > a, body.dark_mode .navbar-inverse .navbar-nav > li > a:link, body.dark_mode .navbar-inverse .navbar-nav > li > a:visited { color: #eeeeee; } body.dark_mode .navbar-inverse .navbar-nav > li > a:hover, body.dark_mode .navbar-inverse .navbar-nav > li > a:focus, body.dark_mode .navbar-inverse .navbar-nav > .active > a, body.dark_mode .navbar-inverse .navbar-nav > .active > a:hover, body.dark_mode .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; } body.dark_mode .navbar-inverse .navbar-nav > .disabled > a, body.dark_mode .navbar-inverse .navbar-nav > .disabled > a:hover, body.dark_mode .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; } body.dark_mode #headerContainer { color: #ffffff; background-color: #2b2b2b; } body.dark_mode #headerContainer > .container { background-color: #2b2b2b; background-image: url(logo_xs_d.png); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { body.dark_mode #headerContainer > .container { background-image: url(logo_xs_d_2x.png); } } @media (min-width: 768px) { body.dark_mode #headerContainer > .container { background-color: #2b2b2b; background-image: url(logo_sm_d.png); } } @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi), (min-width: 768px) and (min-resolution: 2dppx) { body.dark_mode #headerContainer > .container { background-image: url(logo_sm_d_2x.png); } } @media (min-width: 1020px) { body.dark_mode #headerContainer > .container { background-color: #2b2b2b; background-image: url(logo_md_d.png); } } @media (min-width: 1020px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1020px) and (min-resolution: 192dpi), (min-width: 1020px) and (min-resolution: 2dppx) { body.dark_mode #headerContainer > .container { background-image: url(logo_md_d_2x.png); } } body.dark_mode #color2Container { color: #ffffff; } body.dark_mode #bannerContainer > .container { background-color: #333333; } body.dark_mode #statusContainer { color: #ffffff; } body.dark_mode #contentContainer { color: #ffffff; background-color: #333333; } body.dark_mode .gallery_listing .catalogue_item { background-color: #424242; } body.dark_mode .profiles_listing .catalogue_item { background-color: #424242; } body.dark_mode #color1Container { color: #ffffff; } body.dark_mode .footer_nav > li > a, body.dark_mode .footer_nav > li > a:link, body.dark_mode .footer_nav > li > a:visited { color: #eeeeee; } body.dark_mode .footer_nav > li > a:hover, body.dark_mode .footer_nav > li > a:focus, body.dark_mode .footer_nav > .active > a, body.dark_mode .footer_nav > .active > a:hover, body.dark_mode .footer_nav > .active > a:focus { color: #ffffff; } body.dark_mode .footer_nav > .disabled > a, body.dark_mode .footer_nav > .disabled > a:hover, body.dark_mode .footer_nav > .disabled > a:focus { color: #444444; } body.dark_mode .footer_brand, body.dark_mode .footer_brand:link, body.dark_mode .footer_brand:visited { color: #eeeeee; } @media (min-width: 1020px) { body.dark_mode .footer_brand, body.dark_mode .footer_brand:link, body.dark_mode .footer_brand:visited, body.dark_mode .footer_nav > li > a, body.dark_mode .footer_nav > li > a:link, body.dark_mode .footer_nav > li > a:visited, body.dark_mode #bottomContainer { color: #ffffff; } body.dark_mode .footer_brand:hover, body.dark_mode .footer_brand:focus, body.dark_mode .active > .footer_brand, body.dark_mode .active > .footer_brand:hover, body.dark_mode .active > .footer_brand:focus, body.dark_mode .footer_nav > li > a:hover, body.dark_mode .footer_nav > li > a:focus, body.dark_mode .footer_nav > .active > a, body.dark_mode .footer_nav > .active > a:hover, body.dark_mode .footer_nav > .active > a:focus { color: #ededed; } } body.dark_mode .infobox1 { background-color: #444444; } body.dark_mode .speedinfo { color: #bbbbbb; } body.dark_mode .thumbnail { background-color: #333333; } body.dark_mode .topic1 { color: #ffffff; background-color: #444444; border-color: #555555 !important; } body.dark_mode .topic2 { color: #ffffff; background-color: #4a4a4a; border-color: #555555 !important; } body.dark_mode .list1 { color: #ffffff; background-color: #444444; border-top: 1px dashed #cecece; } body.dark_mode .list2 { color: #ffffff; background-color: #4a4a4a; } body.dark_mode .list3 { color: #ffffff; background-color: #424242; border-top: 1px dashed #cecece; } body.dark_mode .list4 { color: #ffffff; background-color: #4a4a4a; } body.dark_mode .list5 { color: #ffffff; background-color: #424242; border-top: 1px dashed #cecece; } body.dark_mode .list6 { color: #ffffff; background-color: #4a4a4a; } body.dark_mode .list7 { color: #ffffff; background-color: #424242; border-top: 1px dashed #cecece; } body.dark_mode .list8 { color: #ffffff; background-color: #4a4a4a; } body.dark_mode .cite1 { color: #ffffff; background-color: #444444; } body.dark_mode .cite2 { color: #ffffff; background-color: #4f4f4f; } body.dark_mode .cite3 { color: #ffffff; background-color: #444444; } body.dark_mode .cite4 { color: #ffffff; background-color: #4f4f4f; } body.dark_mode .cite5 { color: #ffffff; background-color: #4f4f4f; } body.dark_mode .cite6 { color: #ffffff; background-color: #4f4f4f; } body.dark_mode .cite7 { color: #ffffff; background-color: #4f4f4f; } body.dark_mode .cite8 { color: #ffffff; background-color: #4f4f4f; } body.dark_mode .cite1 > div > div > div, body.dark_mode .cite2 > div > div > div, body.dark_mode .cite3 > div > div > div, body.dark_mode .cite4 > div > div > div, body.dark_mode .cite5 > div > div > div, body.dark_mode .cite6 > div > div > div, body.dark_mode .cite7 > div > div > div, body.dark_mode .cite8 > div > div > div { background-color: transparent !important; } body.dark_mode legend { color: #ffffff; border: none; } body.dark_mode a { color: #2dffde; } body.dark_mode a:visited { color: #2dffde; } body.dark_mode a:hover, body.dark_mode a:focus { color: #00e5c2; } body.dark_mode a:active { color: #2dffde; } body.dark_mode a.button { color: #2dffde; } body.dark_mode a.button:visited { color: #2dffde; } body.dark_mode a.button:hover { color: #00e5c2; } body.dark_mode a.button:active { color: #2dffde; } body.dark_mode .navi_left a { color: #2dffde; background-color: #333333; border-bottom: 1px solid #333333; } body.dark_mode .navi_left a:visited { color: #2dffde; background-color: #333333; } body.dark_mode .navi_left a:hover, body.dark_mode .navi_left a:focus { color: #0affd8; background-color: #333333; } body.dark_mode .navi_left a:active { color: #2dffde; background-color: #333333; } body.dark_mode .navi_left a > .badge { color: #ffffff; background-color: #009c84; } body.dark_mode .navi_right a { color: #ffffff; background-color: #162a6b; } body.dark_mode .navi_right a:visited { color: #ffffff; background-color: #162a6b; } body.dark_mode .navi_right a:hover, body.dark_mode .navi_right a:focus { color: #ffffff; background-color: #0f1d4c; } body.dark_mode .navi_right a:active { color: #ffffff; background-color: #162a6b; } body.dark_mode .navi_right a > .badge { color: #162a6b; background-color: #ffffff; } body.dark_mode a.submenu { color: #2dffde; background-color: transparent; background-image: none; border: none; } body.dark_mode a.submenu:link { color: #2dffde; background-color: transparent; } body.dark_mode a.submenu:visited { color: #2dffde; background-color: transparent; } body.dark_mode a.submenu:hover, body.dark_mode a.submenu:focus { color: #00e5c2; background-color: transparent; } body.dark_mode a.submenu:active { color: #2dffde; background-color: transparent; } @media (max-width: 767px) { body.dark_mode a.submenu { color: #2dffde; background-color: transparent; background-image: none; border: none; } } body.dark_mode .btn-default, body.dark_mode .btn-primary { color: #ffffff; background-color: #162a6b; } body.dark_mode .btn-default:hover, body.dark_mode .btn-default:focus, body.dark_mode .btn-default:active, body.dark_mode .btn-default:visited, body.dark_mode .btn-primary:hover, body.dark_mode .btn-primary:focus, body.dark_mode .btn-primary:active, body.dark_mode .btn-primary:visited { color: #ffffff; background-color: #0f1d4c; } body.dark_mode .btn-primary.disabled, body.dark_mode .btn-primary.disabled:hover, body.dark_mode .btn-primary.disabled:focus, body.dark_mode .btn-primary.disabled:active { color: #ffffff; background-color: #162a6b; } body.dark_mode .btn-success, body.dark_mode .btn-info, body.dark_mode .btn-warning, body.dark_mode .btn-danger { color: #ffffff; } body.dark_mode .btn-success:hover, body.dark_mode .btn-success:focus, body.dark_mode .btn-success:active, body.dark_mode .btn-success:visited, body.dark_mode .btn-info:hover, body.dark_mode .btn-info:focus, body.dark_mode .btn-info:active, body.dark_mode .btn-info:visited, body.dark_mode .btn-warning:hover, body.dark_mode .btn-warning:focus, body.dark_mode .btn-warning:active, body.dark_mode .btn-warning:visited, body.dark_mode .btn-danger:hover, body.dark_mode .btn-danger:focus, body.dark_mode .btn-danger:active, body.dark_mode .btn-danger:visited { color: #ffffff; } body.dark_mode .badge_topic_front a, body.dark_mode .badge_topic_front a:hover { color: #ffffff; } body.dark_mode .dropdown-menu > li > a:hover, body.dark_mode .dropdown-menu > li > a:focus, body.dark_mode .dropdown-menu > .active > a, body.dark_mode .dropdown-menu > .active > a:hover, body.dark_mode .dropdown-menu > .active > a:focus { background-color: #162a6b; } body.dark_mode .navbar_new .navbar-nav .open .dropdown-menu { color: #ffffff; background-color: #484848; border-top: 1px solid #666666; } body.dark_mode .navbar_new .navbar-nav .open .dropdown-menu > li > a, body.dark_mode .navbar_new .navbar-nav .open .dropdown-menu > li > span { color: #ffffff; background-color: #484848; } body.dark_mode .navbar_new .navbar-nav .open .dropdown-menu > li > a:hover, body.dark_mode .navbar_new .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: #2b2b2b; } body.dark_mode .pagination > .active > a, body.dark_mode .pagination > .active > span, body.dark_mode .pagination > .active > a:hover, body.dark_mode .pagination > .active > span:hover, body.dark_mode .pagination > .active > a:focus, body.dark_mode .pagination > .active > span:focus { color: #ffffff; background-color: #162a6b; } body.dark_mode .pagination > li > a, body.dark_mode .pagination > li > span { color: #162a6b; } body.dark_mode .pagination > li > a, body.dark_mode .pagination > li > span, body.dark_mode .pagination > .disabled > span, body.dark_mode .pagination > .disabled > a, body.dark_mode .pagination > .disabled > a:hover, body.dark_mode .pagination > .disabled > a:focus { border-color: #162a6b; } body.dark_mode .pagination > li > a:hover, body.dark_mode .pagination > li > span:hover, body.dark_mode .pagination > li > a:focus, body.dark_mode .pagination > li > span:focus { color: #ffffff; background-color: #0f1d4c; } body.dark_mode .table-striped > tbody > tr:nth-child(2n+1) > td, body.dark_mode .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #434343; } body.dark_mode .popover, body.dark_mode .popover-title { color: #333333; } body.dark_mode .catalogue_item_top .catalogue_item_short:after, body.dark_mode .profile_avatars_short:after { background-image: linear-gradient(180deg, rgba(51, 51, 51, 0) 0, #333 90%); } body.dark_mode .catalogue_item_top .catalogue_item_toggle > i, body.dark_mode .profile_avatars_toggle > i { color: #bbbbbb; } body.dark_mode .catalogue_item_top .catalogue_item_toggle:hover, body.dark_mode .profile_avatars_toggle:hover { background-color: #303030; } body.dark_mode .survey_grey { background-color: rgba(200, 200, 200, 0.1); } body.dark_mode .matrix_item_title.survey_grey { background-color: rgba(200, 200, 200, 0.03); border-color: rgba(200, 200, 200, 0.32); } body.dark_mode .rank_sortable.survey_grey { background-color: rgba(200, 200, 200, 0.03); border-color: rgba(200, 200, 200, 0.64); } body.dark_mode .survey_noanswer .survey_grey { background-color: rgba(200, 200, 200, 0.18); } body.dark_mode .survey_darkgrey { background-color: rgba(200, 200, 200, 0.12); } body.dark_mode .kw_tb { color: #333333; } body.dark_mode .message_header { color: #bbbbbb; } body.dark_mode .message_footer { color: #bbbbbb; } .btn:focus, .btn-group > .btn:focus, .button:focus, form button:focus, input[type=radio]:focus, input[type=checkbox]:focus, input[type=file]:focus, .navi_left a:not(.submenu):focus, .navi_right a:not(.submenu):focus, .activity_listing a:focus .img-thumbnail, a[data-sb-selector]:focus, img[data-sb-selector]:focus, img.inline_popup_box:focus { box-shadow: none; outline: 2px dotted #999999; } .progress-bar-success { background-color: #009C84; } #pinboard_course_invert, #pinboard_course_next { display: none !important; } #pinboard_whisper { display: none !important; }