website Changeset - 6ae57ee2c08d · Conservancy Kallithea

Changeset - 6ae57ee2c08d

Parent rev.

Child rev.

[Not reviewed]

0 1 0

Ben Sturmfels (bsturmfels) - 3 years ago 2021-10-19 13:47:58
ben@sturm.com.au

Improve sidebar and inline images on mobile.

1 file changed with 21 insertions and 15 deletions:

www/conservancy/static/css/conservancy.css

0 comments (0 inline, 0 general)

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -288,118 +288,117 @@ body > header { @@
+}
 #progressbar {
     height: 1.8em;
+}
 #progressbar .ui-widget-header {
     background: rgb(206, 31, 31);
+}
 #siteprogressbar .goalText {
     color: #557733;
     font-size: 10pt;
+}
 #siteprogressbar .soFarText {
     font-size: 10pt;
+}
 #siteprogressbar .progress {
     background: #577632;
+}
 @media all and (max-width: 600px) {
   .goalText {
       font-size: 8pt;
+  }
   .soFarText {
       font-size: 8pt;
+  }
+}
 #siteprogressbar .progress {
     background: #577632;
+}
 #siteprogressbar .middle-goal {
     background: #d0d0d0;
+}
 #siteprogressbar .final-goal {
     background: #eeeeee;
+}
 #fundraiser-percentage {
     text-align: center;
+}
 .content-with-donate-sidebar {
     align: left;
     width: 80%;
+}
 #container {
     width: 100%;
     overflow: hidden;
+}
 #container #mainContent {
     /* All the measurements here are relative to #sidebar's 13em width.
        Leave enough space for it plus 1.5em margins on either side. */
     position: relative;
     left: 14.5em;
     width: calc(100% - 16em);
     max-width: 50em;
     margin: 0;
     padding: 0;
     background: #ffffff;
     flex: 1 1 auto;
+}
 #container #sidebar {
     position: absolute;
     width: 13em;
   background-color: #ccd4a3;
     /* Gives symmetry with the margin-top of the first h2.
 .25em font-size * 1.5em margin == 1.875em */
     padding-bottom: 1.875em;
   padding: 1px 0.5rem 0.25rem;
   flex: 1 0 15em;
   margin-bottom: 1rem;
+}
 @media screen and (min-width: 30em) {
   #container {
     display: flex;
+  }
   #container #sidebar {
     margin-right: 1rem;
