.\n\n.list-group {\n // No need to set list-style: none; since .list-group-item is block level\n margin-bottom: 20px;\n padding-left: 0; // reset padding because ul and ol\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 10px 15px;\n // Place the border on the list items and negative margin up for better styling\n margin-bottom: -1px;\n background-color: @list-group-bg;\n border: 1px solid @list-group-border;\n\n // Round the first and last items\n &:first-child {\n .border-top-radius(@list-group-border-radius);\n }\n &:last-child {\n margin-bottom: 0;\n .border-bottom-radius(@list-group-border-radius);\n }\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive items.\n// Includes an extra `.active` modifier class for showing selected items.\n\na.list-group-item,\nbutton.list-group-item {\n color: @list-group-link-color;\n\n .list-group-item-heading {\n color: @list-group-link-heading-color;\n }\n\n // Hover state\n &:hover,\n &:focus {\n text-decoration: none;\n color: @list-group-link-hover-color;\n background-color: @list-group-hover-bg;\n }\n}\n\nbutton.list-group-item {\n width: 100%;\n text-align: left;\n}\n\n.list-group-item {\n // Disabled state\n &.disabled,\n &.disabled:hover,\n &.disabled:focus {\n background-color: @list-group-disabled-bg;\n color: @list-group-disabled-color;\n cursor: @cursor-disabled;\n\n // Force color to inherit for custom content\n .list-group-item-heading {\n color: inherit;\n }\n .list-group-item-text {\n color: @list-group-disabled-text-color;\n }\n }\n\n // Active class on item itself, not parent\n &.active,\n &.active:hover,\n &.active:focus {\n z-index: 2; // Place active items above their siblings for proper border styling\n color: @list-group-active-color;\n background-color: @list-group-active-bg;\n border-color: @list-group-active-border;\n\n // Force color to inherit for custom content\n .list-group-item-heading,\n .list-group-item-heading > small,\n .list-group-item-heading > .small {\n color: inherit;\n }\n .list-group-item-text {\n color: @list-group-active-text-color;\n }\n }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n.list-group-item-variant(success; @state-success-bg; @state-success-text);\n.list-group-item-variant(info; @state-info-bg; @state-info-text);\n.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);\n.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);\n\n\n// Custom content options\n//\n// Extra classes for creating well-formatted content within `.list-group-item`s.\n\n.list-group-item-heading {\n margin-top: 0;\n margin-bottom: 5px;\n}\n.list-group-item-text {\n margin-bottom: 0;\n line-height: 1.3;\n}\n","// List Groups\n\n.list-group-item-variant(@state; @background; @color) {\n .list-group-item-@{state} {\n color: @color;\n background-color: @background;\n\n a&,\n button& {\n color: @color;\n\n .list-group-item-heading {\n color: inherit;\n }\n\n &:hover,\n &:focus {\n color: @color;\n background-color: darken(@background, 5%);\n }\n &.active,\n &.active:hover,\n &.active:focus {\n color: #fff;\n background-color: @color;\n border-color: @color;\n }\n }\n }\n}\n","//\n// Panels\n// --------------------------------------------------\n\n\n// Base class\n.panel {\n margin-bottom: @line-height-computed;\n background-color: @panel-bg;\n border: 1px solid transparent;\n border-radius: @panel-border-radius;\n .box-shadow(0 1px 1px rgba(0,0,0,.05));\n}\n\n// Panel contents\n.panel-body {\n padding: @panel-body-padding;\n &:extend(.clearfix all);\n}\n\n// Optional heading\n.panel-heading {\n padding: @panel-heading-padding;\n border-bottom: 1px solid transparent;\n .border-top-radius((@panel-border-radius - 1));\n\n > .dropdown .dropdown-toggle {\n color: inherit;\n }\n}\n\n// Within heading, strip any `h*` tag of its default margins for spacing.\n.panel-title {\n margin-top: 0;\n margin-bottom: 0;\n font-size: ceil((@font-size-base * 1.125));\n color: inherit;\n\n > a,\n > small,\n > .small,\n > small > a,\n > .small > a {\n color: inherit;\n }\n}\n\n// Optional footer (stays gray in every modifier class)\n.panel-footer {\n padding: @panel-footer-padding;\n background-color: @panel-footer-bg;\n border-top: 1px solid @panel-inner-border;\n .border-bottom-radius((@panel-border-radius - 1));\n}\n\n\n// List groups in panels\n//\n// By default, space out list group content from panel headings to account for\n// any kind of custom content between the two.\n\n.panel {\n > .list-group,\n > .panel-collapse > .list-group {\n margin-bottom: 0;\n\n .list-group-item {\n border-width: 1px 0;\n border-radius: 0;\n }\n\n // Add border top radius for first one\n &:first-child {\n .list-group-item:first-child {\n border-top: 0;\n .border-top-radius((@panel-border-radius - 1));\n }\n }\n\n // Add border bottom radius for last one\n &:last-child {\n .list-group-item:last-child {\n border-bottom: 0;\n .border-bottom-radius((@panel-border-radius - 1));\n }\n }\n }\n > .panel-heading + .panel-collapse > .list-group {\n .list-group-item:first-child {\n .border-top-radius(0);\n }\n }\n}\n// Collapse space between when there's no additional content.\n.panel-heading + .list-group {\n .list-group-item:first-child {\n border-top-width: 0;\n }\n}\n.list-group + .panel-footer {\n border-top-width: 0;\n}\n\n// Tables in panels\n//\n// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and\n// watch it go full width.\n\n.panel {\n > .table,\n > .table-responsive > .table,\n > .panel-collapse > .table {\n margin-bottom: 0;\n\n caption {\n padding-left: @panel-body-padding;\n padding-right: @panel-body-padding;\n }\n }\n // Add border top radius for first one\n > .table:first-child,\n > .table-responsive:first-child > .table:first-child {\n .border-top-radius((@panel-border-radius - 1));\n\n > thead:first-child,\n > tbody:first-child {\n > tr:first-child {\n border-top-left-radius: (@panel-border-radius - 1);\n border-top-right-radius: (@panel-border-radius - 1);\n\n td:first-child,\n th:first-child {\n border-top-left-radius: (@panel-border-radius - 1);\n }\n td:last-child,\n th:last-child {\n border-top-right-radius: (@panel-border-radius - 1);\n }\n }\n }\n }\n // Add border bottom radius for last one\n > .table:last-child,\n > .table-responsive:last-child > .table:last-child {\n .border-bottom-radius((@panel-border-radius - 1));\n\n > tbody:last-child,\n > tfoot:last-child {\n > tr:last-child {\n border-bottom-left-radius: (@panel-border-radius - 1);\n border-bottom-right-radius: (@panel-border-radius - 1);\n\n td:first-child,\n th:first-child {\n border-bottom-left-radius: (@panel-border-radius - 1);\n }\n td:last-child,\n th:last-child {\n border-bottom-right-radius: (@panel-border-radius - 1);\n }\n }\n }\n }\n > .panel-body + .table,\n > .panel-body + .table-responsive,\n > .table + .panel-body,\n > .table-responsive + .panel-body {\n border-top: 1px solid @table-border-color;\n }\n > .table > tbody:first-child > tr:first-child th,\n > .table > tbody:first-child > tr:first-child td {\n border-top: 0;\n }\n > .table-bordered,\n > .table-responsive > .table-bordered {\n border: 0;\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th:first-child,\n > td:first-child {\n border-left: 0;\n }\n > th:last-child,\n > td:last-child {\n border-right: 0;\n }\n }\n }\n > thead,\n > tbody {\n > tr:first-child {\n > td,\n > th {\n border-bottom: 0;\n }\n }\n }\n > tbody,\n > tfoot {\n > tr:last-child {\n > td,\n > th {\n border-bottom: 0;\n }\n }\n }\n }\n > .table-responsive {\n border: 0;\n margin-bottom: 0;\n }\n}\n\n\n// Collapsible panels (aka, accordion)\n//\n// Wrap a series of panels in `.panel-group` to turn them into an accordion with\n// the help of our collapse JavaScript plugin.\n\n.panel-group {\n margin-bottom: @line-height-computed;\n\n // Tighten up margin so it's only between panels\n .panel {\n margin-bottom: 0;\n border-radius: @panel-border-radius;\n\n + .panel {\n margin-top: 5px;\n }\n }\n\n .panel-heading {\n border-bottom: 0;\n\n + .panel-collapse > .panel-body,\n + .panel-collapse > .list-group {\n border-top: 1px solid @panel-inner-border;\n }\n }\n\n .panel-footer {\n border-top: 0;\n + .panel-collapse .panel-body {\n border-bottom: 1px solid @panel-inner-border;\n }\n }\n}\n\n\n// Contextual variations\n.panel-default {\n .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);\n}\n.panel-primary {\n .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);\n}\n.panel-success {\n .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);\n}\n.panel-info {\n .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);\n}\n.panel-warning {\n .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);\n}\n.panel-danger {\n .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);\n}\n","// Panels\n\n.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {\n border-color: @border;\n\n & > .panel-heading {\n color: @heading-text-color;\n background-color: @heading-bg-color;\n border-color: @heading-border;\n\n + .panel-collapse > .panel-body {\n border-top-color: @border;\n }\n .badge {\n color: @heading-bg-color;\n background-color: @heading-text-color;\n }\n }\n & > .panel-footer {\n + .panel-collapse > .panel-body {\n border-bottom-color: @border;\n }\n }\n}\n","// Embeds responsive\n//\n// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n position: relative;\n display: block;\n height: 0;\n padding: 0;\n overflow: hidden;\n\n .embed-responsive-item,\n iframe,\n embed,\n object,\n video {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n border: 0;\n }\n}\n\n// Modifier class for 16:9 aspect ratio\n.embed-responsive-16by9 {\n padding-bottom: 56.25%;\n}\n\n// Modifier class for 4:3 aspect ratio\n.embed-responsive-4by3 {\n padding-bottom: 75%;\n}\n","//\n// Wells\n// --------------------------------------------------\n\n\n// Base class\n.well {\n min-height: 20px;\n padding: 19px;\n margin-bottom: 20px;\n background-color: @well-bg;\n border: 1px solid @well-border;\n border-radius: @border-radius-base;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));\n blockquote {\n border-color: #ddd;\n border-color: rgba(0,0,0,.15);\n }\n}\n\n// Sizes\n.well-lg {\n padding: 24px;\n border-radius: @border-radius-large;\n}\n.well-sm {\n padding: 9px;\n border-radius: @border-radius-small;\n}\n","//\n// Close icons\n// --------------------------------------------------\n\n\n.close {\n float: right;\n font-size: (@font-size-base * 1.5);\n font-weight: @close-font-weight;\n line-height: 1;\n color: @close-color;\n text-shadow: @close-text-shadow;\n .opacity(.2);\n\n &:hover,\n &:focus {\n color: @close-color;\n text-decoration: none;\n cursor: pointer;\n .opacity(.5);\n }\n\n // Additional properties for button version\n // iOS requires the button element instead of an anchor tag.\n // If you want the anchor version, it requires `href=\"#\"`.\n // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n button& {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n }\n}\n","//\n// Modals\n// --------------------------------------------------\n\n// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialog - positioning shell for the actual modal\n// .modal-content - actual modal w/ bg and corners and shit\n\n// Kill the scroll on the body\n.modal-open {\n overflow: hidden;\n}\n\n// Container that the modal scrolls within\n.modal {\n display: none;\n overflow: hidden;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-modal;\n -webkit-overflow-scrolling: touch;\n\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n\n // When fading in the modal, animate it to slide down\n &.fade .modal-dialog {\n .translate(0, -25%);\n .transition-transform(~\"0.3s ease-out\");\n }\n &.in .modal-dialog { .translate(0, 0) }\n}\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 10px;\n}\n\n// Actual modal\n.modal-content {\n position: relative;\n background-color: @modal-content-bg;\n border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)\n border: 1px solid @modal-content-border-color;\n border-radius: @border-radius-large;\n .box-shadow(0 3px 9px rgba(0,0,0,.5));\n background-clip: padding-box;\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-modal-background;\n background-color: @modal-backdrop-bg;\n // Fade for backdrop\n &.fade { .opacity(0); }\n &.in { .opacity(@modal-backdrop-opacity); }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n padding: @modal-title-padding;\n border-bottom: 1px solid @modal-header-border-color;\n &:extend(.clearfix all);\n}\n// Close icon\n.modal-header .close {\n margin-top: -2px;\n}\n\n// Title text within header\n.modal-title {\n margin: 0;\n line-height: @modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n position: relative;\n padding: @modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n padding: @modal-inner-padding;\n text-align: right; // right align buttons\n border-top: 1px solid @modal-footer-border-color;\n &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons\n\n // Properly space out buttons\n .btn + .btn {\n margin-left: 5px;\n margin-bottom: 0; // account for input[type=\"submit\"] which gets the bottom margin like all other inputs\n }\n // but override that for button groups\n .btn-group .btn + .btn {\n margin-left: -1px;\n }\n // and override it for block buttons as well\n .btn-block + .btn-block {\n margin-left: 0;\n }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@media (min-width: @screen-sm-min) {\n // Automatically set modal's width for larger viewports\n .modal-dialog {\n width: @modal-md;\n margin: 30px auto;\n }\n .modal-content {\n .box-shadow(0 5px 15px rgba(0,0,0,.5));\n }\n\n // Modal sizes\n .modal-sm { width: @modal-sm; }\n}\n\n@media (min-width: @screen-md-min) {\n .modal-lg { width: @modal-lg; }\n}\n","//\n// Tooltips\n// --------------------------------------------------\n\n\n// Base class\n.tooltip {\n position: absolute;\n z-index: @zindex-tooltip;\n display: block;\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n .reset-text();\n font-size: @font-size-small;\n\n .opacity(0);\n\n &.in { .opacity(@tooltip-opacity); }\n &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }\n &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }\n &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }\n &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n max-width: @tooltip-max-width;\n padding: 3px 8px;\n color: @tooltip-color;\n text-align: center;\n background-color: @tooltip-bg;\n border-radius: @border-radius-base;\n}\n\n// Arrows\n.tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1\n.tooltip {\n &.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n &.top-left .tooltip-arrow {\n bottom: 0;\n right: @tooltip-arrow-width;\n margin-bottom: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n &.top-right .tooltip-arrow {\n bottom: 0;\n left: @tooltip-arrow-width;\n margin-bottom: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n &.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;\n border-right-color: @tooltip-arrow-color;\n }\n &.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-left-color: @tooltip-arrow-color;\n }\n &.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -@tooltip-arrow-width;\n border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-bottom-color: @tooltip-arrow-color;\n }\n &.bottom-left .tooltip-arrow {\n top: 0;\n right: @tooltip-arrow-width;\n margin-top: -@tooltip-arrow-width;\n border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-bottom-color: @tooltip-arrow-color;\n }\n &.bottom-right .tooltip-arrow {\n top: 0;\n left: @tooltip-arrow-width;\n margin-top: -@tooltip-arrow-width;\n border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-bottom-color: @tooltip-arrow-color;\n }\n}\n",".reset-text() {\n font-family: @font-family-base;\n // We deliberately do NOT reset font-size.\n font-style: normal;\n font-weight: normal;\n letter-spacing: normal;\n line-break: auto;\n line-height: @line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n}\n","//\n// Popovers\n// --------------------------------------------------\n\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: @zindex-popover;\n display: none;\n max-width: @popover-max-width;\n padding: 1px;\n // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n .reset-text();\n font-size: @font-size-base;\n\n background-color: @popover-bg;\n background-clip: padding-box;\n border: 1px solid @popover-fallback-border-color;\n border: 1px solid @popover-border-color;\n border-radius: @border-radius-large;\n .box-shadow(0 5px 10px rgba(0,0,0,.2));\n\n // Offset the popover to account for the popover arrow\n &.top { margin-top: -@popover-arrow-width; }\n &.right { margin-left: @popover-arrow-width; }\n &.bottom { margin-top: @popover-arrow-width; }\n &.left { margin-left: -@popover-arrow-width; }\n}\n\n.popover-title {\n margin: 0; // reset heading margin\n padding: 8px 14px;\n font-size: @font-size-base;\n background-color: @popover-title-bg;\n border-bottom: 1px solid darken(@popover-title-bg, 5%);\n border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;\n}\n\n.popover-content {\n padding: 9px 14px;\n}\n\n// Arrows\n//\n// .arrow is outer, .arrow:after is inner\n\n.popover > .arrow {\n &,\n &:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n}\n.popover > .arrow {\n border-width: @popover-arrow-outer-width;\n}\n.popover > .arrow:after {\n border-width: @popover-arrow-width;\n content: \"\";\n}\n\n.popover {\n &.top > .arrow {\n left: 50%;\n margin-left: -@popover-arrow-outer-width;\n border-bottom-width: 0;\n border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-top-color: @popover-arrow-outer-color;\n bottom: -@popover-arrow-outer-width;\n &:after {\n content: \" \";\n bottom: 1px;\n margin-left: -@popover-arrow-width;\n border-bottom-width: 0;\n border-top-color: @popover-arrow-color;\n }\n }\n &.right > .arrow {\n top: 50%;\n left: -@popover-arrow-outer-width;\n margin-top: -@popover-arrow-outer-width;\n border-left-width: 0;\n border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-right-color: @popover-arrow-outer-color;\n &:after {\n content: \" \";\n left: 1px;\n bottom: -@popover-arrow-width;\n border-left-width: 0;\n border-right-color: @popover-arrow-color;\n }\n }\n &.bottom > .arrow {\n left: 50%;\n margin-left: -@popover-arrow-outer-width;\n border-top-width: 0;\n border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-bottom-color: @popover-arrow-outer-color;\n top: -@popover-arrow-outer-width;\n &:after {\n content: \" \";\n top: 1px;\n margin-left: -@popover-arrow-width;\n border-top-width: 0;\n border-bottom-color: @popover-arrow-color;\n }\n }\n\n &.left > .arrow {\n top: 50%;\n right: -@popover-arrow-outer-width;\n margin-top: -@popover-arrow-outer-width;\n border-right-width: 0;\n border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-left-color: @popover-arrow-outer-color;\n &:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: @popover-arrow-color;\n bottom: -@popover-arrow-width;\n }\n }\n}\n","//\n// Carousel\n// --------------------------------------------------\n\n\n// Wrapper for the slide container and indicators\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n > .item {\n display: none;\n position: relative;\n .transition(.6s ease-in-out left);\n\n // Account for jankitude on images\n > img,\n > a > img {\n &:extend(.img-responsive);\n line-height: 1;\n }\n\n // WebKit CSS3 transforms for supported devices\n @media all and (transform-3d), (-webkit-transform-3d) {\n .transition-transform(~'0.6s ease-in-out');\n .backface-visibility(~'hidden');\n .perspective(1000px);\n\n &.next,\n &.active.right {\n .translate3d(100%, 0, 0);\n left: 0;\n }\n &.prev,\n &.active.left {\n .translate3d(-100%, 0, 0);\n left: 0;\n }\n &.next.left,\n &.prev.right,\n &.active {\n .translate3d(0, 0, 0);\n left: 0;\n }\n }\n }\n\n > .active,\n > .next,\n > .prev {\n display: block;\n }\n\n > .active {\n left: 0;\n }\n\n > .next,\n > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n > .next {\n left: 100%;\n }\n > .prev {\n left: -100%;\n }\n > .next.left,\n > .prev.right {\n left: 0;\n }\n\n > .active.left {\n left: -100%;\n }\n > .active.right {\n left: 100%;\n }\n\n}\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: @carousel-control-width;\n .opacity(@carousel-control-opacity);\n font-size: @carousel-control-font-size;\n color: @carousel-control-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug\n // We can't have this transition here because WebKit cancels the carousel\n // animation if you trip this while in the middle of another animation.\n\n // Set gradients for backgrounds\n &.left {\n #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));\n }\n &.right {\n left: auto;\n right: 0;\n #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));\n }\n\n // Hover/focus state\n &:hover,\n &:focus {\n outline: 0;\n color: @carousel-control-color;\n text-decoration: none;\n .opacity(.9);\n }\n\n // Toggles\n .icon-prev,\n .icon-next,\n .glyphicon-chevron-left,\n .glyphicon-chevron-right {\n position: absolute;\n top: 50%;\n margin-top: -10px;\n z-index: 5;\n display: inline-block;\n }\n .icon-prev,\n .glyphicon-chevron-left {\n left: 50%;\n margin-left: -10px;\n }\n .icon-next,\n .glyphicon-chevron-right {\n right: 50%;\n margin-right: -10px;\n }\n .icon-prev,\n .icon-next {\n width: 20px;\n height: 20px;\n line-height: 1;\n font-family: serif;\n }\n\n\n .icon-prev {\n &:before {\n content: '\\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\n }\n }\n .icon-next {\n &:before {\n content: '\\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\n }\n }\n}\n\n// Optional indicator pips\n//\n// Add an unordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n z-index: 15;\n width: 60%;\n margin-left: -30%;\n padding-left: 0;\n list-style: none;\n text-align: center;\n\n li {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 1px;\n text-indent: -999px;\n border: 1px solid @carousel-indicator-border-color;\n border-radius: 10px;\n cursor: pointer;\n\n // IE8-9 hack for event handling\n //\n // Internet Explorer 8-9 does not support clicks on elements without a set\n // `background-color`. We cannot use `filter` since that's not viewed as a\n // background color by the browser. Thus, a hack is needed.\n // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer\n //\n // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\n // set alpha transparency for the best results possible.\n background-color: #000 \\9; // IE8\n background-color: rgba(0,0,0,0); // IE9\n }\n .active {\n margin: 0;\n width: 12px;\n height: 12px;\n background-color: @carousel-indicator-active-bg;\n }\n}\n\n// Optional captions\n// -----------------------------\n// Hidden by default for smaller viewports\n.carousel-caption {\n position: absolute;\n left: 15%;\n right: 15%;\n bottom: 20px;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: @carousel-caption-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n & .btn {\n text-shadow: none; // No shadow for button elements in carousel-caption\n }\n}\n\n\n// Scale up controls for tablets and up\n@media screen and (min-width: @screen-sm-min) {\n\n // Scale up the controls a smidge\n .carousel-control {\n .glyphicon-chevron-left,\n .glyphicon-chevron-right,\n .icon-prev,\n .icon-next {\n width: (@carousel-control-font-size * 1.5);\n height: (@carousel-control-font-size * 1.5);\n margin-top: (@carousel-control-font-size / -2);\n font-size: (@carousel-control-font-size * 1.5);\n }\n .glyphicon-chevron-left,\n .icon-prev {\n margin-left: (@carousel-control-font-size / -2);\n }\n .glyphicon-chevron-right,\n .icon-next {\n margin-right: (@carousel-control-font-size / -2);\n }\n }\n\n // Show and left align the captions\n .carousel-caption {\n left: 20%;\n right: 20%;\n padding-bottom: 30px;\n }\n\n // Move up the indicators\n .carousel-indicators {\n bottom: 20px;\n }\n}\n","// Clearfix\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n// contenteditable attribute is included anywhere else in the document.\n// Otherwise it causes space to appear at the top and bottom of elements\n// that are clearfixed.\n// 2. The use of `table` rather than `block` is only necessary if using\n// `:before` to contain the top-margins of child elements.\n//\n// Source: http://nicolasgallagher.com/micro-clearfix-hack/\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}\n","// Center-align a block level element\n\n.center-block() {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n","// CSS image replacement\n//\n// Heads up! v3 launched with only `.hide-text()`, but per our pattern for\n// mixins being reused as classes with the same name, this doesn't hold up. As\n// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.\n//\n// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757\n\n// Deprecated as of v3.0.1 (has been removed in v4)\n.hide-text() {\n font: ~\"0/0\" a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n// New mixin to use as of v3.0.1\n.text-hide() {\n .hide-text();\n}\n","//\n// Responsive: Utility classes\n// --------------------------------------------------\n\n\n// IE10 in Windows (Phone) 8\n//\n// Support for responsive views via media queries is kind of borked in IE10, for\n// Surface/desktop in split view and for Windows Phone 8. This particular fix\n// must be accompanied by a snippet of JavaScript to sniff the user agent and\n// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\n// our Getting Started page for more information on this bug.\n//\n// For more information, see the following:\n//\n// Issue: https://github.com/twbs/bootstrap/issues/10497\n// Docs: http://getbootstrap.com/getting-started/#support-ie10-width\n// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/\n// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n\n@-ms-viewport {\n width: device-width;\n}\n\n\n// Visibility utilities\n// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg {\n .responsive-invisibility();\n}\n\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block {\n display: none !important;\n}\n\n.visible-xs {\n @media (max-width: @screen-xs-max) {\n .responsive-visibility();\n }\n}\n.visible-xs-block {\n @media (max-width: @screen-xs-max) {\n display: block !important;\n }\n}\n.visible-xs-inline {\n @media (max-width: @screen-xs-max) {\n display: inline !important;\n }\n}\n.visible-xs-inline-block {\n @media (max-width: @screen-xs-max) {\n display: inline-block !important;\n }\n}\n\n.visible-sm {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n .responsive-visibility();\n }\n}\n.visible-sm-block {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: block !important;\n }\n}\n.visible-sm-inline {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: inline !important;\n }\n}\n.visible-sm-inline-block {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: inline-block !important;\n }\n}\n\n.visible-md {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n .responsive-visibility();\n }\n}\n.visible-md-block {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: block !important;\n }\n}\n.visible-md-inline {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: inline !important;\n }\n}\n.visible-md-inline-block {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: inline-block !important;\n }\n}\n\n.visible-lg {\n @media (min-width: @screen-lg-min) {\n .responsive-visibility();\n }\n}\n.visible-lg-block {\n @media (min-width: @screen-lg-min) {\n display: block !important;\n }\n}\n.visible-lg-inline {\n @media (min-width: @screen-lg-min) {\n display: inline !important;\n }\n}\n.visible-lg-inline-block {\n @media (min-width: @screen-lg-min) {\n display: inline-block !important;\n }\n}\n\n.hidden-xs {\n @media (max-width: @screen-xs-max) {\n .responsive-invisibility();\n }\n}\n.hidden-sm {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n .responsive-invisibility();\n }\n}\n.hidden-md {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n .responsive-invisibility();\n }\n}\n.hidden-lg {\n @media (min-width: @screen-lg-min) {\n .responsive-invisibility();\n }\n}\n\n\n// Print utilities\n//\n// Media queries are placed on the inside to be mixin-friendly.\n\n// Note: Deprecated .visible-print as of v3.2.0\n.visible-print {\n .responsive-invisibility();\n\n @media print {\n .responsive-visibility();\n }\n}\n.visible-print-block {\n display: none !important;\n\n @media print {\n display: block !important;\n }\n}\n.visible-print-inline {\n display: none !important;\n\n @media print {\n display: inline !important;\n }\n}\n.visible-print-inline-block {\n display: none !important;\n\n @media print {\n display: inline-block !important;\n }\n}\n\n.hidden-print {\n @media print {\n .responsive-invisibility();\n }\n}\n","// Responsive utilities\n\n//\n// More easily include all the states for responsive-utilities.less.\n.responsive-visibility() {\n display: block !important;\n table& { display: table !important; }\n tr& { display: table-row !important; }\n th&,\n td& { display: table-cell !important; }\n}\n\n.responsive-invisibility() {\n display: none !important;\n}\n","/* \n\n\n\n\n\nBy ID \n\n\n\n\n\n\n*/\n\n#color-chooser {\n padding: 0;\n}\n\n#moreInformation {\n box-shadow: none;\n margin-top: 5%;\n text-align: center;\n -moz-box-shadow: none;\n}\n\n#mglogo {\n width: 100%;\n text-align: center;\n}\n\n#spruch {\n margin-bottom: 20px;\n padding: 5px;\n line-height: 1.2;\n color: #070;\n border-left: 3px solid #070;\n font-size: 16px;\n font-family: Georgia, \"Times New Roman\", Palatino, Times, serif;\n}\n\n\n/* \n\n\n\n\n\nMixed \n\n\n\n\n\n\n*/\n\n#color-chooser #standard {\n background-color: rgb(255, 194, 107);\n}\n\n#color-chooser #standardHard {\n background-color: rgb(255, 128, 0);\n}\n\n#color-chooser #green {\n background-color: rgb(177, 226, 163);\n}\n\n#color-chooser #greenHard {\n background-color: rgb(127, 175, 27);\n}\n\n#color-chooser #blue {\n background-color: rgb(164, 192, 230);\n}\n\n#color-chooser #blueHard {\n background-color: rgb(2, 93, 140);\n}\n\n#color-chooser #red {\n background-color: rgb(255, 92, 92);\n}\n\n#color-chooser #redHard {\n background-color: rgb(255, 0, 0);\n}\n\n#color-chooser #pink {\n background-color: rgb(255, 196, 246);\n}\n\n#color-chooser #pinkHard {\n background-color: rgb(254, 67, 101);\n}\n\n#color-chooser #black {\n background-color: rgb(238, 238, 238);\n}\n\n#color-chooser #blackHard {\n background-color: rgb(50, 50, 50);\n}\n\n#mglogo > a {\n display: block;\n width: 200px;\n text-decoration: none;\n font-size: 1.1em;\n font-family: Liberation Sans, sans-serif;\n font-weight: bold;\n font-style: italic;\n font-size: 1.0em;\n line-height: 1;\n white-space: nowrap;\n padding: 0.4em 0;\n border-radius: .25em;\n margin: 0 auto;\n}\n\n#sponsors a {\n font-size: 0.8em;\n}\n\n#sponsors h2 {\n font-size: 1.5em;\n}\n\n#foki label > span {\n margin-right: 5px;\n}\n\n#foki label span {\n background-color: transparent;\n}\n\n#foki input {\n visibility: hidden;\n}\n\n#foki input:checked + label {\n font-weight: bold;\n background-color: #e3e3e3;\n}\n\n#foki input + label {\n border-radius: 4px;\n padding: 7px 20px;\n font-weight: normal;\n}\n\n#foki input + label:hover {\n cursor: pointer;\n background-color: #f6f6f6;\n}\n\n#color-chooser a {\n display: block;\n width: 50px;\n height: 50px;\n}\n\n#color-chooser li {\n width: 50px;\n margin: 0;\n}\n\n#moreInformation ul {\n padding: 0;\n}\n\n#moreInformation ul li {\n color: grey;\n}\n\n#moreInformation > div {\n font-size: 15px;\n}\n\n#moreInformation h2 {\n color: grey;\n font-size: 25px;\n}\n\n#moreInformation a:hover {\n text-decoration: underline;\n}\n\n#searchForm button {\n width: 50px;\n line-height: 100%;\n height: 28px;\n border: 0;\n background-color: transparent;\n padding: 0;\n}\n\nli#info {\n white-space: pre-line;\n}\n\nmain fieldset#foki {\n margin: 5px 0;\n text-align: center;\n}\n\ndiv#right {\n background-color: #FFDCC1;\n border-radius: 5px;\n padding: 20px;\n padding-top: 0;\n}\n\ndiv#right p {\n white-space: normal;\n border-bottom: 1px solid black;\n margin-bottom: 15px;\n padding-bottom: 15px;\n}\n\ndiv#left {\n padding-right: 35px;\n}\n\ntextarea#message {\n height: 200px;\n}\n\n#anpassen-label a.content {\n color: inherit;\n}\n\n#plugin-modal ol > li {\n margin-bottom: 5px;\n}\n\n\n/* \n\n\n\n\n\nBy Class \n\n\n\n\n\n\n*/\n\n.quicktip {\n margin-bottom: 15px;\n padding: 10px;\n line-height: 1.2 !important;\n font-family: Georgia, \"Times New Roman\", Palatino, Times, serif;\n color: #000;\n border-left: 3px solid #FB0;\n font-size: 14px;\n}\n\n.wikiqtextract {\n font-family: Georgia, \"Times New Roman\", Palatino, Times, serif;\n}\n\n.qtheader {\n font-family: verdana, arial, helvetica, sans-serif;\n}\n\n.author {\n float: right !important;\n}\n\n.language-textarea {\n resize: none;\n overflow: hidden;\n}\n\n.language-name {\n white-space: pre;\n}\n\n.navbar-default {\n background-color: white;\n border-radius: 0;\n}\n\n.row {\n margin-left: 0;\n margin-right: 0;\n}\n\n.mg-panel {\n text-align: left;\n margin: 0 auto;\n margin-top: 20px;\n padding: 10px 20px;\n margin-bottom: 0;\n background-color: white;\n -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);\n box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);\n}\n\n.input-group-addon {\n padding: 0;\n}\n\n.form-group {\n font-family: sans-serif;\n font-size: 16px;\n color: black;\n background-color: transparent;\n text-align: center;\n}\n\n.kontakt-form-group {\n text-align: left;\n font-size: 14px;\n}\n\n.metager-searchinput {\n height: 30px;\n padding: 6px 12px;\n font-size: 14px;\n line-height: 1.42857;\n color: #555;\n background-color: #FFF;\n background-image: none;\n border: 1px solid #CCC;\n border-right: 0px none;\n border-radius: 4px;\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n margin: 0px;\n}\n\n.metager-searchbutton {\n height: 30px;\n width: 100px;\n border-left: 0px none;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n border: 1px solid #CCC;\n padding: 6px 12px;\n margin: 0px;\n font-size: 14px;\n font-weight: normal;\n line-height: 1;\n white-space: nowrap;\n color: #555;\n text-align: center;\n background-color: #EEE;\n}\n\n.metager-logo {\n height: 30px;\n float: left;\n top: -2px;\n margin-right: 3px;\n}\n\n.mutelink {\n color: inherit;\n}\n\n.dotlist {\n list-style-type: disc;\n text-align: left;\n}\n\n.well-sm {\n margin: 10px 0px;\n}\n\n.subheading {\n font-size: 20px;\n margin: 20px 0px;\n white-space: pre-wrap;\n}\n\n.donation-form-group {\n text-align: left;\n font-size: 12px;\n}\n\n.beitritt-form-group {\n text-align: left;\n}\n\n.modal-content {\n border-radius: 0;\n -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);\n box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);\n}\n\n.bold {\n font-weight: bold;\n}\n\n.settings-btn {\n margin-top: 25px;\n}\n\n.fokus-category {\n font-size: 20px;\n}\n\n.settings-form-control {\n width: 200px;\n margin-top: 10px;\n}\n\n.bitcoins {\n text-align: center;\n}\n\n.checkbox {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.non-bold {\n font-weight: normal;\n}\n\n\n/* \n\n\n\n\n\nMixed \n\n\n\n\n\n*/\n\n.quicktip.aufruf {\n border-left: 3px solid #FF4000;\n color: #FF4000;\n}\n\n.settings-checkbox .settings-glyphicon {\n margin-left: 5px;\n font-size: 12px;\n}\n\n.settings-btn + .settings-btn {\n margin-left: 10px;\n}\n\n.wikiqtextract p {\n margin-bottom: 0;\n}\n\nfooter ul.list-inline {\n width: 100%;\n}\n\nspan.glyphicon {\n background-color: transparent;\n}\n\na.content.hidden-xs {\n color: #333;\n}\n\na.navbar-brand {\n line-height: 100%!important;\n padding: 0;\n}\n\nnav .navbar-brand > div.logo {\n height: 100%;\n}\n\n.dotlist li {\n margin-bottom: 5px;\n}\n\nform.contact {\n max-width: 500px;\n}\n\nlabel.select-label {\n margin-bottom: 0;\n margin-top: 10px;\n}\n\n@media print {\n .noprint {\n display: none!important;\n }\n}\n\n.donation-form-group label {\n font-weight: bold;\n}\n\n.quicktip h1 {\n font-size: 22px;\n margin-top: 0px;\n}\n\n\n/* \n\n\n\n\n\nBy Element \n\n\n\n\n\n\n*/\n\n* {\n font-family: Liberation Sans, sans-serif;\n}\n\nsection {\n padding: 10px;\n box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);\n -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);\n -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);\n}\n\nfooter {\n margin-top: 8%;\n bottom: 0;\n width: 100%;\n}\n\nbody {\n margin: 0;\n}\n\nheader {\n position: fixed;\n background-color: white;\n z-index: 500;\n width: 100%;\n height: 50px;\n}\n\naddress {\n white-space: pre;\n}\n\nform {\n margin: 10px 0px;\n}\n\ncode {\n white-space: pre-wrap;\n overflow-wrap: break-word;\n word-break: break-word;\n}\n\n\n/* \n\n\n\n\n\nMixed \n\n\n\n\n\n\n*/\n\nlabel a {\n color: inherit;\n}\n\nlabel a:hover {\n text-decoration: none;\n color: inherit;\n}\n\nfooter li {\n width: 33%;\n text-align: center;\n}\n\nfooter img {\n max-width: 100%;\n}\n\nmain ul li {\n margin: 0 10px;\n}\n\n.searchform-bonus {\n list-style-type: none;\n text-align: center;\n margin-left: 0!important;\n margin-top: 10px;\n}\n\nfieldset input[type=text] {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n border-width: 1px;\n overflow: visible;\n}\n\nmain fieldset {\n border: 0;\n}\n\nnav h1 {\n margin: 0;\n height: 100%;\n padding-left: 20px;\n padding-top: 8px;\n font-family: sans-serif;\n font-style: italic;\n margin: 0;\n font-weight: bold;\n line-height: 1;\n white-space: nowrap;\n}\n\nbody > div {\n padding-top: 70px;\n}","@import \"./bootstrap/bootstrap.less\";\n@import \"./metager/metager.less\";\n\nbody{\n\tbackground-color: rgb(250, 250, 250);\n\tbackground-attachment: fixed;\n}\n\nbody#resultBody{\n\tbackground-image: inherit;\n}\n\n\ninput[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=tel]:focus {\n outline-color: rgb(255, 128, 0);\n -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);\n\t-moz-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);\n\tbox-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);\n border: 1px solid rgba(255, 128, 0, 1);\n}\n#mglogo > a {\n\tbackground-image: linear-gradient(rgb(255, 128, 0) 0%, rgb(255, 128, 0) 250%);\n background-color: transparent;\n color: white;\n}\n\n.logo h1{\n\tcolor: rgb(255, 128, 0);\n}\n\n.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{\n\tbackground-color: rgb(255, 128, 0);\n\tborder-color: rgb(255, 128, 0);\n}\n\n.pagination > li > a, .pagination > li > span{\n\tcolor: rgb(255, 128, 0);\n}\n\n.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{\n\tcolor: rgb(255, 128, 0);\n}\n\n.navbar {\n\tborder-bottom: 3px solid rgb(255, 128, 0);\n\tbox-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);\n}\n\n.lSPrev > span, .lSNext > span {\n\tcolor: rgb(255, 128, 0);\n}"]}
\ No newline at end of file
diff --git a/resources/assets/less/default.less b/resources/assets/less/default.less
index 064e57c7300411d3ff9d3b1e54d21a8ab358ecdd..6aaa59a6b342905bfece7d77e214cf4a735f4958 100644
--- a/resources/assets/less/default.less
+++ b/resources/assets/less/default.less
@@ -1,51 +1,44 @@
@import "./bootstrap/bootstrap.less";
@import "./metager/metager.less";
+@import "./bootstrap/variables.less";
+@import "./variables-default.less";
-body{
- background-color: rgb(250, 250, 250);
- background-attachment: fixed;
-}
-
-body#resultBody{
- background-image: inherit;
-}
-
-
-input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=tel]:focus {
+/*input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=tel]:focus {
outline-color: rgb(255, 128, 0);
-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
- -moz-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
- box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
+ -moz-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
+ box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
border: 1px solid rgba(255, 128, 0, 1);
}
+*/
+
#mglogo > a {
- background-image: linear-gradient(rgb(255, 128, 0) 0%, rgb(255, 128, 0) 250%);
- background-color: transparent;
+ background-color: rgb(255, 128, 0);
color: white;
}
-.logo h1{
- color: rgb(255, 128, 0);
+.logo h1 {
+ color: rgb(255, 128, 0);
}
-.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
- background-color: rgb(255, 128, 0);
- border-color: rgb(255, 128, 0);
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
+ background-color: rgb(255, 128, 0);
+ border-color: rgb(255, 128, 0);
}
-.pagination > li > a, .pagination > li > span{
- color: rgb(255, 128, 0);
+.pagination > li > a, .pagination > li > span {
+ color: rgb(255, 128, 0);
}
-.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
- color: rgb(255, 128, 0);
+.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
+ color: rgb(255, 128, 0);
}
.navbar {
- border-bottom: 3px solid rgb(255, 128, 0);
- box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
+ border-bottom: 3px solid rgb(255, 128, 0);
+ box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
}
.lSPrev > span, .lSNext > span {
- color: rgb(255, 128, 0);
+ color: rgb(255, 128, 0);
}
\ No newline at end of file
diff --git a/resources/assets/less/metager/metager.less b/resources/assets/less/metager/metager.less
index c81dd1ba02d1d8b7ba5ea3ce46a4a38be27e998d..719a88fdadb4d7f43af16f3ac4e8f49eda799513 100644
--- a/resources/assets/less/metager/metager.less
+++ b/resources/assets/less/metager/metager.less
@@ -1,3 +1,9 @@
+//@import "./result-page.less";
+
+body.quicktips {
+ background-color: white;
+}
+
/*
diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less
new file mode 100644
index 0000000000000000000000000000000000000000..1e8d29a4066140e8ab25c74a3c1bcbd4df161005
--- /dev/null
+++ b/resources/assets/less/metager/result-page.less
@@ -0,0 +1,551 @@
+.hostlabel a:link, .hostlabel a:visited {
+ color: #FFFFFF;
+}
+
+.hostlabel {
+ display: none;
+ position: relative;
+ margin-top: -14px;
+ background-color: #333;
+}
+
+.img:hover .hostlabel {
+ display: block;
+}
+
+.row {
+ margin: 10px 15px;
+ margin-top: 0;
+}
+
+.nav-tabs > li.active {}
+
+nav-tabs > li.active {
+ border-bottom: 0;
+}
+
+.tab-pane.active {
+ -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
+ padding: 10px 0;
+ padding-top: 0;
+}
+
+
+/* Hier der Style für unsere Suchleiste */
+
+.tab-pane .alert {
+ margin: 10px 0;
+ padding: 5px 15px;
+}
+
+.alert ul {
+ list-style-type: none;
+ padding-left: 49px;
+}
+
+
+/* Logo */
+
+.logo {
+ height: 35px;
+ padding: 5px 0;
+}
+
+.logo > a {
+ line-height: 100%;
+ height: 100%;
+ display: block;
+}
+
+#research ul.list-inline {
+ margin-left: 0;
+ width: 100%;
+}
+
+@media (max-width: 767px) {
+ #research .visible-xs {
+ display: inline-block!important;
+ }
+}
+
+.input-group-addon {
+ padding: 0;
+}
+
+input#eingabeTop {
+ height: 35px;
+}
+
+nav .input-group {
+ height: 35px;
+ padding: 5px 0;
+}
+
+header nav {
+ height: 100%;
+}
+
+header ul {
+ height: 100%;
+ vertical-align: middle;
+}
+
+#research nav ul > li {
+ width: 20%;
+ height: 45px;
+ vertical-align: middle;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+
+#research nav ul > li.visible-xs {
+ width: 10%;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+
+#research nav ul li + li + li {
+ width: 80%;
+}
+
+#research {
+ background-color: white;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ height: 45px;
+ z-index: 500;
+ width: 80%;
+ left: 50%;
+ margin-left: -40%;
+}
+
+.logo h1 {
+ font-family: Liberation Sans, sans-serif;
+ font-style: italic;
+ margin: 0;
+ font-weight: bold;
+ line-height: 1;
+ white-space: nowrap;
+}
+
+#search {
+ background-color: inherit;
+ border: 0;
+ width: 50px;
+ height: 100%;
+}
+
+#reSearch a {
+ color: black;
+}
+
+.content-wrapper {
+ width: 80%;
+ margin: 0 auto;
+ padding-top: 60px;
+ /* padding: 10px; */
+ background-color: white;
+ -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+ box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+}
+
+#helpButton {
+ color: black;
+}
+
+body {
+ height: 100%;
+ background-image: inherit;
+ background-color: rgba(2, 93, 140, .03);
+}
+
+a#donation:hover {}
+
+a#donation, a#donation:visited {
+ color: inherit;
+}
+
+a#donation:hover {
+ color: red;
+}
+
+a:visited {
+ color: #792ea1;
+}
+
+a:hover {
+ text-decoration: none;
+ color: red;
+}
+
+
+/* Hier der Style für unsere Tabliste */
+
+#foki {
+ background-color: white;
+}
+
+#foki a {
+ color: grey;
+}
+
+#foki li.active a {
+ color: black;
+ background-color: white;
+}
+
+#foki li.active span + span {
+ display: inline!important;
+}
+
+#spenden {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+#spruch .author {
+ font-size: 80%;
+ font-weight: normal;
+ font-style: italic;
+ color: #333333;
+}
+
+#spruch > p {
+ margin-bottom: 0;
+}
+
+#spruch > p + p {
+ margin-top: 4px;
+}
+
+
+/* Hier der Style für die einzelnen Ergebnisboxen */
+
+.result {
+ margin-bottom: 10px;
+ width: 100%
+}
+
+.result > .number {
+ font-size: 15px;
+ line-height: 1;
+ text-align: right;
+}
+
+.result > .resultInformation {
+ border-radius: 5px;
+}
+
+.result .title {
+ color: black;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: bold;
+ margin-bottom: 0;
+ white-space: nowrap;
+ line-height: 1.1;
+ max-width: 115ch;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.result.ad .title {
+ color: green;
+}
+
+.result .link {
+ font-size: 13px;
+ margin: 0;
+ line-height: 1.5;
+}
+
+.result .link-link {
+ white-space: nowrap;
+ max-width: 60%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ float: left;
+}
+
+.result:not(.ad) .link > div {
+ white-space: nowrap;
+}
+
+.result:not(.ad) .link > span {
+ white-space: nowrap;
+ margin: 0 5px;
+}
+
+.result:not(.ad) .link .options {
+ color: #333;
+ float: left;
+}
+
+.result:not(.ad) .link:hover {
+ cursor: pointer;
+}
+
+.result:not(.ad) .link .options > a {
+ color: #333;
+ display: block;
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.result:not(.ad) .link .options > a > span {
+ font-size: 10px;
+}
+
+.result .description {
+ margin-bottom: 3px;
+ color: black;
+ font-size: 14px;
+ line-height: 1.3;
+ clear: both;
+}
+
+.result .description p {
+ margin: 0;
+ margin-bottom: 4px;
+}
+
+.result .description img {
+ margin: 5px;
+ margin-left: 0;
+ margin-right: 15px;
+ height: auto;
+ width: auto;
+ max-width: 120px;
+ max-height: 200px
+}
+
+.result.ad .description {
+ color: green;
+ max-width: 115ch;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.result:not(.ad) .hoster {
+ font-size: 13px;
+ margin: 0;
+ color: #777;
+ margin-right: 10px;
+ white-space: nowrap;
+}
+
+.result:not(.ad) .hoster a {
+ color: #333;
+}
+
+.result .result-image > img {
+ height: 100px;
+ padding: 10px;
+}
+
+.result .proxy {
+ font-size: 13px;
+ margin-top: 0;
+ white-space: nowrap;
+}
+
+.result .partnershop-info {
+ font-size: 13px;
+ margin-top: 0;
+ margin-left: 10px;
+}
+
+.result .proxy img {
+ margin-bottom: 0px;
+ margin-right: 2px
+}
+
+.description-container {
+ margin: 0!important;
+}
+
+.result .image > img {
+ max-width: 100%;
+}
+
+.options-list > li:hover {
+ background-color: lightgrey;
+}
+
+.options-list > li > a {
+ color: #333;
+ white-space: nowrap;
+ display: block;
+ padding: 5px 14px;
+}
+
+.options-list > li input[type=submit] {
+ width: 100%;
+ background-color: transparent;
+ border: 0;
+ margin: 5px 0;
+}
+
+.container-fluid {
+ padding-top: 15px;
+ padding-bottom: 15px;
+ background-color: white;
+}
+
+#quicktips iframe {
+ width: 100%;
+ height: 1000px;
+ background-color: transparent;
+ border: 0px none transparent;
+ padding: 0px;
+ overflow: hidden;
+}
+
+
+/* Hier der Style für die Bilder */
+
+#fit-width .masonry {
+ margin: 0 auto;
+}
+
+.item {
+ width: 150px;
+ text-align: center;
+ margin-bottom: 10px;
+}
+
+#container {
+ margin: 10px auto;
+}
+
+
+/* Hier der Style für die Werbeboxen */
+
+.result.ad .hoster {
+ color: green;
+}
+
+
+/* Style für den Footer */
+
+footer {
+ text-align: center;
+}
+
+footer a {
+ color: black!important;
+}
+
+
+/* Ein resetter für Floats */
+
+.clearfix {
+ clear: both;
+}
+
+
+/* Placeholder für ladende Tabs */
+
+.loader {
+ text-align: center;
+ margin-top: 20px;
+}
+
+.loader > img {
+ width: 30px;
+}
+
+.pager {
+ text-align: center;
+}
+
+#searchplugin {
+ display: none;
+ position: fixed;
+ top: 50px;
+ right: 10px;
+ z-index: 501;
+ width: 25%;
+}
+
+#searchplugin > div {
+ text-align: center;
+ padding-top: 5px;
+}
+
+#searchplugin > div > a {
+ color: white;
+}
+
+@media(min-width: 768px) {
+ #searchplugin {
+ display: initial;
+ }
+}
+
+.product {
+ text-align: center;
+ border: 1px dotted lightgrey;
+ padding: 5px;
+ max-width: 150px;
+}
+
+.product a {
+ color: #333;
+}
+
+.product .price {
+ position: relative;
+ top: 20px;
+ background-color: rgba(255, 255, 255, 0.9);
+ color: #333;
+ text-align: left;
+ width: 80px;
+ font-weight: bold;
+}
+
+.product .title {
+ font-size: 12px;
+ font-weight: bold;
+ text-align: left;
+ max-height: 31px;
+ overflow: hidden;
+ margin-bottom: 4px;
+}
+
+.product .shop {
+ font-size: 10px;
+ text-align: left;
+ color: green;
+ margin-bottom: 6px;
+}
+
+.product .shipping {
+ font-size: 10px;
+ text-align: left;
+}
+
+.lightslider {
+ overflow: visible!important;
+}
+
+.lSPrev > span, .lSNext > span {
+ background-color: black;
+ padding: 5px;
+}
+
+#mark {
+ font-size: 13px;
+}
+
+#mark a {
+ margin-left: 3px;
+}
+
+.product img {
+ max-width: 100px;
+}
\ No newline at end of file
diff --git a/resources/assets/less/variables-default.less b/resources/assets/less/variables-default.less
new file mode 100644
index 0000000000000000000000000000000000000000..23d7268d5fd749a26729a8fb2d60a2673d9f0631
--- /dev/null
+++ b/resources/assets/less/variables-default.less
@@ -0,0 +1,11 @@
+//@brand-primary: rgb(255, 128, 0);
+@brand-success: #5cb85c;
+@brand-info: #FB0;
+@brand-warning: #f0ad4e;
+@brand-danger: #d9534f;
+@body-bg: rgb(250, 250, 250);
+@input-border-focus: rgb(255, 128, 0);
+@font-family-sans-serif: "Liberation Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@container-tablet: (720px + @grid-gutter-width);
+@container-desktop: (940px + @grid-gutter-width);
+@container-large-desktop: (1340px + @grid-gutter-width);
\ No newline at end of file
diff --git a/resources/views/quicktip.blade.php b/resources/views/quicktip.blade.php
index 131d71f8b1a3833e90ab8d480696aed27b1f6a14..203257da7978aabbf6e6533e184e865235fd2a75 100644
--- a/resources/views/quicktip.blade.php
+++ b/resources/views/quicktip.blade.php
@@ -1,11 +1,9 @@
{!! trans('quicktip.title') !!}
-
-
-
+
@if( $spruch !== "" )
{!! $spruch !!}
@endif