css3buttons 0.9.0 → 0.9.1
Sign up to get free protection for your applications and to get access to all the features.
- data/LICENSE +19 -0
- data/lib/css3buttons/version.rb +1 -1
- data/lib/generators/css3buttons/templates/public/images/css3buttons_backgrounds.png +0 -0
- data/lib/generators/css3buttons/templates/public/images/css3buttons_icons.png +0 -0
- data/lib/generators/css3buttons/templates/public/stylesheets/css3buttons.css +88 -0
- data/lib/generators/css3buttons/templates/public/stylesheets/reset.css +67 -0
- metadata +9 -5
- data/.gitmodules +0 -3
data/LICENSE
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
Copyright (c) 2011, Nicholas Bruning
|
2
|
+
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
4
|
+
of this software and associated documentation files (the "Software"), to deal
|
5
|
+
in the Software without restriction, including without limitation the rights
|
6
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
7
|
+
copies of the Software, and to permit persons to whom the Software is
|
8
|
+
furnished to do so, subject to the following conditions:
|
9
|
+
|
10
|
+
The above copyright notice and this permission notice shall be included in
|
11
|
+
all copies or substantial portions of the Software.
|
12
|
+
|
13
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
14
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
15
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
16
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
17
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
18
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
19
|
+
THE SOFTWARE.
|
data/lib/css3buttons/version.rb
CHANGED
Binary file
|
@@ -0,0 +1,88 @@
|
|
1
|
+
a.button, button { display: inline-block; padding: 6px 5px 5px 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; }
|
2
|
+
button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
|
3
|
+
button::-moz-focus-inner { border: 0; padding:0px; }
|
4
|
+
a.button.primary, button.primary { font-weight: bold }
|
5
|
+
a.button:focus, button:focus,
|
6
|
+
a.button:hover, button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
|
7
|
+
a.button:active, button:active,
|
8
|
+
a.button.active, button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
|
9
|
+
a.button:active, button:active { top: 1px }
|
10
|
+
a.button.negative:focus, button.negative:focus,
|
11
|
+
a.button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
|
12
|
+
a.button.negative:active, button.negative:active,
|
13
|
+
a.button.negative.active, button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
|
14
|
+
a.button.positive:focus, button.positive:focus,
|
15
|
+
a.button.positive:hover, button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
|
16
|
+
a.button.positive:active, button.positive:active,
|
17
|
+
a.button.positive.active, button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
|
18
|
+
a.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }
|
19
|
+
a.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; }
|
20
|
+
a.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; border-left: none; }
|
21
|
+
a.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
|
22
|
+
a.button.left:active, button.left:active,
|
23
|
+
a.button.middle:active, button.middle:active,
|
24
|
+
a.button.right:active, button.right:active { top: 0px }
|
25
|
+
a.button.big, button.big { font-size: 16px; padding-left: 17px; padding-right: 17px; }
|
26
|
+
button.big { *padding: 4px 17px 2px 17px; }
|
27
|
+
a.button span.icon, button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 2px; *top: 0px; background-image: url('../images/css3buttons_icons.png'); background-repeat: no-repeat; }
|
28
|
+
a.big.button span.icon, button.big span.icon, { top: 0px }
|
29
|
+
a.button span.icon.book, button span.icon.book { background-position: 0 0 }
|
30
|
+
a.button:hover span.icon.book, button:hover span.icon.book { background-position: 0 -15px }
|
31
|
+
a.button span.icon.calendar, button span.icon.calendar { background-position: 0 -30px }
|
32
|
+
a.button:hover span.icon.calendar, button:hover span.icon.calendar { background-position: 0 -45px }
|
33
|
+
a.button span.icon.chat, button span.icon.chat { background-position: 0 -60px }
|
34
|
+
a.button:hover span.icon.chat, button:hover span.icon.chat { background-position: 0 -75px }
|
35
|
+
a.button span.icon.check, button span.icon.check { background-position: 0 -90px }
|
36
|
+
a.button:hover span.icon.check, button:hover span.icon.check { background-position: 0 -103px }
|
37
|
+
a.button span.icon.clock, button span.icon.clock { background-position: 0 -116px }
|
38
|
+
a.button:hover span.icon.clock, button:hover span.icon.clock { background-position: 0 -131px }
|
39
|
+
a.button span.icon.cog, button span.icon.cog { background-position: 0 -146px }
|
40
|
+
a.button:hover span.icon.cog, button:hover span.icon.cog { background-position: 0 -161px }
|
41
|
+
a.button span.icon.comment, button span.icon.comment { background-position: 0 -176px }
|
42
|
+
a.button:hover span.icon.comment, button:hover span.icon.comment { background-position: 0 -190px }
|
43
|
+
a.button span.icon.cross, button span.icon.cross { background-position: 0 -204px }
|
44
|
+
a.button:hover span.icon.cross, button:hover span.icon.cross { background-position: 0 -219px }
|
45
|
+
a.button span.icon.downarrow, button span.icon.downarrow { background-position: 0 -234px }
|
46
|
+
a.button:hover span.icon.downarrow, button:hover span.icon.downarrow { background-position: 0 -249px }
|
47
|
+
a.button span.icon.fork, button span.icon.fork { background-position: 0 -264px }
|
48
|
+
a.button:hover span.icon.fork, button:hover span.icon.fork { background-position: 0 -279px }
|
49
|
+
a.button span.icon.heart, button span.icon.heart { background-position: 0 -294px }
|
50
|
+
a.button:hover span.icon.heart, button:hover span.icon.heart { background-position: 0 -308px }
|
51
|
+
a.button span.icon.home, button span.icon.home { background-position: 0 -322px }
|
52
|
+
a.button:hover span.icon.home, button:hover span.icon.home { background-position: 0 -337px }
|
53
|
+
a.button span.icon.key, button span.icon.key { background-position: 0 -352px }
|
54
|
+
a.button:hover span.icon.key, button:hover span.icon.key { background-position: 0 -367px }
|
55
|
+
a.button span.icon.leftarrow, button span.icon.leftarrow { background-position: 0 -382px }
|
56
|
+
a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow { background-position: 0 -397px }
|
57
|
+
a.button span.icon.lock, button span.icon.lock { background-position: 0 -412px }
|
58
|
+
a.button:hover span.icon.lock, button:hover span.icon.lock { background-position: 0 -427px }
|
59
|
+
a.button span.icon.loop, button span.icon.loop { background-position: 0 -442px }
|
60
|
+
a.button:hover span.icon.loop, button:hover span.icon.loop { background-position: 0 -457px }
|
61
|
+
a.button span.icon.magnifier, button span.icon.magnifier { background-position: 0 -472px }
|
62
|
+
a.button:hover span.icon.magnifier, button:hover span.icon.magnifier { background-position: 0 -487px }
|
63
|
+
a.button span.icon.mail, button span.icon.mail { background-position: 0 -502px }
|
64
|
+
a.button:hover span.icon.mail, button:hover span.icon.mail { background-position: 0 -514px }
|
65
|
+
a.button span.icon.move, button span.icon.move { background-position: 0 -526px }
|
66
|
+
a.button:hover span.icon.move, button:hover span.icon.move { background-position: 0 -541px }
|
67
|
+
a.button span.icon.pen, button span.icon.pen { background-position: 0 -556px }
|
68
|
+
a.button:hover span.icon.pen, button:hover span.icon.pen { background-position: 0 -571px }
|
69
|
+
a.button span.icon.pin, button span.icon.pin { background-position: 0 -586px }
|
70
|
+
a.button:hover span.icon.pin, button:hover span.icon.pin { background-position: 0 -601px }
|
71
|
+
a.button span.icon.plus, button span.icon.plus { background-position: 0 -616px }
|
72
|
+
a.button:hover span.icon.plus, button:hover span.icon.plus { background-position: 0 -631px }
|
73
|
+
a.button span.icon.reload, button span.icon.reload { background-position: 0 -646px }
|
74
|
+
a.button:hover span.icon.reload, button:hover span.icon.reload { background-position: 0 -660px }
|
75
|
+
a.button span.icon.rightarrow, button span.icon.rightarrow { background-position: 0 -674px }
|
76
|
+
a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow { background-position: 0 -689px }
|
77
|
+
a.button span.icon.rss, button span.icon.rss { background-position: 0 -704px }
|
78
|
+
a.button:hover span.icon.rss, button:hover span.icon.rss { background-position: 0 -719px }
|
79
|
+
a.button span.icon.tag, button span.icon.tag { background-position: 0 -734px }
|
80
|
+
a.button:hover span.icon.tag, button:hover span.icon.tag { background-position: 0 -749px }
|
81
|
+
a.button span.icon.trash, button span.icon.trash { background-position: 0 -764px }
|
82
|
+
a.button:hover span.icon.trash, button:hover span.icon.trash { background-position: 0 -779px }
|
83
|
+
a.button span.icon.unlock, button span.icon.unlock { background-position: 0 -794px }
|
84
|
+
a.button:hover span.icon.unlock, button:hover span.icon.unlock { background-position: 0 -809px }
|
85
|
+
a.button span.icon.uparrow, button span.icon.uparrow { background-position: 0 -824px }
|
86
|
+
a.button:hover span.icon.uparrow, button:hover span.icon.uparrow { background-position: 0 -839px }
|
87
|
+
a.button span.icon.user, button span.icon.user { background-position: 0 -854px }
|
88
|
+
a.button:hover span.icon.user, button:hover span.icon.user { background-position: 0 -869px }
|
@@ -0,0 +1,67 @@
|
|
1
|
+
/* --------------------------------------------------------------
|
2
|
+
|
3
|
+
reset.css
|
4
|
+
* Resets default browser CSS.
|
5
|
+
|
6
|
+
-------------------------------------------------------------- */
|
7
|
+
|
8
|
+
html {
|
9
|
+
margin:0;
|
10
|
+
padding:0;
|
11
|
+
border:0;
|
12
|
+
}
|
13
|
+
|
14
|
+
body, div, span, object, iframe,
|
15
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
16
|
+
a, abbr, acronym, address, code,
|
17
|
+
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
|
18
|
+
fieldset, form, label, legend,
|
19
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
20
|
+
article, aside, dialog, figure, footer, header,
|
21
|
+
hgroup, nav, section {
|
22
|
+
margin: 0;
|
23
|
+
padding: 0;
|
24
|
+
border: 0;
|
25
|
+
font-weight: inherit;
|
26
|
+
font-style: inherit;
|
27
|
+
font-size: 100%;
|
28
|
+
font-family: inherit;
|
29
|
+
vertical-align: baseline;
|
30
|
+
}
|
31
|
+
|
32
|
+
/* This helps to make newer HTML5 elements behave like DIVs in older browers */
|
33
|
+
article, aside, dialog, figure, footer, header,
|
34
|
+
hgroup, nav, section {
|
35
|
+
display:block;
|
36
|
+
}
|
37
|
+
|
38
|
+
/* Line-height should always be unitless! */
|
39
|
+
body {
|
40
|
+
line-height: 1.5;
|
41
|
+
background: white;
|
42
|
+
}
|
43
|
+
|
44
|
+
/* Tables still need 'cellspacing="0"' in the markup. */
|
45
|
+
table {
|
46
|
+
border-collapse: separate;
|
47
|
+
border-spacing: 0;
|
48
|
+
}
|
49
|
+
/* float:none prevents the span-x classes from breaking table-cell display */
|
50
|
+
caption, th, td {
|
51
|
+
text-align: left;
|
52
|
+
font-weight: normal;
|
53
|
+
float:none !important;
|
54
|
+
}
|
55
|
+
table, th, td {
|
56
|
+
vertical-align: middle;
|
57
|
+
}
|
58
|
+
|
59
|
+
/* Remove possible quote marks (") from <q>, <blockquote>. */
|
60
|
+
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
|
61
|
+
blockquote, q { quotes: "" ""; }
|
62
|
+
|
63
|
+
/* Remove annoying border on linked images. */
|
64
|
+
a img { border: none; }
|
65
|
+
|
66
|
+
/* Remember to define your own focus styles! */
|
67
|
+
:focus { outline: 0; }
|
metadata
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: css3buttons
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
hash:
|
4
|
+
hash: 57
|
5
5
|
prerelease: false
|
6
6
|
segments:
|
7
7
|
- 0
|
8
8
|
- 9
|
9
|
-
-
|
10
|
-
version: 0.9.
|
9
|
+
- 1
|
10
|
+
version: 0.9.1
|
11
11
|
platform: ruby
|
12
12
|
authors:
|
13
13
|
- Nicholas Bruning
|
@@ -15,7 +15,7 @@ autorequire:
|
|
15
15
|
bindir: bin
|
16
16
|
cert_chain: []
|
17
17
|
|
18
|
-
date: 2011-03-
|
18
|
+
date: 2011-03-23 00:00:00 +11:00
|
19
19
|
default_executable:
|
20
20
|
dependencies:
|
21
21
|
- !ruby/object:Gem::Dependency
|
@@ -46,10 +46,10 @@ extra_rdoc_files: []
|
|
46
46
|
files:
|
47
47
|
- .autotest
|
48
48
|
- .gitignore
|
49
|
-
- .gitmodules
|
50
49
|
- .rspec
|
51
50
|
- Gemfile
|
52
51
|
- Gemfile.lock
|
52
|
+
- LICENSE
|
53
53
|
- Rakefile
|
54
54
|
- css3buttons.gemspec
|
55
55
|
- lib/css3buttons.rb
|
@@ -59,6 +59,10 @@ files:
|
|
59
59
|
- lib/css3buttons/version.rb
|
60
60
|
- lib/generators/css3buttons/USAGE
|
61
61
|
- lib/generators/css3buttons/css3buttons_generator.rb
|
62
|
+
- lib/generators/css3buttons/templates/public/images/css3buttons_backgrounds.png
|
63
|
+
- lib/generators/css3buttons/templates/public/images/css3buttons_icons.png
|
64
|
+
- lib/generators/css3buttons/templates/public/stylesheets/css3buttons.css
|
65
|
+
- lib/generators/css3buttons/templates/public/stylesheets/reset.css
|
62
66
|
- readme.md
|
63
67
|
- spec/button_group_spec.rb
|
64
68
|
- spec/button_helper_spec.rb
|
data/.gitmodules
DELETED