.infobox { .panel-heading{ border-top-left-radius: 50%; .panel-title{ color: @maincolor; font-weight: 700; } } .header_url { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } p{ font-family: "DejaVu Serif", Georgia, Cambria, "Times New Roman", Times, serif !important; font-style: italic; } img{ max-height: "250px"; } .btn{ background-color: @first-accent; border: none; a{ color: white; margin: 5px; } } .btn-default { background-color: @alert; color: @textcolor-dark; border: 0px; &:hover { color: @maincolor; font-weight: bold; } } .infobox_part { margin-bottom: 20px; word-wrap: break-word; table-layout: fixed; } .infobox_part:last-child { margin-bottom: 0; } .infobox_toggle { width: 100%; text-align: center; margin-bottom: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } // Shrink infobox size when toggle is off .infobox_checkbox ~ .infobox_body { max-height: 300px; overflow: hidden; } .infobox_checkbox:checked ~ .infobox_body { max-height: none; } // Show toggle button as down when infobox is shrunk .infobox_checkbox ~ .infobox_toggle .infobox_label_down { display: block; } .infobox_checkbox ~ .infobox_toggle .infobox_label_up { display: none; } // Show toggle button as up when infobox is expanded .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_up { display: block; } .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_down { display: none; } // Hide main image when toggle is off .infobox_checkbox ~ .infobox_body img.infobox_part { display: none; } .infobox_checkbox:checked ~ .infobox_body img.infobox_part { display: block; } }