superstyles 0.0.1 → 0.0.2
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/Gemfile.lock +14 -0
- data/lib/superstyles.rb +1 -1
- data/lib/superstyles/sass/application.sass +12 -0
- data/lib/superstyles/sass/general/.DS_Store +0 -0
- data/lib/superstyles/sass/general/buttons.sass +132 -0
- data/lib/superstyles/sass/general/forms.sass +146 -0
- data/lib/superstyles/sass/general/frames.sass +212 -0
- data/lib/superstyles/sass/general/helper.sass +143 -0
- data/lib/superstyles/sass/general/mixins.sass +114 -0
- data/lib/superstyles/sass/general/navigation.sass +109 -0
- data/lib/superstyles/sass/general/reset.sass +162 -0
- data/lib/superstyles/sass/general/sprites.sass +33 -0
- data/lib/superstyles/sass/general/styleguide.sass +65 -0
- data/lib/superstyles/sass/general/validations.sass +59 -0
- data/lib/superstyles/sass/plugins/.DS_Store +0 -0
- data/lib/superstyles/sass/plugins/.sass-cache/0864ac0e32922aa65d2fffcd36044f293b7c2d2b/jqueryui.tolingo.cssc +0 -0
- data/lib/superstyles/sass/plugins/jquery.appmenu.sass +93 -0
- data/lib/superstyles/sass/plugins/jquery.jgrowl.sass +66 -0
- data/lib/superstyles/sass/plugins/tooltip.sass +53 -0
- data/lib/superstyles/version.rb +1 -1
- data/superstyles.gemspec +1 -1
- metadata +22 -4
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
= sprite($group_name, $image_name, $offset_x=0, $offset_y=0)
|
|
2
|
+
@if $group_name == "icons" and $image_name == "magnifier_15"
|
|
3
|
+
background: url('/images/sprites/icons.png?1297263220') no-repeat #{0+$offset_x}px #{0+$offset_y}px
|
|
4
|
+
width: 15px
|
|
5
|
+
height: 15px
|
|
6
|
+
@else if $group_name == "gfx" and $image_name == "c"
|
|
7
|
+
background: url('/images/sprites/gfx.png?1297263220') no-repeat #{0+$offset_x}px #{0+$offset_y}px
|
|
8
|
+
width: 120px
|
|
9
|
+
height: 120px
|
|
10
|
+
@else if $group_name == "gfx" and $image_name == "e"
|
|
11
|
+
background: url('/images/sprites/gfx.png?1297263220') no-repeat #{-120+$offset_x}px #{0+$offset_y}px
|
|
12
|
+
width: 120px
|
|
13
|
+
height: 120px
|
|
14
|
+
@else if $group_name == "gfx" and $image_name == "h"
|
|
15
|
+
background: url('/images/sprites/gfx.png?1297263220') no-repeat #{-240+$offset_x}px #{0+$offset_y}px
|
|
16
|
+
width: 120px
|
|
17
|
+
height: 120px
|
|
18
|
+
@else if $group_name == "gfx" and $image_name == "logo"
|
|
19
|
+
background: url('/images/sprites/gfx.png?1297263220') no-repeat #{-360+$offset_x}px #{0+$offset_y}px
|
|
20
|
+
width: 108px
|
|
21
|
+
height: 30px
|
|
22
|
+
@else if $group_name == "gfx" and $image_name == "p"
|
|
23
|
+
background: url('/images/sprites/gfx.png?1297263220') no-repeat #{-468+$offset_x}px #{0+$offset_y}px
|
|
24
|
+
width: 120px
|
|
25
|
+
height: 120px
|
|
26
|
+
@else if $group_name == "gfx" and $image_name == "r"
|
|
27
|
+
background: url('/images/sprites/gfx.png?1297263220') no-repeat #{-588+$offset_x}px #{0+$offset_y}px
|
|
28
|
+
width: 120px
|
|
29
|
+
height: 120px
|
|
30
|
+
@else if $group_name == "gfx" and $image_name == "s"
|
|
31
|
+
background: url('/images/sprites/gfx.png?1297263220') no-repeat #{-708+$offset_x}px #{0+$offset_y}px
|
|
32
|
+
width: 120px
|
|
33
|
+
height: 120px
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
$font-family: "Georgia", "Helvetica", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif
|
|
2
|
+
$special-font: "aachenbt-roman"
|
|
3
|
+
$font-size: 14px
|
|
4
|
+
|
|
5
|
+
// colors
|
|
6
|
+
$dark-green: #9bb70d
|
|
7
|
+
$middle-green: #B8DB29
|
|
8
|
+
$light-green: #c3ea00
|
|
9
|
+
$pale-green: #C9DB6B
|
|
10
|
+
$orange: #edb815
|
|
11
|
+
$red: #e20000
|
|
12
|
+
$dark-blue: #2989D8
|
|
13
|
+
$light-blue: #56bfea
|
|
14
|
+
$skype-blue: #00aff0
|
|
15
|
+
|
|
16
|
+
// greys
|
|
17
|
+
$lightest-grey: #fbfbfb
|
|
18
|
+
$lighter-grey: #f4f4f2
|
|
19
|
+
$light-grey: #efefef
|
|
20
|
+
$medium-grey: #ddddd2
|
|
21
|
+
$dark-grey: #b8b7b2
|
|
22
|
+
$darker-grey: #8e8e80
|
|
23
|
+
$darkest-grey: #444141
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
$primary-light: $light-green
|
|
27
|
+
$primary-middle: $middle-green
|
|
28
|
+
$primary-dark: $dark-green
|
|
29
|
+
$complementary: $orange
|
|
30
|
+
$grey-bg: $lighter-grey
|
|
31
|
+
$grey-bg-hover: $lightest-grey
|
|
32
|
+
$hover: $pale-green
|
|
33
|
+
|
|
34
|
+
// border
|
|
35
|
+
$border-dark: #999
|
|
36
|
+
$border-light: #ccc
|
|
37
|
+
$border: $border-dark
|
|
38
|
+
$border-width: 1px
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
// text
|
|
42
|
+
$text: $darkest-grey
|
|
43
|
+
$text-complementary: $lightest-grey
|
|
44
|
+
$label: $dark-grey
|
|
45
|
+
$link: black
|
|
46
|
+
$link-hover: $orange
|
|
47
|
+
$link-active: $light-green
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
$inactive: $dark-grey
|
|
51
|
+
$valid: $dark-green
|
|
52
|
+
$error: $red
|
|
53
|
+
$info: #CCFFCC
|
|
54
|
+
$error-bg: #FFD6D6
|
|
55
|
+
$warning: #edb815
|
|
56
|
+
$warning-bg: #FFE1CC
|
|
57
|
+
$highlight: #FDF0D4
|
|
58
|
+
|
|
59
|
+
$radius: 5px
|
|
60
|
+
|
|
61
|
+
$tooltip-bg: $primary-dark
|
|
62
|
+
$tooltip-border: $primary-dark
|
|
63
|
+
$tooltip-text: $text-complementary
|
|
64
|
+
|
|
65
|
+
$transition-time: 0.1s
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Style used by the label output mode.
|
|
3
|
+
* Applied to the error labels that get positioned after an input.
|
|
4
|
+
*/
|
|
5
|
+
label.error
|
|
6
|
+
background: $red
|
|
7
|
+
color: white
|
|
8
|
+
+custom_rounded(0, $radius, $radius, 0)
|
|
9
|
+
display: none
|
|
10
|
+
font-size: 13px
|
|
11
|
+
left: 338px
|
|
12
|
+
padding: 4px 10px 4px 4px
|
|
13
|
+
position: absolute
|
|
14
|
+
top: 4px
|
|
15
|
+
white-space: nowrap
|
|
16
|
+
|
|
17
|
+
&:before
|
|
18
|
+
border: 10px solid transparent
|
|
19
|
+
border-right-color: $red
|
|
20
|
+
border-left: none
|
|
21
|
+
content: ""
|
|
22
|
+
left: -10px
|
|
23
|
+
position: absolute
|
|
24
|
+
top: 0
|
|
25
|
+
width: 0
|
|
26
|
+
height: 0
|
|
27
|
+
|
|
28
|
+
/*
|
|
29
|
+
* Styles used by the modal output mode.
|
|
30
|
+
* '.validity-modal-msg' is applied to the modal boxes
|
|
31
|
+
* and '.validity-modal-msg: hover' is applied to suggest
|
|
32
|
+
* to the user that the boxes are clickable.
|
|
33
|
+
*/
|
|
34
|
+
.validity-modal-msg
|
|
35
|
+
position: absolute
|
|
36
|
+
z-index: 2
|
|
37
|
+
background-color: #999
|
|
38
|
+
border: solid 1px #000
|
|
39
|
+
padding: 4px
|
|
40
|
+
cursor: pointer
|
|
41
|
+
|
|
42
|
+
.validity-modal-msg:hover
|
|
43
|
+
background-color: #aaa
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
/*
|
|
47
|
+
* Styles used by the summary output mode.
|
|
48
|
+
* '.validity-summary-container' is a container on the page that should contain a UL
|
|
49
|
+
* which is the actual summary. The container can hold
|
|
50
|
+
* an extra bit of text (or anything really) that explains what the summary is.
|
|
51
|
+
* '.validity-erroneous' is applied to every input that fails.
|
|
52
|
+
*/
|
|
53
|
+
.validity-summary-container
|
|
54
|
+
display: none
|
|
55
|
+
|
|
56
|
+
.validity-summary-output ul
|
|
57
|
+
|
|
58
|
+
.validity-erroneous
|
|
59
|
+
border: solid 2px #f56600 !important
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* jQuery AppMenu v1.0 - http://www.josscrowcroft.com/jquery-appmenu/
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) 2010 Joss Crowcroft - joss[at]josscrowcroft[dot]com | http://josscrowcroft.com
|
|
5
|
+
* Date: 10/10/2010
|
|
6
|
+
*
|
|
7
|
+
* Contains essential plugin styles.
|
|
8
|
+
* Use minified jquery.appMenu.min.css for better performance.
|
|
9
|
+
*
|
|
10
|
+
* see http://josscrowcroft.com/jquery-appmenu#instructions for how to install
|
|
11
|
+
* see http://josscrowcroft.com/jquery-appmenu#documentation for docs and options
|
|
12
|
+
* see http://josscrowcroft.com/demos/jquery-appmenu/ for demos
|
|
13
|
+
**/
|
|
14
|
+
|
|
15
|
+
/* Plugin Styles */
|
|
16
|
+
|
|
17
|
+
#app-menu *
|
|
18
|
+
line-height: 1
|
|
19
|
+
border: 0
|
|
20
|
+
outline: 0
|
|
21
|
+
padding: 0
|
|
22
|
+
margin: 0
|
|
23
|
+
|
|
24
|
+
div#app-menu
|
|
25
|
+
position: fixed
|
|
26
|
+
top: 35%
|
|
27
|
+
width: 100%
|
|
28
|
+
text-align: center
|
|
29
|
+
display: none
|
|
30
|
+
z-index: 9999
|
|
31
|
+
|
|
32
|
+
#app-menu
|
|
33
|
+
-moz-user-select: none
|
|
34
|
+
ul
|
|
35
|
+
position: relative
|
|
36
|
+
display: inline-block
|
|
37
|
+
list-style: none
|
|
38
|
+
padding: 6px 26px 5px
|
|
39
|
+
background: rgba(0, 0, 0, 0.4)
|
|
40
|
+
-moz-border-radius: 25px
|
|
41
|
+
-webkit-border-radius: 25px
|
|
42
|
+
border-radius: 25px
|
|
43
|
+
li
|
|
44
|
+
float: left
|
|
45
|
+
width: 126px
|
|
46
|
+
margin: 0 5px
|
|
47
|
+
a
|
|
48
|
+
display: block
|
|
49
|
+
width: 100%
|
|
50
|
+
padding: 16px 0 0
|
|
51
|
+
text-decoration: none
|
|
52
|
+
img
|
|
53
|
+
display: block
|
|
54
|
+
width: 120px
|
|
55
|
+
height: 120px
|
|
56
|
+
margin: 0 auto
|
|
57
|
+
padding: 6px
|
|
58
|
+
&.selected img
|
|
59
|
+
padding: 3px
|
|
60
|
+
border: 3px solid #fafafa
|
|
61
|
+
background: rgba(0, 0, 0, 0.44)
|
|
62
|
+
-moz-border-radius: 10px
|
|
63
|
+
-webkit-border-radius: 10px
|
|
64
|
+
border-radius: 10px
|
|
65
|
+
p
|
|
66
|
+
text-align: center
|
|
67
|
+
min-height: 20px
|
|
68
|
+
padding-top: 5px
|
|
69
|
+
span
|
|
70
|
+
visibility: hidden
|
|
71
|
+
display: inline-block
|
|
72
|
+
min-height: 17px
|
|
73
|
+
background: rgba(0, 0, 0, 0.4)
|
|
74
|
+
padding: 3px 10px 0px
|
|
75
|
+
-moz-border-radius: 10px
|
|
76
|
+
-webkit-border-radius: 10px
|
|
77
|
+
border-radius: 10px
|
|
78
|
+
color: #f7f7f7
|
|
79
|
+
font: bold 14px / 1 Arial, sans-serif
|
|
80
|
+
letter-spacing: 0.03em
|
|
81
|
+
text-shadow: 0px 1px 1px #000
|
|
82
|
+
a.selected span
|
|
83
|
+
visibility: visible
|
|
84
|
+
#app-menu-control
|
|
85
|
+
position: absolute
|
|
86
|
+
top: 5px
|
|
87
|
+
right: 0
|
|
88
|
+
width: 100%
|
|
89
|
+
margin-right: 20px
|
|
90
|
+
color: #fff
|
|
91
|
+
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8)
|
|
92
|
+
font: normal 13px Arial, sans-serif
|
|
93
|
+
text-align: right
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
#jGrowl
|
|
2
|
+
font-size: 12px
|
|
3
|
+
position: fixed
|
|
4
|
+
z-index: 9999
|
|
5
|
+
|
|
6
|
+
&.top-left
|
|
7
|
+
left: 0px
|
|
8
|
+
top: 0px
|
|
9
|
+
|
|
10
|
+
&.top-right
|
|
11
|
+
right: 5px
|
|
12
|
+
top: $header-height + $border-width
|
|
13
|
+
|
|
14
|
+
&.bottom-left
|
|
15
|
+
left: 0px
|
|
16
|
+
bottom: 0px
|
|
17
|
+
|
|
18
|
+
&.bottom-right
|
|
19
|
+
right: 0px
|
|
20
|
+
bottom: 0px
|
|
21
|
+
|
|
22
|
+
&.center
|
|
23
|
+
top: 0px
|
|
24
|
+
width: 50%
|
|
25
|
+
left: 25%
|
|
26
|
+
|
|
27
|
+
.jGrowl-notification, .jGrowl-closer
|
|
28
|
+
background: black
|
|
29
|
+
color= !lightest_grey
|
|
30
|
+
display: none
|
|
31
|
+
margin: 5px auto
|
|
32
|
+
padding: 10px
|
|
33
|
+
+rounded
|
|
34
|
+
text-align: left
|
|
35
|
+
width: 235px
|
|
36
|
+
|
|
37
|
+
.jGrowl-notification
|
|
38
|
+
font-size: 12px
|
|
39
|
+
min-height: 40px
|
|
40
|
+
|
|
41
|
+
.jGrowl-header
|
|
42
|
+
font-size: 14px
|
|
43
|
+
font-weight: 700
|
|
44
|
+
margin-bottom: 5px
|
|
45
|
+
|
|
46
|
+
.jGrowl-message
|
|
47
|
+
line-height: 14px
|
|
48
|
+
|
|
49
|
+
.jGrowl-close
|
|
50
|
+
cursor: pointer
|
|
51
|
+
float: right
|
|
52
|
+
font-size: 16px
|
|
53
|
+
font-weight: 700
|
|
54
|
+
margin: -8px -3px 0 0
|
|
55
|
+
|
|
56
|
+
.jGrowl-closer
|
|
57
|
+
cursor: pointer
|
|
58
|
+
font-weight: 700
|
|
59
|
+
padding: 4px 10px
|
|
60
|
+
text-align: center
|
|
61
|
+
|
|
62
|
+
.success
|
|
63
|
+
background: $primary-dark
|
|
64
|
+
|
|
65
|
+
.error
|
|
66
|
+
background: $error
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
.tooltip
|
|
2
|
+
background: $tooltip-bg
|
|
3
|
+
color: $tooltip-text
|
|
4
|
+
+gradient
|
|
5
|
+
line-height: 1.2
|
|
6
|
+
margin-top: -5px
|
|
7
|
+
padding: 10px
|
|
8
|
+
position: relative
|
|
9
|
+
+rounded
|
|
10
|
+
text-align: left
|
|
11
|
+
width: 160px
|
|
12
|
+
z-index: 2
|
|
13
|
+
|
|
14
|
+
&:after
|
|
15
|
+
background: $tooltip-bg
|
|
16
|
+
bottom: -13px
|
|
17
|
+
content: " "
|
|
18
|
+
+custom-rounded(0, 0, 40px 50px, 0)
|
|
19
|
+
height: 25px
|
|
20
|
+
position: absolute
|
|
21
|
+
right: 40%
|
|
22
|
+
width: 15px
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
&.bottom
|
|
26
|
+
margin-top: 10px
|
|
27
|
+
|
|
28
|
+
&:after
|
|
29
|
+
background: $primary-middle
|
|
30
|
+
top: -15px
|
|
31
|
+
content: " "
|
|
32
|
+
+custom-rounded(0, 80px 100px, 0, 0)
|
|
33
|
+
height: 25px
|
|
34
|
+
position: absolute
|
|
35
|
+
right: 40%
|
|
36
|
+
width: 15px
|
|
37
|
+
|
|
38
|
+
&.right
|
|
39
|
+
&:after
|
|
40
|
+
display: none
|
|
41
|
+
|
|
42
|
+
&.avatar
|
|
43
|
+
margin-top: 5px
|
|
44
|
+
|
|
45
|
+
&:after
|
|
46
|
+
right: 60%
|
|
47
|
+
|
|
48
|
+
&.timestamps
|
|
49
|
+
width: 200px
|
|
50
|
+
|
|
51
|
+
.timestamp-label
|
|
52
|
+
float: left
|
|
53
|
+
width: 80px
|
data/lib/superstyles/version.rb
CHANGED
data/superstyles.gemspec
CHANGED
|
@@ -8,7 +8,7 @@ Gem::Specification.new do |s|
|
|
|
8
8
|
s.platform = Gem::Platform::RUBY
|
|
9
9
|
s.authors = ["Philip Paetz"]
|
|
10
10
|
s.email = ["philip.paetz@me.com"]
|
|
11
|
-
s.homepage = ""
|
|
11
|
+
s.homepage = "http://github.com/philip-paetz/superstyles"
|
|
12
12
|
s.summary = %q{init default sass styles}
|
|
13
13
|
s.description = %q{this gem automatically installs my super-funky-fancy-dancy sass preset styles}
|
|
14
14
|
|
metadata
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: superstyles
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
hash:
|
|
4
|
+
hash: 27
|
|
5
5
|
prerelease: false
|
|
6
6
|
segments:
|
|
7
7
|
- 0
|
|
8
8
|
- 0
|
|
9
|
-
-
|
|
10
|
-
version: 0.0.
|
|
9
|
+
- 2
|
|
10
|
+
version: 0.0.2
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- Philip Paetz
|
|
@@ -31,12 +31,30 @@ extra_rdoc_files: []
|
|
|
31
31
|
files:
|
|
32
32
|
- .gitignore
|
|
33
33
|
- Gemfile
|
|
34
|
+
- Gemfile.lock
|
|
34
35
|
- Rakefile
|
|
35
36
|
- lib/superstyles.rb
|
|
37
|
+
- lib/superstyles/sass/application.sass
|
|
38
|
+
- lib/superstyles/sass/general/.DS_Store
|
|
39
|
+
- lib/superstyles/sass/general/buttons.sass
|
|
40
|
+
- lib/superstyles/sass/general/forms.sass
|
|
41
|
+
- lib/superstyles/sass/general/frames.sass
|
|
42
|
+
- lib/superstyles/sass/general/helper.sass
|
|
43
|
+
- lib/superstyles/sass/general/mixins.sass
|
|
44
|
+
- lib/superstyles/sass/general/navigation.sass
|
|
45
|
+
- lib/superstyles/sass/general/reset.sass
|
|
46
|
+
- lib/superstyles/sass/general/sprites.sass
|
|
47
|
+
- lib/superstyles/sass/general/styleguide.sass
|
|
48
|
+
- lib/superstyles/sass/general/validations.sass
|
|
49
|
+
- lib/superstyles/sass/plugins/.DS_Store
|
|
50
|
+
- lib/superstyles/sass/plugins/.sass-cache/0864ac0e32922aa65d2fffcd36044f293b7c2d2b/jqueryui.tolingo.cssc
|
|
51
|
+
- lib/superstyles/sass/plugins/jquery.appmenu.sass
|
|
52
|
+
- lib/superstyles/sass/plugins/jquery.jgrowl.sass
|
|
53
|
+
- lib/superstyles/sass/plugins/tooltip.sass
|
|
36
54
|
- lib/superstyles/version.rb
|
|
37
55
|
- superstyles.gemspec
|
|
38
56
|
has_rdoc: true
|
|
39
|
-
homepage:
|
|
57
|
+
homepage: http://github.com/philip-paetz/superstyles
|
|
40
58
|
licenses: []
|
|
41
59
|
|
|
42
60
|
post_install_message:
|