// 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
}
}
}
}
}
}
}