// bo - https://github.com/hspencer/bo // ISC - https://github.com/hspencer/bo/blob/master/COPYING // C - Herbert Spencer 2018 // ----------------------------------------------------- /* Colors */ @color-white: #ffffff; @color-dark: #202020; @color-brown: #132029; @color-blue: #3e85b5; @color-dark-blue: #1A3C65; @color-pale: fade(#DCF0F7, 30%); @color-yellow-pale: #f7d96d; @color-yellow: #f3c624; @color-pink: #ff5656; @color-red: #f30000; @color-ocre: #725b06; @color-purple: #510e1c; @color-gray: #656565; @navbar-bg: #202020; @footer-bg: fade(@navbar-bg, 10%); @navbar-default-bg: @navbar-bg; @nav-tabs-active-link-hover-color: @color-white; @btn-default-bg: @color-dark; @btn-default-border: @btn-default-bg; @btn-default-focus-bg: @color-blue; @btn-default-focus-border: @btn-default-focus-bg; @btn-default-visited-bg: @color-dark-blue; @btn-default-visited-border: @btn-default-visited-bg; @footer-height: 200px; /** * general */ /* enforce a minimum height on every screen */ html { position: relative; min-height: 100%; } body { /* Margin bottom by footer height see also ".smwofootergrid.container" */ /* margin-bottom: @footer-height; */ } a:active, .mw-body a.external:active { color: lighten(@link-color, 20) } /* fix gap between header and content */ .contentHeader { margin: 0 0 0.5em; border-bottom: 0; padding-bottom: 0; } /* edit section link */ .mw-editsection{ font-size: 12px; text-transform: uppercase; font-family: "Alegreya Sans"; font-weight: bold; a{ color: lighten(@color-gray, 40); background-color: transparent; display: inline-block; padding: 2px 4px 1px 4px; border-radius: 3px; letter-spacing: 0.1ex; &:hover{ color: white; background-color: @brand-primary; text-decoration: none; } } .mw-editsection-bracket{display: none} } /* Headings */ h1{letter-spacing: -0.02ex; font-weight: 500} h2{font-weight: 500} h3{font-weight: 700} h4, h5, h6{font-family: @font-family-sans-serif} h4{font-weight: 800} h5{text-transform: uppercase; font-weight: 700; letter-spacing: 0.1ex } h6{text-transform: uppercase; font-weight: 500; letter-spacing: 0.1ex} /* horizontal lines */ hr { margin-top: 10px; margin-bottom: 10px; } /* floating */ .float-left { float: left; } .float-right { float: right; } /* table of contents */ #toc, .toc { h2 { display: none; } #toctitle, .toctitle { text-align: left !important; } .toctoggle { text-align: right !important; } } #preftoc > li.selected > a { &, &:hover, &:focus { color: @color-pale; } } /* Content */ #mw-content-text{ ul { margin-block-end: 1em; } } /* pre */ div.smwpre { padding: 0.5em !important; } code{ display: inline-block; white-space: pre-wrap; color: black; background-color: @code-bg; border: none; border-radius: 5px; padding: 0px 3px 3px 3px; line-height: 130%; } pre, .mw-code { background-color: @pre-bg; border-radius: 4px; } /* EditTools */ .mw-editTools { font-size: smaller; } /* Tabs in preferences */ #preftoc > li.selected > a, #preftoc > li.selected > a:hover, #preftoc > li.selected > a:focus { color: black; } /* header cell of configuration parameter template */ table a:not(.btn), .table a:not(.btn) { text-decoration: none; } table{ &.wikitable > * > tr > th, &.wikitable > * > tr > td{ border: 4px solid transparent; } } .hproduct table tbody tr td { padding: 2px; } /* buttons */ .dropbtn { background-color: @color-pale; color: @color-brown; padding: 3px 6px; font-size: 16px; border: none; cursor: pointer; text-align: right; border-radius: 0 !important; } /* dropdown buttons */ /* The container
- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; &:hover { /* Show the dropdown menu on hover */ .dropdown-content { display: block; } /* Change the background color of the dropdown button when the dropdown content is shown */ .dropbtn { background-color: @color-brown; color: @color-white; } .dropbtn.document-draft { background-color: @color-yellow; color: @color-ocre; } .dropbtn.document-obsolete { background-color: @color-red; color: @color-purple; } } .dropbtn.document-draft { background-color: @color-yellow-pale; color: @color-ocre; } .dropbtn.document-obsolete { background-color: @color-pink; color: @color-purple; } } .dropdown-outer { min-width: 160px; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; font-size: 14px; background-color: @color-white; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; border-radius: 0px; left: auto; right: 0; border-top: 5px solid @color-brown; /* Links inside the dropdown */ a { background-color: @color-white; color: @color-link; padding: 3px 6px; text-decoration: none; display: block; text-align: left; min-width: 150px; /* Change color of dropdown links on hover */ &:hover, &:focus { color: @color-link; text-decoration: underline; text-decoration-color: @color-link; } } .selflink { background-color: @color-white; color: @brand-primary; margin-left: 6px; padding: 5px; &:hover { background-color: @color-white; color: @color-brown; margin-left: 6px; padding: 5px; } } ul { list-style-type: none; list-style-image: none; margin: 0 0 0 6px; padding: 0 0 0 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;/* IE 10+ */ break-inside: avoid-column; } li { padding: 0 0 0 0; a { &:hover { background-color: @color-white; color: @color-brown; text-decoration: underline; } } } } @media only screen and (max-width: 480px) { .dropdown-content { left: -100% !important; right: auto !important; column-gap: 0px !important; } } /* Links */ a.new{ &:link, &:hover, &:visited{ color: @color-gray; } } /* Document management specific changes */ .dropdown-content.document-draft { border-top: 5px solid @color-yellow; } .dropdown-content.document-obsolete { border-top: 5px solid @color-red; } /* Special:Ask buttons */ .smw-ask-action-btn-lblue { color: @color-white !important; background-color: @navbar-default-bg !important; border-color: @btn-default-border !important; } a.smw-ask-action-btn-lblue { &:visited { color: @color-white !important; background-color: @navbar-default-bg !important; border-color: @btn-default-border !important; } &:hover { color: @color-white !important; background-color: @btn-default-visited-bg !important; border-color: @btn-default-visited-border !important; } } .smw-ask-action-btn-dblue { color: @color-white !important; background-color: @btn-default-visited-bg !important; border-color: @btn-default-visited-border !important; &:hover { color: @color-white !important; background-color: @btn-default-focus-bg !important; border-color: @btn-default-focus-border !important; } &:focus { color: @color-white !important; background-color: @btn-default-focus-bg !important; border-color: @btn-default-focus-border !important; } } a.smw-ask-action-btn-dblue { &:visited { color: @color-white !important; background-color: @btn-default-visited-bg !important; border-color: @btn-default-visited-border !important; } &:hover { color: @color-white !important; background-color: @btn-default-focus-bg !important; border-color: @btn-default-focus-border !important; } &:focus { color: @color-white !important; background-color: @btn-default-focus-bg !important; border-color: @btn-default-focus-border !important; } } /** * navbar */ .navbar-default .navbar-nav > li > a { &:hover, &:focus { color: @color-white; background-color: @color-dark-blue; border-color: transparent !important; } } .navbar-right-aligned{ /* Search Button */ #searchInput{ border-color: transparent; background-color: @color-gray; margin-left: 0; &:focus{ background-color: @color-white; } } } a.dropdown-toggle.navbar-userloggedin span.glyphicon.glyphicon-user { color: @color-white; } .navbar-default, .navbar.navbar-default.p-tb { border: none; } /* navbar - search button */ .btn-default { @color: @btn-default-color; color: @color; background-color: @btn-default-bg; border-color: @btn-default-border; &:focus, &.focus, &:hover { color: @color; background-color: @btn-default-focus-bg; border-color: @btn-default-focus-border; } &:active, &.active, .open > .dropdown-toggle { color: @color; background-color: @btn-default-focus-bg; border-color: transparent; &:not(:focus), &:hover, &:focus, &.focus { color: @color; background-color: darken(@btn-default-focus-bg, 6%); border-color: darken(@btn-default-focus-border, 12%); } } &.disabled, &[disabled], fieldset[disabled] & { &:hover, &:focus, &.focus { background-color: @btn-default-bg; border-color: @btn-default-border; } } .badge { color: @btn-default-bg; background-color: @color; } } /* navbar - dropdown */ .navbar .dropdown-menu > li { > a { background-color: @color-white; &:hover, &:focus { text-decoration: underline; text-decoration-color: @color-brown; } } &.active > a, &.selected > a { background-color: @color-white; color: @color-brown; text-decoration: underline; text-decoration-color: @color-brown; } } /* Search button*/ #mw-searchButton{ border-color: transparent; &:hover, &:active{ background-color: @color-pale; } } /* Navbar user menu color override */ .skin-chameleon .navbar-tools{ > li{ > a.navbar-userloggedin{ &:hover, &:focus{ background-color: @color-pale !important; } } .open{ > a.navbar-userloggedin{ &:hover, &:focus{ background-color: @color-red !important; } } } } } /* navbar - dropdown - narrow screen */ .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: @color-brown; background-color: @color-white; &:hover, &:focus { color: @color-blue; background-color: @color-white; } } .navbar-default { .navbar-nav > li > a, .navbar-nav > li.open > a{ &:focus, &:hover, &:active{ background-color: @color-pale; } } .btn-default{ .focus, &:focus, &:hover{ background-color: @color-pale; border-color: @color-pale; } } } /* navbar - personal tools - wide screen and narrow screen */ .skin-chameleon .navbar-tools { .open > a { &, &:hover, &:focus { background-color: @color-blue; } } > li, > li.open { > a.navbar-userloggedin { &:active { color: @color-dark-blue; } &:hover { background-color: @color-dark-blue; } &:focus { background-color: @color-blue; } } } } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color: @color-pale; } /* navbar - personal tools -universal language selector */ #pt-uls { padding-left: 20px; a.uls-trigger { padding: 10px 0 10px 40px !important; } } #pt-uls.active a { background-color: @color-white; color: @color-brown; text-decoration: none; &:hover, &:focus { color: @color-blue; text-decoration: underline; text-decoration-color: @color-brown; background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23D3E3F4%22%20d%3D%22M0%200h11.876v16h-11.876v-16z%22%2F%3E%3Cpath%20fill%3D%22%23E9E9E9%22%20d%3D%22M12.819%200v15.969h10.755c1.085-2.578%201.837-4.991%203.062-8.591l-3.062-7.378h-10.755z%22%2F%3E%3Cpath%20fill%3D%22%23434343%22%20d%3D%22M14.828%204.146c.32.023.639.035.951.035.471%200%20.922-.016%201.354-.046l.023-.258.034-.367.081-.711.033-.333.873.058c-.073.577-.133%201.091-.179%201.542%201.116-.119%202.233-.331%203.349-.637l.092.809c-1.078.271-2.251.472-3.521.602-.05.463-.082.968-.098%201.514.524-.187%201.14-.313%201.847-.378.064-.207.136-.461.213-.763l.865.201c-.027.123-.088.315-.184.579.814.104%201.461.34%201.938.711.681.542%201.021%201.252%201.021%202.128%200%20.963-.406%201.746-1.221%202.351-.635.47-1.505.784-2.609.94l-.505-.779c.968-.104%201.739-.337%202.317-.7.733-.458%201.101-1.066%201.101-1.823%200-.772-.341-1.363-1.021-1.772-.345-.21-.764-.344-1.256-.401-.604%201.422-1.4%202.598-2.387%203.527.035.352.102.715.201%201.09l-.849.314-.126-.773c-.654.462-1.27.693-1.847.693-.696%200-1.044-.407-1.044-1.222%200-1.104.591-2.103%201.771-2.993.227-.165.532-.352.918-.562.012-.524.046-1.128.104-1.812-.585.046-1.143.069-1.675.069l-.493-.011-.071-.822m2.127%203.384c-.268.161-.545.392-.831.694-.612.619-.94%201.226-.986%201.817l-.017.121.017.138c0%20.252.112.378.339.378.492%200%201.02-.258%201.582-.773-.057-.613-.092-1.404-.104-2.375m2.455-.884c-.57.08-1.111.226-1.623.436%200%20.883.018%201.581.052%202.093.634-.707%201.158-1.55%201.571-2.529%22%2F%3E%3Cpath%20fill%3D%22%231A1A1A%22%20d%3D%22M8.517%2011.735l-.734-2.409h-3.69l-.734%202.409h-2.313l3.573-10.165h2.625l3.587%2010.165h-2.314m-1.246-4.21c-.679-2.183-1.062-3.418-1.149-3.704-.083-.286-.143-.512-.18-.678-.153.59-.589%202.051-1.309%204.382h2.638%22%2F%3E%3Cpath%20fill%3D%22%23BCBCBC%22%20d%3D%22M12.817%2013.5v2.5h10.757l.98-2.5h-11.737z%22%2F%3E%3Cpath%20fill%3D%22%233692D0%22%20d%3D%22M.011%2013.511h3.569l2.367-3.116%202.367%203.116h3.57v2.484h-11.873v-2.484z%22%2F%3E%3C%2Fsvg%3E) !important; } } /* navbar - personal tools - liquid threads */ #pt-newmessages { a { background-color: @color-white; color: @color-brown; &:hover, &:focus { text-decoration: underline; text-decoration-color: @color-brown; } } &.active a { // FIXME: Colors should already be covered by #pt-newmessages a background-color: @color-white; color: @color-brown; font-weight: 900; &:hover, &:focus { color: @color-blue; // FIXME: Should already be covered by #pt-newmessages a text-decoration: underline; text-decoration-color: @color-brown; } } } /* Echo - navbar - personal tools */ #pt-notifications-alert, #pt-notifications-message { .mw-echo-notifications-badge { &:hover, &:active, &:focus { -moz-outline-style: none; outline: none; background-color: @color-white; color: @color-blue; text-decoration: underline; text-decoration-color: @color-brown; } font-weight: normal !important; } } #pt-notifications-message .mw-echo-notifications-badge { margin-left: 0 !important; } /** * Extensions */ /* CharInsert */ #specialchars.my-buttons { p#Standard.specialbasic { a { background-color: #f5f5f5; padding: 3px; text-decoration: none; } margin: 10px 10px 10px 0; } line-height: 1.8em; } /* Liquid Threads */ .lqt_header_content { margin: -1em 0 1.5em; } .lqt-talkpage-header { background-color: @color-pale !important; } .lqt_toc { border-collapse: collapse; width: 100% !important; } .lqt-post-wrapper { background: none repeat scroll 0 0 @color-white; } .lqt_post_new_message { background-color: @color-white !important; border: 1pt solid silver !important; width: 99%; } .thread-collapse-control { a { background: url(data:image/gif;base64,R0lGODlhEQAOAMQAAISEhMvLy1FRUXFxcVRUVGpqal1dXebm5tLS0tjY2MTExOHh4Z+fn7GxsY+Pj6+vr7q6uuTk5JSUlHt7e5aWlqioqFhYWE9PT2NjY93d3Z2dnU1NTejo6AAAAAAAAAAAACH5BAAAAAAALAAAAAARAA4AAAVJICJsZGmaEyedLCkgXGa1J8XdFV0ay80dBd3m4bspdIVD8QagKZa3BIEFgPo0J0LCelsYTAyur1HCRMS+AQmC9gUug3bREbCGAAA7) no-repeat scroll 0 0 transparent; } } a.thread-control-collapsed { background: url(data:image/gif;base64,R0lGODlhDgARAMQAAISEhMvLy1FRUXFxcVRUVGpqal1dXebm5tLS0tjY2MTExOHh4Z+fn7GxsY+Pj6+vr7q6uuTk5JSUlHt7e5aWlqioqFhYWE9PT2NjY93d3Z2dnU1NTejo6AAAAAAAAAAAACH5BAAAAAAALAAAAAAOABEAAAVG4IRwZGmSm0At57m9xnO06PsWCm3vQOLuNgIjUgICMZCacTcILIEXx9PW5EwNjaKRoGFpeb7fLafbWCozGkcgyahLo3cpBAA7) no-repeat scroll 0 0 transparent; } ul.lqt-thread-toolbar-commands { list-style-type: none !important; list-style-image: none !important; } /* Semantic Result Formats */ // FIXME: .srf-tree should be handled in SRF .srf-tree ul li ul { &, li ul { list-style-type: none !important; list-style-image: none !important; } } /* Content */ #mw-content-text{ p{ .word-wrap(); } } /* Footer */ .footerwrap{ box-shadow: inset 0 3px 12px @footer-bg; overflow: hidden; width: 100%; .navbar-nav { margin: 5.75px -2px; } } .smwofootergrid { /* position: absolute; */ bottom: 0; /* Set the fixed height of the footer here */ height: @footer-height; } .smwofooterrowb{ background-color: transparent; } .smwofooterrowtb.row { background-color: @color-brown; } .smwofooterrow.row { padding-top: 15px; font-size: 80%; } .smwofooterrow.row div.col-lg-1, .smwofooterrow.row div.col-lg-10 { height: 50px; } .smwofooterrowb.row { padding-top: 10px; } .container > *:first-child .navbar{ margin-top: 0; } /* padding bottom for content before footer */ .mw-body{ padding-bottom: 3em; } /* no margins for links to special pages at the bottom */ // .smwofootercomptb.col-lg-10 { // nav#p-tb.navbar.navbar-default.p-tb { // margin-top: 0; // margin-bottom: -15px; // } // } @media only screen and (max-width: 480px) { .smwofootercomptb.col-lg-10 { nav#p-tb.navbar.navbar-default.p-tb { margin-top: 0; margin-bottom: 0; } } } .list-inline.footer-places { text-align: right; } .list-inline.pull-right.footer-icons { margin-bottom: 5px; } .footer-info.list-unstyled.small { margin-left: 10px; } /** * Interlanguage dropdown styling * Styles copied from https://www.w3schools.com/css/css_dropdowns.asp */ .icon-language { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAABnklEQVRIie3Ty4uPYRQH8M9MY9TkXjOFklsuvzIauWWKMmGpsGCHzWRFo8TWyoK1hD/AxkI2JpdkYaFMSUYWosg1C0pJGotzXj1eb4Qs1O9bp+c8zznv+Z7bSxv/O7p/5dD5lwQHcP53CVbjUspAg30yelKfjedYik0Ywb7SuashwDZMLfSxhqy3195aeJJyvzR0NGR3ER9Fdd3Ygc+FTy9mpn4Sp3Azk+rA+59VMCjKv5wEu7AhA1R4kyITWIx5WIMl2IuXlXN9BkN53kgp30r04GBW3MJ8rMADMfRDVfIlwTSsFUN7iHG8wHpMKfz6cA5z8n5GtOyOGPIwNmJ/nWAwWW/lfUK0ZpJoU+V/HPdwVMxqJxaJecAzXBFb9d0MtuS5O0XNNir63JftmcA70cIjeF34f0n7N4JZWJmPY5VRbMVAygwsxCN8Qn9+N4q7RfDpYr1vlwRDWf44DteyP41l2Iy34qc6hnV4nGSdmItV2CPW+mxJsFwM9KofcS2zauEEFuT7MF6lvjVJn+I6LuBDQ6w/RpdoVxtt/AN8BQ8WTTa0nUihAAAAAElFTkSuQmCC'); padding: 2px 14px; background-repeat: no-repeat; } /** * Misc */ /* Fix styling of concept descriptions */ .concept-documenation { margin-top: 10px; padding: 2px 0; } /* smworgtable-v2 */ table.smworgtable-v2 { background-color: @color-brown; border: 1px solid @color-brown; margin: 0 0 0.5em 1em; padding: 0; -moz-border-radius: 2px; border-radius: 2px; tr { background-color: @color-white; } td { padding: 5px; vertical-align: top !important; } th { background-color: @color-brown; border: 0px; padding: 3px; font-size: 100%; font-weight: normal; font-family: @font-family-sans-serif; color: @color-white; vertical-align: top !important; a { color: @color-white; } } th.smworange { background-color: #d57520; } } table.smworgtable-v2-toc { th { a { color: @color-dark; } } } #smworgtable-v2-toc { #toc.toc { text-indent: -15px; margin-left: 15px; font-size: 110%; } #toc { border: 0px solid #aaaaaa; background-color: @color-white; font-size: 100%; width: 230px; } } #smworgtable-v2-toc.smworgtable-v2-toc { th { a { color: @color-brown; } } } /* Manual specific changes */ .user-manual { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-rule-style: solid; -moz-column-rule-style: solid; column-rule-style: solid; -webkit-column-rule-width: 1px; -moz-column-rule-width: 1px; column-rule-width: 1px; -webkit-column-rule: 1px solid lightblue; -moz-column-rule: 1px solid lightblue; column-rule: 1px solid lightblue; } .admin-manual { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule-style: solid; -moz-column-rule-style: solid; column-rule-style: solid; -webkit-column-rule-width: 1px; -moz-column-rule-width: 1px; column-rule-width: 1px; -webkit-column-rule: 1px solid lightblue; -moz-column-rule: 1px solid lightblue; column-rule: 1px solid lightblue; } /* Navigation support */ .manual-nav { margin-top: 5px; a { background-color: @color-pale; color: @color-brown; padding: 3px 3px 3px 9px; font-size: 16px; border: none; cursor: pointer; border-radius: 3px; text-align: right; width: 15px; text-align: center; text-decoration: none; display: block; text-align: left; &:hover { background-color: @color-brown; color: @color-white; border-radius: 3px; } } &:hover { background-color: @color-brown; color: @color-white; border-radius: 3px; } } .navbar-default .navbar-collapse, .navbar-default .navbar-form, .skin-chameleon .navbar-tools, .skin-chameleon .navbar-tools li, .navbar-brand, .navbar a{ border-color: transparent !important; } pre, .mw-code, #wpTextbox1{ font-family: "Roboto Mono", monospace; padding: 1em; } #bodyContent img{ max-width: 100%; height: auto; } .thumbcaption{ font-family: @font-family-serif; font-style: italic; font-size: 90%; } div.gallerytext { overflow: hidden; font-size: 83%; padding: 1ex 2ex 0 .45ex; word-wrap: break-word; line-height: 2.5ex; font-style: italic; } /* navbar overrides */ #mw-navigation{ #mw-navigation-collapse{ .dropdown-menu{ li{ a{ &:focus, &:hover{ color: @color-link; text-decoration-color: fade(@color-link, 60%); } } } } } } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color: @color-pale; } #p-logo:hover{ background-color: fade(@color-pale, 5%); } .smwofooterrow{ .navbar-default .navbar-nav > li > a{ color: @color-link; &:hover, &:focus{ color: @color-link; background-color: transparent; } } .navbar{ background-color: transparent; } } .smwofooterrowtb.row{ background-color: fade(@color-dark, 20%); .navbar{ background-color: transparent; display: none; } } .smwofooterrowb{ ul.footer-places.list-inline{ li { line-height: 320%; } } } fieldset{ border: 1px solid fade(@color-dark, 30%); } .p-contentnavigation a.selected{ font-style: normal; } .pagetools{ .row{ div{ ul{ margin-top: 1em; li{ ul{ li{ a{ display: inline-block; padding: 2px 6px 3px 6px; font-size: 12px; letter-spacing: 0.03ex; text-transform: uppercase; font-weight: bolder; border-radius: 4px; &:hover{ text-decoration: none; background-color: fade(@color-yellow-pale, 20); } &:visited{ color: @brand-primary; } } &.selected{ a{ font-style: normal; padding: 2px 6px 0 6px; border-radius: 4px 4px 0 0; border-bottom: 3px solid @brand-primary; } } } } } } } } } /* hyphenate mixin */ .word-wrap() { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* Print Styles */ @media print { @page { margin: 52pt; } a[href]:after{ font-size: 7pt; font-family: @font-family-monospace; } .mw-body{ max-width: 75%; font-size: 11pt; margin: 0 auto; /* imprimir a 2 columnas -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; */ } h2, h3 { page-break-after: avoid; } } /* fix footer for telephones */ .footerwrap{ padding: 0 2em; .list-inline.pull-right.footer-icons a img{ margin-bottom: 25px; } } /* forms */ table.formtable{ tbody{ tr{ th{ font-weight: bold !important; vertical-align: middle; text-align: right; letter-spacing: -.02ex; color: black; } td{ .checkboxesSpan{ label.checkboxLabel{ display: inline-block; font-size: 75%; font-weight: normal; margin: 0 1em 0 0; min-width: 30%; } } .inputSpan{ .pfUploadable{ color: white; background-color: @gray-light; padding: 0.7ex 1.5ex; text-transform: uppercase; font-size: 80%; border-radius: 4px; border: 1px solid transparent; margin: 0 0 0 1ex; font-weight: bold; &:hover{ background-color: @brand-primary } } } } } } }