Subversion Repositories wimsdev

Rev

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
&lt;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
&lt;/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
&lt;div class="wims_columns">
50
  &lt;div class="medium_size img_col">image&lt;/div>
51
  &lt;div class="medium_size text_col">text&lt;/div>
52
&lt;/div>
53
</pre>