• Cyburbia is a friendly big tent, where we share our experiences and thoughts about urban planning practice, planning adjacent topics, and whatever else comes to mind. No ads, no spam, no echo chambers. Create your FREE Cyburbia ID, and join us today! You can also register through your Reddit, Facebook, Google, Twitter, or Microsoft account.

APA Web elements - stylesheet, graphics, etc

Dan

Dear Leader
Staff member
Moderator
Messages
17,841
Points
59
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;
 

Dan

Dear Leader
Staff member
Moderator
Messages
17,841
Points
59
APA standard page template

See the attached .zip file.
 

Dan

Dear Leader
Staff member
Moderator
Messages
17,841
Points
59
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.
 
Top