Subversion Repositories wimsdev

Rev

Rev 17898 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 17898 Rev 17899
Line 30... Line 30...
30 
  --wims_ref_bgcolor
 30 
  --wims_ref_bgcolor
31 
  --wims_ref_button_color
 31 
  --wims_ref_button_color
32 
  --wims_ref_button_bgcolor
 32 
  --wims_ref_button_bgcolor
33 
</pre>
 33 
</pre>
34 
For example, the following code prepares a frame
 34 
For example, the following code prepares a frame
35 
        that consists of a border of specific width and use the specific wims color.
 35 
        that consists of a border of specific width and use a specific wims color
- 
 
 36 
        (so it can change according to the WIMS server).
36 
<pre>
 37 
<pre>
37 
&lt;style> .mystyle {
 38 
&lt;style> .mystyle {
38 
  padding:1em;border-left:solid;
 39 
  padding:1em;border-left:solid;
39 
  border-left-width:.2em;
 40 
  border-left-width:.2em;
40 
  border-left-color:var(--wims_ref_bgcolor);
 41 
  border-left-color:var(--wims_ref_bgcolor);
Line 47... Line 48...
47 
  border-left-width:.2em;
 48 
  border-left-width:.2em;
48 
  border-left-color:var(--wims_ref_bgcolor);
 49 
  border-left-color:var(--wims_ref_bgcolor);
49 
  }
 50 
  }
50 
</style>
 51 
</style>
51 
 
 52 
 
52 
Another example which can be useful in the exercise code for preparing
 53 
The following example is useful in the exercise code for preparing
53 
two boxes side by side, for example an image and some text.
 54 
two boxes side by side, for example an image and some text.
54 
The result will be responsive, so the display will adapt to the screen size.
 55 
The result will be responsive, so the display will adapt to the screen size.
55 
<pre>
 56 
<pre>
56 
&lt;div class="wims_columns">
 57 
&lt;div class="wims_columns">
57 
  &lt;div class="medium_size img_col">image&lt;/div>
 58 
  &lt;div class="medium_size img_col">image&lt;/div>