UNDP Internal Email Templates
- The styling information is in the template, and we do not recommend calling the external stylesheet because of this reason.
<style>
/*
UNDP
Email style sheet
last modified: 20 January 2005
*/
/*
Palette:
UNDP blue: #003399
header highlight blue: #6699CC
text gray: #333333
text green: #669966
link blue: #336699
link red: #CC3333
sidebar gray: #F9F9F9
sidebar header gray: #E6E6E6
*/
/* GLOBAL TAGS */
BODY {
background-color: #FFFFFF;
margin: 15px;
padding: 0px;
height: 100%;
}
BODY, TD, P {
color: #333333;
font-family: "Verdana", "Arial", sans-serif;
font-size: 12px;
}
/* LINKS */
A {
color: #336699;
text-decoration: none;
}
A:hover {
color: #CC3333;
text-decoration: underline;
}
A.on {
color: #CC3333;
text-decoration: none;
font-weight: bold;
}
A img {
border-color: #336699;
}
A:hover img {
border-color: #CC3333;
}
/* HEADERS */
h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", "Arial", sans-serif;
font-weight: normal;
margin: 0px;
margin-top: 5px;
padding: 0px;
border: none;
}
h1 { /* Main title */
color: #003399;
font-size: 26px;
text-decoration: none;
}
h2 {
color: #003399;
font-size: 19px;
line-height:130%;
clear: both;
margin-top: 0px;
}
h3 {
color: #003399;
font-size: 17px;
line-height:130%;
border-bottom: 1px dotted #666666;
margin-top: 30px;
}
.boxed h3 {
margin-top: 0px;
}
h4 { /* United Nations Development Programme */
color: #333333;
font-size: 14px;
}
h4 a, h4 a:visited, h4 a:hover {
color: #333333;
text-decoration: none;
}
h5 {
color: #333333;
font-family: "Verdana", "Arial", sans-serif;
font-size: 13px;
line-height: 130%;
}
H6 { /* green all caps */
color: #669966;
font-family: "Verdana", "Arial", sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 130%;
margin-top: 15px;
}
H6 a {
color: #669966;
text-decoration: none;
}
H6 a:visited {
color: #669966;
}
H6 a:hover {
color: #CC3333;
text-decoration: underline;
}
/* TYPOGRAPHY */
p {
line-height: 130%;
}
.red {
color: #CC3333;
}
.nowrap {
white-space: nowrap;
}
.norule {
border-bottom: none;
}
LI + LI, LI + OL, LI + UL { /* line spacing between list bullets */
margin-top: 5px;
}
.et {
font-family: Arial, Helvetica, sans-serif;
}
/* HEADER */
#logo {
position: absolute;
top: 13px;
right: 20px;
/* background-color: #6699CC; */
z-index: 5;
}
.banner {
margin-right: 65px; /* leave room for logo */
}
.content {
clear: both;
}
/* COMPONENTS */
.full {
clear: both;
}
.leftthreequarters {
float: left;
width: 70%;
margin-right: 20px;
}
.rightquarter {
float: left;
width: 22%;
}
.boxed {
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
padding: 10px 15px;
}
.boxed H3 {
color: #666666;
border: none;
}
.clear {
clear: both;
}
.nestedtable TD {
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
}
/* RULES */
.rule {
border-top: 1px dotted #999999;
width: 100%;
height: 1px;
font-size: 1px;
margin-top: 5px 0px;
padding: 0px;
}
/* FILE TYPE LISTS */
li.doc, .rightsidebar ul li.doc,
li.pdf, .rightsidebar ul li.pdf,
li.exe, .rightsidebar ul li.exe,
li.css, .rightsidebar ul li.css,
li.folder, .rightsidebar ul li.folder,
li.htm, .rightsidebar ul li.htm,
li.pps, .rightsidebar ul li.pps,
li.css, .rightsidebar ul li.css,
li.txt, .rightsidebar ul li.txt,
li.zip, .rightsidebar ul li.zip,
li.xls, .rightsidebar ul li.xls,
li.xlt, .rightsidebar ul li.xlt,
li.xml, .rightsidebar ul li.xml,
li.gif, .rightsidebar ul li.gif,
li.bmp, .rightsidebar ul li.bmp,
li.jpg, .rightsidebar ul li.jpg,
li.img, .rightsidebar ul li.img,
li.ppt, .rightsidebar ul li.ppt,
li.unknown, .rightsidebar ul li.unknown{
list-style-type: none;
list-style-position: outside;
padding: 0px 0px 3px 7px;
margin: 0px;
}
li.doc {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_doc.gif');
}
li.pdf {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_pdf.gif');
}
li.exe {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_exe.gif');
}
li.css {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_css.gif');
}
li.folder {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_folder.gif');
}
li.htm {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_htm.gif');
}
li.pps {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_pps.gif');
}
li.txt {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_txt.gif');
}
li.zip {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_zip.gif');
}
li.xls {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_xls.gif');
}
li.xlt {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_xlt.gif');
}
li.xml {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_xml.gif');
}
li.gif {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_gif.gif');
}
li.bmp {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_bmp.gif');
}
li.jpg {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_jpg.gif');
}
li.img {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_img.gif');
}
li.ppt {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_ppt.gif');
}
li.unknown {
list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_unknown.gif');
}
</style>
