custom-theme/css/v2.css (129 lines of code) (raw):

.v2-main-banner { display: flex; justify-content: space-between; flex-flow: row; } @media all and (max-width: 800px) { .v2-main-banner { justify-content: flex-start; flex-flow: column; } } .v2-main-banner .logo-cell { flex-grow: 0; } .v2-main-banner .logo { height: 220px; /* reduce the image to reduce whitespace */ margin-top: -35px; margin-bottom: -35px; margin-left: 20px; margin-right: 20px; } .v2-main-banner .tagline-cell { flex-grow: 2; flex-basis: 500px; margin-left: 20px; margin-right: 20px; align-self: flex-end; margin-bottom: 25px; } @media all and (max-width: 800px) { .v2-main-banner .tagline-cell { align-self: flex-start; margin-bottom: 0; } } .v2-main-banner .news-cell { flex-grow: 1; flex-basis: 200px; margin-top: 15px; margin-left: 20px; margin-right: 20px; } .v2-main-banner .well { padding: 10px; } @media all and (max-width: 800px) { .v2-main-banner .logo-cell, .v2-main-banner .tagline-cell, .v2-main-banner .news-cell { flex-grow: 0; flex-basis: 0; } } .v2-landing .tagline { padding: 15px 50px 0px 50px; font-size: 18px; } .v2-landing .tagline .product { font-weight: bolder; } .v2-landing .highlights .highlight { margin-top: 15px; overflow: auto; } .v2-landing .highlights .highlight p:first-of-type { font-size: 18px; } .v2-landing .highlights .highlight p:nth-of-type(n+2) { text-align: justify; } .v2-landing .highlights img, .v2-landing .highlights .img { display: none; float: right; margin: 40px 0px 25px 50px; width: 225px; } @media (min-width: 768px) { .v2-landing .highlights img, .v2-landing .highlights .img { display: inherit; } } .v2-landing .updates img { width: 100%; } .v2-landing .updates ul { background-color: #F6F7F9; border-radius: 10px; border: 1px solid #ddd; } .v2-landing .updates ul li:first-child { padding-top: 20px; } .v2-landing .updates ul li:last-child { padding-bottom: 20px; } .v2-sidebar > div { background-color: #F6F7F9; padding-left: 15px; padding-bottom: 15px; } @media (max-width: 992px) { .v2-sidebar > div { margin-top: 15px; } } .v2-sidebar .top { padding-top: 15px; } .v2-sidebar .form-group { margin-right: 15px; } .v2-sidebar ul.toc-nav { list-style: none; padding-left: 0; } .v2-sidebar .toc-nav ul { list-style: none; padding-left: 20px; } .v2-sidebar .toc-nav a { display: block; padding: 2px; } .v2-sidebar .toc-nav .active > a { background-color: #eee; border-right: 1px solid black; } .v2-sidebar .toc-nav .doc-version { padding-right: 15px; padding-bottom: 10px; }