Thesis Page Framework Footer

Illustration of the Thesis Page Framework Footer

Page Framework Footer Hierarchy

  • #container
    • #page
      • #footer

Page Framework Footer Selectors

#footer This selector is the main container for all of the footer elements.
The text color and the border width are the only user adjustable elements.
#footer a The link selector’s color is set to be the same as the footer text automatically in Design Options
#footer a:hover The link hover condition is not user adjustable.
#footer p The font size is set by the user in Design Options.

    border-style: double;  /* from style.css*/
    border-color: #ddd;  /* from style.css*/
    text-align: right;  /* from style.css*/
    clear: both;  /* from style.css*/
    padding-right: 1.1em; /* from layout.css*/
    padding-left: 1.1em; /* from layout.css*/
    padding-top: 1.1em; /* from layout.css*/
    padding-bottom: 1.1em; /* from layout.css*/
    color: #888888; /* from layout.css [Design Options] */
    border-width: 0; /* from layout.css [Design Options] */
#footer a
    border-bottom: 1px solid #ccc;  /* from style.css*/
    color: #888888; /* from layout.css [Design Options] */
#footer a:hover
    color: #111111; /* from layout.css*/
#footer p
    font-size: 1.2em; /* from layout.css [Design Options] */
    line-height: 1.667em; /* from layout.css*/

{ 0 comments… add one now }

Leave a Comment