Tag: CSS

  • Website Template Changes

    Today we’re launching some noticeable changes to the Gustavus website template. These updates were made to alleviate some issues that we noticed last year following the implementation of the new design. Primarily, these changes alter the look and functionality of the header and footer, so we’ll provide a brief explanation of each change below. Audience…

  • Help Us Redesign the Website

    We’ll be working with the Office of Marketing and Communication in the upcoming months to completely overhaul the Gustavus website. Our goal is to accomplish this feat before September 2015, and we need your help to make this happen. If you have feedback about the current website template or the Gustavus homepage, we’d like to…

  • Linking in Style… CSS3 Selectors for the Win

    Today, we made a couple subtle but visually helpful additions to hyperlink styles in our site-wide CSS. We used some advanced features of CSS3 to isolate off-site links, to add an extra background image and padding to the link, based on how MediaWiki handles off-site links. We also added a mail icon to mailto: e-mail…

  • Automatic Pull-quotes with Behaviour and CSS

    Our new favorite toy around here is automatic pull-quotes using Javascript and CSS. We wanted an elegant and aesthetically pleasing way to add interest, gravitas, and improve the scannability of some of our pages, especially when an image is unavailable or inappropriate. After a little digging around, we discovered that Roger Johansson at 456 Berea…

  • Faculty Schedules Improved

    We recently fixed and improved on our Faculty Schedules pages. Somehow, the CSS file for the site was deleted during the 2005-2006 school year, making the page harder to read and use. We’ve added new CSS and javascript to the site, including a box on the right that keeps track of people you’ve selected to…

  • Understanding CSS

    For the most up to date version of this article, please visit the GTS wiki. Within the context of the WWW, Cascading StyleSheets (CSS) are powerful sets of rules that tell clients like web browsers how to render documents. Currently these documents are most often written in XHTML, HTML, or a hybrid of the two.…

  • Gustavus Template Advanced Techniques

    If you are a web developer at heart and happen to be using the Gustavus Template Container for your Gustavus web pages, today is your lucky day. Harness a little more of the power the Gustavus Template offers by reading up on our new Advanced Techniques. There, you will be able to learn some of…