Standard Templates Style
Due to the Template structure, the style can only be controlled by the 5 style sheets or by inline style
yul_al.css
- body tag: used to setup the default font-family, font-size color, background of the whole page
- div, img set to no marging, no padding, no border
- td set the verticle-align to the top, not the default center
- class nodec, bold, smallfont etc. to control text size, text-weight, text-decoration
- td.titleimg to set the title image location
yul_lc.css, yul_ls.css, ytul_rt.css
- The only function for these style sheet is set the <a> tag link color fromt default in yul_al.
Customizable Templates Style
There are several possible style add on for this template.
yul_layout.css
- General control for body, div, img, td as in yul_al.css
- Decorative image, content etc. layout control, specify the height, width, location
- Global default image, text font, color control
yul_01.css, yul_02.css, yul_03.css, yul_04.css, yul_05.css
- Mainly for text background, color control for different color theme
dept.css
- If you don't like some of the style setting in above sheets, you can create another style sheet with your own name, copy and paste the one that you are going to change into this sheet, and do the change, be sure the link of this style sheet has to be in order of yul_layout, yul_01.css (choose one of the 5 color scheme), dept.css (of your own). Put the later two into the include dept_p_style.html for easy to make change globally for your site. The link href should have the value like /your_dept_site_name/Templates/dept.css that we will talk more later.
<style type="text/css"></style>
- Add under the line <!-- Add or change style for this page here --> to specific the style for this local page
Inline Style
- <p style="color:sienna; margin-left: 25px">Just for this paragraph</p>
