Changeset - 3c8f3635372b
[Not reviewed]
0 3 0
Ben Sturmfels (bsturmfels) - 2 years ago 2021-12-03 04:04:54
ben@sturm.com.au
Add selected highlight to top feature menu.
3 files changed with 18 insertions and 10 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/css/conservancy.css
Show inline comments
...
 
@@ -14,24 +14,25 @@ p {
 
}
 

	
 
html {
 
  /* Standard colorss. */
 
  --khaki-green: #587733;
 
  --light-green: #afe478;
 
  --washed-green: #daf4be;
 
  --light-blue: #92d4d1;
 
  --washed-blue: #ddfbfa;
 
  --navy: #224c57;
 
  --orange: #ec6343;
 
  --orange-dim: #e05340;
 
  --orange-dimmer: #ce3520;
 
}
 

	
 
/* Some Tachyons-like classes to apply those standard colors. */
 
.bg-light-blue { background: var(--light-blue); }
 
.bg-orange { background: var(--orange); }
 
.orange { color: var(--orange); }
 
.b--light-blue { border-color: var(--light-blue); }
 
.navy { color: var(--navy); }
 

	
 
body {
 
  /* Native font stack as per Bootstrap 5.1. */
 
  font-family:
...
 
@@ -676,12 +677,19 @@ div.small-right, div.medium-right {
 
}
 

	
 
.press-release .date, .conservancy-blog .date {
 
  margin-bottom: 1rem;
 
}
 

	
 
/* Expanding sections. */
 
details summary {
 
  font-size: 1rem;
 
  font-weight: bold;
 
  padding: 0.5rem 0;
 
}
 

	
 
.conservancy-sustainer #feature-menu li.sustainer a,
 
.conservancy-donate #feature-menu li.donate a,
 
.conservancy-vizio #feature-menu li.donate a
 
{
 
  background-color: var(--orange-dimmer);
 
}
www/conservancy/templates/base_conservancy.html
Show inline comments
...
 
@@ -24,35 +24,35 @@
 

	
 
  <body class="conservancy-{% block category %}{% endblock %}">
 
    <header>
 
      <div class="flex-ns center mw8">
 
        <div class="w-60-ns">
 
          <h1 id="conservancyheader" class="mt2 mt3-ns mb2 mb3-ns">
 
            <a href="/">
 
              <img src="{% static 'img/conservancy-header.svg' %}" alt="Software Freedom Conservancy" class="db center mh3-ns" />
 
            </a>
 
          </h1>
 
        </div>
 

	
 
        <div class="w-40-ns mt2 mt4-ns mb2 mb2-ns mh2 pt1 flex flex-wrap justify-center items-center">
 
          <span id="menu-icon" class="dn-ns ph2 pointer">
 
        <ul id="feature-menu" class="w-40-ns mt2 mt4-ns mb2 mb2-ns mh2 pt1 flex flex-wrap justify-center items-center list">
 
            <li><span id="menu-icon" class="dn-ns ph2 pointer">
 
            <svg style="color: var(--orange); width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#bars"></use></svg>
 
          </span>
 
          <a href="/donate/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Donate</a>
 
          <a href="/sustainer/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Join</a>
 
          <a href="/vizio/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Vizio</a>
 
          <span id="search-icon" class="dib ph2 pointer">
 
            </span></li>
 
            <li class="donate"><a href="/donate/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Donate</a></li>
 
            <li class="sustainer"><a href="/sustainer/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Join</a></li>
 
            <li class="vizio"><a href="/vizio/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Vizio</a></li>
 
            <li><span id="search-icon" class="dib ph2 pointer">
 
            <svg style="color: var(--orange); width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#search"></use></svg>
 
          </span>
 
        </div>
 
            </span></li>
 
        </ul>
 
      </div>
 
    </header>
 

	
 
    <div id="navbar-outer" class="mt2 mt0-ns mb2">
 
      <div id="navbar" class="center mw8 nested-list-resetb dn db-ns">
 
        <ul class="f5 ttu flex flex-wrap justify-center">
 
          <!-- Remaining previous menu items
 
          <li class="Projects"><a href="/projects/">Projects</a></li>
 
          <li class="npoacct"><a href="/npoacct/">NPOAcct</a></li>
 
          -->
 

	
 
          <li class="search dn-ns">
www/conservancy/templates/base_vizio.html
Show inline comments
 
{% extends "base_conservancy.html" %}
 
{% load cache %}
 
{% load humanize %}
 
{% block category %}WhatWeDo{% endblock %}
 
{% block category %}Vizio{% endblock %}
 
{% block head %}
 
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
 
<link href="/forms.css" rel="stylesheet" type="text/css"/>
 

	
 
{% endblock %}
 

	
 
{% block outercontent %}
 
<div class="content-with-donate-sidebar">
 
    <div id="container">
 
         <div id="mainContent">{% block content %}{% endblock %}</div>
 
         <div id="sidebar" class="VizioTopBar {% block submenuselection %}{% endblock %}">
 
            <h2>What We Do</h2>
0 comments (0 inline, 0 general)