search

gwu-libraries / lai-libsite

ARCHIVED. Code merged into new library.gwu.edu repo, and tickets transferred there. Old description: Drupal 7 theme for GW Libraries. Based on earlier Libsite7 theme.
MIT License
2 stars 0 forks source link

Make visited links in Editorial-style buttons have appropriate colors… #126

Closed maxstarkenburg closed 6 years ago

maxstarkenburg commented 6 years ago

…. Refs #125.

maxstarkenburg commented 6 years ago

Here is some sample code for testing the new button CSS:

<h2>Non-ghost button</h2>

<p><span class="big-button green"><a href="http://example.com">See an example</a></span></p>

<p><span class="big-button yellow"><a href="http://example.com">See an example</a></span></p>

<p><span class="big-button darkblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="big-button lightblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="big-button white-button"><a href="http://example.com">See an example</a></span></p>

<p><span class="reg-button green"><a href="http://example.com">See an example</a></span></p>

<p><span class="reg-button yellow"><a href="http://example.com">See an example</a></span></p>

<p><span class="reg-button darkblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="reg-button lightblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="reg-button white-button"><a href="http://example.com">See an example</a></span></p>

<p><span class="small-button green"><a href="http://example.com">See an example</a></span></p>

<p><span class="small-button yellow"><a href="http://example.com">See an example</a></span></p>

<p><span class="small-button darkblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="small-button lightblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="small-button white-button"><a href="http://example.com">See an example</a></span></p>

<h2>Ghost button</h2>

<p><span class="ghost-button big-button green"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button big-button yellow"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button big-button darkblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button big-button lightblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button big-button white-button"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button reg-button green"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button reg-button yellow"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button reg-button darkblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button reg-button lightblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button reg-button white-button"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button small-button green"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button small-button yellow"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button small-button darkblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button small-button lightblue"><a href="http://example.com">See an example</a></span></p>

<p><span class="ghost-button small-button white-button"><a href="http://example.com">See an example</a></span></p>