Rev 14267 | Rev 17898 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
Rev | Author | Line No. | Line |
---|---|---|---|
11176 | bpr | 1 | <h2 class="wimscenter">CSS</h2> |
2 | |||
3 | !set a=!record 0 of wimshome/public_html/bases/sys/css_classes |
||
11177 | bpr | 4 | !set a=!nonempty lines $a |
5 | !set acnt=!linecnt $a |
||
11176 | bpr | 6 | |
11177 | bpr | 7 | <table class="wimsborder wimscenter"> |
13995 | bpr | 8 | !for j = 1 to $acnt |
17544 | bpr | 9 | !set aa=!line $j of $a |
10 | !if $(aa[1])!=$empty and $(aa[2])!=$empty |
||
11 | <tr><th>$(aa[1])</th><td>$(aa[2..-1])</td></tr> |
||
12 | !endif |
||
11177 | bpr | 13 | !next |
13729 | bpr | 14 | <tr><th><span class="wims_color1">wims_color1</span></th><td>theme style for menu</td></tr> |
15 | <tr><th><span class="wims_color2">wims_color2</span></th><td>theme style for button</td></tr> |
||
16 | <tr><th><span class="wims_color3">wims_color3</span></th><td>theme style for help button</td></tr> |
||
11177 | bpr | 17 | </table> |
13995 | bpr | 18 | |
19 | One can also use the var() CSS functions instead of any part of a value of another property |
||
20 | to insert their values. |
||
21 | <pre> |
||
22 | --wims_bgcolor |
||
23 | --wims_link_color |
||
24 | --wims_vlink_color |
||
25 | --wims_hlink_color |
||
26 | --wims_ref_menucolor |
||
27 | --wims_ref_bgcolor |
||
28 | --wims_ref_button_color |
||
29 | --wims_ref_button_bgcolor |
||
30 | </pre> |
||
31 | <pre> |
||
14267 | bpr | 32 | <style> .mystyle { |
13995 | bpr | 33 | padding:1em;border-left:solid; |
34 | border-left-width:.2em; |
||
14266 | bpr | 35 | border-left-color:var(--wims_ref_bgcolor); |
13995 | bpr | 36 | } |
37 | </style> |
||
38 | </pre> |
||
39 | <style> |
||
40 | .mystyle {padding:1em; |
||
41 | border-left:solid; |
||
42 | border-left-width:.2em; |
||
14191 | bpr | 43 | border-left-color:var(--wims_ref_bgcolor); |
13995 | bpr | 44 | } |
45 | </style> |
||
17544 | bpr | 46 | |
47 | Another example which can be useful: |
||
48 | <pre> |
||
49 | <div class="wims_columns"> |
||
50 | <div class="medium_size img_col">image</div> |
||
51 | <div class="medium_size text_col">text</div> |
||
52 | </div> |
||
53 | </pre> |