EndPreviousNextEnd EndPrint This TopicEnd

DefaultTheme.css

The DefaultTheme.css file is responsible for the global look and feel of standard HTML elements such as; Paragraph, Headings, Links, Bullets, Paging and Lists throughout your website. Styles are also applied to content through the Content Editor Module.

 

1.Default Class Selectors and ID Selectors have been created for you.
 

2.Alter the Property and Value to reflect your design as required.

 

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

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

 

Global List and Pagination

 

The Global List and Pagination styles will style all Lists and Pagination throughout the website, including the core modules of; Category List, Page List and Search Results. It will also style Add-on Module lists such as; Seminar, Blog and RSS Reader.

1.You can update the modules’ individual CSS file if different styles are required and use Container Selector ID's to style modules individually within each container.

2.The display of all list items and Pagination is controlled within the Contegro Administration for the module (Category List, Page List etc), both Global settings and individual page instances. This means that any Administrator can hide or show items (such as Author, Thumbnail, Item Date and Keywords) on an individual page basis.

 

 

Default Images

 

icon_back  Templates/_images/icon_back.gif

icon_next Templates/_images/icon_next.gif

 

 

Default Code

 

body, 

input, 

select, 

textarea,

tbody {

 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; 

 }

 

/* === [ Asterix - Required ] === */

.RequiredMarker {

 color: #CC0000;

 padding: 0px 2px;

}

 

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

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

 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;

}

blockquote {

}

 

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

 

.HTMLContent ul,

.HTMLContent ol,

.HTMLContent menu,

.HTMLContent dir {

 margin: 0px 0px 0px 20px;

 padding: 0px 0px 0px 20px;

}

.HTMLContent ol li {

 font-size: 12px;

 list-style:outside;

 list-style-type: decimal;

 

}

.HTMLContent ul li {

 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;

}

/* === [ GLOBAL PAGINATION ] ============================== */

 

/* Displays at the Top of list */

.OrderingTop {

 margin: 0px 0px 10px 0px;

 position: relative;

 clear: both;

}

 /* Displays at the Bottom of list */

.OrderingBottom {

 margin: 10px 0px 10px 0px;

 position: relative;

 clear: both;

}

/* Numbers */

         .OrderingTop a, 

 .OrderingBottom a {

         padding: 0 2px;

 }

 .OrderingTop a:hover, 

 .OrderingBottom a:hover {

 }

/* Selected Page */

 .SelectedPage {

         text-decoration: none;

         padding: 0 2px;

 }

/* Next and Back */

 .OrderingTop a.OrderingNext, 

 .OrderingBottom a.OrderingNext {

         border: 0;

         text-transform: uppercase;

         text-decoration: none;

         background: url(/Templates/_images/icon_next.gif) no-repeat right;

         padding: 0 1em;

 }

 .OrderingTop a.OrderingBack, 

 .OrderingBottom a.OrderingBack {

         border: 0;

         text-transform: uppercase;

         text-decoration: none;

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

         padding: 0 1em;

 }

       

/* -----[ GLOBAL LIST - used for most add-on modules ]-------------------------------------------- */

 

.ListHolder:after {

 content: ".";

 display: block;

 height: 0;

 font-size: 0;

 clear: both;

 visibility: hidden;

}

.ListHolder {

 display: inline-block;

 width: auto;

 height: auto;

 

 margin: 0px 0px 10px 0px;

 padding: 8px;

 border: 1px solid #999999;

 background: #FFFFFF url(/Templates/_images/ListHolder.jpg) repeat-x top;

}

/* Hides from IE Mac \*/

* html .ListHolder {

   height: 1%; }

.ListHolder {

   display: block; }

/* End hide from IE-mac */

 

.ListItem {

 position: relative;

 margin: 0.4em 0;

 padding: 0.1em 0;

 display: block;

 width: auto;

}

 

 /* Custom Title */

 .ListCustomTitle {

         font-size: 1.4em;

         font-weight: bold;

         margin: 0px;

         padding: 0px;

 }

 

 /* Separators */

 .ListPrimarySeparator {

         margin: 0.2em 0;

         font-size: 1.3em;

         font-weight: bold;

 }

 .ListSecondarySeparator {

         margin: 0.2em 0;

         font-size: 1.3em;

         font-weight: bold;

 }

 /* Separators */

 .ListCategory {

         margin: 0.2em 0;

         font-size: 1.2em;

 }

 .ListSubCategory {

         margin: 0.2em 0;

         font-size: 1.2em;

         padding: 0 0 0 0.6em ;

 }

 

 /* Thumbnail */

 .ListThumbnail {

         float: right;

         margin: 0.3em 0em 0em 0.3em;

         border-style: none;

 }

 

 /* Title */

         .ListTitle {

                 margin: 0.3em 0;

                 padding: 0;

                 font-size: 1.2em;

                 font-weight: bold;

                 text-decoration: none;

         }

         .ListTitle a:visited, 

         .ListTitle a:link, 

         .ListTitle a:hover {

                 text-decoration: underline;

         }

 

 /* Date, Keywords */

         .ListAuthor,

         .ListItemDate,

         .ListKeywords,

         .ListCode {

                 margin: 0 0 0 0;

                 font-size: 1em;

         }

 /* Product Catalogue SKU, Price, SalePrice */

         .ListSKU,

         .ListPrice,

         .ListSalePrice {

                 margin: 0 0 0 0;

                 font-size: 1em;

         }

 /* Summary */

         .ListSummary {

                 margin: 0 0 0 0;

                 line-height: 1.3em;

         }

         .ListSummary a {

         }

 

 /* Creator, Created Date, Updator, Updated Date */

         .ListCreator,

         .ListCreatedDate {

                 font-size: 1em;

                 margin: 0 0 0 0;

                 font-style: italic;

                 float: left;

                 clear: left;

         }

         .ListUpdator,

         .ListUpdatedDate {

                 font-size: 1em;

                 margin: 0 0 0 0;

                 font-style: italic;

                 float: right;

                 clear: right;

         }

 

 /* EndItem (Visual break between each list item) */

         .ListEndItem {

                 font-size: 0px;

                 margin: 0 0 0 0;

                 float: none;

                 clear: both;

         }

         

Topic Link