/* --------------------------- Color Scheme: galacticNight --------------------------- */ html, body > nav { background-image: url(../images/galacticNight/starfield.jpg); } body > nav { background-color: transparent; } @media only screen and (min-resolution: 144dpi) and (min-width: 560px), only screen and (min-resolution: 144dpi) and (orientation: landscape) and (min-width: 750px), only screen and (min-resolution: 288dpi) and (max-width: 560px), only screen and (min-resolution: 288dpi) and (orientation: landscape) and (max-width: 750px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 560px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) and (min-width: 750px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 560px), only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) and (max-width: 750px) { html, body > nav { background-image: url(../images/galacticNight/starfield.scale-200.jpg); } } a { text-decoration: none; } a:link, a:visited, blockquote, figcaption, span.required, label.required:after, caption, th, pre[class^="language-"]:before, pre[class*=" language-"]:before { color: rgb(153, 204, 255); } body > input:checked + label:after { color: rgb(153, 204, 255); } aside.important, blockquote, pre, figure, .highcharts > .chart, table, td, th, .embed-youtube { border-color: rgb(77, 102, 128); border-color: rgba(153, 204, 255, 0.3); } th { background-color: rgba(153, 204, 255, 0.3); } button { background-color: rgba(51, 153, 255, 0.35); } button:hover, button:focus { background-color: rgba(51, 153, 255, 0.5); } body > nav > div > form > button:hover, body > nav > div > form > button:focus { background-color: rgba(51, 153, 255, 0.375); } @media only screen and (orientation: portrait) and (min-width: 561px) and (max-width: 1000px), only screen and (orientation: landscape) and (min-width: 751px) and (max-width: 1000px) { body > nav > div > form > button:hover, body > nav > div > form > button:focus { background-color: rgba(51, 153, 255, 0.5); } } input, optgroup, select, textarea, body > nav > div > ul > li > a:hover, body > nav > div > ul > li > a:focus, .tile, .flip.tile figure { background-color: rgba(51, 153, 255, 0.2); } @media \0 { input, optgroup, select, textarea, body > nav > div > ul > li > a:hover, body > nav > div > ul > li > a:focus, .tile { background-image: url(data:image/png;base64,); } } input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(153, 204, 255, 0.5); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(153, 204, 255, 0.5); } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: rgba(153, 204, 255, 0.5); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(153, 204, 255, 0.5); } input:hover, input:focus, body > nav > div > form:hover > input, select:hover, select:focus, textarea:hover, textarea:focus { background-color: rgba(51, 153, 255, 0.25); } option { background-color: rgba(9, 26, 43, 0.95); } .highcharts-tick, .highcharts-grid-line { stroke: rgba(153, 204, 255, 0.3); } .highcharts-axis-title, .highcharts-axis-labels, .highcharts-title, .highcharts-credits { fill: rgb(153, 204, 255); } .highcharts-subtitle { fill: rgba(153, 204, 255, 0.5); } @media only screen and (max-width: 560px), only screen and (orientation: landscape) and (max-width: 750px) { body > nav { background-color: rgba(9, 26, 43, 0.95); } @supports (backdrop-filter: initial) or (-webkit-backdrop-filter: initial) { body > nav { background-color: rgba(10, 31, 51, 0.8); } } } footer, footer > p.date > a:link, footer > p.date > a:visited { color: rgb(77, 102, 128); color: rgba(153, 204, 255, 0.5); }}