blankplate-rails 1.1.2
Sign up to get free protection for your applications and to get access to all the features.
- data/LICENSE +20 -0
- data/README.md +43 -0
- data/Rakefile +13 -0
- data/lib/blankplate-rails/engine.rb +4 -0
- data/lib/blankplate-rails/version.rb +3 -0
- data/lib/blankplate-rails.rb +4 -0
- data/lib/tasks/blankplate-rails_tasks.rake +4 -0
- data/vendor/assets/images/blankplate/dummy.png +0 -0
- data/vendor/assets/stylesheets/blankplate/buttons.css.scss +146 -0
- data/vendor/assets/stylesheets/blankplate/conditions.css.scss +41 -0
- data/vendor/assets/stylesheets/blankplate/diagnostics.css.scss +45 -0
- data/vendor/assets/stylesheets/blankplate/grid.css.scss +166 -0
- data/vendor/assets/stylesheets/blankplate/helpers.css.scss +161 -0
- data/vendor/assets/stylesheets/blankplate/ie.css.scss +20 -0
- data/vendor/assets/stylesheets/blankplate/inputs.css.scss +71 -0
- data/vendor/assets/stylesheets/blankplate/media.css.scss +85 -0
- data/vendor/assets/stylesheets/blankplate/reset.css.scss +118 -0
- data/vendor/assets/stylesheets/blankplate/snippets.css.scss +63 -0
- data/vendor/assets/stylesheets/blankplate/styles.css.scss +88 -0
- data/vendor/assets/stylesheets/blankplate/typography.css.scss +222 -0
- data/vendor/assets/stylesheets/blankplate.css.scss +13 -0
- metadata +98 -0
data/LICENSE
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
Copyright (C) 2012 by Vassilis Rodokanakis
|
2
|
+
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
4
|
+
a copy of this software and associated documentation files (the
|
5
|
+
"Software"), to deal in the Software without restriction, including
|
6
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
7
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
8
|
+
permit persons to whom the Software is furnished to do so, subject to
|
9
|
+
the following conditions:
|
10
|
+
|
11
|
+
The above copyright notice and this permission notice shall be
|
12
|
+
included in all copies or substantial portions of the Software.
|
13
|
+
|
14
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
15
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
16
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
17
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
18
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
19
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
20
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,43 @@
|
|
1
|
+
# Blankplate for Rails Asset Pipeline
|
2
|
+
|
3
|
+
[Blankplate](https://github.com/vdw/BlankPlate) is an alternative HTML5/CSS3 Starter Kit to save you time in frontend developing.
|
4
|
+
|
5
|
+
The `blankplate-rails` gem integrates `blankplate` kit with Rails asset pipeline.
|
6
|
+
|
7
|
+
## Usage
|
8
|
+
|
9
|
+
### Install
|
10
|
+
|
11
|
+
Add `blankplate-rails` to your Gemfile and run `bundle install`:
|
12
|
+
|
13
|
+
gem "blankplate-rails"
|
14
|
+
|
15
|
+
### Include `blankplate-rails` stylesheets
|
16
|
+
|
17
|
+
Add to your `app/assets/stylesheets/application.css`:
|
18
|
+
|
19
|
+
*= blankplate
|
20
|
+
|
21
|
+
This will include all blankplate's stylesheet assets.
|
22
|
+
|
23
|
+
You can also include individual stylesheets, in the order you wish:
|
24
|
+
|
25
|
+
*= blankplate/reset
|
26
|
+
*= blankplate/grid
|
27
|
+
*= blankplate/typography
|
28
|
+
*= blankplate/helpers
|
29
|
+
*= blankplate/inputs
|
30
|
+
*= blankplate/buttons
|
31
|
+
*= blankplate/snippets
|
32
|
+
*= blankplate/styles
|
33
|
+
*= blankplate/media
|
34
|
+
*= blankplate/conditions
|
35
|
+
*= blankplate/diagnostics
|
36
|
+
|
37
|
+
## Credits
|
38
|
+
|
39
|
+
Dimitris Krestos aka [vdw](https://github.com/vdw) for the nice kit ;)
|
40
|
+
|
41
|
+
## License
|
42
|
+
|
43
|
+
Copyright (©) 2012 Vassilis Rodokanakis. See LICENSE for details.
|
data/Rakefile
ADDED
@@ -0,0 +1,13 @@
|
|
1
|
+
#!/usr/bin/env rake
|
2
|
+
begin
|
3
|
+
require 'bundler/setup'
|
4
|
+
rescue LoadError
|
5
|
+
puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
|
6
|
+
end
|
7
|
+
begin
|
8
|
+
require 'rdoc/task'
|
9
|
+
rescue LoadError
|
10
|
+
require 'rdoc/rdoc'
|
11
|
+
require 'rake/rdoctask'
|
12
|
+
RDoc::Task = Rake::RDocTask
|
13
|
+
end
|
File without changes
|
@@ -0,0 +1,146 @@
|
|
1
|
+
/**
|
2
|
+
* BlankPlate | Yet another HTML5 Starter Kit
|
3
|
+
*
|
4
|
+
* BlankPlate Buttons stylesheet
|
5
|
+
*
|
6
|
+
* Normally you don't have to make any changes in this file.
|
7
|
+
* Your changes should be placed in styles.css file.
|
8
|
+
*
|
9
|
+
* @copyright Copyright 2012, Dimitris Krestos
|
10
|
+
* @license Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
|
11
|
+
* @link http://vdw.staytuned.gr/html5-starter-kit-blankplate/
|
12
|
+
* @package BlankPlate
|
13
|
+
* @version v1.1.0
|
14
|
+
*/
|
15
|
+
|
16
|
+
/**
|
17
|
+
* BUTTONS
|
18
|
+
* Default grey button (based on Google styles)
|
19
|
+
* -------------------------------------------------------------------------------------------------
|
20
|
+
*/
|
21
|
+
.btn {
|
22
|
+
background-color: #F5F5F5;
|
23
|
+
background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
|
24
|
+
border: 1px solid rgb(211, 211, 211);
|
25
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
26
|
+
border-radius: 3px;
|
27
|
+
color: #444 !important;
|
28
|
+
cursor: default !important;
|
29
|
+
display: inline-block;
|
30
|
+
font-size: 13px;
|
31
|
+
height: 28px;
|
32
|
+
margin-bottom: 10px;
|
33
|
+
min-width: 54px;
|
34
|
+
padding: 0 8px;
|
35
|
+
text-align: center;
|
36
|
+
text-decoration: none !important;
|
37
|
+
-moz-user-select: none
|
38
|
+
}
|
39
|
+
|
40
|
+
.btn SPAN {
|
41
|
+
font: 13px/18px 'Open Sans', sans-serif !important;
|
42
|
+
vertical-align: top
|
43
|
+
}
|
44
|
+
|
45
|
+
.btn:hover {
|
46
|
+
border-color: #C6C6C6;
|
47
|
+
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
|
48
|
+
color: #222 !important
|
49
|
+
}
|
50
|
+
|
51
|
+
A.btn {
|
52
|
+
height: 26px;
|
53
|
+
line-height: 26px
|
54
|
+
}
|
55
|
+
|
56
|
+
/* Fix vertical center in firefox */
|
57
|
+
@-moz-document url-prefix() {
|
58
|
+
|
59
|
+
INPUT[type="button"].btn,
|
60
|
+
INPUT[type="submit"].btn {
|
61
|
+
padding-bottom: 2px
|
62
|
+
}
|
63
|
+
|
64
|
+
.btn SPAN {
|
65
|
+
display: block;
|
66
|
+
margin-bottom: 2px
|
67
|
+
}
|
68
|
+
|
69
|
+
}
|
70
|
+
|
71
|
+
/**
|
72
|
+
* BLUE BUTTON
|
73
|
+
* Blue color for buttons
|
74
|
+
* -------------------------------------------------------------------------------------------------
|
75
|
+
*/
|
76
|
+
.blue {
|
77
|
+
background-color: #4D90FE;
|
78
|
+
background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
|
79
|
+
border: 1px solid #3079ED;
|
80
|
+
color: #FFF !important;
|
81
|
+
text-shadow:0 1px 1px rgba(0, 0, 0, 0.25)
|
82
|
+
}
|
83
|
+
|
84
|
+
.blue:hover {
|
85
|
+
background-color: #357AE8;
|
86
|
+
background-image: -moz-linear-gradient(center top , #4090FE, #357AE8);
|
87
|
+
border-color: #2F5887;
|
88
|
+
color: #FFF !important
|
89
|
+
}
|
90
|
+
|
91
|
+
/**
|
92
|
+
* RED BUTTON
|
93
|
+
* Red color for buttons
|
94
|
+
* -------------------------------------------------------------------------------------------------
|
95
|
+
*/
|
96
|
+
.red {
|
97
|
+
background-color: #D14836;
|
98
|
+
background-image: -moz-linear-gradient(center top , #DD4B39, #D14836);
|
99
|
+
border: 1px solid #D14836;
|
100
|
+
color: #FFF !important
|
101
|
+
}
|
102
|
+
|
103
|
+
.red:hover {
|
104
|
+
background-color: #D14836;
|
105
|
+
background-image: -moz-linear-gradient(center top , #DD4B39, #C53727);
|
106
|
+
border-color: #B0281A;
|
107
|
+
color: #FFF !important
|
108
|
+
}
|
109
|
+
|
110
|
+
/**
|
111
|
+
* YELLOW BUTTON
|
112
|
+
* Yellow color for buttons
|
113
|
+
* -------------------------------------------------------------------------------------------------
|
114
|
+
*/
|
115
|
+
.yellow {
|
116
|
+
background-color: #FFE86C;
|
117
|
+
background-image: -moz-linear-gradient(center top , #FFE86C, #FFE86C);
|
118
|
+
border: 1px solid #FFE86C;
|
119
|
+
color: #FFF !important
|
120
|
+
}
|
121
|
+
|
122
|
+
.yellow:hover {
|
123
|
+
background-color: #FFE86C;
|
124
|
+
background-image: -moz-linear-gradient(center top , #FFE86C, #FFE86C);
|
125
|
+
border-color: #E8B463;
|
126
|
+
color: #FFF !important
|
127
|
+
}
|
128
|
+
|
129
|
+
/**
|
130
|
+
* GREEN BUTTON
|
131
|
+
* Green color for buttons
|
132
|
+
* -------------------------------------------------------------------------------------------------
|
133
|
+
*/
|
134
|
+
.green {
|
135
|
+
background-color: #35AA47;
|
136
|
+
background-image: -moz-linear-gradient(center top , #35AA47, #35AA47);
|
137
|
+
border: 1px solid #359947;
|
138
|
+
color: #FFF !important
|
139
|
+
}
|
140
|
+
|
141
|
+
.green:hover {
|
142
|
+
background-color: #35AA47;
|
143
|
+
background-image: -moz-linear-gradient(center top , #35AA47, #1D943B);
|
144
|
+
border-color: #508C36;
|
145
|
+
color: #FFF !important
|
146
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
/**
|
2
|
+
* BlankPlate | Yet another HTML5 Starter Kit
|
3
|
+
*
|
4
|
+
* BlankPlate Conditions stylesheet
|
5
|
+
*
|
6
|
+
* @copyright Copyright 2012, Dimitris Krestos
|
7
|
+
* @license Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
|
8
|
+
* @link http://vdw.staytuned.gr/html5-starter-kit-blankplate/
|
9
|
+
* @package BlankPlate
|
10
|
+
* @version v1.1.0
|
11
|
+
*/
|
12
|
+
|
13
|
+
/**
|
14
|
+
* FIREFOX
|
15
|
+
* Your rules for Firefox browser, all versions
|
16
|
+
* -------------------------------------------------------------------------------------------------
|
17
|
+
*/
|
18
|
+
@-moz-document url-prefix() {
|
19
|
+
.opera { display: none }
|
20
|
+
.safari { display: none }
|
21
|
+
}
|
22
|
+
|
23
|
+
/**
|
24
|
+
* OPERA
|
25
|
+
* Your rules for Opera browser, all versions
|
26
|
+
* -------------------------------------------------------------------------------------------------
|
27
|
+
*/
|
28
|
+
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { /* Not working with Opera 12*/
|
29
|
+
.firefox { display: none }
|
30
|
+
.safari { display: none }
|
31
|
+
}
|
32
|
+
|
33
|
+
/**
|
34
|
+
* SAFARI
|
35
|
+
* Your rules for Safari browser, all versions
|
36
|
+
* -------------------------------------------------------------------------------------------------
|
37
|
+
*/
|
38
|
+
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
39
|
+
.firefox { display: none }
|
40
|
+
.opera { display: none }
|
41
|
+
}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
/**
|
2
|
+
* BlankPlate | Yet another HTML5 Starter Kit
|
3
|
+
*
|
4
|
+
* BlankPlate Diagnostics stylesheet
|
5
|
+
*
|
6
|
+
* Normally you don't have to make any changes in this file.
|
7
|
+
* Your changes should be placed in styles.css file.
|
8
|
+
*
|
9
|
+
* @copyright Copyright 2012, Dimitris Krestos
|
10
|
+
* @license Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
|
11
|
+
* @link http://vdw.staytuned.gr/html5-starter-kit-blankplate/
|
12
|
+
* @package BlankPlate
|
13
|
+
* @version v1.1.0
|
14
|
+
*/
|
15
|
+
|
16
|
+
/**
|
17
|
+
* EMPTY BLOCK ELEMENTS
|
18
|
+
* Mark the empty list items, anchor inside list items and paragraphs
|
19
|
+
* -------------------------------------------------------------------------------------------------
|
20
|
+
*/
|
21
|
+
P:empty:before, LI:empty:before, LI > *:empty:before { /* The :empty selector is supported in all major browsers, except IE8 and earlier. */
|
22
|
+
border-bottom: 1px dotted fuchsia !important;
|
23
|
+
color: fuchsia !important;
|
24
|
+
content: 'blank !'
|
25
|
+
}
|
26
|
+
|
27
|
+
/**
|
28
|
+
* EMPTY IMAGE ATTRIBUTES
|
29
|
+
* Mark images with empty or no alt and title attributes
|
30
|
+
* -------------------------------------------------------------------------------------------------
|
31
|
+
*/
|
32
|
+
IMG[alt=''], IMG:not([alt]), IMG[title=''], IMG:not([title]) { /* IE8 and earlier do not support the :not selector. */
|
33
|
+
border: 1px dotted fuchsia !important;
|
34
|
+
padding: 1px !important
|
35
|
+
}
|
36
|
+
|
37
|
+
/**
|
38
|
+
* EMPTY ANCHOR ATTRIBUTES
|
39
|
+
* Mark anchors with empty title or href attributes
|
40
|
+
* -------------------------------------------------------------------------------------------------
|
41
|
+
*/
|
42
|
+
A[title=''], A[href=''] { /* For [attribute=value] to work in IE8 and earlier, a <!DOCTYPE> must be declared. */
|
43
|
+
border-bottom: 1px dotted fuchsia !important;
|
44
|
+
color: fuchsia !important
|
45
|
+
}
|
@@ -0,0 +1,166 @@
|
|
1
|
+
/**
|
2
|
+
* BlankPlate | Yet another HTML5 Starter Kit
|
3
|
+
*
|
4
|
+
* BlankPlate BareGrid stylesheet
|
5
|
+
*
|
6
|
+
* BareGrid is a grid system based on percentages.
|
7
|
+
*
|
8
|
+
* Normally you don't have to make any changes in this file.
|
9
|
+
* Your changes should be placed in styles.css file.
|
10
|
+
*
|
11
|
+
* @copyright Copyright 2012, Dimitris Krestos
|
12
|
+
* @license Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
|
13
|
+
* @link http://vdw.staytuned.gr/html5-starter-kit-blankplate/
|
14
|
+
* @package BlankPlate
|
15
|
+
* @version v1.1.0
|
16
|
+
*/
|
17
|
+
|
18
|
+
* {
|
19
|
+
-webkit-box-sizing: border-box;
|
20
|
+
-moz-box-sizing: border-box;
|
21
|
+
box-sizing: border-box;
|
22
|
+
}
|
23
|
+
|
24
|
+
/**
|
25
|
+
* ROW
|
26
|
+
*
|
27
|
+
* -------------------------------------------------------------------------------------------------
|
28
|
+
*/
|
29
|
+
.row {
|
30
|
+
display: block;
|
31
|
+
width: 100%
|
32
|
+
}
|
33
|
+
|
34
|
+
.row.right > .column {
|
35
|
+
float: right
|
36
|
+
}
|
37
|
+
|
38
|
+
/**
|
39
|
+
* COLUMN
|
40
|
+
*
|
41
|
+
* -------------------------------------------------------------------------------------------------
|
42
|
+
*/
|
43
|
+
.column {
|
44
|
+
display: block;
|
45
|
+
float: left
|
46
|
+
}
|
47
|
+
|
48
|
+
/**
|
49
|
+
* WIDTHS
|
50
|
+
*
|
51
|
+
* -------------------------------------------------------------------------------------------------
|
52
|
+
*/
|
53
|
+
.one > .column {
|
54
|
+
width: 100.000%
|
55
|
+
}
|
56
|
+
.two > .column {
|
57
|
+
width: 50.0000%
|
58
|
+
}
|
59
|
+
.three > .column {
|
60
|
+
width: 33.3333%
|
61
|
+
}
|
62
|
+
.four > .column {
|
63
|
+
width: 25.0000%
|
64
|
+
}
|
65
|
+
.five > .column {
|
66
|
+
width: 20.0000%
|
67
|
+
}
|
68
|
+
.six > .column {
|
69
|
+
width: 16.6666%
|
70
|
+
}
|
71
|
+
.seven > .column {
|
72
|
+
width: 14.2857%
|
73
|
+
}
|
74
|
+
.eight > .column {
|
75
|
+
width: 12.5000%
|
76
|
+
}
|
77
|
+
.nine > .column {
|
78
|
+
width: 11.1111%
|
79
|
+
}
|
80
|
+
.ten > .column {
|
81
|
+
width: 10.0000%
|
82
|
+
}
|
83
|
+
.eleven > .column {
|
84
|
+
width: 09.0909%
|
85
|
+
}
|
86
|
+
.twelve > .column {
|
87
|
+
width: 08.3333%
|
88
|
+
}
|
89
|
+
|
90
|
+
/**
|
91
|
+
* OFFSETS
|
92
|
+
*
|
93
|
+
* -------------------------------------------------------------------------------------------------
|
94
|
+
*/
|
95
|
+
.column.second {
|
96
|
+
margin-left: 08.3333%
|
97
|
+
}
|
98
|
+
.column.third {
|
99
|
+
margin-left: 16.6666%
|
100
|
+
}
|
101
|
+
.column.fourth {
|
102
|
+
margin-left: 24.9999%
|
103
|
+
}
|
104
|
+
.column.fifth {
|
105
|
+
margin-left: 33.3332%
|
106
|
+
}
|
107
|
+
.column.sixth {
|
108
|
+
margin-left: 41.6665%
|
109
|
+
}
|
110
|
+
.column.seventh {
|
111
|
+
margin-left: 49.9998%
|
112
|
+
}
|
113
|
+
.column.eighth {
|
114
|
+
margin-left: 58.3331%
|
115
|
+
}
|
116
|
+
.column.nineth {
|
117
|
+
margin-left: 66.6664%
|
118
|
+
}
|
119
|
+
.column.tenth {
|
120
|
+
margin-left: 74.9997%
|
121
|
+
}
|
122
|
+
.column.eleventh {
|
123
|
+
margin-left: 83.3330%
|
124
|
+
}
|
125
|
+
.column.twelveth {
|
126
|
+
margin-left: 91.6663%
|
127
|
+
}
|
128
|
+
|
129
|
+
/**
|
130
|
+
* FILLS
|
131
|
+
*
|
132
|
+
* -------------------------------------------------------------------------------------------------
|
133
|
+
*/
|
134
|
+
.column.eleven {
|
135
|
+
width: 91.6667%
|
136
|
+
}
|
137
|
+
.column.ten {
|
138
|
+
width: 90.9091%
|
139
|
+
}
|
140
|
+
.column.nine {
|
141
|
+
width: 90.0000%
|
142
|
+
}
|
143
|
+
.column.eight {
|
144
|
+
width: 88.8889%
|
145
|
+
}
|
146
|
+
.column.seven {
|
147
|
+
width: 87.5000%
|
148
|
+
}
|
149
|
+
.column.six {
|
150
|
+
width: 85.7143%
|
151
|
+
}
|
152
|
+
.column.five {
|
153
|
+
width: 83.3334%
|
154
|
+
}
|
155
|
+
.column.four {
|
156
|
+
width: 80.0000%
|
157
|
+
}
|
158
|
+
.column.three {
|
159
|
+
width: 75.0000%
|
160
|
+
}
|
161
|
+
.column.two {
|
162
|
+
width: 66.6667%
|
163
|
+
}
|
164
|
+
.column.one {
|
165
|
+
width: 50.0000%
|
166
|
+
}
|
@@ -0,0 +1,161 @@
|
|
1
|
+
/**
|
2
|
+
* BlankPlate | Yet another HTML5 Starter Kit
|
3
|
+
*
|
4
|
+
* BlankPlate Helpers stylesheet
|
5
|
+
*
|
6
|
+
* Normally you don't have to make any changes in this file.
|
7
|
+
* Your changes should be placed in styles.css file.
|
8
|
+
*
|
9
|
+
* @copyright Copyright 2012, Dimitris Krestos
|
10
|
+
* @license Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
|
11
|
+
* @link http://vdw.staytuned.gr/html5-starter-kit-blankplate/
|
12
|
+
* @package BlankPlate
|
13
|
+
* @version v1.1.0
|
14
|
+
*/
|
15
|
+
|
16
|
+
/**
|
17
|
+
* HELPERS
|
18
|
+
* Some useful rules
|
19
|
+
* -------------------------------------------------------------------------------------------------
|
20
|
+
*/
|
21
|
+
|
22
|
+
/* Selection */
|
23
|
+
::-moz-selection {
|
24
|
+
background: rgba(223, 61, 130, 0.3);
|
25
|
+
color: #EEE
|
26
|
+
}
|
27
|
+
|
28
|
+
::selection {
|
29
|
+
background: rgba(223, 61, 130, 0.3);
|
30
|
+
color: #EEE
|
31
|
+
}
|
32
|
+
|
33
|
+
.unselectable {
|
34
|
+
-webkit-user-select: none;
|
35
|
+
-khtml-user-select: none;
|
36
|
+
-moz-user-select: -moz-none;
|
37
|
+
-o-user-select: none;
|
38
|
+
user-select: none
|
39
|
+
}
|
40
|
+
|
41
|
+
/* Positioning */
|
42
|
+
.v_center {
|
43
|
+
display: table-cell;
|
44
|
+
vertical-align: middle
|
45
|
+
}
|
46
|
+
|
47
|
+
.h_center {
|
48
|
+
margin: 0 auto
|
49
|
+
}
|
50
|
+
|
51
|
+
.float_left {
|
52
|
+
float: left
|
53
|
+
}
|
54
|
+
|
55
|
+
.float_right {
|
56
|
+
float: right
|
57
|
+
}
|
58
|
+
|
59
|
+
/* Hide stuff */
|
60
|
+
.hide {
|
61
|
+
display: none;
|
62
|
+
visibility: hidden
|
63
|
+
}
|
64
|
+
|
65
|
+
.hide_text {
|
66
|
+
color: transparent;
|
67
|
+
text-indent: -999
|
68
|
+
}
|
69
|
+
|
70
|
+
.hide_block {
|
71
|
+
visibility: hidden
|
72
|
+
}
|
73
|
+
|
74
|
+
.invisible {
|
75
|
+
/* IE7- */
|
76
|
+
opacity: 0.0; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
|
77
|
+
filter: alpha(opacity=0); /* IE6-IE8 */
|
78
|
+
|
79
|
+
border: none
|
80
|
+
}
|
81
|
+
|
82
|
+
/* Rule based on http://css3please.com/ */
|
83
|
+
.radius {
|
84
|
+
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
|
85
|
+
-moz-border-radius: 4px; /* FF1-3.6 */
|
86
|
+
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
|
87
|
+
|
88
|
+
/* useful if you don't want a bg color from leaking outside the border: */
|
89
|
+
-webkit-background-clip: padding-box;
|
90
|
+
-moz-background-clip: padding;
|
91
|
+
background-clip: padding-box;
|
92
|
+
}
|
93
|
+
|
94
|
+
/* Rule based on http://css3please.com/ */
|
95
|
+
.gradient {
|
96
|
+
background-color: #F4F4F4;
|
97
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F4F4F4)); /* Saf4+, Chrome */
|
98
|
+
background-image: -webkit-linear-gradient(top, #FFF, #F4F4F4); /* Chrome 10+, Saf5.1+, iOS 5+ */
|
99
|
+
background-image: -moz-linear-gradient(top, #FFF, #F4F4F4); /* FF3.6 */
|
100
|
+
background-image: -ms-linear-gradient(top, #FFF, #F4F4F4); /* IE10 */
|
101
|
+
background-image: -o-linear-gradient(top, #FFF, #F4F4F4); /* Opera 11.10+ */
|
102
|
+
background-image: linear-gradient(to bottom, #FFF, #F4F4F4);
|
103
|
+
}
|
104
|
+
|
105
|
+
.opacity {
|
106
|
+
opacity: 0.5;
|
107
|
+
filter: alpha(opacity=50); /* IE8 and earlier */
|
108
|
+
}
|
109
|
+
|
110
|
+
/* Rule based on http://css3please.com/ */
|
111
|
+
.transition {
|
112
|
+
-webkit-transition: all 0.6s ease 0s; /* Saf3.2+, Chrome */
|
113
|
+
-moz-transition: all 0.6s ease 0s; /* FF4+ */
|
114
|
+
-ms-transition: all 0.6s ease 0s; /* IE10? */
|
115
|
+
-o-transition: all 0.6s ease 0s; /* Opera 10.5+ */
|
116
|
+
transition: all 0.6s ease 0s;
|
117
|
+
}
|
118
|
+
|
119
|
+
/* Rule based on http://css3please.com/ */
|
120
|
+
/* Use this convertor http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/ */
|
121
|
+
.rgba {
|
122
|
+
background-color: transparent;
|
123
|
+
background-color: rgba(0, 0, 0, 0.8); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
|
124
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)"; /* IE8 */
|
125
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); /* IE6 & 7 */
|
126
|
+
zoom: 1;
|
127
|
+
}
|
128
|
+
|
129
|
+
/* Shadows */
|
130
|
+
.shadow {
|
131
|
+
text-shadow: 1px 1px 1px #CCC
|
132
|
+
}
|
133
|
+
|
134
|
+
.box_shadow {
|
135
|
+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
136
|
+
padding: 12px 20px 2px
|
137
|
+
}
|
138
|
+
|
139
|
+
/* Clear fix */
|
140
|
+
.clear {
|
141
|
+
clear: both;
|
142
|
+
font-size: 1px;
|
143
|
+
height: 0px;
|
144
|
+
line-height: 0
|
145
|
+
}
|
146
|
+
|
147
|
+
/* Golden Ratio (base is 16px) */
|
148
|
+
.ratio13 {
|
149
|
+
font-size: 0.813em; /* 13px */
|
150
|
+
line-height: 1.231em; /* 16px */
|
151
|
+
}
|
152
|
+
|
153
|
+
.ratio14 {
|
154
|
+
font-size: 0.875em; /* 14px */
|
155
|
+
line-height: 1.857em; /* 26px */
|
156
|
+
}
|
157
|
+
|
158
|
+
.ratio15 {
|
159
|
+
font-size: 1.154em; /* 15px */
|
160
|
+
line-height: 1.800em; /* 27px */
|
161
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
/**
|
2
|
+
* BlankPlate | Yet another HTML5 Starter Kit
|
3
|
+
*
|
4
|
+
* BlankPlate IE stylesheet
|
5
|
+
*
|
6
|
+
* @copyright Copyright 2012, Dimitris Krestos
|
7
|
+
* @license Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
|
8
|
+
* @link http://vdw.staytuned.gr/html5-starter-kit-blankplate/
|
9
|
+
* @package BlankPlate
|
10
|
+
* @version v1.1.0
|
11
|
+
*/
|
12
|
+
|
13
|
+
/**
|
14
|
+
* IE FIXES
|
15
|
+
* Your IE fixes
|
16
|
+
* -------------------------------------------------------------------------------------------------
|
17
|
+
*/
|
18
|
+
.ie {
|
19
|
+
display: none !important
|
20
|
+
}
|