EndPreviousNextEnd EndPrint This TopicEnd

FTBDesign.css

The FTBDesign.css file is responsible for making the styles from DefaultTheme.css and content.css accessible within the Content Editor. It is a direct copy of both DefaultTheme.css and content.css files (with the additional Heading Comment required as outlined below).

 

1.You should create this file after DefaultTheme.css and content.css have been finalized.
 

2.Within the FTBDesign.css file, you must wrap the following Heading Comment code around any Heading Tags, so that they will appear correctly in the Content Editor. View the full Default Code below for a correct example.

 

 

Heading Comment

 

/* BEGIN_EDITOR_TAG_STYLES */

 

/* END_EDITOR_TAG_STYLES */

 

 

Default Code

 

.Detail-Email {

 background: url(/Templates/_images/icon_mail.gif) no-repeat center left;

 padding: 3px 3px 3px 20px;

 margin: 0px;

}

.Detail-Fax {

 background: url(/Templates/_images/icon_fax.gif) no-repeat center left;

 padding: 3px 3px 3px 20px;

 margin: 0px;

}

.Detail-Link {

 background: url(/Templates/_images/icon_link.gif) no-repeat center left;

 padding: 3px 3px 3px 20px;

 margin: 0px;

}

.Detail-PDFLink {

 background: url(/Templates/_images/icon_pdf.gif) no-repeat center left;

 padding: 3px 3px 3px 20px;

 margin: 0px;

}

.Detail-Phone {

 background: url(/Templates/_images/icon_phone.gif) no-repeat center left;

 padding: 3px 3px 3px 20px;

 margin: 0px;

}

.Detail-Post {

 background: url(/Templates/_images/icon_post.gif) no-repeat center left;

 padding: 3px 3px 3px 20px;

 margin: 0px;

}

.Detail-Skype {

 background: url(/Templates/_images/icon_skype.gif) no-repeat center left;

 padding: 3px 3px 3px 20px;

 margin: 0px;

}

.Detail-SMS {

 background: url(/Templates/_images/icon_mobile.gif) no-repeat center left;

 padding: 3px 3px 3px 20px;

 margin: 0px;

}

p.Highlight-Chat {

 font-family: Georgia, "Times New Roman", Times, serif;

 font-weight: normal;

 font-style: italic;

 font-size: 1.5em;

 text-align: center;

 margin: 10px 0px 10px 10px;

 width: 280px;

 float: right;

 clear: none;

 padding: 50px 30px 30px 90px;

 background: url(/Templates/_images/html-Highlight-Chat.gif) no-repeat top left;

}

p.Highlight-Small {

 font-size: 1em;

 text-align: center;

 margin-top: 20px;

 margin-bottom: 20px;

 padding: 6px;

 background: #EFEFEF;

}

p.Highlight-Medium {

 color: #666666;

 font-size: 1.2em;

 text-align: center;

 font-weight: bold;

 text-align: center;

 margin-top: 20px;

 margin-bottom: 20px;

 padding: 6px 0px;

 background: #EFEFEF; 

}

p.Highlight-Large {

 color: #666666;

 font-size: 1.6em;

 font-weight: bold;

 text-align: center;

 margin-top: 20px;

 margin-bottom: 20px;

 padding: 10px 0px;

 background: #EFEFEF; 

}

p.Quote-FloatRight {

 font-family: Georgia, "Times New Roman", Times, serif;

 font-weight: normal;

 font-style: italic;

 font-size: 1.5em;

 text-align: center;

 margin: 10px 0px 10px 10px;

 width: 280px;

 float: right;

 clear: none;

 padding: 50px 60px 30px 60px;

 background: url(/Templates/_images/html-Quote.gif) no-repeat top left;

}

table.LargeBlue {

 margin-top: 20px;

 margin-bottom: 20px;

 background: #6bd6fd; 

 padding: 2px;

 color: #FFFFFF;

}

table.LargeBlue td {

 background: #0e3977; 

 color: #FFFFFF;

 font-size: 1em;

 font-weight: normal;

 text-align: left;

 padding: 2px;

}

table.GreenHeading td {

 background: #52b500; 

 color: #FFFFFF;

 font-size: 1em;

 font-weight: normal;

 text-align: left;

 padding: 2px;

}

 

 

 

body {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 12px;

 color: #999999; 

}

p {

 font-size: 1.1em;

 margin: 0 0 1em 0;

 line-height: 1.7em;

}

 a { 

         color: #999999; 

 }

 a:hover { 

         color: #CCCCCC; 

 }

 a img{border:none; text-decoration:none;}

 

/* BEGIN_EDITOR_TAG_STYLES */

 

/* === [ Heading Tags ] === */

h1, h2, h3, h4, h5, h6 {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 12px;

 line-height: 1.7em;

 color: #999999; 

 padding: 0;

 margin: 0;

 margin-bottom: 0.9em;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

 text-decoration: none;

}

h1 {

 font-size: 2em;

}

h2 {

 font-size: 1.8em;

}

h3 {

 font-size: 1.6em;

}

h4 {

 font-size: 1.4em;

}

h5 {

 font-size: 1.2em;

}

/* END_EDITOR_TAG_STYLES */

 

blockquote {

}

/* === [ HTML List Styles ] === */

.HTMLContent ul,

.HTMLContent ol,

.HTMLContent menu,

.HTMLContent dir {

 font-family: Arial, sans-serif;

 font-size: 12px;

 color: #5a6d7a;

 margin: 0px 0px 0px 20px;

 padding: 0px 0px 0px 20px;

}

.HTMLContent ol li {

 font-size: 1.2em;

 line-height: 1.5em;

 color: #5a6d7a;

 font-size: 12px;

 list-style:outside;

 list-style-type: decimal;

 

}

.HTMLContent ul li {

 font-size: 1.2em;

 line-height: 1.5em;

 color: #5a6d7a;

 font-size: 12px;

 list-style:outside;

 list-style-type: circle;

}

.HTMLContent li li {

 font-size: 11px;

}

.HTMLContent li li li {

 font-size: 11px;

}

.HTMLContent li li li li {

 font-size: 11px;

}

Topic Link