Urban planning community

+ Reply to thread
Results 1 to 3 of 3

Thread: APA Web elements - stylesheet, graphics, etc

  1. #1
    Cyburbia Administrator Dan's avatar
    Registered
    Mar 1996
    Location
    Upstate New York
    Posts
    14,552
    Blog entries
    3

    APA stylesheet

    For what it's worth.


    /*
    ______________________________________________
    The following are the default styles...
    */
    BODY
    {
    COLOR: #313131;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    background-color: #ffffff;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    margin-top:0;
    }

    TD
    {
    COLOR: #313131;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    }

    P
    {
    COLOR: #313131;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 15px;
    MARGIN-BOTTOM: 1px;
    MARGIN-TOP: 11px
    }
    UL
    {
    COLOR: #313131;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px
    }
    SELECT
    {
    COLOR: #313131;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px
    }
    INPUT
    {
    COLOR: #313131;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px
    }
    A:link
    {
    COLOR: #6b8cb5;
    TEXT-DECORATION: none
    }
    A:visited
    {
    COLOR: #6b8cb5;
    TEXT-DECORATION: none
    }
    A:active
    {
    COLOR: #004359;
    TEXT-DECORATION: none;
    }
    A:hover
    {
    COLOR: #004359;
    TEXT-DECORATION: none;
    }
    /*
    ______________________________________________
    The following are classes used in the content area...
    */
    .APAOverviewHead
    {
    font-size: 22px;
    color: #6b8cb0;
    font-family: "Times New Roman", Times, serif;
    FONT-WEIGHT: bolder
    }

    .APAHead
    {
    font-size: 20px;
    color: #6b8cb0;
    font-family: "Times New Roman", Times, serif;
    }

    .APASubHead
    {
    font-size: 18px;
    color: #6b8cb0;
    font-family: "Times New Roman", Times, serif;
    }
    .APASubTitle
    {
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
    }
    .APASectionTable
    {
    BACKGROUND-COLOR: #e1e8f0;
    BACKGROUND-IMAGE: url('https://www.planning.org/webinterface/images/APASectionTable.gif');
    font-size: 20px;
    color: #6b8cb0;
    font-family: "Times New Roman", Times, serif;
    LINE-HEIGHT: 20px
    }
    .APAText
    {
    COLOR: #313131;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px
    }

    .APASmallCaps
    {
    COLOR: #313131;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    FONT-VARIANT: small-caps
    }

    .APAColumnHead
    {
    COLOR: #004359;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
    }

    .APAColumnHead:link
    {
    COLOR: #004359;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
    }

    .APAColumnHead:visited
    {
    COLOR: #004359;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
    }
    .APAColumnHead:active
    {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
    }
    .APAColumnHead:hover
    {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
    }

    .APAHighLightText
    {
    COLOR: #FF0000;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    FONT-SIZE: 11px;
    }

    .APADataResultsTableCell
    {
    height:25;
    line-height:11px;
    padding-right:5;
    padding-left:5;
    padding-top:2;
    padding-bottom:2;
    }

    /*
    ______________________________________________
    The following are classes used in the templates...
    */

    .APABreadCrumb:link
    {
    COLOR: #004359;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bolder
    }

    .APALeftColumn
    {
    BACKGROUND-IMAGE: url('https://www.planning.org/webinterface/images/bg.leftside.dot.gif');
    height: 100%;
    width:1%;
    vertical-align:top
    }

    .APARightColumn
    {
    BACKGROUND-IMAGE: url('https://www.planning.org/webinterface/images/bg.v.ldot.gif');
    height: 100%;
    width:1%;
    text-align:right;
    vertical-align:top
    }

    .APABreadCrumb:visited
    {
    COLOR: #004359;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bolder
    }
    .APABreadCrumb:active
    {
    COLOR: #004359;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bolder
    }
    .APABreadCrumb:hover
    {
    COLOR: #004359;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bolder
    }

    .APAHeaderBar
    {
    background-color: #6B8CB5;
    height: 25;
    }

    .APAHeaderBarText
    {
    margin-top:4;
    margin-bottom:4;
    margin-right:5;
    margin-left:15;
    color:#ffffff;
    }

    .APASectionTab
    {
    background-color: #6B8CB5;
    }

    .APASectionTabLight
    {
    background-color: #E1E8F0;
    }

    .APASectionTabHeader
    {
    COLOR: #ffffff;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    MARGIN: 3px 15px 3px 11px
    }

    .APASectionTabText
    {
    COLOR: #004359;
    FONT-SIZE: 10px;
    LINE-HEIGHT: 11px;
    MARGIN: 8px 10px 0px 12px
    }

    .APASectionTabDivider {
    BACKGROUND-IMAGE: url('https://www.planning.org/webinterface/images/bg.h.dot.gif');
    height:1
    }

    .APALeftMenuItem
    {
    /* COLOR: #004359;*/
    LINE-HEIGHT: 9px;
    FONT-SIZE: 10px;
    MARGIN: 0px 10px 6px 15px
    }

    .APALeftSubMenuItem
    {
    /* COLOR: #004359;*/
    LINE-HEIGHT: 9px;
    FONT-SIZE: 10px;
    MARGIN: 0px 5px 6px 30px
    }

    .APALeftMenuLink:link
    {
    COLOR: #313131;
    TEXT-DECORATION: none
    }
    .APALeftMenuLink:visited
    {
    COLOR: #313131;
    TEXT-DECORATION: none
    }
    .APALeftMenuLink:active
    {
    COLOR: #6b8cb5;
    TEXT-DECORATION: none
    }
    .APALeftMenuLink:hover
    {
    COLOR: #6b8cb5;
    TEXT-DECORATION: none
    }

    .APAFooterBar
    {
    background-color: #6B8CB5;
    height: 20;
    }

    .APAMenuBar
    {
    background-color: #6B8CB5;
    height: 22;
    }

    .APAFooterText
    {
    COLOR: #ffffff;
    FONT-SIZE: 9px;
    MARGIN-LEFT: 43px;
    MARGIN-TOP: 0px
    }
    /*

    The following classes should be phased out...
    */
    .APARedLink:link
    {
    COLOR: #ff0000;
    text-decoration:none;
    }
    .APARedLink:visited
    {
    COLOR: #ff0000;
    text-decoration:none;
    }
    .APARedLink:active
    {
    COLOR: #ff0000;
    text-decoration:none;
    }
    .APARedLink:hover
    {
    COLOR: #ff0000;
    text-decoration:none;
    }

    .APAWhiteLink:link
    {
    COLOR: #ffffff;
    text-decoration:none;
    }
    .APAWhiteLink:visited
    {
    COLOR: #ffffff;
    text-decoration:none;
    }
    .APAWhiteLink:active
    {
    COLOR: #ffffff;
    text-decoration:none;
    }
    .APAWhiteLink:hover
    {
    COLOR: #ffffff;
    text-decoration:none;
    }

    /*
    ________________________________________________
    The following classes are used for the drop-down menus
    on the home page and overview pages
    */

    .p-1
    {
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    }

    .p-2
    {
    border-left:1px solid White; border-right:1px solid White; border-top:0px solid White; border-bottom:1px solid White; background-color:#D5DBE5;
    color:#004359;
    padding:1;
    font-size:10px;
    width:160;
    font-family: Arial,sans-serif
    }

    .p-4
    {
    border-left:1px solid White; border-right:1px solid White; border-top:0px solid White; border-bottom:1px solid White; background-color:#004359;
    color:#D5DBE5;
    padding:1;
    font-size:10px;
    width:160;
    font-family: Arial,sans-serif
    }

    .p-3:link
    {
    color:#004359;
    text-decoration:none;
    font-family: Arial,sans-serif;
    font-size:10px;
    }
    .p-3:active
    {
    color:#004359;
    text-decoration:none;
    font-family: Arial,sans-serif;
    font-size:10px;
    }
    .p-3:visited
    {
    color:#004359;
    text-decoration:none;
    font-family: Arial,sans-serif;
    font-size:10px;
    }

    .p-5:link
    {
    color:#D5DBE5;
    text-decoration:none;
    font-family: Arial,sans-serif;
    font-size:10px;
    }
    .p-5:visited
    {
    color:#D5DBE5;
    text-decoration:none;
    font-family: Arial,sans-serif;
    font-size:10px;
    }
    .p-5:hover
    {
    color:#D5DBE5;
    text-decoration:none;
    font-family: Arial,sans-serif;
    font-size:10px;
    }
    .p-5:active
    {
    color:#D5DBE5;
    text-decoration:none;
    font-family: Arial,sans-serif;
    font-size:10px;
    Growth for growth's sake is the ideology of the cancer cell. -- Edward Abbey

  2. #2
    Cyburbia Administrator Dan's avatar
    Registered
    Mar 1996
    Location
    Upstate New York
    Posts
    14,552
    Blog entries
    3

    APA standard page template

    See the attached .zip file.
    Growth for growth's sake is the ideology of the cancer cell. -- Edward Abbey

  3. #3
    Cyburbia Administrator Dan's avatar
    Registered
    Mar 1996
    Location
    Upstate New York
    Posts
    14,552
    Blog entries
    3

    APA logo

    Clean APA logo from the source: 950x950 pixels, .jpg format. (It should have been lossless, I know, but that's how I found it.)

    From the APA: The use of this APA logo for any other use, either business or personal, is strictly prohibited. Any misuse of this logo may result in legal recourse.

    Many chapter and division logos are variants of the APA cube, with some elements added; New Mexico's bootheel at the bottom, for instance. Many chapters and divisions still use the old logo; it looks similar, but has slightly different lettering.

    I don't have an AICP logo in digital form, unfortunately.
    Growth for growth's sake is the ideology of the cancer cell. -- Edward Abbey

+ Reply to thread

More at Cyburbia

  1. 'Suburban' urban design elements
    Design, Space, and Place
    Replies: 31
    Last post: 23 Aug 2007, 8:14 AM
  2. Replies: 7
    Last post: 30 Nov 2005, 12:42 PM
  3. Replies: 5
    Last post: 19 Sep 2005, 12:49 AM
  4. Elements of Urban Design - Alleys
    Design, Space, and Place
    Replies: 70
    Last post: 19 May 2004, 5:49 PM
  5. Graphics
    Cyburbia Issues and Help
    Replies: 2
    Last post: 08 Oct 2001, 11:50 PM