I have copied this code into template.css, but can't get the Module Class Suffixes to show up in the template. What I am missing here?
- Code: Select all
.box,
.box_menu,
.box_text { overflow: hidden; margin-top:8px; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.box:first-child,
.box_menu:first-child,
.box_text:first-child { margin-top: 0!important; }
.box > div,
.box_menu > div,
.box_text > div { margin: 12px; }
.box_content { padding: 0; overflow: hidden; color:#444; font-size:13px; line-height:1.2; }
.box li,
.box_text li { background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px; line-height: 24px; padding-left: 13px; }
.box li:first-child,
.box_menu li:first-child,
.box_text li:first-child { }
/*--- default */
.box > div > h3.header,
.box_text > div > h3.header { height: 15px; font-size: 18px; font-weight: normal; text-transform: uppercase; margin: 22px 0 14px 0; padding: 0; border-bottom: 1px solid #e0e0e0; border-top: 3px solid #ea1c1c; color: #333; }
.box > div > h3.header > span,
.box_text > div > h3.header > span { margin-top: -18px; display: block; padding-right: 12px; background: #fff; float: left; }
/* dotted */
.box.dotted > div > h3.header,
.box_text.dotted > div > h3.header { border-top: none!important; border-bottom: none!important; height: 19px!important; margin: 18px 0 14px 0!important; background: transparent url('../images/dotted_bg.png') repeat-x 0 0; }
.box.dotted > div > h3.header > span,
.box_text.dotted > div > h3.header > span { margin-top: -14px!important; }
/* advert */
.box.advert h3.advert { border-bottom:1px solid #e0e0e0; color:#a5a4a4; font-size: 9px; text-transform: uppercase; line-height: 9px; padding-bottom: 6px; margin-bottom: 6px; text-align: right; font-weight: normal; }
/* colors */
.box.red > div > h3.header,
.box_text.red > div > h3.header { border-top-color: #ea1c1c; }
.box.blue > div > h3.header,
.box_text.blue > div > h3.header { border-top-color: #0e67a5; }
.box.green > div > h3.header,
.box_text.green > div > h3.header { border-top-color: #92c62d; }
.box.grey > div > h3.header,
.box_text.grey > div > h3.header { border-top-color: #b2b2b2; }
.box.black > div > h3.header,
.box_text.black > div > h3.header { border-top-color: #333; }
.box.orange > div > h3.header,
.box_text.orange > div > h3.header { border-top-color: #e2831d; }
.box.bronze > div > h3.header,
.box_text.bronze > div > h3.header { border-top-color: #88371b; }
.box.pink > div > h3.header,
.box_text.pink > div > h3.header { border-top-color: #c62d75; }
.box.gold > div > h3.header,
.box_text.gold > div > h3.header { border-top-color: #c6952d; }
.box.violet > div > h3.header,
.box_text.violet > div > h3.header { border-top-color: #992dc6; }
.box.yellow > div > h3.header,
.box_text.yellow > div > h3.header { border-top-color: #ebed38; }
