website Changeset - 0d89044354de · Conservancy Kallithea

Changeset - 0d89044354de

Parent rev.

Child rev.

[Not reviewed]

4 1 0

Michal Nazarewicz - 8 years ago 2015-12-21 19:09:02
mina86@mina86.com

[PATCH 2/2] Replace gradient images with CSS gradients.

5 files changed with 34 insertions and 10 deletions:

www/conservancy/static/css/conservancy.css

www/conservancy/static/img/nav-bg-campaign-up.png

bin+del

www/conservancy/static/img/nav-bg-campaign.png

bin+del

www/conservancy/static/img/nav-bg-up.png

bin+del

www/conservancy/static/img/nav-bg.png

bin+del

0 comments (0 inline, 0 general)

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -78,59 +78,67 @@ h3 { margin-top: .6em; margin-bottom: .4em; } @@
   text-indent: -5000px; /* hide in favor of image */
+}
 #logobutton {
   display: block;
   margin: 0;
   padding: 0;
   height: 120px;
   width: 100%;
   min-width: 350px;  /* So at least tree and text is visible */
   background: url(/img/conservancy-header.png) no-repeat;
+}
 /* Navigation bar */
 #navbar-outer { background: #577632; }
 #navbar { margin-left: 104px; margin-top: 3px; float: left; display: inline; }
 #navbar ul { list-style: none; }
 #navbar-clear { clear: both; border-bottom: 1px solid #808080; }
 #navbar li.supporter a {
   display: block;
   background: #fafafe;
   padding: .2em .8em;
   margin-right: 3px;
   border: 1px solid #808080;
   font-size: .8em;
   background: url(/img/nav-bg-campaign.png) bottom repeat-x;
   background: #ffd843;
   background: -moz-linear-gradient(top, #fff, #ffd533);
   background: -webkit-linear-gradient(top, #fff, #ffd533);
   background: linear-gradient(to bottom, #fff, #ffd533);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffd533', GradientType=0);
   border-color: #ffffff;
+}
 #navbar li a {
   display: block;
   background: #fafafe;
   padding: .2em .8em;
   margin-right: 3px;
   border: 1px solid #808080;
   font-size: .8em;
   background: #fff url(/img/nav-bg.png) bottom repeat-x;
   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);
   border-color: #ffffff;
+}
 #navbar li:hover a { background: #577632; color: #fff; }
 #navbar li.supporter:hover a { background: #577632; color: #CE1F1F; }
 #navbar li { float: left; display: inline; margin-bottom: 3px; }
 #mainContent {
     margin-left: 50px;
     margin-right: 50px;
+}
 #progressbar {
     height: 1.8em;
+}
 #progressbar .ui-widget-header {
     background: rgb(206, 31, 31);
+}
 #siteprogressbar {
     margin: .5em 20% .5em 2%;
+}
 #siteprogressbar .goalText {
     color: #557733;
@@ ... / @@ -167,75 +175,83 @@ h3 { margin-top: .6em; margin-bottom: .4em; } @@
 .content-with-donate-sidebar {
     align: left;
     width: 80%;
+}
 #container {
     width: 100%;
     overflow: hidden;
+}
 #container #mainContent {
     background: #fffff;
     margin-left: 210px;
     margin-right: 50px;
+}
 #container #sidebar {
     width: 200px;
     float: left;
     background-color: #ccd4a3;
+}
 #container #sidebar li {
     text-align: center;
     list-style: none;
     padding: 3px 10px 3px 10px;
     margin: 5px;
     padding: 3px 10px 3px 10px;
     margin: 5px;
     border: 1px solid #CCC;
     background: #fff url(/img/nav-bg.png) bottom repeat-x;
     background: #ffd843;
     background: -moz-linear-gradient(top, #fff, #ffd533);
     background: -webkit-linear-gradient(top, #fff, #ffd533);
     background: linear-gradient(to bottom, #fff, #ffd533);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffd533', 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.Officers ul li.Officers,
 #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.CopyleftPrinciples ul li.CopyleftPrinciples,
 #container #sidebar.VMwareLawsuitFAQ ul li.VMwareLawsuitFAQ,
 #container #sidebar.AboutCompliance ul li.AboutCompliance
+{
     color: #000033;
     font-weight: bold;
     background: #fff url(/img/nav-bg-up.png) top repeat-x;
     background: #ffd843;
     background: -moz-linear-gradient(bottom, #fff, #ffd533);
     background: -webkit-linear-gradient(bottom, #fff, #ffd533);
     background: linear-gradient(to top, #fff, #ffd533);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd533', endColorstr='#ffffff', GradientType=0);
+}
 #container #sidebar h2 {
     text-align: center;
     font-size: 150%;
     margin: 1.5em 0 0.8em 0;
+}
 #container #sidebar hr {
     width: 75%;
     float: center;
     clear: all;
+}
 /* Navbar Submenus (currently unused) */
 #navbar li ul { display: none; border: 1px solid #444; }
 #navbar li:hover ul { display: block; position: absolute; }
 #navbar li ul li { float: none; }
 #navbar li ul li a { border: 0px; margin: 0px; }
 .shaded { background: #F0FFB8; padding: .1em .5em; margin-bottom: .5em; }
 .columns {
     width: 100%;
     overflow: hidden;
+}
@@ ... @@
 .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; }
 body.conservancy-Members #navbar ul li.Members a,
 body.conservancy-news #navbar ul li.news a,
 body.conservancy-blog #navbar ul li.blog a,
 body.conservancy-About #navbar ul li.About a,
 body.conservancy-Compliance #navbar ul li.compliance a,
 body.conservancy-donate #navbar ul li.donate a,
 body.conservancy-npoacct #navbar ul li.npoacct a,
 body.conservancy-sponsors #navbar ul li.sponsors a /* NO COMMA HERE! */
+{
+{
     color: #000033;
     font-weight: bold;
     background: #fff url(/img/nav-bg-up.png) top repeat-x;
     background: #ffd843;
     background: -moz-linear-gradient(bottom, #fff, #ffd533);
     background: -webkit-linear-gradient(bottom, #fff, #ffd533);
     background: linear-gradient(to top, #fff, #ffd533);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd533', endColorstr='#ffffff', GradientType=0);
+}
 body.conservancy-supporter #navbar ul li.supporter a
+{
+{
     color: #000033;
     font-weight: bold;
     background: url(/img/nav-bg-campaign-up.png) bottom repeat-x;
     background: #ffd843;
     background: -moz-linear-gradient(bottom, #fff, #ffd533);
     background: -webkit-linear-gradient(bottom, #fff, #ffd533);
     background: linear-gradient(to top, #fff, #ffd533);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd533', endColorstr='#ffffff', GradientType=0);
+}
 #supporters ul {
   list-style: none;
   margin: 0;
   padding: 0;
+}
 #supporters li:before {
     content: '';
     display: inline-block;
     height: 2em;
     width: 2em;
     background-image: url(/img/conservancy-supporter-heart.svg);
     background-size: contain;
     background-repeat: no-repeat;
     padding: 0.25em 1.2em 0.25em 0.25em;
     vertical-align: middle;
+}
 #supporters li {
     padding: 0.5em 2em 1em 2em;
     margin-left: .25em;
     list-style: none;

www/conservancy/static/img/nav-bg-campaign-up.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

www/conservancy/static/img/nav-bg-campaign.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

www/conservancy/static/img/nav-bg-up.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

www/conservancy/static/img/nav-bg.png

➞

Show inline comments

		deleted file
		binary diff not shown

Show images

0 comments (0 inline, 0 general)