tuktuk-rails 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.
- checksums.yaml +4 -4
- data/README.md +17 -0
- data/app/assets/javascripts/tuktuk/index.js +1 -0
- data/app/assets/javascripts/tuktuk/tuktuk.js +196 -0
- data/{test/dummy/app/assets/stylesheets/application.css → app/assets/stylesheets/tuktuk/index.css} +4 -3
- data/app/assets/stylesheets/tuktuk/tuktuk.css +463 -0
- data/app/assets/stylesheets/tuktuk/tuktuk.icons.css +760 -0
- data/app/assets/stylesheets/tuktuk/tuktuk.theme.css +61 -0
- data/lib/tuktuk/version.rb +1 -1
- data/lib/tuktuk.rb +2 -1
- data/spec/spec_helper.rb +17 -0
- metadata +18 -99
- checksums.yaml.gz.sig +0 -0
- data/README.rdoc +0 -3
- data/lib/tuktuk/engine.rb +0 -4
- data/test/dummy/README.rdoc +0 -28
- data/test/dummy/Rakefile +0 -6
- data/test/dummy/app/assets/javascripts/application.js +0 -13
- data/test/dummy/app/controllers/application_controller.rb +0 -5
- data/test/dummy/app/helpers/application_helper.rb +0 -2
- data/test/dummy/app/views/layouts/application.html.erb +0 -14
- data/test/dummy/bin/bundle +0 -3
- data/test/dummy/bin/rails +0 -4
- data/test/dummy/bin/rake +0 -4
- data/test/dummy/config/application.rb +0 -23
- data/test/dummy/config/boot.rb +0 -5
- data/test/dummy/config/database.yml +0 -25
- data/test/dummy/config/environment.rb +0 -5
- data/test/dummy/config/environments/development.rb +0 -29
- data/test/dummy/config/environments/production.rb +0 -80
- data/test/dummy/config/environments/test.rb +0 -36
- data/test/dummy/config/initializers/backtrace_silencers.rb +0 -7
- data/test/dummy/config/initializers/filter_parameter_logging.rb +0 -4
- data/test/dummy/config/initializers/inflections.rb +0 -16
- data/test/dummy/config/initializers/mime_types.rb +0 -5
- data/test/dummy/config/initializers/secret_token.rb +0 -12
- data/test/dummy/config/initializers/session_store.rb +0 -3
- data/test/dummy/config/initializers/wrap_parameters.rb +0 -14
- data/test/dummy/config/locales/en.yml +0 -23
- data/test/dummy/config/routes.rb +0 -56
- data/test/dummy/config.ru +0 -4
- data/test/dummy/public/404.html +0 -58
- data/test/dummy/public/422.html +0 -58
- data/test/dummy/public/500.html +0 -57
- data/test/dummy/public/favicon.ico +0 -0
- data/test/test_helper.rb +0 -15
- data/test/tuktuk_test.rb +0 -7
- data.tar.gz.sig +0 -2
- metadata.gz.sig +0 -0
|
@@ -0,0 +1,463 @@
|
|
|
1
|
+
[data-tuktuk=boxes]{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-box-pack:justify;-o-box-pack:justify;box-pack:justify;overflow:hidden;}
|
|
2
|
+
[data-tuktuk=boxes] > aside,[data-tuktuk=boxes] > section{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;}
|
|
3
|
+
[data-tuktuk=boxes] > aside > header,[data-tuktuk=boxes] > section > header,[data-tuktuk=boxes] > aside > footer,[data-tuktuk=boxes] > section > footer,[data-tuktuk=boxes] > aside > div > header,[data-tuktuk=boxes] > section > div > header,[data-tuktuk=boxes] > aside > div > footer,[data-tuktuk=boxes] > section > div > footer{-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0;display:block;height:52px;line-height:52px;padding:0 1em}
|
|
4
|
+
[data-tuktuk=boxes] > aside article,[data-tuktuk=boxes] > section article{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;height:0}
|
|
5
|
+
[data-tuktuk=boxes] > aside{z-index:2;-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0;min-width:224px;margin:0 !important;float:none !important;}
|
|
6
|
+
[data-tuktuk=boxes] > aside.absolute{position:absolute;height:inherit;-webkit-transition:all 400ms;-moz-transition:all 400ms;-ms-transition:all 400ms;-o-transition:all 400ms;transition:all 400ms;}
|
|
7
|
+
[data-tuktuk=boxes] > aside.absolute:not(.right){-webkit-transform:translateX(-512px);-moz-transform:translateX(-512px);-ms-transform:translateX(-512px);-o-transform:translateX(-512px);transform:translateX(-512px)}
|
|
8
|
+
[data-tuktuk=boxes] > aside.absolute.right{-webkit-transform:translateX(512px);-moz-transform:translateX(512px);-ms-transform:translateX(512px);-o-transform:translateX(512px);transform:translateX(512px);right:0}
|
|
9
|
+
[data-tuktuk=boxes] > aside.absolute.active{-webkit-transform:translateX(0) !important;-moz-transform:translateX(0) !important;-ms-transform:translateX(0) !important;-o-transform:translateX(0) !important;transform:translateX(0) !important}
|
|
10
|
+
[data-tuktuk=boxes] > aside > div{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical}
|
|
11
|
+
[data-tuktuk=boxes] > section{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;z-index:0}
|
|
12
|
+
[data-tuktuk=boxes] > aside .session,[data-tuktuk=boxes] > section .session{height:inherit;}
|
|
13
|
+
[data-tuktuk=boxes] > aside .session > *,[data-tuktuk=boxes] > section .session > *{display:inline-block;float:left}
|
|
14
|
+
|
|
15
|
+
.button,button{display:inline-block;border:none;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:2.3em;text-align:center;text-decoration:none;outline:none;}
|
|
16
|
+
.button.icon,button.icon{padding:0 .65em}
|
|
17
|
+
.button:not(.icon),button:not(.icon){padding:0 1em;}
|
|
18
|
+
.button:not(.icon) .icon,button:not(.icon) .icon{margin-right:.5em}
|
|
19
|
+
.button.large,button.large{font-size:1.4em}
|
|
20
|
+
.button.small,button.small{font-size:.9em}
|
|
21
|
+
.button.tiny,button.tiny{font-size:.8em}
|
|
22
|
+
.button.anchor,button.anchor{width:100%;position:relative;}
|
|
23
|
+
.button.anchor:not(.icon) .icon,button.anchor:not(.icon) .icon{position:absolute;left:1em}
|
|
24
|
+
|
|
25
|
+
.flexbox{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;}
|
|
26
|
+
.flexbox.y{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;}
|
|
27
|
+
.flexbox.y.top{-webkit-box-pack:start;-moz-box-pack:start;-ms-box-pack:start;-o-box-pack:start;box-pack:start}
|
|
28
|
+
.flexbox.y.bottom{-webkit-box-pack:end;-moz-box-pack:end;-ms-box-pack:end;-o-box-pack:end;box-pack:end}
|
|
29
|
+
.flexbox.y.middle{-webkit-box-pack:center;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;box-pack:center}
|
|
30
|
+
.flexbox.y.left{-webkit-box-align:start;-moz-box-align:start;-ms-box-align:start;-o-box-align:start;box-align:start}
|
|
31
|
+
.flexbox.y.right{-webkit-box-align:end;-moz-box-align:end;-ms-box-align:end;-o-box-align:end;box-align:end}
|
|
32
|
+
.flexbox.y.center{-webkit-box-align:center;-moz-box-align:center;-ms-box-align:center;-o-box-align:center;box-align:center}
|
|
33
|
+
.flexbox.x{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-o-box-orient:horizontal;box-orient:horizontal;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-box-pack:justify;-o-box-pack:justify;box-pack:justify;}
|
|
34
|
+
.flexbox.x.top{-webkit-box-align:start;-moz-box-align:start;-ms-box-align:start;-o-box-align:start;box-align:start}
|
|
35
|
+
.flexbox.x.bottom{-webkit-box-align:end;-moz-box-align:end;-ms-box-align:end;-o-box-align:end;box-align:end}
|
|
36
|
+
.flexbox.x.middle{-webkit-box-align:center;-moz-box-align:center;-ms-box-align:center;-o-box-align:center;box-align:center}
|
|
37
|
+
.flexbox.x.left{-webkit-box-pack:start;-moz-box-pack:start;-ms-box-pack:start;-o-box-pack:start;box-pack:start}
|
|
38
|
+
.flexbox.x.right{-webkit-box-pack:end;-moz-box-pack:end;-ms-box-pack:end;-o-box-pack:end;box-pack:end}
|
|
39
|
+
.flexbox.x.center{-webkit-box-pack:center;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;box-pack:center}
|
|
40
|
+
.flexbox.reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-ms-box-direction:reverse;-o-box-direction:reverse;box-direction:reverse}
|
|
41
|
+
.flexbox.single{-webkit-box-lines:single;-moz-box-lines:single;-ms-box-lines:single;-o-box-lines:single;box-lines:single}
|
|
42
|
+
.flexbox.multiple{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-box-lines:multiple;-o-box-lines:multiple;box-lines:multiple}
|
|
43
|
+
.flexbox > *{display:block}
|
|
44
|
+
.flexbox > .box{-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0}
|
|
45
|
+
.flexbox > .box-1{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1}
|
|
46
|
+
.flexbox > .box-2{-webkit-box-flex:2;-moz-box-flex:2;-ms-box-flex:2;-o-box-flex:2;box-flex:2}
|
|
47
|
+
.flexbox > .flex_0{-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0}
|
|
48
|
+
.flexbox > .flex_1{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1}
|
|
49
|
+
.flexbox > .flex_2{-webkit-box-flex:2;-moz-box-flex:2;-ms-box-flex:2;-o-box-flex:2;box-flex:2}
|
|
50
|
+
.flexbox > .flex_3{-webkit-box-flex:3;-moz-box-flex:3;-ms-box-flex:3;-o-box-flex:3;box-flex:3}
|
|
51
|
+
.flexbox > .flex_4{-webkit-box-flex:4;-moz-box-flex:4;-ms-box-flex:4;-o-box-flex:4;box-flex:4}
|
|
52
|
+
.flexbox > .flex_5{-webkit-box-flex:5;-moz-box-flex:5;-ms-box-flex:5;-o-box-flex:5;box-flex:5}
|
|
53
|
+
.flexbox > .flex_6{-webkit-box-flex:6;-moz-box-flex:6;-ms-box-flex:6;-o-box-flex:6;box-flex:6}
|
|
54
|
+
.flexbox > .flex_7{-webkit-box-flex:7;-moz-box-flex:7;-ms-box-flex:7;-o-box-flex:7;box-flex:7}
|
|
55
|
+
.flexbox > .flex_8{-webkit-box-flex:8;-moz-box-flex:8;-ms-box-flex:8;-o-box-flex:8;box-flex:8}
|
|
56
|
+
.flexbox > .flex_9{-webkit-box-flex:9;-moz-box-flex:9;-ms-box-flex:9;-o-box-flex:9;box-flex:9}
|
|
57
|
+
.flexbox > .order_1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-box-ordinal-group:1;-o-box-ordinal-group:1;box-ordinal-group:1}
|
|
58
|
+
.flexbox > .order_2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-box-ordinal-group:2;-o-box-ordinal-group:2;box-ordinal-group:2}
|
|
59
|
+
.flexbox > .order_3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-box-ordinal-group:3;-o-box-ordinal-group:3;box-ordinal-group:3}
|
|
60
|
+
.flexbox > .order_4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-box-ordinal-group:4;-o-box-ordinal-group:4;box-ordinal-group:4}
|
|
61
|
+
.flexbox > .order_5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-box-ordinal-group:5;-o-box-ordinal-group:5;box-ordinal-group:5}
|
|
62
|
+
.flexbox > .order_6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-ms-box-ordinal-group:6;-o-box-ordinal-group:6;box-ordinal-group:6}
|
|
63
|
+
.flexbox > .order_7{-webkit-box-ordinal-group:7;-moz-box-ordinal-group:7;-ms-box-ordinal-group:7;-o-box-ordinal-group:7;box-ordinal-group:7}
|
|
64
|
+
.flexbox > .order_8{-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;-ms-box-ordinal-group:8;-o-box-ordinal-group:8;box-ordinal-group:8}
|
|
65
|
+
.flexbox > .order_9{-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;-ms-box-ordinal-group:9;-o-box-ordinal-group:9;box-ordinal-group:9}
|
|
66
|
+
|
|
67
|
+
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
|
|
68
|
+
h1{font-size:2.6em}
|
|
69
|
+
h2{font-size:2.2em}
|
|
70
|
+
h3{font-size:1.8em}
|
|
71
|
+
h4{font-size:1.6em}
|
|
72
|
+
h5{font-size:1.3em}
|
|
73
|
+
h6{font-size:1em}
|
|
74
|
+
.text.thin{font-weight:200}
|
|
75
|
+
.text.book{font-weight:300}
|
|
76
|
+
.text.normal{font-weight:400}
|
|
77
|
+
.text.bold{font-weight:700}
|
|
78
|
+
.text.italic{font-style:italic}
|
|
79
|
+
.text.underline{text-decoration:underline}
|
|
80
|
+
.text.uppercase{text-transform:uppercase}
|
|
81
|
+
.text.tiny{font-size:.8em}
|
|
82
|
+
.text.small{font-size:.9em}
|
|
83
|
+
.text.big{font-size:1.2em}
|
|
84
|
+
.text.large{font-size:1.4em}
|
|
85
|
+
.align.left,.text.left{text-align:left}
|
|
86
|
+
.align.right,.text.right{text-align:right}
|
|
87
|
+
.align.center,.text.center{text-align:center}
|
|
88
|
+
.align.justify,.text.justify{text-align:justify}
|
|
89
|
+
p{font-size:1.1em}
|
|
90
|
+
small{font-size:.9em}
|
|
91
|
+
strong{font-weight:700 !important}
|
|
92
|
+
|
|
93
|
+
form input[type="text"],.form input[type="text"],form input[type="password"],.form input[type="password"],form input[type="date"],.form input[type="date"],form input[type="datetime"],.form input[type="datetime"],form input[type="email"],.form input[type="email"],form input[type="number"],.form input[type="number"],form input[type="search"],.form input[type="search"],form input[type="tel"],.form input[type="tel"],form input[type="time"],.form input[type="time"],form input[type="url"],.form input[type="url"],form select,.form select,form textarea,.form textarea{display:inline-block;width:100%;padding:.5em;margin:.1em 0 .25em 0;font-family:inherit;font-size:inherit;-webkit-appearance:none;-webkit-user-select:text;-webkit-font-smoothing:antialiased;}
|
|
94
|
+
form input[type="text"]:focus,.form input[type="text"]:focus,form input[type="password"]:focus,.form input[type="password"]:focus,form input[type="date"]:focus,.form input[type="date"]:focus,form input[type="datetime"]:focus,.form input[type="datetime"]:focus,form input[type="email"]:focus,.form input[type="email"]:focus,form input[type="number"]:focus,.form input[type="number"]:focus,form input[type="search"]:focus,.form input[type="search"]:focus,form input[type="tel"]:focus,.form input[type="tel"]:focus,form input[type="time"]:focus,.form input[type="time"]:focus,form input[type="url"]:focus,.form input[type="url"]:focus,form select:focus,.form select:focus,form textarea:focus,.form textarea:focus{outline:none !important}
|
|
95
|
+
form input[type="text"].large,.form input[type="text"].large,form input[type="password"].large,.form input[type="password"].large,form input[type="date"].large,.form input[type="date"].large,form input[type="datetime"].large,.form input[type="datetime"].large,form input[type="email"].large,.form input[type="email"].large,form input[type="number"].large,.form input[type="number"].large,form input[type="search"].large,.form input[type="search"].large,form input[type="tel"].large,.form input[type="tel"].large,form input[type="time"].large,.form input[type="time"].large,form input[type="url"].large,.form input[type="url"].large,form select.large,.form select.large,form textarea.large,.form textarea.large{font-size:1.4em}
|
|
96
|
+
form textarea,.form textarea{padding:.4em .5em;min-height:2.5em;line-height:1.2em}
|
|
97
|
+
form label,.form label{font-size:.9em}
|
|
98
|
+
form input[type="checkbox"],.form input[type="checkbox"],form input[type="radio"],.form input[type="radio"]{display:inline-block !important;margin-right:.2em;font-family:inherit;font-size:inherit;width:1.45em;height:1.45em;line-height:1em;-webkit-appearance:none;text-align:center;}
|
|
99
|
+
form input[type="checkbox"]:after,.form input[type="checkbox"]:after,form input[type="radio"]:after,.form input[type="radio"]:after{content:"+";opacity:0;font-size:1.2em;line-height:.9em}
|
|
100
|
+
form input[type="checkbox"]:checked:after,.form input[type="checkbox"]:checked:after,form input[type="radio"]:checked:after,.form input[type="radio"]:checked:after{opacity:1}
|
|
101
|
+
form input[type="checkbox"]:checked:after,.form input[type="checkbox"]:checked:after{content:"✔"}
|
|
102
|
+
form input[type="radio"],.form input[type="radio"]{-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;border-radius:1em;}
|
|
103
|
+
form input[type="radio"]:checked:after,.form input[type="radio"]:checked:after{content:"·"}
|
|
104
|
+
form .select,.form .select{position:relative;display:block;}
|
|
105
|
+
form .select:after,.form .select:after{z-index:128;position:absolute;top:.8em;right:.5em;content:"▼";pointer-events:none}
|
|
106
|
+
form .fieldset label,.form .fieldset label,form fieldset label,.form fieldset label{display:block;text-align:right;float:left;width:25%;padding:.2em .4em 0 0;}
|
|
107
|
+
form .fieldset label > small,.form .fieldset label > small,form fieldset label > small,.form fieldset label > small{display:block;font-size:.8em;font-weight:300}
|
|
108
|
+
form .fieldset input[type="text"],.form .fieldset input[type="text"],form fieldset input[type="text"],.form fieldset input[type="text"],form .fieldset input[type="password"],.form .fieldset input[type="password"],form fieldset input[type="password"],.form fieldset input[type="password"],form .fieldset input[type="date"],.form .fieldset input[type="date"],form fieldset input[type="date"],.form fieldset input[type="date"],form .fieldset input[type="datetime"],.form .fieldset input[type="datetime"],form fieldset input[type="datetime"],.form fieldset input[type="datetime"],form .fieldset input[type="email"],.form .fieldset input[type="email"],form fieldset input[type="email"],.form fieldset input[type="email"],form .fieldset input[type="number"],.form .fieldset input[type="number"],form fieldset input[type="number"],.form fieldset input[type="number"],form .fieldset input[type="search"],.form .fieldset input[type="search"],form fieldset input[type="search"],.form fieldset input[type="search"],form .fieldset input[type="tel"],.form .fieldset input[type="tel"],form fieldset input[type="tel"],.form fieldset input[type="tel"],form .fieldset input[type="time"],.form .fieldset input[type="time"],form fieldset input[type="time"],.form fieldset input[type="time"],form .fieldset input[type="url"],.form .fieldset input[type="url"],form fieldset input[type="url"],.form fieldset input[type="url"],form .fieldset select,.form .fieldset select,form fieldset select,.form fieldset select,form .fieldset textarea,.form .fieldset textarea,form fieldset textarea,.form fieldset textarea{width:75%}
|
|
109
|
+
[data-control=checkbox]{display:inline-block;margin:.1em 0 .25em 0;width:5em;position:relative;font-size:inherit;height:2em;line-height:2em;}
|
|
110
|
+
[data-control=checkbox],[data-control=checkbox] label{-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease}
|
|
111
|
+
[data-control=checkbox] input[type=checkbox]{visibility:hidden}
|
|
112
|
+
[data-control=checkbox]:after,[data-control=checkbox]:before{z-index:0;position:absolute}
|
|
113
|
+
[data-control=checkbox]:before{content:"ON";left:1em;opacity:0}
|
|
114
|
+
[data-control=checkbox]:after{content:"OFF";right:1em}
|
|
115
|
+
[data-control=checkbox].checked:before{opacity:1;z-index:1}
|
|
116
|
+
[data-control=checkbox].checked:after{opacity:0;z-index:0}
|
|
117
|
+
[data-control=checkbox] label{display:block;height:1.55em;width:1.55em;margin:.35em;cursor:pointer;position:absolute;top:0;left:0;z-index:1}
|
|
118
|
+
[data-control=checkbox] input[type=checkbox]:checked + label{left:3.35em}
|
|
119
|
+
|
|
120
|
+
.row{margin:0 auto;width:960px;overflow:hidden;display:block;}
|
|
121
|
+
.row .row{margin:0 -16px 0 -16px;width:auto;display:inline-block}
|
|
122
|
+
[class^="column_"],[class*=" column_"]{margin:0 16px 0 16px;float:left;display:inline}
|
|
123
|
+
.column_1{width:48px}
|
|
124
|
+
.column_2{width:128px}
|
|
125
|
+
.column_3{width:208px}
|
|
126
|
+
.column_4{width:288px}
|
|
127
|
+
.column_5{width:368px}
|
|
128
|
+
.column_6{width:448px}
|
|
129
|
+
.column_7{width:528px}
|
|
130
|
+
.column_8{width:608px}
|
|
131
|
+
.column_9{width:688px}
|
|
132
|
+
.column_10{width:768px}
|
|
133
|
+
.column_11{width:848px}
|
|
134
|
+
.column_12{width:928px}
|
|
135
|
+
.offset_1{margin-left:96px}
|
|
136
|
+
.offset_2{margin-left:176px}
|
|
137
|
+
.offset_3{margin-left:256px}
|
|
138
|
+
.offset_4{margin-left:336px}
|
|
139
|
+
.offset_5{margin-left:416px}
|
|
140
|
+
.offset_6{margin-left:496px}
|
|
141
|
+
.offset_7{margin-left:576px}
|
|
142
|
+
.offset_8{margin-left:656px}
|
|
143
|
+
.offset_9{margin-left:736px}
|
|
144
|
+
.offset_10{margin-left:816px}
|
|
145
|
+
.offset_11{margin-left:896px}
|
|
146
|
+
.show-phone{display:none !important}
|
|
147
|
+
.show-tablet{display:none !important}
|
|
148
|
+
.show-screen{display:inherit !important}
|
|
149
|
+
.hide-phone{display:inherit !important}
|
|
150
|
+
.hide-tablet{display:inherit !important}
|
|
151
|
+
.hide-screen{display:none !important}
|
|
152
|
+
@media only screen and (min-width:1200px){.row{width:1200px;}
|
|
153
|
+
.row .row{margin:0 -20px 0 -20px}
|
|
154
|
+
[class^="column_"],[class*=" column_"]{margin:0 20px 0 20px}
|
|
155
|
+
.column_1{width:60px}
|
|
156
|
+
.column_2{width:160px}
|
|
157
|
+
.column_3{width:260px}
|
|
158
|
+
.column_4{width:360px}
|
|
159
|
+
.column_5{width:460px}
|
|
160
|
+
.column_6{width:560px}
|
|
161
|
+
.column_7{width:660px}
|
|
162
|
+
.column_8{width:760px}
|
|
163
|
+
.column_9{width:860px}
|
|
164
|
+
.column_10{width:960px}
|
|
165
|
+
.column_11{width:1060px}
|
|
166
|
+
.column_12{width:1160px}
|
|
167
|
+
.offset_1{margin-left:120px}
|
|
168
|
+
.offset_2{margin-left:220px}
|
|
169
|
+
.offset_3{margin-left:320px}
|
|
170
|
+
.offset_4{margin-left:420px}
|
|
171
|
+
.offset_5{margin-left:520px}
|
|
172
|
+
.offset_6{margin-left:620px}
|
|
173
|
+
.offset_7{margin-left:720px}
|
|
174
|
+
.offset_8{margin-left:820px}
|
|
175
|
+
.offset_9{margin-left:920px}
|
|
176
|
+
.offset_10{margin-left:1020px}
|
|
177
|
+
.offset_11{margin-left:1120px}
|
|
178
|
+
.show-phone{display:none !important}
|
|
179
|
+
.show-tablet{display:none !important}
|
|
180
|
+
.show-screen{display:inherit}
|
|
181
|
+
.hide-phone{display:inherit !important}
|
|
182
|
+
.hide-tablet{display:inherit !important}
|
|
183
|
+
.hide-screen{display:none !important}
|
|
184
|
+
}@media only screen and (min-width: 768px) and (max-width: 959px){.row{width:768px;}
|
|
185
|
+
.row .row{margin:0 -14px 0 -14px}
|
|
186
|
+
[class^="column_"],[class*=" column_"]{margin:0 14px 0 14px}
|
|
187
|
+
.column_1{width:36px}
|
|
188
|
+
.column_2{width:100px}
|
|
189
|
+
.column_3{width:164px}
|
|
190
|
+
.column_4{width:228px}
|
|
191
|
+
.column_5{width:292px}
|
|
192
|
+
.column_6{width:356px}
|
|
193
|
+
.column_7{width:420px}
|
|
194
|
+
.column_8{width:484px}
|
|
195
|
+
.column_9{width:548px}
|
|
196
|
+
.column_10{width:612px}
|
|
197
|
+
.column_11{width:676px}
|
|
198
|
+
.column_12{width:740px}
|
|
199
|
+
.offset_1{margin-left:78px}
|
|
200
|
+
.offset_2{margin-left:142px}
|
|
201
|
+
.offset_3{margin-left:206px}
|
|
202
|
+
.offset_4{margin-left:270px}
|
|
203
|
+
.offset_5{margin-left:334px}
|
|
204
|
+
.offset_6{margin-left:398px}
|
|
205
|
+
.offset_7{margin-left:462px}
|
|
206
|
+
.offset_8{margin-left:526px}
|
|
207
|
+
.offset_9{margin-left:590px}
|
|
208
|
+
.offset_10{margin-left:654px}
|
|
209
|
+
.offset_11{margin-left:718px}
|
|
210
|
+
.show-phone{display:none !important}
|
|
211
|
+
.show-tablet{display:inherit !important}
|
|
212
|
+
.show-screen{display:none !important}
|
|
213
|
+
.hide-phone{display:inherit !important}
|
|
214
|
+
.hide-tablet{display:none !important}
|
|
215
|
+
.hide-screen{display:inherit !important}
|
|
216
|
+
}@media only screen and (max-width: 767px){.row{width:300px;}
|
|
217
|
+
.row .row{margin:0}
|
|
218
|
+
[class^="column_"],[class*=" column_"]{width:300px;margin:10px 0 0 0}
|
|
219
|
+
.offset_1,.offset_2,.offset_3,.offset_4,.offset_5,.offset_6,.offset_7,.offset_8,.offset_9,.offset_10,.offset_11{margin-left:0}
|
|
220
|
+
.show-phone{display:inherit !important}
|
|
221
|
+
.show-tablet{display:none !important}
|
|
222
|
+
.show-screen{display:none !important}
|
|
223
|
+
.hide-phone{display:none !important}
|
|
224
|
+
.hide-tablet{display:inherit !important}
|
|
225
|
+
.hide-screen{display:inherit !important}
|
|
226
|
+
}@media only screen and (min-width: 480px) and (max-width: 767px){.row{margin:0 auto;width:456px}
|
|
227
|
+
.row .row{margin:0;width:auto;display:inline-block}
|
|
228
|
+
[class^="column_"],[class*=" column_"]{margin:10px 0 0 0;width:456px}
|
|
229
|
+
.show-phone,.hide-tablet,.hide-screen{display:inherit !important}
|
|
230
|
+
.show-tablet,.show-screen,.hide-phone{display:none !important}
|
|
231
|
+
}
|
|
232
|
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-weight:inherit;vertical-align:baseline}
|
|
233
|
+
body,html{height:100%;width:100%}
|
|
234
|
+
body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}
|
|
235
|
+
body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
|
|
236
|
+
body > header{line-height:48px;}
|
|
237
|
+
body > header nav a{margin:0 .5em;}
|
|
238
|
+
body > header nav a:last-child{margin-right:0}
|
|
239
|
+
body > section.padding{padding:4em 0}
|
|
240
|
+
body > section.landing{padding:6em 0;}
|
|
241
|
+
body > section.landing h1{font-size:8em}
|
|
242
|
+
body > section.landing h2{font-size:4em}
|
|
243
|
+
body > section.landing h3{font-size:2.8em}
|
|
244
|
+
body > section.landing .form.subscribe{margin-top:1em;}
|
|
245
|
+
body > section.landing .form.subscribe *{float:left}
|
|
246
|
+
body > section.landing .form.subscribe input{-webkit-box-flex:;-moz-box-flex:;-ms-box-flex:;-o-box-flex:;box-flex:;width:85%;border-right:0;margin-top:0;border:0}
|
|
247
|
+
body > section.landing .form.subscribe .button,body > section.landing .form.subscribe button{width:15%;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}
|
|
248
|
+
a{text-decoration:none;outline:0}
|
|
249
|
+
|
|
250
|
+
ul{list-style:disc;}
|
|
251
|
+
ul.square li,ul.circle li{margin:0 0 .3em .6em}
|
|
252
|
+
ul:not(.none) li{padding:0;background:none}
|
|
253
|
+
ul.none{list-style:none outside;margin:0}
|
|
254
|
+
ul.square,ul.square ul{list-style:square outside}
|
|
255
|
+
ul.circle,ul.circle ul{list-style:circle outside}
|
|
256
|
+
ol{margin:0 0 .3em .6em;list-style:decimal;}
|
|
257
|
+
ol li{padding:0}
|
|
258
|
+
ul ul,ol ul,ul ol,ol ol{margin:.5em;}
|
|
259
|
+
ul ul li,ol ul li,ul ol li,ol ol li{margin:0 0 .3em 0}
|
|
260
|
+
|
|
261
|
+
@media only screen and (min-width:1200px){header{height:auto}
|
|
262
|
+
}@media only screen and (min-width: 960px) and (max-width: 1199px){header{height:auto}
|
|
263
|
+
}@media only screen and (min-width: 768px) and (max-width: 959px){header{height:auto}
|
|
264
|
+
}@media only screen and (min-width: 480px) and (max-width: 767px){header{height:auto !important}
|
|
265
|
+
}@media only screen and (max-width: 767px){header{height:auto !important}
|
|
266
|
+
}@media only screen and (max-width: 767px){body{font-size:13px !important}
|
|
267
|
+
header{height:auto !important;line-height:32px}
|
|
268
|
+
nav button,nav .button,nav a{text-align:center;display:block !important;margin:2px 0 !important;line-height:32px}
|
|
269
|
+
nav.group a{border:none !important}
|
|
270
|
+
}@media only screen and (-webkit-min-device-pixel-ratio:1.5){header{height:auto}
|
|
271
|
+
}
|
|
272
|
+
[data-tuktuk="modal"]{position:fixed;left:50%;background:#fff;-webkit-transition:all 250ms;-moz-transition:all 250ms;-ms-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);visibility:hidden;z-index:1983;}
|
|
273
|
+
[data-tuktuk="modal"] header{padding:.5263157894736842em 1em}
|
|
274
|
+
[data-tuktuk="modal"] article,[data-tuktuk="modal"] footer{padding:.6666666666666666em 1em}
|
|
275
|
+
[data-tuktuk="modal"] article{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;}
|
|
276
|
+
[data-tuktuk="modal"] article [class^="column_"]{margin:0 !important}
|
|
277
|
+
[data-tuktuk="modal"].active{top:5%;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);visibility:visible}
|
|
278
|
+
[data-tuktuk="modal"]:not(.side){margin-top:0 !important;margin-right:0 !important;}
|
|
279
|
+
[data-tuktuk="modal"]:not(.side).column_5{margin-left:-184px}
|
|
280
|
+
[data-tuktuk="modal"]:not(.side).column_6{margin-left:-224px}
|
|
281
|
+
[data-tuktuk="modal"]:not(.side).column_7{margin-left:-264px}
|
|
282
|
+
[data-tuktuk="modal"]:not(.side).column_8{margin-left:-304px}
|
|
283
|
+
[data-tuktuk="modal"]:not(.side).column_9{margin-left:-344px}
|
|
284
|
+
[data-tuktuk="modal"]:not(.side).column_10{margin-left:-384px}
|
|
285
|
+
[data-tuktuk="modal"]:not(.side).column_11{margin-left:-424px}
|
|
286
|
+
[data-tuktuk="modal"]:not(.side).column_12{margin-left:-464px}
|
|
287
|
+
[data-tuktuk="modal"]{width:288px}
|
|
288
|
+
[data-tuktuk="modal"].column_5{width:368px}
|
|
289
|
+
[data-tuktuk="modal"].column_6{width:448px}
|
|
290
|
+
[data-tuktuk="modal"].column_7{width:528px}
|
|
291
|
+
[data-tuktuk="modal"].column_8{width:608px}
|
|
292
|
+
[data-tuktuk="modal"].column_9{width:688px}
|
|
293
|
+
[data-tuktuk="modal"].column_10{width:768px}
|
|
294
|
+
[data-tuktuk="modal"].column_11{width:848px}
|
|
295
|
+
[data-tuktuk="modal"].column_12{width:928px}
|
|
296
|
+
[data-tuktuk="modal"].side{position:absolute;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;top:0;right:0;bottom:0;left:auto;margin:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
|
|
297
|
+
[data-tuktuk="modal"].side.active{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}
|
|
298
|
+
[data-tuktuk="modal"].side > div{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical}
|
|
299
|
+
@media only screen and (max-width: 528px){[data-tuktuk="modal"]{left:5% !important;width:90% !important;margin-left:0 !important}
|
|
300
|
+
}[data-tuktuk="lock"]{display:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;z-index:1980;opacity:0;-webkit-transition:all 250ms;-moz-transition:all 250ms;-ms-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;visibility:hidden;}
|
|
301
|
+
[data-tuktuk="lock"].active{opacity:1;visibility:visible;}
|
|
302
|
+
[data-tuktuk="lock"].active:not([data-active=true]){background:rgba(0,0,0,0.8)}
|
|
303
|
+
[data-tuktuk="lock"].active[data-loading=true]{background:rgba(0,0,0,0);}
|
|
304
|
+
[data-tuktuk="lock"].active[data-loading=true] > .loading{display:block;}
|
|
305
|
+
[data-tuktuk="lock"].active[data-loading=true] > .loading > .container{-webkit-animation:rotatingLoader 800ms infinite linear;moz-animation:rotatingLoader 800ms infinite linear;-webkit-animation:rotatingLoader 800ms infinite linear;-moz-animation:rotatingLoader 800ms infinite linear;-ms-animation:rotatingLoader 800ms infinite linear;-o-animation:rotatingLoader 800ms infinite linear;animation:rotatingLoader 800ms infinite linear}
|
|
306
|
+
[data-tuktuk="lock"] > .loading{SIZE:128px;display:none;position:fixed;left:50%;top:50%;width:SIZE;height:SIZE;margin-left:-64px;margin-top:-64px;padding:28px;background-color:rgba(0,0,0,0.75);}
|
|
307
|
+
[data-tuktuk="lock"] > .loading > .container{height:1em;width:1em;-webkit-transform-origin:.5em .5em;-moz-transform-origin:.5em .5em;-ms-transform-origin:.5em .5em;-o-transform-origin:.5em .5em;transform-origin:.5em .5em;font-size:64px;}
|
|
308
|
+
[data-tuktuk="lock"] > .loading > .container > span{left:50%;margin-left:-.05em;background-color:#fff;}
|
|
309
|
+
[data-tuktuk="lock"] > .loading > .container > span,[data-tuktuk="lock"] > .loading > .container > span::before,[data-tuktuk="lock"] > .loading > .container > span::after{display:block;position:absolute;width:.05em;height:.25em;top:0;-webkit-transform-origin:.05em .5em;-moz-transform-origin:.05em .5em;-ms-transform-origin:.05em .5em;-o-transform-origin:.05em .5em;transform-origin:.05em .5em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;border-radius:1em}
|
|
310
|
+
[data-tuktuk="lock"] > .loading > .container > span::before,[data-tuktuk="lock"] > .loading > .container > span::after{content:" "}
|
|
311
|
+
[data-tuktuk="lock"] > .loading > .container > span.top{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
|
|
312
|
+
[data-tuktuk="lock"] > .loading > .container > span.right{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
|
|
313
|
+
[data-tuktuk="lock"] > .loading > .container > span.bottom{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
|
|
314
|
+
[data-tuktuk="lock"] > .loading > .container > span.left{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
|
|
315
|
+
[data-tuktuk="lock"] > .loading > .container > span::before{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
|
|
316
|
+
[data-tuktuk="lock"] > .loading > .container > span::after{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}
|
|
317
|
+
[data-tuktuk="lock"] > .loading > .container > span.top{background-color:rgba(255,255,255,0.99)}
|
|
318
|
+
[data-tuktuk="lock"] > .loading > .container > span.top::after{background-color:rgba(255,255,255,0.9)}
|
|
319
|
+
[data-tuktuk="lock"] > .loading > .container > span.left::before{background-color:rgba(255,255,255,0.8)}
|
|
320
|
+
[data-tuktuk="lock"] > .loading > .container > span.left{background-color:rgba(255,255,255,0.7)}
|
|
321
|
+
[data-tuktuk="lock"] > .loading > .container > span.left::after{background-color:rgba(255,255,255,0.6)}
|
|
322
|
+
[data-tuktuk="lock"] > .loading > .container > span.bottom::before{background-color:rgba(255,255,255,0.5)}
|
|
323
|
+
[data-tuktuk="lock"] > .loading > .container > span.bottom{background-color:rgba(255,255,255,0.4)}
|
|
324
|
+
[data-tuktuk="lock"] > .loading > .container > span.bottom::after{background-color:rgba(255,255,255,0.35)}
|
|
325
|
+
[data-tuktuk="lock"] > .loading > .container > span.right::before{background-color:rgba(255,255,255,0.3)}
|
|
326
|
+
[data-tuktuk="lock"] > .loading > .container > span.right{background-color:rgba(255,255,255,0.25)}
|
|
327
|
+
[data-tuktuk="lock"] > .loading > .container > span.right::after{background-color:rgba(255,255,255,0.2)}
|
|
328
|
+
[data-tuktuk="lock"] > .loading > .container > span.top::before{background-color:rgba(255,255,255,0.15)}
|
|
329
|
+
@-webkit-keyframes rotatingLoader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
|
|
330
|
+
8.32%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
|
|
331
|
+
8.33%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
|
|
332
|
+
16.65%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
|
|
333
|
+
16.66%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
|
|
334
|
+
24.99%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
|
|
335
|
+
25%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
|
|
336
|
+
33.32%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
|
|
337
|
+
33.33%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
|
|
338
|
+
41.65%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
|
|
339
|
+
41.66%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
|
|
340
|
+
49.99%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
|
|
341
|
+
50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
|
|
342
|
+
58.32%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
|
|
343
|
+
58.33%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
|
|
344
|
+
66.65%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
|
|
345
|
+
66.66%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
|
|
346
|
+
74.99%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
|
|
347
|
+
75%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
|
|
348
|
+
83.32%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
|
|
349
|
+
83.33%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
|
|
350
|
+
91.65%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
|
|
351
|
+
91.66%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
|
|
352
|
+
100%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
|
|
353
|
+
}@-moz-keyframes rotatingLoader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
|
|
354
|
+
8.32%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
|
|
355
|
+
8.33%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
|
|
356
|
+
16.65%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
|
|
357
|
+
16.66%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
|
|
358
|
+
24.99%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
|
|
359
|
+
25%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
|
|
360
|
+
33.32%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
|
|
361
|
+
33.33%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
|
|
362
|
+
41.65%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
|
|
363
|
+
41.66%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
|
|
364
|
+
49.99%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
|
|
365
|
+
50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
|
|
366
|
+
58.32%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
|
|
367
|
+
58.33%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
|
|
368
|
+
66.65%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
|
|
369
|
+
66.66%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
|
|
370
|
+
74.99%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
|
|
371
|
+
75%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
|
|
372
|
+
83.32%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
|
|
373
|
+
83.33%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
|
|
374
|
+
91.65%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
|
|
375
|
+
91.66%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
|
|
376
|
+
100%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
|
|
377
|
+
}
|
|
378
|
+
nav[data-tuktuk=menu] > a small{font-size:font-size-tiny;margin-left:.4em}
|
|
379
|
+
nav[data-tuktuk=menu] > a .icon{display:inline-block;width:1em;margin-right:.5em}
|
|
380
|
+
section nav[data-tuktuk=menu] > a,header nav[data-tuktuk=menu] > a,footer nav[data-tuktuk=menu] > a{line-height:2.5em;padding:0 1em;display:inline-block;}
|
|
381
|
+
section nav[data-tuktuk=menu] > a:not(:first-child),header nav[data-tuktuk=menu] > a:not(:first-child),footer nav[data-tuktuk=menu] > a:not(:first-child){margin-left:.5em}
|
|
382
|
+
[data-tuktuk=boxes] aside nav[data-tuktuk=menu]{margin:.5em;}
|
|
383
|
+
[data-tuktuk=boxes] aside nav[data-tuktuk=menu] > a{display:block;padding:.6666666666666666em .5em}
|
|
384
|
+
|
|
385
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar{width:.25em;height:.25em;position:absolute}
|
|
386
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-button:vertical{background-color:none}
|
|
387
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-button:start:decrement,[data-tuktuk=boxes] ::-webkit-scrollbar-button:end:increment{display:block}
|
|
388
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-button:vertical:start:increment,[data-tuktuk=boxes] ::-webkit-scrollbar-button:vertical:end:decrement{display:none}
|
|
389
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-button:vertical:increment{display:none}
|
|
390
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-button:vertical:decrement{display:none}
|
|
391
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-button:horizontal:increment{display:none}
|
|
392
|
+
Place The scroll up button at the up,[data-tuktuk=boxes] ::-webkit-scrollbar-button:horizontal:decrement{display:none}
|
|
393
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-track:vertical{background-color:none}
|
|
394
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-track-piece:vertical:start{border:0}
|
|
395
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-track-piece:vertical:end{border:0}
|
|
396
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-track-piece{background-color:none}
|
|
397
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-thumb:vertical{height:1em;background-color:rgba(0,0,0,0.4)}
|
|
398
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-thumb:horizontal{height:1em;background-color:#808080}
|
|
399
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-corner:vertical{background-color:#000}
|
|
400
|
+
[data-tuktuk=boxes] ::-webkit-scrollbar-resizer:vertical{background-color:#808080}
|
|
401
|
+
|
|
402
|
+
table{margin:1em 0;width:100%;border-spacing:.1em;}
|
|
403
|
+
table td,table th{padding:.5em .5em}
|
|
404
|
+
table th,table td.highlight{font-weight:bold}
|
|
405
|
+
|
|
406
|
+
[data-tip]{position:relative;display:inline-block;}
|
|
407
|
+
[data-tip]:before,[data-tip]:after{position:absolute;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
|
|
408
|
+
[data-tip]:before{content:'';position:absolute;background:transparent;border:.4em solid transparent;z-index:1000001}
|
|
409
|
+
[data-tip]:after{content:attr(data-tip);background:rgba(0,0,0,0.75);color:#fff;-webkit-text-shadow:0 -.15em 0 #000;-moz-text-shadow:0 -.15em 0 #000;-ms-text-shadow:0 -.15em 0 #000;-o-text-shadow:0 -.15em 0 #000;text-shadow:0 -.15em 0 #000;padding:.5em;font-size:.8em;font-weight:bold;line-height:1em;white-space:nowrap;-webkit-box-shadow:0 0 1em rgba(0,0,0,0.25);-moz-box-shadow:0 0 1em rgba(0,0,0,0.25);-ms-box-shadow:0 0 1em rgba(0,0,0,0.25);-o-box-shadow:0 0 1em rgba(0,0,0,0.25);box-shadow:0 0 1em rgba(0,0,0,0.25)}
|
|
410
|
+
[data-tip]:hover:before,[data-tip]:hover:after{opacity:1}
|
|
411
|
+
[data-tip]:not(.tip-top):not(.tip-right):not(.tip-left):before{border-bottom-color:rgba(0,0,0,0.75);margin-top:-12px}
|
|
412
|
+
[data-tip]:not(.tip-top):not(.tip-right):not(.tip-left):after{margin-left:-18px}
|
|
413
|
+
[data-tip]:not(.tip-top):not(.tip-right):not(.tip-left):before,[data-tip]:not(.tip-top):not(.tip-right):not(.tip-left):after{top:100%;left:50%}
|
|
414
|
+
[data-tip]:not(.tip-top):not(.tip-right):not(.tip-left):hover:before,[data-tip]:not(.tip-top):not(.tip-right):not(.tip-left):hover:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
|
|
415
|
+
[data-tip].tip-top:before{border-top-color:rgba(0,0,0,0.75);margin-bottom:-12px}
|
|
416
|
+
[data-tip].tip-top:after{margin-left:-18px}
|
|
417
|
+
[data-tip].tip-top:before,[data-tip].tip-top:after{bottom:100%;left:50%}
|
|
418
|
+
[data-tip].tip-top:hover:before,[data-tip].tip-top:hover:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}
|
|
419
|
+
[data-tip].tip-left:before{margin-right:-12px;margin-bottom:-6px;border-left-color:rgba(0,0,0,0.75)}
|
|
420
|
+
[data-tip].tip-left:after{margin-bottom:-14px}
|
|
421
|
+
[data-tip].tip-left:before,[data-tip].tip-left:after{right:100%;bottom:50%}
|
|
422
|
+
[data-tip].tip-left:hover:before,[data-tip].tip-left:hover:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);-ms-transform:translateX(-8px);-o-transform:translateX(-8px);transform:translateX(-8px)}
|
|
423
|
+
[data-tip].tip-right:before{margin-left:-12px;margin-bottom:-6px;border-right-color:rgba(0,0,0,0.75)}
|
|
424
|
+
[data-tip].tip-right:after{margin-bottom:-14px}
|
|
425
|
+
[data-tip].tip-right:before,[data-tip].tip-right:after{left:100%;bottom:50%}
|
|
426
|
+
[data-tip].tip-right:hover:before,[data-tip].tip-right:hover:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);-ms-transform:translateX(8px);-o-transform:translateX(8px);transform:translateX(8px)}
|
|
427
|
+
|
|
428
|
+
.scroll{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;}
|
|
429
|
+
.scroll.horizontal{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
|
|
430
|
+
.clear{clear:both}
|
|
431
|
+
.on-left{float:left}
|
|
432
|
+
.on-right{float:right}
|
|
433
|
+
.block{display:block}
|
|
434
|
+
.inline{display:inline-block}
|
|
435
|
+
.none{display:none}
|
|
436
|
+
.margin-none{margin:0}
|
|
437
|
+
.margin{margin:1em}
|
|
438
|
+
.margin-left{margin-left:1em}
|
|
439
|
+
.margin-right{margin-right:1em}
|
|
440
|
+
.margin-top{margin-top:1em}
|
|
441
|
+
.margin-bottom{margin-bottom:1em}
|
|
442
|
+
.padding-none{padding:0}
|
|
443
|
+
.padding{padding:1em}
|
|
444
|
+
.padding-left{padding-left:1em}
|
|
445
|
+
.padding-right{padding-right:1em}
|
|
446
|
+
.padding-top{padding-top:1em}
|
|
447
|
+
.padding-bottom{padding-bottom:1em}
|
|
448
|
+
div.img{height:64px;}
|
|
449
|
+
div.img.h128{height:128px}
|
|
450
|
+
div.img.h256{height:256px}
|
|
451
|
+
div.img.h512{height:512px}
|
|
452
|
+
img{border:0;-ms-interpolation-mode:bicubic;}
|
|
453
|
+
img.responsive{width:100%;height:auto;}
|
|
454
|
+
img.responsive.vertical{height:100%;width:auto}
|
|
455
|
+
img.responsive.rounded{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}
|
|
456
|
+
:not(.icon).tag{position:relative;top:-2px;padding:1px 3px;font-weight:bold !important;font-size:9px !important;text-transform:uppercase}
|
|
457
|
+
hr{border:0;height:1px;margin:0}
|
|
458
|
+
[data-tuktuk=totals]{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-box-pack:justify;-o-box-pack:justify;box-pack:justify;text-align:center;list-style:none;}
|
|
459
|
+
[data-tuktuk=totals] > *{-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0;}
|
|
460
|
+
[data-tuktuk=totals] > * > strong{display:block;font-size:1.8em;line-height:font-size-tiny}
|
|
461
|
+
[data-tuktuk=totals] > * > small{text-transform:uppercase;font-size:font-size-tiny}
|
|
462
|
+
[data-tuktuk=buttons]{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-box-pack:justify;-o-box-pack:justify;box-pack:justify;}
|
|
463
|
+
[data-tuktuk=buttons] > *{-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0;display:inherit}
|