+  }
+}
 #container #sidebar li {
     text-align: center;
     list-style: none;
     padding: 3px 10px 3px 10px;
     margin: 5px;
     border: 1px solid #CCC;
     background: #eaf1f1;
     background: -moz-linear-gradient(top, #fff, #eaf1f1);
     background: -webkit-linear-gradient(top, #fff, #eaf1f1);
     background: linear-gradient(to bottom, #fff, #eaf1f1);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaf1f1', GradientType=0);
+}
 #container #sidebar li a:hover { background: #577632; color: #fff; }
 #container #sidebar.Directors ul li.Directors,
 #container #sidebar.Eval ul li.Eval,
 #container #sidebar.Overview ul li.Overview,
 #container #sidebar.Contact ul li.Contact,
 #container #sidebar.Staff ul li.Staff,
 #container #sidebar.Outside ul li.Outside,
 #container #sidebar.Filings ul li.Filings,
 #container #sidebar.License ul li.License,
 #container #sidebar.Current ul li.Current,
 #container #sidebar.Services ul li.Services,
 #container #sidebar.Applying ul li.Applying,
 #container #sidebar.VMwareLawsuitAppeal ul li.VMwareLawsuitAppeal,
 #container #sidebar.VMwareCodeSimilarity ul li.VMwareCodeSimilarity,
 #container #sidebar.CopyleftPrinciples ul li.CopyleftPrinciples,
 #container #sidebar.VMwareLawsuitFAQ ul li.VMwareLawsuitFAQ,
 #container #sidebar.VMwareLawsuitLinks ul li.VMwareLawsuitLinks,
 #container #sidebar.AboutCompliance ul li.AboutCompliance,
 #container #sidebar.EnforcementStrategy ul li.EnforcementStrategy,
 #container #sidebar.LiberateFirmware ul li.LiberateFirmware
+{
     color: #000033;
     font-weight: bold;
     background: #eaf1f1;
     background: -moz-linear-gradient(bottom, #fff, #eaf1f1);
     background: -webkit-linear-gradient(bottom, #fff, #eaf1f1);
     background: linear-gradient(to top, #fff, #eaf1f1);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf1f1', endColorstr='#ffffff', GradientType=0);
+}
 #container #sidebar h2 {
     text-align: center;
     font-size: 1.25em;
     margin: 1.5em 0 0.8em 0;
@@ ... / @@ -430,100 +429,107 @@ body > header { @@
 .continued {
   display: block;
   font-size: .9em;
   font-weight: bold;
   margin-top: 1em;
   margin-bottom: 1em;
+}
 .date, .blog-tags, .blog-comments {
   font-style: italic;
   font-size: .9em;
   margin-bottom: .3em;
   margin-top: .3em;
+}
 a.feedlink /* RSS icon */ { display: block; float: right; font-size: 10pt; }
 blockquote, div.quote /* div.quote is used by conservancy whitepaper */ {
   margin-left: 2em;
   margin-right: 2em;
   padding-left: 1em;
   padding-right: 1em;
   border: 1px solid #fff;
   background: #eee;
+}
 .newsgraphic { float: right; }
 .newsgraphic img { border: 1px solid #000; }
 .picture {
     text-align: center;
     font-style: italic;
+}
 .picture img {
     margin: 0 auto;
     max-width: 100%;
+}
 .picture-small {
     padding-left: 1em;
     border: thin silver solid;
     padding: 0.5em;
     text-align: center;
     font-style: italic;
     font-size: 70%;
     text-indent: 0;
     margin: .25em;
     min-width: 8%;
     max-width: 30%;
     width: auto;
     box-shadow: 1px 1px 2px rgba(0,0,0,.3);
     margin-bottom: 1rem;
+}
 @media screen and (min-width: 30em) {
   .picture-small {
     max-width: 20rem;
+  }
+}
 .picture-small img {
    width: 100%;
+}
 .picture-tiny {
     padding-left: 1em;
     border: thin silver solid;
     padding: 0.5em;
     text-align: center;
     font-style: italic;
     font-size: 50%;
     text-indent: 0;
     margin: .25em;
     min-width: 4%;
     max-width: 15%;
     width: auto;
+}
 .picture-tiny img {
    width: 100%;
+}
 .secondary_info { font-size: 83%; }
 .next_page_button { float: right; }
 .pagination_list { text-align: center; }
 .document_format { border: 1px solid #888; padding: .2em; background: #fff99d;}
 .copyright_info { font-size: 90%; }
 hr.footnote-separator { width: 80%; margin-left: auto; margin-right: auto; }
 .doc-footer { font-style: italic; }
 .doc-footer > *:first-child::before { content: "["; }
 .doc-footer > *:last-child::after   { content: "]"; }
 /* Resources pages */
 div.download-formats { margin-top: 2em; margin-bottom: 2em; }
 .download-formats p { display: inline; }
 #mainContent .download-formats ul { display: inline; list-style: none;
                                     padding-left: 0; }
 .download-formats ul li { display: inline; padding-left: 2em; }
 /* Resources - book styles */
 hr.chapter-separator { display: none; }
 h2.likechapterHead { text-align: center; }
 h2.chapterHead { text-align: center; }
 #mainContent ul.author { list-style-type: none; padding-left: 0; }
 #mainContent div.footnotes { font-style: normal; } /* remove italics */
 span.sectionToc { padding-left: 2em; } /* indent TOC properly */
 span.subsectionToc { padding-left: 4em; }
 span.subsubsectionToc { padding-left: 6em;}
 .js, .js p, .js p.bibitem, .js p.bibitem-p { background-color: #cde7e9; }

0 comments (0 inline, 0 general)