vebdew 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/README.md +70 -42
- data/VERSION +1 -1
- data/lib/template/css/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- data/lib/template/css/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
- data/lib/template/css/images/ui-bg_gloss-wave_16_121212_500x100.png +0 -0
- data/lib/template/css/images/ui-bg_highlight-hard_15_888888_1x100.png +0 -0
- data/lib/template/css/images/ui-bg_highlight-hard_55_555555_1x100.png +0 -0
- data/lib/template/css/images/ui-bg_highlight-soft_35_adadad_1x100.png +0 -0
- data/lib/template/css/images/ui-bg_highlight-soft_60_dddddd_1x100.png +0 -0
- data/lib/template/css/images/ui-bg_inset-soft_15_121212_1x100.png +0 -0
- data/lib/template/css/images/ui-icons_666666_256x240.png +0 -0
- data/lib/template/css/images/ui-icons_aaaaaa_256x240.png +0 -0
- data/lib/template/css/images/ui-icons_bbbbbb_256x240.png +0 -0
- data/lib/template/css/images/ui-icons_c98000_256x240.png +0 -0
- data/lib/template/css/images/ui-icons_cccccc_256x240.png +0 -0
- data/lib/template/css/images/ui-icons_cd0a0a_256x240.png +0 -0
- data/lib/template/css/images/ui-icons_f29a00_256x240.png +0 -0
- data/lib/template/css/jquery-ui.css +306 -0
- data/lib/template/css/main.css +800 -0
- data/lib/template/css/reset.css +57 -0
- data/lib/template/css/ruler.css +34 -0
- data/lib/template/css/sample.css +128 -0
- data/lib/template/css/styles.css +102 -0
- data/lib/template/js/index.js +57 -0
- data/lib/template/js/init.js +6 -0
- data/lib/template/js/jquery-ui.min.js +76 -0
- data/lib/template/js/jquery.min.js +4 -0
- data/lib/template/js/reveal.js +705 -0
- data/lib/template/js/ruler.js +9 -0
- data/lib/template/js/sample.js +120 -0
- data/lib/template/vew/sample.vew +1 -1
- data/lib/vebdew/parser.rb +5 -1
- data/vebdew.gemspec +29 -1
- metadata +40 -12
data/README.md
CHANGED
|
@@ -1,35 +1,50 @@
|
|
|
1
1
|
# vebdew
|
|
2
2
|
|
|
3
|
-
A simple HTML5 slide
|
|
4
|
-
|
|
3
|
+
A simple HTML5 slide generator.
|
|
4
|
+
Converts vew files into HTML5 slides.
|
|
5
|
+
|
|
6
|
+
## Library used
|
|
7
|
+
- reveal.js
|
|
8
|
+
- erubis
|
|
9
|
+
|
|
10
|
+
## Install
|
|
11
|
+
```
|
|
12
|
+
gem install vebdew
|
|
13
|
+
```
|
|
5
14
|
|
|
6
15
|
## Usage
|
|
7
16
|
|
|
8
|
-
|
|
17
|
+
Run `new` to create a new project, `generate` to convert all vew files in the project to HTML. If you want to manually convert vew files, run `compile`.
|
|
18
|
+
|
|
19
|
+
```
|
|
20
|
+
Usage: vebdew COMMAND
|
|
9
21
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
22
|
+
Directory:
|
|
23
|
+
- /vew \# Vew file
|
|
24
|
+
- template.erb
|
|
25
|
+
- /css \# CSS styles
|
|
26
|
+
- /js \# Javascript files
|
|
27
|
+
- *.html \# Compiled html slides
|
|
16
28
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
29
|
+
Commands:
|
|
30
|
+
new \# Create a new slide project
|
|
31
|
+
generate \# Generate slides for current directory (shortcut: g)
|
|
32
|
+
compile \# Compiles single file into HTML5 slides (shortcut: c)
|
|
33
|
+
\# [VEW FILE] [ERB TEMPLATE] [HTML SLIDE]
|
|
34
|
+
```
|
|
22
35
|
|
|
23
36
|
## Vew file syntax
|
|
24
37
|
|
|
25
38
|
### Head elements
|
|
26
39
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
40
|
+
```
|
|
41
|
+
:title <Page title>
|
|
42
|
+
:description <Description>
|
|
43
|
+
:author <Author Name>
|
|
44
|
+
:email <Author email>
|
|
45
|
+
:stylesheet_link_tag <File Path>
|
|
46
|
+
:javascript_include_tag <File Path>
|
|
47
|
+
```
|
|
33
48
|
|
|
34
49
|
- Head elements should be put on the top of the document.
|
|
35
50
|
- When any of the body elements are reached, head element is closed. That is, </head> is emitted and the Reveal.js body structure is established.
|
|
@@ -37,61 +52,74 @@ Using reveal.js as default.
|
|
|
37
52
|
### !SLIDE, !ENDSLIDE
|
|
38
53
|
|
|
39
54
|
Marks the starting and ending of a slide (`<section>`) block.
|
|
40
|
-
Current slide is closed and a new slide is created when a
|
|
55
|
+
Current slide is closed and a new slide is created when a `!SLIDE` token is encountered. Thus the ending is not mandatory.
|
|
41
56
|
|
|
42
57
|
### !STACK, !ENDSTACK
|
|
43
|
-
Marks the starting and ending of a stack (vertical slide stack). Rules are the same as
|
|
58
|
+
Marks the starting and ending of a stack (vertical slide stack). Rules are the same as `!SLIDE` and `!ENDSLIDE`.
|
|
44
59
|
|
|
45
60
|
### Code spans & code blocks
|
|
46
|
-
Code spans are wrapped by
|
|
61
|
+
Code spans are wrapped by backticks. This emits a `<code>` block. Brackets (<, >) are escaped to < and > automatically. Escaptions are available in code spans.
|
|
47
62
|
|
|
48
|
-
Two types of code blocks are supported here. The code blocks wrapped in three or more
|
|
63
|
+
Two types of code blocks are supported here. The code blocks wrapped in three or more backticks. This kind of code blocks emits `<code>...</code>`. The second kind is wrapped in three or more `~`s. This kind of code blocks emits `<script type="text/x-sample">...</script>`, which makes uses of sample.js.
|
|
49
64
|
|
|
50
65
|
|
|
51
66
|
### HTML elements
|
|
52
|
-
HTML tags are allowed in the syntax and is outputted as-is. Since we do not have any token that emits custom
|
|
67
|
+
HTML tags are allowed in the syntax and is outputted as-is. Since we do not have any token that emits custom `<div>`, one can write `<div class="whatever" id="they-want"></div>` in vebdew directly.
|
|
53
68
|
|
|
54
69
|
### Headers
|
|
55
70
|
The following syntaxes are allowed:
|
|
56
71
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
72
|
+
```
|
|
73
|
+
# H1 Header
|
|
74
|
+
## H2 Header
|
|
75
|
+
...
|
|
76
|
+
###### H6 Header
|
|
61
77
|
|
|
62
|
-
|
|
63
|
-
|
|
78
|
+
H1 Header
|
|
79
|
+
=========
|
|
64
80
|
|
|
65
|
-
|
|
66
|
-
|
|
81
|
+
H2 Header
|
|
82
|
+
---------
|
|
83
|
+
```
|
|
67
84
|
|
|
68
85
|
### Horizontal Rules
|
|
69
|
-
Three or more
|
|
86
|
+
Three or more `-` in a row with a leading and trailing blank line emits a `<hr>` tag.
|
|
70
87
|
|
|
71
88
|
### Paragraphs
|
|
72
89
|
Lines with leading and trailing blank lines, if not matched by any of the rules above, are treated as a paragraph. (p element).
|
|
73
90
|
|
|
74
91
|
### Attributes
|
|
75
92
|
CSS-Selector like decorators can be appended to any of the elements above. The syntax is like:
|
|
76
|
-
|
|
93
|
+
|
|
94
|
+
```
|
|
95
|
+
{:#ID.class[attr=value]}
|
|
96
|
+
```
|
|
97
|
+
|
|
77
98
|
Such examples are:
|
|
78
99
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
100
|
+
```
|
|
101
|
+
{:.inverted}
|
|
102
|
+
Introducing HTML
|
|
103
|
+
================
|
|
104
|
+
```
|
|
82
105
|
|
|
83
106
|
generating
|
|
84
107
|
|
|
85
|
-
|
|
108
|
+
```
|
|
109
|
+
<h1 class="inverted">Introducing HTML</h1>
|
|
110
|
+
```
|
|
86
111
|
|
|
87
112
|
Another example is:
|
|
88
113
|
|
|
89
|
-
|
|
114
|
+
```
|
|
115
|
+
`<input>` tag has an attribute called `type`{:.attr[title="checkbox|radio|submit"]}
|
|
116
|
+
```
|
|
90
117
|
|
|
91
118
|
emits
|
|
92
119
|
|
|
93
|
-
|
|
94
|
-
|
|
120
|
+
```
|
|
121
|
+
<code><input></code> tag has an attribute called <code class="attr" title="checkbox|radio|submit">type</code>
|
|
122
|
+
```
|
|
95
123
|
|
|
96
124
|
## Copyright
|
|
97
125
|
|
data/VERSION
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
0.0.
|
|
1
|
+
0.0.3
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,306 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* jQuery UI CSS Framework 1.8.18
|
|
3
|
+
*
|
|
4
|
+
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|
5
|
+
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|
6
|
+
* http://jquery.org/license
|
|
7
|
+
*
|
|
8
|
+
* http://docs.jquery.com/UI/Theming/API
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
/* Layout helpers
|
|
12
|
+
----------------------------------*/
|
|
13
|
+
.ui-helper-hidden { display: none; }
|
|
14
|
+
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
|
|
15
|
+
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
|
|
16
|
+
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
|
|
17
|
+
.ui-helper-clearfix:after { clear: both; }
|
|
18
|
+
.ui-helper-clearfix { zoom: 1; }
|
|
19
|
+
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
/* Interaction Cues
|
|
23
|
+
----------------------------------*/
|
|
24
|
+
.ui-state-disabled { cursor: default !important; }
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
/* Icons
|
|
28
|
+
----------------------------------*/
|
|
29
|
+
|
|
30
|
+
/* states and images */
|
|
31
|
+
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
/* Misc visuals
|
|
35
|
+
----------------------------------*/
|
|
36
|
+
|
|
37
|
+
/* Overlays */
|
|
38
|
+
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
/*
|
|
42
|
+
* jQuery UI CSS Framework 1.8.18
|
|
43
|
+
*
|
|
44
|
+
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|
45
|
+
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|
46
|
+
* http://jquery.org/license
|
|
47
|
+
*
|
|
48
|
+
* http://docs.jquery.com/UI/Theming/API
|
|
49
|
+
*
|
|
50
|
+
* To view and modify this theme, visit http://jqueryui.com/themeroller/?tr&ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1&fsDefaultUnit=em&cornerRadius=5&cornerRadiusUnit=px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a
|
|
51
|
+
*/
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
/* Component containers
|
|
55
|
+
----------------------------------*/
|
|
56
|
+
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
|
|
57
|
+
.ui-widget .ui-widget { font-size: 1em; }
|
|
58
|
+
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
|
|
59
|
+
.ui-widget-content { border: 1px solid #404040; background: #121212 url(images/ui-bg_gloss-wave_16_121212_500x100.png) 50% top repeat-x; color: #eeeeee; }
|
|
60
|
+
.ui-widget-content a { color: #eeeeee; }
|
|
61
|
+
.ui-widget-header { border: 1px solid #404040; background: #888888 url(images/ui-bg_highlight-hard_15_888888_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
|
|
62
|
+
.ui-widget-header a { color: #ffffff; }
|
|
63
|
+
|
|
64
|
+
/* Interaction states
|
|
65
|
+
----------------------------------*/
|
|
66
|
+
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #adadad url(images/ui-bg_highlight-soft_35_adadad_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #333333; }
|
|
67
|
+
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
|
|
68
|
+
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url(images/ui-bg_highlight-soft_60_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }
|
|
69
|
+
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
|
|
70
|
+
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #000000; background: #121212 url(images/ui-bg_inset-soft_15_121212_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
|
|
71
|
+
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
|
|
72
|
+
.ui-widget :active { outline: none; }
|
|
73
|
+
|
|
74
|
+
/* Interaction Cues
|
|
75
|
+
----------------------------------*/
|
|
76
|
+
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #404040; background: #555555 url(images/ui-bg_highlight-hard_55_555555_1x100.png) 50% top repeat-x; color: #cccccc; }
|
|
77
|
+
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #cccccc; }
|
|
78
|
+
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
|
|
79
|
+
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
|
|
80
|
+
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
|
|
81
|
+
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
|
|
82
|
+
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
|
|
83
|
+
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
|
|
84
|
+
|
|
85
|
+
/* Icons
|
|
86
|
+
----------------------------------*/
|
|
87
|
+
|
|
88
|
+
/* states and images */
|
|
89
|
+
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_bbbbbb_256x240.png); }
|
|
90
|
+
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
|
|
91
|
+
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_cccccc_256x240.png); }
|
|
92
|
+
.ui-state-default .ui-icon { background-image: url(images/ui-icons_666666_256x240.png); }
|
|
93
|
+
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_c98000_256x240.png); }
|
|
94
|
+
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f29a00_256x240.png); }
|
|
95
|
+
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_aaaaaa_256x240.png); }
|
|
96
|
+
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
|
|
97
|
+
|
|
98
|
+
/* positioning */
|
|
99
|
+
.ui-icon-carat-1-n { background-position: 0 0; }
|
|
100
|
+
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
|
101
|
+
.ui-icon-carat-1-e { background-position: -32px 0; }
|
|
102
|
+
.ui-icon-carat-1-se { background-position: -48px 0; }
|
|
103
|
+
.ui-icon-carat-1-s { background-position: -64px 0; }
|
|
104
|
+
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
|
105
|
+
.ui-icon-carat-1-w { background-position: -96px 0; }
|
|
106
|
+
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
|
107
|
+
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
|
108
|
+
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
|
109
|
+
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
|
110
|
+
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
|
111
|
+
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
|
112
|
+
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
|
113
|
+
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
|
114
|
+
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
|
115
|
+
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
|
116
|
+
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
|
117
|
+
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
|
118
|
+
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
|
119
|
+
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
|
120
|
+
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
|
121
|
+
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
|
122
|
+
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
|
123
|
+
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
|
124
|
+
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
|
125
|
+
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
|
126
|
+
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
|
127
|
+
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
|
128
|
+
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
|
129
|
+
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
|
130
|
+
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
|
131
|
+
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
|
132
|
+
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
|
133
|
+
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
|
134
|
+
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
|
135
|
+
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
|
136
|
+
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
|
137
|
+
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
|
138
|
+
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
|
139
|
+
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
|
140
|
+
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
|
141
|
+
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
|
142
|
+
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
|
143
|
+
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
|
144
|
+
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
|
145
|
+
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
|
146
|
+
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
|
147
|
+
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
|
148
|
+
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
|
149
|
+
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
|
150
|
+
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
|
151
|
+
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
|
152
|
+
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
|
153
|
+
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
|
154
|
+
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
|
155
|
+
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
|
156
|
+
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
|
157
|
+
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
|
158
|
+
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
|
159
|
+
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
|
160
|
+
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
|
161
|
+
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
|
162
|
+
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
|
163
|
+
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
|
164
|
+
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
|
165
|
+
.ui-icon-extlink { background-position: -32px -80px; }
|
|
166
|
+
.ui-icon-newwin { background-position: -48px -80px; }
|
|
167
|
+
.ui-icon-refresh { background-position: -64px -80px; }
|
|
168
|
+
.ui-icon-shuffle { background-position: -80px -80px; }
|
|
169
|
+
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
|
170
|
+
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
|
171
|
+
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
|
172
|
+
.ui-icon-folder-open { background-position: -16px -96px; }
|
|
173
|
+
.ui-icon-document { background-position: -32px -96px; }
|
|
174
|
+
.ui-icon-document-b { background-position: -48px -96px; }
|
|
175
|
+
.ui-icon-note { background-position: -64px -96px; }
|
|
176
|
+
.ui-icon-mail-closed { background-position: -80px -96px; }
|
|
177
|
+
.ui-icon-mail-open { background-position: -96px -96px; }
|
|
178
|
+
.ui-icon-suitcase { background-position: -112px -96px; }
|
|
179
|
+
.ui-icon-comment { background-position: -128px -96px; }
|
|
180
|
+
.ui-icon-person { background-position: -144px -96px; }
|
|
181
|
+
.ui-icon-print { background-position: -160px -96px; }
|
|
182
|
+
.ui-icon-trash { background-position: -176px -96px; }
|
|
183
|
+
.ui-icon-locked { background-position: -192px -96px; }
|
|
184
|
+
.ui-icon-unlocked { background-position: -208px -96px; }
|
|
185
|
+
.ui-icon-bookmark { background-position: -224px -96px; }
|
|
186
|
+
.ui-icon-tag { background-position: -240px -96px; }
|
|
187
|
+
.ui-icon-home { background-position: 0 -112px; }
|
|
188
|
+
.ui-icon-flag { background-position: -16px -112px; }
|
|
189
|
+
.ui-icon-calendar { background-position: -32px -112px; }
|
|
190
|
+
.ui-icon-cart { background-position: -48px -112px; }
|
|
191
|
+
.ui-icon-pencil { background-position: -64px -112px; }
|
|
192
|
+
.ui-icon-clock { background-position: -80px -112px; }
|
|
193
|
+
.ui-icon-disk { background-position: -96px -112px; }
|
|
194
|
+
.ui-icon-calculator { background-position: -112px -112px; }
|
|
195
|
+
.ui-icon-zoomin { background-position: -128px -112px; }
|
|
196
|
+
.ui-icon-zoomout { background-position: -144px -112px; }
|
|
197
|
+
.ui-icon-search { background-position: -160px -112px; }
|
|
198
|
+
.ui-icon-wrench { background-position: -176px -112px; }
|
|
199
|
+
.ui-icon-gear { background-position: -192px -112px; }
|
|
200
|
+
.ui-icon-heart { background-position: -208px -112px; }
|
|
201
|
+
.ui-icon-star { background-position: -224px -112px; }
|
|
202
|
+
.ui-icon-link { background-position: -240px -112px; }
|
|
203
|
+
.ui-icon-cancel { background-position: 0 -128px; }
|
|
204
|
+
.ui-icon-plus { background-position: -16px -128px; }
|
|
205
|
+
.ui-icon-plusthick { background-position: -32px -128px; }
|
|
206
|
+
.ui-icon-minus { background-position: -48px -128px; }
|
|
207
|
+
.ui-icon-minusthick { background-position: -64px -128px; }
|
|
208
|
+
.ui-icon-close { background-position: -80px -128px; }
|
|
209
|
+
.ui-icon-closethick { background-position: -96px -128px; }
|
|
210
|
+
.ui-icon-key { background-position: -112px -128px; }
|
|
211
|
+
.ui-icon-lightbulb { background-position: -128px -128px; }
|
|
212
|
+
.ui-icon-scissors { background-position: -144px -128px; }
|
|
213
|
+
.ui-icon-clipboard { background-position: -160px -128px; }
|
|
214
|
+
.ui-icon-copy { background-position: -176px -128px; }
|
|
215
|
+
.ui-icon-contact { background-position: -192px -128px; }
|
|
216
|
+
.ui-icon-image { background-position: -208px -128px; }
|
|
217
|
+
.ui-icon-video { background-position: -224px -128px; }
|
|
218
|
+
.ui-icon-script { background-position: -240px -128px; }
|
|
219
|
+
.ui-icon-alert { background-position: 0 -144px; }
|
|
220
|
+
.ui-icon-info { background-position: -16px -144px; }
|
|
221
|
+
.ui-icon-notice { background-position: -32px -144px; }
|
|
222
|
+
.ui-icon-help { background-position: -48px -144px; }
|
|
223
|
+
.ui-icon-check { background-position: -64px -144px; }
|
|
224
|
+
.ui-icon-bullet { background-position: -80px -144px; }
|
|
225
|
+
.ui-icon-radio-off { background-position: -96px -144px; }
|
|
226
|
+
.ui-icon-radio-on { background-position: -112px -144px; }
|
|
227
|
+
.ui-icon-pin-w { background-position: -128px -144px; }
|
|
228
|
+
.ui-icon-pin-s { background-position: -144px -144px; }
|
|
229
|
+
.ui-icon-play { background-position: 0 -160px; }
|
|
230
|
+
.ui-icon-pause { background-position: -16px -160px; }
|
|
231
|
+
.ui-icon-seek-next { background-position: -32px -160px; }
|
|
232
|
+
.ui-icon-seek-prev { background-position: -48px -160px; }
|
|
233
|
+
.ui-icon-seek-end { background-position: -64px -160px; }
|
|
234
|
+
.ui-icon-seek-start { background-position: -80px -160px; }
|
|
235
|
+
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
|
236
|
+
.ui-icon-seek-first { background-position: -80px -160px; }
|
|
237
|
+
.ui-icon-stop { background-position: -96px -160px; }
|
|
238
|
+
.ui-icon-eject { background-position: -112px -160px; }
|
|
239
|
+
.ui-icon-volume-off { background-position: -128px -160px; }
|
|
240
|
+
.ui-icon-volume-on { background-position: -144px -160px; }
|
|
241
|
+
.ui-icon-power { background-position: 0 -176px; }
|
|
242
|
+
.ui-icon-signal-diag { background-position: -16px -176px; }
|
|
243
|
+
.ui-icon-signal { background-position: -32px -176px; }
|
|
244
|
+
.ui-icon-battery-0 { background-position: -48px -176px; }
|
|
245
|
+
.ui-icon-battery-1 { background-position: -64px -176px; }
|
|
246
|
+
.ui-icon-battery-2 { background-position: -80px -176px; }
|
|
247
|
+
.ui-icon-battery-3 { background-position: -96px -176px; }
|
|
248
|
+
.ui-icon-circle-plus { background-position: 0 -192px; }
|
|
249
|
+
.ui-icon-circle-minus { background-position: -16px -192px; }
|
|
250
|
+
.ui-icon-circle-close { background-position: -32px -192px; }
|
|
251
|
+
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
|
252
|
+
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
|
253
|
+
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
|
254
|
+
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
|
255
|
+
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
|
256
|
+
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
|
257
|
+
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
|
258
|
+
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
|
259
|
+
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
|
260
|
+
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
|
261
|
+
.ui-icon-circle-check { background-position: -208px -192px; }
|
|
262
|
+
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
|
263
|
+
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
|
264
|
+
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
|
265
|
+
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
|
266
|
+
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
|
267
|
+
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
|
268
|
+
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
|
269
|
+
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
|
270
|
+
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
|
271
|
+
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
|
272
|
+
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
|
273
|
+
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
/* Misc visuals
|
|
277
|
+
----------------------------------*/
|
|
278
|
+
|
|
279
|
+
/* Corner radius */
|
|
280
|
+
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
|
|
281
|
+
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
|
|
282
|
+
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
|
|
283
|
+
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
|
|
284
|
+
|
|
285
|
+
/* Overlays */
|
|
286
|
+
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
|
|
287
|
+
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
|
|
288
|
+
* jQuery UI Resizable 1.8.18
|
|
289
|
+
*
|
|
290
|
+
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|
291
|
+
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|
292
|
+
* http://jquery.org/license
|
|
293
|
+
*
|
|
294
|
+
* http://docs.jquery.com/UI/Resizable#theming
|
|
295
|
+
*/
|
|
296
|
+
.ui-resizable { position: relative;}
|
|
297
|
+
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
|
|
298
|
+
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
|
299
|
+
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
|
|
300
|
+
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
|
|
301
|
+
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
|
|
302
|
+
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
|
|
303
|
+
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
|
304
|
+
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
|
305
|
+
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
|
306
|
+
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
|