зеркало из https://github.com/mono/md-website.git
474 строки
8.3 KiB
CSS
474 строки
8.3 KiB
CSS
/* ### GLOBAL STYLES ### */
|
|
|
|
body {
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Open Sans', sans-serif;
|
|
}
|
|
|
|
h2 {
|
|
border-bottom: 1px solid #ccc;
|
|
padding-top:20px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.2375rem;
|
|
}
|
|
|
|
code {
|
|
font-weight: normal;
|
|
font-size: 0.95em;
|
|
line-height: 1.5;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
button, .button {
|
|
background-color: #00779f;
|
|
}
|
|
|
|
button:hover, button:focus, .button:hover, .button:focus {
|
|
background-color: #006385;
|
|
}
|
|
|
|
a {
|
|
color: #00779f;
|
|
}
|
|
|
|
a:hover, a:focus {
|
|
color: #006B8F;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a>i.fas, a>i.fab, a>div>i.fas, a>div>i.fab {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
a>*i.fas:hover, a>*i.fab:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a.m-skip-to-main, a.m-skip-to-main:hover {
|
|
left: -999px;
|
|
position: absolute;
|
|
top: auto;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
z-index: -2
|
|
}
|
|
|
|
a.m-skip-to-main:active, a.m-skip-to-main:focus {
|
|
background: #E3E3E3;
|
|
color: #0067b8;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
padding: 24px;
|
|
width: 100%;
|
|
height: auto;
|
|
overflow: auto;
|
|
text-decoration: underline;
|
|
text-align: center;
|
|
z-index: 800;
|
|
outline: 0
|
|
}
|
|
|
|
a.m-skip-to-main:focus {
|
|
border: 1px dashed #000
|
|
}
|
|
|
|
#header {
|
|
border-bottom: 5px solid #333;
|
|
background: rgb(57,57,84); /* Old browsers */
|
|
background: -moz-linear-gradient(-45deg, rgba(57,57,84,1) 0%, rgba(113,153,206,1) 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(57,57,84,1)), color-stop(100%,rgba(113,153,206,1))); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(-45deg, rgba(57,57,84,1) 0%,rgba(113,153,206,1) 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(-45deg, rgba(57,57,84,1) 0%,rgba(113,153,206,1) 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(-45deg, rgba(57,57,84,1) 0%,rgba(113,153,206,1) 100%); /* IE10+ */
|
|
background: linear-gradient(135deg, rgba(57,57,84,1) 0%,rgba(113,153,206,1) 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232335', endColorstr='#7199ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
|
}
|
|
|
|
#main-wrapper {
|
|
padding-bottom: 10px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.breadcrumbs>* a {
|
|
color: #02779e;
|
|
}
|
|
|
|
.panel.info {
|
|
background: #F2FAFC;
|
|
border-left-color: #258FAF;
|
|
border-left-width: 5px;
|
|
}
|
|
|
|
.panel.info>* a {
|
|
color: #017aa3;
|
|
}
|
|
|
|
.panel.success {
|
|
background: #E0FFE6;
|
|
border-left-color: #43AC6A;
|
|
border-left-width: 5px;
|
|
}
|
|
|
|
.panel.success>* a {
|
|
color: #017aa3;
|
|
}
|
|
|
|
.panel.alert {
|
|
background: #F0D6C4;
|
|
border-left-color: #F04124;
|
|
border-left-width: 5px;
|
|
}
|
|
|
|
.panel.alert>* a {
|
|
color: #00678a;
|
|
}
|
|
|
|
.panel.info>p, .panel.success>p, .panel.alert>p {
|
|
color: #000000;
|
|
}
|
|
|
|
.alert-box.warning>* a {
|
|
color: #1b3181;
|
|
}
|
|
|
|
.mfp-figure > figure {
|
|
margin: 0px;
|
|
}
|
|
|
|
footer {
|
|
background-color: #EBEBEB;
|
|
color: #696969;
|
|
border-top: 1px solid #D9D8D7;
|
|
margin-top: 50px;
|
|
}
|
|
|
|
#footer-content {
|
|
padding-top: 25px;
|
|
padding-left: 10px;
|
|
height: 90px;
|
|
}
|
|
|
|
#footer-notes {
|
|
margin-top: 5px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
#footer-notes a {
|
|
color: #6A6A6A;
|
|
}
|
|
|
|
/* ### ### */
|
|
|
|
/* ### HEADER STYLES ### */
|
|
#header-logo {
|
|
width: 234.5px;
|
|
height: 55px;
|
|
}
|
|
|
|
.top-bar {
|
|
height: 75px;
|
|
line-height: 75px;
|
|
background: none;
|
|
}
|
|
|
|
.top-bar.expanded .title-area{
|
|
background: none;
|
|
}
|
|
|
|
.top-bar.expanded .toggle-topbar a {
|
|
color: #bbb;
|
|
}
|
|
|
|
.top-bar .name {
|
|
height: 75px;
|
|
padding-top: 12px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.top-bar .name a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.top-bar-section > ul {
|
|
margin-top: 45px;
|
|
}
|
|
|
|
.top-bar-section > ul > li {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.top-bar-section li:not(.has-form) a:not(.button),
|
|
.top-bar-section li.active:not(.has-form) a:not(.button) {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.top-bar-section li.active:not(.has-form) a:not(.button) {
|
|
background: #007EA8;
|
|
}
|
|
|
|
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
|
|
background: #006385;
|
|
}
|
|
|
|
@media (forced-colors: active) and (prefers-color-scheme: dark) {
|
|
.top-bar-section li.active:not(.has-form) a:not(.button) {
|
|
background-color: #fff;
|
|
color: #000;
|
|
forced-color-adjust: none;
|
|
}
|
|
|
|
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
@media (forced-colors: active) and (prefers-color-scheme: light) {
|
|
.top-bar-section li.active:not(.has-form) a:not(.button) {
|
|
background-color: #000;
|
|
color: #fff;
|
|
forced-color-adjust: none;
|
|
}
|
|
}
|
|
|
|
.top-bar-section .has-dropdown > a:after {
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.top-bar .toggle-topbar {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.top-bar #header-searchform {
|
|
min-width: 200px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
@media only screen and (max-width: 58.125em) and (min-width: 40.063em) {
|
|
.top-bar-section li:not(.has-form) a:not(.button),
|
|
.top-bar-section li.active:not(.has-form) a:not(.button) {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
#mono-download.tabs li > a {
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 40.063em) {
|
|
.top-bar-section > ul {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
|
|
/* ### ### */
|
|
|
|
|
|
/* ### PAGE-SPECIFIC STYLES ### */
|
|
|
|
/* --- Index page --- */
|
|
#index-hero {
|
|
background: #444;
|
|
color: #FFF;
|
|
text-align: center;
|
|
padding-top: 15px;
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
#index-hero h1 {
|
|
color: #FFF;
|
|
margin-bottom: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* --- --- */
|
|
|
|
/* --- Download page --- */
|
|
|
|
.mono-download-page a.underline {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#mono-download.tabs li > a {
|
|
font-size: 1.5em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#mono-download.tabs li.active a {
|
|
background-color: #333;
|
|
color: #fff;
|
|
}
|
|
|
|
@media (forced-colors: active) and (prefers-color-scheme: dark) {
|
|
#mono-download.tabs li.active a, #mono-download-linux.tabs li.active a {
|
|
background-color: #fff;
|
|
color: #333;
|
|
forced-color-adjust: none;
|
|
}
|
|
}
|
|
|
|
@media (forced-colors: active) and (prefers-color-scheme: light) {
|
|
#mono-download.tabs li.active a, #mono-download-linux.tabs li.active a {
|
|
background-color: #333;
|
|
color: #fff;
|
|
forced-color-adjust: none;
|
|
}
|
|
}
|
|
|
|
#mono-download.tabs li {
|
|
line-height: 0.9em;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
#mono-download-panel .tabs li {
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#mono-download-panel .panel.content>p, #mono-download-panel .panel.content>*>p {
|
|
color: #000000;
|
|
}
|
|
|
|
#mono-download-panel .panel.content>p a, #mono-download-panel .panel.content>*>p a {
|
|
color: #02779e;
|
|
}
|
|
|
|
#mono-download-panel .panel.content>h3 a {
|
|
color: #02779e;
|
|
}
|
|
|
|
#mono-download-panel h3 small {
|
|
color: #6e6e6e;
|
|
}
|
|
|
|
#download-mac, #download-lin, #download-win {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
span.number-circle {
|
|
color: #6E6E6E;
|
|
border-radius: 50%;
|
|
border: 2px solid #6E6E6E;
|
|
width: 30px;
|
|
height: 30px;
|
|
text-align: center;
|
|
line-height: 24px;
|
|
display: block;
|
|
float: left;
|
|
margin-right: 7px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
/* --- --- */
|
|
|
|
/* ### ### */
|
|
|
|
/* ### SECTION-SPECIFIC STYLES ### */
|
|
|
|
/* --- Blog post --- */
|
|
.meta {
|
|
margin-left: 2px;
|
|
color: #747474;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.meta span {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.meta .author:before {
|
|
font: 1.0em FontAwesome;
|
|
content: "\f007"
|
|
}
|
|
|
|
.meta .date:before {
|
|
font: 1.0em FontAwesome;
|
|
content: "\f073"
|
|
}
|
|
|
|
.meta .tags:before {
|
|
font: 1.0em FontAwesome;
|
|
content: "\f02c"
|
|
}
|
|
|
|
/* --- --- */
|
|
|
|
/* --- Doc page --- */
|
|
.heading-anchor-link {
|
|
display: none;
|
|
color: #666;
|
|
font-size: 0.7em;
|
|
padding-left: 1%;
|
|
}
|
|
|
|
.heading-anchor-link:hover {
|
|
color: #222;
|
|
}
|
|
|
|
h1:hover .heading-anchor-link,
|
|
h2:hover .heading-anchor-link,
|
|
h3:hover .heading-anchor-link,
|
|
h4:hover .heading-anchor-link,
|
|
h5:hover .heading-anchor-link,
|
|
h6:hover .heading-anchor-link {
|
|
display: inline;
|
|
}
|
|
|
|
ul.doc-breadcrumbs-nav {
|
|
margin-top: 5px;
|
|
margin-bottom: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
ul.doc-breadcrumbs-nav > *:before {
|
|
margin-right: 0.4rem;
|
|
margin-left: 0.4rem;
|
|
}
|
|
|
|
ul.doc-breadcrumbs-nav li {
|
|
margin-top: 12px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
ul.doc-breadcrumbs-nav li.toc {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
ul.doc-breadcrumbs-nav li.toc:before{
|
|
display: none;
|
|
}
|
|
|
|
ul.doc-breadcrumbs-nav li.toc a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.doc-breadcrumbs-nav .here-note {
|
|
text-transform: none;
|
|
color: #000;
|
|
}
|
|
|
|
/* trick to make anchor links not jump to the very top of screen */
|
|
.doc-content h1:not(#page-title):before,
|
|
.doc-content h2:before,
|
|
.doc-content h3:before,
|
|
.doc-content h4:before {
|
|
display: block;
|
|
content: " ";
|
|
margin-top: -15px;
|
|
height: 15px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* --- --- */
|
|
|
|
/* ### ### */
|