Loading external CSS files

   config.extraPlugins = 'stylesheetparser';
   config.contentsCss = 'mystylesheet.css';
   config.stylesSet = [];

body {
   background-image: url(images/wallpaper.jpg);
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   a:link {
   color: #00F;
}
a:visited {
   color: #00F;
}
a:hover {
   color: #09F;
}
a:active {
   color: #F00;
}
}

.SectionTitle1 {
   font-family: "Arial Black", Gadget, sans-serif;
   color: #009;
   font-weight: 900;
   text-align: center;
   font-size: small;
}
.TableText {
   font-family: Tahoma, Geneva, sans-serif;
   font-size: small;
   color: #000;
   text-align: center;
   font-weight: normal;
}
.table-center {
   text-align: center;
}

#form1 table {
   text-align: center;
}
.warning {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bolder;
   color: #F00;
}

Wed, 06/08/2011 - 19:36

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: Loading external CSS files

The stylesheet parser plugin, requires that in your css file you specify both the tag and class, so you have to specify something like this

h1.SectionTitle1 {
   font-family: "Arial Black", Gadget, sans-serif;
   color: #009;
   font-weight: 900;
   text-align: center;
   font-size: small;
}
table.TableText {
   font-family: Tahoma, Geneva, sans-serif;
   font-size: small;
   color: #000;
   text-align: center;
   font-weight: normal;
}
td.table-center {
   text-align: center;
}
div.warning {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bolder;
   color: #F00;
}

This is due to the current behavior of the style system that requires each style definition to apply on an element, you can't create a definition to "apply this class on whatever is the current element"

PS: the beginning of the styles have the "a" styles incorrectly placed inside the "body".