EndPreviousNextEnd EndPrint This TopicEnd

content.css

The content.css file is responsible for the look and feel of additional client-relevant styles for items such as; email and website links, highlighting fonts, table styling and image styling throughout your website.

 

1.Create, remove or update as many classes as you need within this file, to replicate required font styles proposed within your Design Visuals.
 

2.Within the Default file for content.css, we are Using Selectors to Control Design. You will see that some classes below are prefixed with standard font Selectors such as Table and P. For more information see: Using Selectors to Control Design.
 

3.Duplicate the styles from content.css into FTBDesign.css.
 

4.The styles that are in content.css and FTBDesign.css will be accessible within the Content Editor for styling content.

 

 

Default Images

 

icon_fax Templates/_images/icon_fax.gif

icon_link Templates/_images/icon_link.gif

icon_mail Templates/_images/icon_mail.gif

icon_mobile Templates/_images/icon_mobile.gif

Templates/_images/icon_pdf.gif

icon_phone Templates/_images/icon_phone.gif

icon_post Templates/_images/icon_post.gif

icon_skype Templates/_images/icon_skype.gif
html-Highlight-Chat Templates/_images/html-Highlight-Chat.gif

Quote Style Templates/_images/Quote.gif

 

 

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 60px 30px 60px;

 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: 10px;

 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: 10px;

 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;

 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;

}

Topic Link