Internet ℹ️ APA Web elements - stylesheet, graphics, etc

[Dan]

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]

APA standard page template

See the attached .zip file.

 

[Dan]

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.