A new look for the documentation (#424)

* Style improvements * Netlify build * Add localisation script to Netlify * Remove dependency * Remove netlify * Edit in Git * Fix? * Use include with super (!) * Remove unneeded super in include * Fix? * Edit on git in sidebar * Top navigation * Minor fix * Minor fix * Remove duplicate code * Style improvements - Remove prev-next, - freeze the version of the Furo theme, - Update color scheme * Style improvements * Netlify build * Add localisation script to Netlify * Remove dependency * Remove netlify * Edit in Git * Fix? * Use include with super (!) * Remove unneeded super in include * Fix? * Edit on git in sidebar * Top navigation * Minor fix * Minor fix * Remove duplicate code * Style improvements - Remove prev-next, - freeze the version of the Furo theme, - Update color scheme * Use config instead of custom css * Style improvements * Netlify build * Add localisation script to Netlify * Remove dependency * Remove netlify * Edit in Git * Fix? * Use include with super (!) * Remove unneeded super in include * Fix? * Edit on git in sidebar * Top navigation * Minor fix * Minor fix * Remove duplicate code * Style improvements - Remove prev-next, - freeze the version of the Furo theme, - Update color scheme * Netlify build * Add localisation script to Netlify * Remove netlify * Edit in Git * Fix? * Use include with super (!) * Remove unneeded super in include * Edit on git in sidebar * Top navigation * Minor fix * Minor fix * Remove duplicate code * Style improvements - Remove prev-next, - freeze the version of the Furo theme, - Update color scheme * Use config instead of custom css * Update theme * Edit this page * Always show edit button * Minor fix * Minor fix * Social links * Update edit on git text * Many little style improvements - link colors - remove unneeded social links - margin for sections - remove justification of text - mobile improvements * Clean-up and button hover * Apply suggestions 2, 4, 5 * Sidebars for wide displays - changes for suggestion 6
ubports · Jun 15, 2021 · 638fe05 · 638fe05
1 parent c673366
commit 638fe05
Show file tree

Hide file tree

Showing 24 changed files with 519 additions and 19 deletions.
diff --git a/_static/css/ubports.css b/_static/css/ubports.css
@@ -1,21 +1,46 @@
+/* Import fonts */
+
+@font-face {
+  font-family: 'ubuntu';
+  src: url('../font/Ubuntu-Light.ttf');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'ubuntu';
+  src: url('../font/Ubuntu-Bold.ttf');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'ubuntu-mono';
+  src: url('../font/UbuntuMono-Regular.ttf');
+  font-weight: 300;
+  font-style: normal;
+}
+
+/* Content style */
 table {
     width: 100%;
 }
 
-p {
-    text-align: justify; 
+blockquote {
+    font-style: none;
 }
 
-.logo {
-    width: 180px !important;
+h4, h5, h6 {
+    text-transform: none;
 }
 
-.fa-home:before, .icon-home:before {
-    display: none;
+.highlight {
+    background-color: #202020;
+    color: #ffffff;
 }
 
-.icon-home {
-    font-size: 0 !important;
+.highlight .mf {
+    color: #3677a9;
 }
 
 /* override table width restrictions */
@@ -30,4 +55,196 @@ p {
 .wy-table-responsive
 {
     overflow: visible !important;
-}
+}
+
+/* Section spacing */
+.section {
+    margin-top: 3rem;
+}
+
+.section .section .section {
+    margin-top: 2rem;
+}
+
+.section .section .section .section {
+    margin-top: 1rem;
+}
+
+/* Hidden elements */
+.headerlink, .injected {
+    display: none;
+}
+
+/* Bold */
+.content h1, .content h2, .content h3, .edit-container > p, .bold {
+    font-weight: 800;
+}
+
+/* Primary color */
+a.current, .content h1, .toc-tree li.scroll-current > .reference {
+    color: #E95420 !important;
+}
+
+/* Left sidebar */
+.sidebar-brand {
+    padding-top: 0;
+}
+
+.sidebar-logo {
+    max-height: 170px;
+}
+
+.sidebar-logo-container {
+    margin-top: 0;
+}
+
+.sidebar-search-container {
+    background: transparent !important;
+}
+
+.sidebar-search-container::before {
+    display: none;
+}
+
+.sidebar-search {
+    background-color: var(--color-sidebar-search-background);
+    border-left: 1px solid var(--color-sidebar-search-border);
+    border-radius: 20px 0 0 20px;
+}
+
+.sidebar-tree .caption {
+    font-weight: unset;
+    text-transform: unset;
+    color: var(--color-sidebar-link-text--top-level);
+}
+
+/* Edit this page styles */
+.edit-this-page {
+    width: 200%;
+    background-color: var(--color-sidebar-background);
+    border-radius: 20px 0 0 20px;
+    margin-top: 20px;
+    margin-bottom: 150px;
+}
+
+.edit-container {
+    width: calc(15em - 60px);
+    padding: 30px;
+}
+
+.edit-container > p {
+    color: var(--color-toc-item-text);
+    margin-top: 0;
+    margin-bottom: 25px;
+}
+
+.edit-container .muted-link {
+    color: var(--color-toc-item-text);
+    background-color: var(--color-background-primary);
+    padding: 5px 20px;
+    border-radius: 20px;
+    transition: all .5s;
+}
+
+.edit-container .muted-link:hover {
+    color: var(--color-background-primary);
+    background-color: var(--color-content-foreground);
+    text-decoration: none;
+}
+
+/* Language list */
+
+.lang-list {
+    list-style: none;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+    grid-gap: 7px;
+    padding-left: 0;
+}
+
+.lang-list > li > p > a {
+    display: block;
+    color: var(--color-content-foreground);
+    background-color: var(--color-sidebar-background);
+    border-radius: 20px;
+    text-decoration: none;
+    padding: 5px 20px;
+    transition: all .5s;
+}
+
+.lang-list > li > p > a:hover {
+    color: var(--color-background-primary);
+    background-color: var(--color-content-foreground);
+}
+
+/* Social css from devices */
+.ext-link-icon {
+  width: 30px;
+}
+
+.footer-links {
+    color: var(--color-toc-item-text);
+    position: absolute;
+    bottom: 10px;
+    text-align: center;
+}
+
+.footer-links > p {
+    text-align: center;
+    margin-bottom: 10px;
+}
+
+.footer-links > ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.footer-links > ul > li {
+    margin: 5px;
+    display: inline-block;
+}
+
+.footer-links img {
+    display: block;
+    transition: all .5s;
+    -webkit-filter: invert(50%); /* safari 6.0 - 9.0 */
+    filter: invert(50%);
+}
+
+.footer-links img:hover {
+    -webkit-filter: invert(0%); /* safari 6.0 - 9.0 */
+    filter: invert(0%);
+}
+
+/* Dark color scheme */
+
+@media (prefers-color-scheme: dark) {
+    .footer-links img {
+        -webkit-filter: invert(30%); /* safari 6.0 - 9.0 */
+        filter: invert(30%);
+    }
+    .footer-links img:hover {
+        -webkit-filter: invert(70%); /* safari 6.0 - 9.0 */
+        filter: invert(70%);
+    }
+}
+
+/* Disable border radius on smaller displays */
+@media (max-width:82em) {
+    .edit-this-page {
+        border-radius: 0;
+    }
+}
+@media (max-width:67em) {
+    .sidebar-search {
+        border-radius: 0;
+    }
+}
+
+/* Wider sidebars on wider screens */
+@media (min-width:82em) {
+    .sidebar-container {
+        width: 17em;
+    }
+}
diff --git a/_static/font/Ubuntu-Bold.ttf b/_static/font/Ubuntu-Bold.ttf
diff --git a/_static/font/Ubuntu-Light.ttf b/_static/font/Ubuntu-Light.ttf
diff --git a/_static/font/UbuntuMono-Regular.ttf b/_static/font/UbuntuMono-Regular.ttf
diff --git a/_static/images/logo-dark.svg b/_static/images/logo-dark.svg