diff options
Diffstat (limited to 'www/wiki/skins/bo/bo.less')
-rwxr-xr-x | www/wiki/skins/bo/bo.less | 1222 |
1 files changed, 1222 insertions, 0 deletions
diff --git a/www/wiki/skins/bo/bo.less b/www/wiki/skins/bo/bo.less new file mode 100755 index 00000000..0a38900c --- /dev/null +++ b/www/wiki/skins/bo/bo.less @@ -0,0 +1,1222 @@ +// 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 <div> - 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 + } + } + } + } + } + } +} |