Proposals and extensions (#13)

* add info

* content tabs base

* content tabs shorthand base

* mkdocs material content tabs

* high level content tab

* streamline content

* reformat into divs

* desktop formatting and content

* formatting

* refactor schedule changes

* refactor realtime changes

* add realtime titles and "no active" template

* add space

* rendering for mobile

* adjust color

* Add content tabs and template

* Extensions page template

* change note style

* update active

* edit css, add announcement

* update announcement

* update schedule reference

* update resources

* style banner with gradient

docs/about.md

@@ -1,6 +1,12 @@
 <a class="pencil-link" href="https://github.com/MobilityData/gtfs.org/edit/main/docs/about.md" title="Edit this page" target="_blank">
     <svg class="pencil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 20H6V4h7v5h5v3.1l2-2V8l-6-6H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h4v-2m10.2-7c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2m0 3.9L14.1 23H12v-2.1l6.1-6.1 2.1 2.1Z"></path></svg>
   </a>
+
+<style>
+  .md-nav .md-nav--secondary {
+      display: none !important;
+    }
+</style>
 
 # About
 

docs/assets/stylesheets/extra.css

@@ -176,7 +176,7 @@ c {
 }
 
 /* external link icon */
-.md-content a[href^="https://"]:not(.img, .pencil-link) {
+.md-content a[href^="https://"]:not(.img, .pencil-link, .no-icon) {
     background: url(../external.svg) center right no-repeat;
     padding-right: 13px;
     background-size: 0.65em;
@@ -307,4 +307,90 @@ c {
             margin: 0.5em 1em;
             min-width: 90vw;
           }
-}
+
+}
+
+
+/* Proposals on "Changes" pages */
+.title {
+    padding: 0 !important;
+    margin: 0 !important;
+    font-size: 110% !important;
+}
+.title a {
+    font-weight: bold;
+    color: var(--md-typeset-color) !important;
+}
+
+.maintainer {
+    margin: 0;
+    padding-top: 0.75em;
+    font-size: 0.75em;
+    color: #717171;
+}
+.maintainer a {
+    color: #717171 !important;
+}
+.featurelist {
+    font-size: 0.9em;
+    text-overflow: clip;
+}
+.row {
+    border-top: 1.5px solid #EDEDED;
+    padding: 15px 0 15px 0;
+}
+.featurelist ul {
+    margin-bottom: 0;
+}
+.no-active-container h3 {
+    font-weight: bold !important;
+}
+.no-active-container {
+    text-align: center;
+}
+.row.no-active {
+    display: flex;
+    justify-content: center;
+}
+
+.tabbed-block > p:empty {
+    margin: 0 !important;
+}
+
+/* Proposals on "Changes" pages, responsive */
+@media only screen and (min-width: 760px) {
+    .active-container {
+        padding: 0 4em 0 0 !important;
+        margin: 0 !important; 
+    }
+    .row {
+        display: flex;
+        align-items:flex-start;
+    }
+
+    .leftcontainer {
+        min-width: 400px;
+        margin: 0 !important;
+    }
+
+    .featurelist {
+        float: right;
+        flex: 1;
+        padding-left: 4em;
+    }
+
+    .featurelist ul {
+        margin: 0 !important;
+    }
+
+    .featurelist ul li {
+        margin: 0.3em 0 !important;
+    }
+}
+
+.md-banner {
+    background: linear-gradient(0deg, #172F50 10%,#08111d 100%) !important;
+}
+.md-banner > * > a {
+    color: #4385FF;
+}