ctl_base_ui 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/Rakefile +32 -0
- data/app/assets/images/ctl_base_ui/ctl_labs_long_color.svg +79 -0
- data/app/assets/images/ctl_base_ui/ctl_labs_run_color.svg +47 -0
- data/app/assets/images/ctl_base_ui/ctl_logo_base.svg +48 -0
- data/app/assets/images/ctl_base_ui/icon_sprite.svg +161 -0
- data/app/assets/images/ctl_base_ui/icon_sprite_blue.svg +161 -0
- data/app/assets/images/ctl_base_ui/icon_sprite_green.svg +161 -0
- data/app/assets/images/ctl_base_ui/icon_sprite_light_blue.svg +161 -0
- data/app/assets/images/ctl_base_ui/icon_sprite_light_green.svg +161 -0
- data/app/assets/images/ctl_base_ui/icon_sprite_light_grey.svg +161 -0
- data/app/assets/images/ctl_base_ui/icon_sprite_red.svg +161 -0
- data/app/assets/images/ctl_base_ui/icon_sprite_white.svg +161 -0
- data/app/assets/javascripts/ctl_base_ui/kitchen_sink.js +2 -0
- data/app/assets/stylesheets/ctl_base_ui/_colors.scss +19 -0
- data/app/assets/stylesheets/ctl_base_ui/_mixins.scss +37 -0
- data/app/assets/stylesheets/ctl_base_ui/_variables.scss +2 -0
- data/app/assets/stylesheets/ctl_base_ui/application.css +21 -0
- data/app/assets/stylesheets/ctl_base_ui/baseline.scss +13 -0
- data/app/assets/stylesheets/ctl_base_ui/buttons.scss +81 -0
- data/app/assets/stylesheets/ctl_base_ui/forms.scss +111 -0
- data/app/assets/stylesheets/ctl_base_ui/icons.scss +131 -0
- data/app/assets/stylesheets/ctl_base_ui/modals.scss +77 -0
- data/app/assets/stylesheets/ctl_base_ui/notices.scss +41 -0
- data/app/assets/stylesheets/ctl_base_ui/reset.scss +48 -0
- data/app/assets/stylesheets/ctl_base_ui/styleguide.scss +437 -0
- data/app/assets/stylesheets/ctl_base_ui/typography.scss +92 -0
- data/app/controllers/ctl_base_ui/application_controller.rb +7 -0
- data/app/controllers/ctl_base_ui/styleguide_controller.rb +8 -0
- data/app/helpers/ctl_base_ui/application_helper.rb +12 -0
- data/app/views/ctl_base_ui/styleguide/_buttons.html.haml +10 -0
- data/app/views/ctl_base_ui/styleguide/_century_link_identity.html.haml +3 -0
- data/app/views/ctl_base_ui/styleguide/_colors.html.haml +44 -0
- data/app/views/ctl_base_ui/styleguide/_forms.html.haml +19 -0
- data/app/views/ctl_base_ui/styleguide/_icons.html.haml +11 -0
- data/app/views/ctl_base_ui/styleguide/_modals.html.haml +15 -0
- data/app/views/ctl_base_ui/styleguide/_notices.html.haml +21 -0
- data/app/views/ctl_base_ui/styleguide/_typography.html.haml +30 -0
- data/app/views/ctl_base_ui/styleguide/index.html.haml +57 -0
- data/app/views/layouts/ctl_base_ui/application.html.haml +12 -0
- data/config/routes.rb +3 -0
- data/lib/ctl_base_ui/configuration.rb +25 -0
- data/lib/ctl_base_ui/engine.rb +8 -0
- data/lib/ctl_base_ui/version.rb +3 -0
- data/lib/ctl_base_ui.rb +6 -0
- data/lib/tasks/ctl_base_ui_tasks.rake +4 -0
- data/test/ctl_base_ui_test.rb +7 -0
- data/test/dummy/README.rdoc +28 -0
- data/test/dummy/Rakefile +6 -0
- data/test/dummy/app/assets/javascripts/application.js +13 -0
- data/test/dummy/app/controllers/application_controller.rb +5 -0
- data/test/dummy/app/helpers/application_helper.rb +2 -0
- data/test/dummy/app/views/layouts/application.html.haml +14 -0
- data/test/dummy/bin/bundle +3 -0
- data/test/dummy/bin/rails +4 -0
- data/test/dummy/bin/rake +4 -0
- data/test/dummy/config/application.rb +28 -0
- data/test/dummy/config/boot.rb +5 -0
- data/test/dummy/config/environment.rb +5 -0
- data/test/dummy/config/environments/development.rb +27 -0
- data/test/dummy/config/environments/production.rb +80 -0
- data/test/dummy/config/environments/test.rb +36 -0
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/ctl_base_ui.rb +3 -0
- data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/test/dummy/config/initializers/inflections.rb +16 -0
- data/test/dummy/config/initializers/mime_types.rb +5 -0
- data/test/dummy/config/initializers/secret_token.rb +12 -0
- data/test/dummy/config/initializers/session_store.rb +3 -0
- data/test/dummy/config/initializers/wrap_parameters.rb +9 -0
- data/test/dummy/config/locales/en.yml +23 -0
- data/test/dummy/config/routes.rb +3 -0
- data/test/dummy/config.ru +4 -0
- data/test/dummy/log/development.log +616 -0
- data/test/dummy/public/404.html +58 -0
- data/test/dummy/public/422.html +58 -0
- data/test/dummy/public/500.html +57 -0
- data/test/dummy/public/favicon.ico +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/_colors.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/_mixins.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/_variables.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/baseline.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/buttons.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/forms.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/icons.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/modals.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/notices.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/reset.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/styleguide.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/typography.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/0303b432eb383e61ba34ea5078f66a48 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/0733a75c8a2b4eb73f605ea998af15b5 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/0d1b08b26685a1c2b4b97e1f671a4af3 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/179b270ea6a97e5d46ff601500a6846d +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/187cf46ce796ff8dcd272c736d459e99 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/1e20264e24c10967027560b2869fb1d3 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/270aa30dc683f1dd3c2dfaa993e1321a +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2c971479f73bafa4a357b3e08e571167 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2cabf41a81ca2c912333d520cd6902bb +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2deb642dada5251ae5b3fe9453bef203 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/34e5eaecd93f40aa15f62d46e38d0aec +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3864760eed16c23aabbd3714d39731ab +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/38d0b1e7a58a1fa245500f6cf244ffbe +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3b7e3122ce02b3cc004c88ebd07f159f +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3d3580db821c9121cb1fb6bdca57973e +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/49dbb80fd198f03d655ef7ea0d3d102a +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/4bb25d18d10b2678b08bfcafe0c34e26 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/58e530ef4bbbc16c59c12bbc75fdf59e +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/5e96a4fa7adc21893ef800cb5b4d7b1b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/60e0b9f6bc47b7dd0c638e3d9b89710c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/62b022ed57ae78bbda6088e9224e7f80 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/65d1d5c459b20f2a3e1155ffca39b322 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/68d639a7ec8b865c18b91b405f7d1e6f +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/6d410574ba327d6b66b019a4564d4a3a +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/713251a5497bb66ab924fea15e9b0284 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/7ce45cf5080d9abd1b0e837b4ae20b67 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/7d16eef429258a61204ec3a6ff31527a +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/810fe112337898d76dbdedeb6b1ba9b8 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/864adbf04c5ab0d32fa685701ae62f38 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/89606f28c3dfd69b84b4d24946538037 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/8c7ada169200de41cc4c79475e29fe0b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/918faf7a66bb2533d7e0dc594d71debb +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/9190a159a7c37dd97f3a472206575242 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/925baff581c9b50a6419c475485e942b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/95ea9c200445fe8fd20e0d6da242ddbd +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/95fa285c1de558eb3c20f169b844f76c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/96b14e59638628abe7a2efb736c23f5e +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/a0a731c98e68c1444457d754e9093369 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/a6bda980439e51cb092fb6d8b7920b49 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/a9df84c7eebe716cac74822f5c1db1cb +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/adee1d66169ed6e8595218f2c42f5f59 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/b3396a881ee33e938a6fdb3d9c7593b1 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/b3a303ba4385b3991be89acba49ca62c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/b652de37608b55f2cb1258e1202297a9 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/b65ea5f591919e176212719cb8170eec +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/b6d2153d7c97d1cf2714e14e24fa7d39 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/b7114ea3513dfa680adc1909bc20c89b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/bf7625999e0a55773e8afa91f8fa2619 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/bfe9a98f3b82d40c3b13aed73ba185c7 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c08bc7cd26f85ce11741ee6e5efebf91 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c0cbe5c4109d439bca0bdc67f0f13246 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c3a0786a7c4480e9754d0b490b216eac +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c599b6ae6831d05fb0b54aa099afa193 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c635164eabd3a3b87f718b0eb6288fa6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c6b006903d4bab49e7e017e830cbcc03 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/ca2920c72c4de8e2c6ca165348f1801e +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/cbf1e5fb527fc7e1febc8068c0e99292 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/ceaa26a5cd606fcda7ffbb9963b86c33 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/cf05718545630da575a491be1620f58e +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d40c55a44bd87cc334c38165c1badb69 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d5188f154ad181a5c1d97d75180144e2 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d896be8cd59389c8d9aa62897e2539aa +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d931b88d566c4c1f7413fb6206bc70b9 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/db8d11fa2072f99f9b09158ce432cd73 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/dda0d76adf30b8d41364feb544dbc43b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/de15c0d8d02e8bf92eb8e4a476c15a13 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/df073ef92311baf471749246bc63cd9e +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/dfd377efa43e490bc47ea01a8bc2db63 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/e236b528d40f4a291d03a2c07ea4dc45 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/e71d9fdfcbb630a0c49ecd9610afe42b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/e769263e01360490916801f8cd28c510 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/e971944fd6d11922fbfd51283a82fa47 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f2f6c99c1fe4a5298c92950f556aeae1 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f482e693e6b20f9a3d2f77ff8a130086 +0 -0
- data/test/integration/navigation_test.rb +9 -0
- data/test/test_helper.rb +15 -0
- metadata +398 -0
@@ -0,0 +1,81 @@
|
|
1
|
+
@import 'colors';
|
2
|
+
@import 'mixins';
|
3
|
+
@import 'icons';
|
4
|
+
|
5
|
+
button {
|
6
|
+
cursor: pointer;
|
7
|
+
}
|
8
|
+
|
9
|
+
.button-primary {
|
10
|
+
display: inline-block;
|
11
|
+
@include border-radius(0.3em);
|
12
|
+
border: 0;
|
13
|
+
min-width: 10em;
|
14
|
+
padding: 10px 15px 11px;
|
15
|
+
background-color: $ctl_light_green;
|
16
|
+
color: $white;
|
17
|
+
font-size: 0.9em;
|
18
|
+
font-weight: bold;
|
19
|
+
text-align: center;
|
20
|
+
cursor: pointer;
|
21
|
+
|
22
|
+
&:hover {
|
23
|
+
@include box-shadow(0, 0, 5px, rgba( $ctl_light_green, 0.6 ));
|
24
|
+
background-color: darken( $ctl_light_green, 5% );
|
25
|
+
transition: background-color 0.25s ease;
|
26
|
+
}
|
27
|
+
|
28
|
+
&:focus {
|
29
|
+
outline: none;
|
30
|
+
}
|
31
|
+
|
32
|
+
&[disabled] {
|
33
|
+
background-color: $light_grey;
|
34
|
+
color: $medium_grey;
|
35
|
+
|
36
|
+
&:hover {
|
37
|
+
@include box-shadow(0, 0, 5px, rgba( $ctl_light_green, 0.0 ));
|
38
|
+
cursor: not-allowed;
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
a.button-primary {
|
44
|
+
@extend .button-primary;
|
45
|
+
padding-top: .9em;
|
46
|
+
padding-bottom: .9em;
|
47
|
+
}
|
48
|
+
|
49
|
+
.button-secondary {
|
50
|
+
@extend .button-primary;
|
51
|
+
background-color: $dark_grey;
|
52
|
+
|
53
|
+
&:hover {
|
54
|
+
@extend .button-primary;
|
55
|
+
@include box-shadow(0, 0, 5px, rgba( $dark_grey, 0.6 ));
|
56
|
+
background-color: darken( $dark_grey, 15% );
|
57
|
+
}
|
58
|
+
}
|
59
|
+
|
60
|
+
|
61
|
+
.button-positive {
|
62
|
+
@extend .button-primary;
|
63
|
+
background-color: $orange;
|
64
|
+
|
65
|
+
&:hover {
|
66
|
+
@extend .button-primary;
|
67
|
+
@include box-shadow(0, 0, 5px, rgba( $orange, 0.6 ));
|
68
|
+
background-color: darken( $orange, 5% );
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
.button-negative {
|
73
|
+
@extend .button-primary;
|
74
|
+
background-color: $dark_red;
|
75
|
+
|
76
|
+
&:hover {
|
77
|
+
@extend .button-primary;
|
78
|
+
@include box-shadow(0, 0, 5px, rgba( $dark_red, 0.6 ));
|
79
|
+
background-color: darken( $dark_red, 10% );
|
80
|
+
}
|
81
|
+
}
|
@@ -0,0 +1,111 @@
|
|
1
|
+
@import 'mixins';
|
2
|
+
@import 'colors';
|
3
|
+
@import 'icons';
|
4
|
+
|
5
|
+
label {
|
6
|
+
cursor: pointer;
|
7
|
+
}
|
8
|
+
|
9
|
+
label.optional,
|
10
|
+
dt.optional {
|
11
|
+
&:after {
|
12
|
+
content: ' (Optional)';
|
13
|
+
font-weight: normal;
|
14
|
+
font-style: italic;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
input[type='text'],
|
19
|
+
input[type='number'],
|
20
|
+
input[type='email'],
|
21
|
+
textarea {
|
22
|
+
@include border-radius(0.3em);
|
23
|
+
padding: 10px;
|
24
|
+
font-size: 13px;
|
25
|
+
color: $warm_grey;
|
26
|
+
border: $warm_grey 1px solid;
|
27
|
+
|
28
|
+
&:focus {
|
29
|
+
color: $dark_grey;
|
30
|
+
border-color: $dark_grey;
|
31
|
+
outline: none;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
|
35
|
+
input[type='number'] {
|
36
|
+
padding-right: 5px;
|
37
|
+
}
|
38
|
+
|
39
|
+
.chosen-container {
|
40
|
+
.chosen-single {
|
41
|
+
padding: 7px 9px;
|
42
|
+
color: $warm_grey;
|
43
|
+
border: $warm_grey 1px solid;
|
44
|
+
background: $white !important;
|
45
|
+
|
46
|
+
span {
|
47
|
+
margin-right: 40px;
|
48
|
+
}
|
49
|
+
|
50
|
+
div {
|
51
|
+
@include border-box;
|
52
|
+
width: 30px;
|
53
|
+
|
54
|
+
b {
|
55
|
+
margin-top: 6px;
|
56
|
+
background: none;
|
57
|
+
height: 26px;
|
58
|
+
border-left: $warm_grey 1px solid;
|
59
|
+
position: relative;
|
60
|
+
|
61
|
+
&:after {
|
62
|
+
content: '';
|
63
|
+
position: absolute;
|
64
|
+
top: 9px;
|
65
|
+
left: 9px;
|
66
|
+
@extend .icon-thick-arrow-down;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
.chosen-results {
|
73
|
+
li {
|
74
|
+
@include border-box;
|
75
|
+
@include border-radius(3px);
|
76
|
+
min-height: 35px;
|
77
|
+
padding-top: 10px;
|
78
|
+
position: relative;
|
79
|
+
padding-left: 20px;
|
80
|
+
|
81
|
+
&.highlighted {
|
82
|
+
background: $light_grey;
|
83
|
+
color: $blue_grey;
|
84
|
+
}
|
85
|
+
|
86
|
+
&.result-selected {
|
87
|
+
&:before {
|
88
|
+
position: absolute;
|
89
|
+
left: 6px;
|
90
|
+
top: 12px;
|
91
|
+
content: '';
|
92
|
+
@extend .icon-checkmark;
|
93
|
+
@include icon-green;
|
94
|
+
}
|
95
|
+
}
|
96
|
+
}
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
.chosen-container-active {
|
101
|
+
.chosen-single,
|
102
|
+
.chosen-drop {
|
103
|
+
border-color: $blue_grey !important;
|
104
|
+
}
|
105
|
+
}
|
106
|
+
|
107
|
+
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
|
108
|
+
.chosen-container-single .chosen-single div b {
|
109
|
+
background: none !important;
|
110
|
+
}
|
111
|
+
}
|
@@ -0,0 +1,131 @@
|
|
1
|
+
@import 'mixins';
|
2
|
+
|
3
|
+
$icons: (
|
4
|
+
plus: 0,
|
5
|
+
minus: 1,
|
6
|
+
x: 2,
|
7
|
+
sprocket: 3,
|
8
|
+
arrowloop: 4,
|
9
|
+
checkmark: 5,
|
10
|
+
document: 6,
|
11
|
+
magnifying-glass: 7,
|
12
|
+
pencil: 8,
|
13
|
+
outbox: 9,
|
14
|
+
grid: 10,
|
15
|
+
envelope: 11,
|
16
|
+
list: 12,
|
17
|
+
folder: 13,
|
18
|
+
menu: 14,
|
19
|
+
house: 15,
|
20
|
+
star: 16,
|
21
|
+
thin-arrow-right: 17,
|
22
|
+
thick-arrow-right: 18,
|
23
|
+
magnifying-glass-plus: 19,
|
24
|
+
magnifying-glass-minus: 20,
|
25
|
+
comment-box: 21,
|
26
|
+
happy-face: 22,
|
27
|
+
sad-face: 23,
|
28
|
+
copy: 24,
|
29
|
+
twitter: 25,
|
30
|
+
linked-in: 26,
|
31
|
+
facebook: 27,
|
32
|
+
link: 28,
|
33
|
+
docker-blocks: 29,
|
34
|
+
disks: 30,
|
35
|
+
speedometer: 31,
|
36
|
+
thin-arrow-down: 32,
|
37
|
+
thick-arrow-down: 33,
|
38
|
+
thin-arrow-left: 34,
|
39
|
+
thick-arrow-left: 35,
|
40
|
+
thin-arrow-up: 36,
|
41
|
+
thick-arrow-up: 37,
|
42
|
+
github: 38
|
43
|
+
);
|
44
|
+
|
45
|
+
@mixin icon-base {
|
46
|
+
background-image: asset-url('ctl_base_ui/icon_sprite.svg');
|
47
|
+
background-repeat: no-repeat;
|
48
|
+
width: 10px;
|
49
|
+
height: 10px;
|
50
|
+
@include background-size(10px, 1000px);
|
51
|
+
}
|
52
|
+
|
53
|
+
@mixin icon-blue {
|
54
|
+
background-image: asset-url('ctl_base_ui/icon_sprite_blue.svg');
|
55
|
+
}
|
56
|
+
|
57
|
+
@mixin icon-green {
|
58
|
+
background-image: asset-url('ctl_base_ui/icon_sprite_green.svg');
|
59
|
+
}
|
60
|
+
|
61
|
+
@mixin icon-light-blue {
|
62
|
+
background-image: asset-url('ctl_base_ui/icon_sprite_light_blue.svg');
|
63
|
+
}
|
64
|
+
|
65
|
+
@mixin icon-light-green {
|
66
|
+
background-image: asset-url('ctl_base_ui/icon_sprite_light_green.svg');
|
67
|
+
}
|
68
|
+
|
69
|
+
@mixin icon-grey {
|
70
|
+
background-image: asset-url('ctl_base_ui/icon_sprite.svg');
|
71
|
+
}
|
72
|
+
|
73
|
+
@mixin icon-light-grey {
|
74
|
+
background-image: asset-url('ctl_base_ui/icon_sprite_light_grey.svg');
|
75
|
+
}
|
76
|
+
|
77
|
+
@mixin icon-red {
|
78
|
+
background-image: asset-url('ctl_base_ui/icon_sprite_red.svg');
|
79
|
+
}
|
80
|
+
|
81
|
+
@mixin icon-white {
|
82
|
+
background-image: asset-url('ctl_base_ui/icon_sprite_white.svg');
|
83
|
+
}
|
84
|
+
|
85
|
+
@mixin icon-medium {
|
86
|
+
width: 15px;
|
87
|
+
height: 15px;
|
88
|
+
@include background-size(15px, 1500px);
|
89
|
+
}
|
90
|
+
|
91
|
+
@mixin icon-large {
|
92
|
+
width: 20px;
|
93
|
+
height: 20px;
|
94
|
+
@include background-size(20px, 2000px);
|
95
|
+
}
|
96
|
+
|
97
|
+
@each $icon, $position in $icons {
|
98
|
+
.icon-#{$icon} {
|
99
|
+
@include icon-base;
|
100
|
+
background-position: 0 -#{($position * 20)}px;
|
101
|
+
}
|
102
|
+
|
103
|
+
.icon-#{$icon}-medium {
|
104
|
+
@include icon-base;
|
105
|
+
@include icon-medium;
|
106
|
+
background-position: 0 -#{($position * 30)}px;
|
107
|
+
}
|
108
|
+
|
109
|
+
.icon-#{$icon}-large {
|
110
|
+
@include icon-base;
|
111
|
+
@include icon-large;
|
112
|
+
background-position: 0 -#{($position * 40)}px;
|
113
|
+
}
|
114
|
+
|
115
|
+
.icon-#{$icon}-for-button {
|
116
|
+
position: relative;
|
117
|
+
|
118
|
+
&:after {
|
119
|
+
@extend .icon-#{$icon}-medium;
|
120
|
+
@include icon-white;
|
121
|
+
content: '';
|
122
|
+
position: absolute;
|
123
|
+
left: 12px;
|
124
|
+
top: 12px;
|
125
|
+
display: block;
|
126
|
+
height: 15px;
|
127
|
+
width: 15px;
|
128
|
+
}
|
129
|
+
}
|
130
|
+
}
|
131
|
+
|
@@ -0,0 +1,77 @@
|
|
1
|
+
@import 'colors';
|
2
|
+
@import 'icons';
|
3
|
+
@import 'mixins';
|
4
|
+
|
5
|
+
.ui-dialog {
|
6
|
+
background-color: $white;
|
7
|
+
border: 1px solid #444;
|
8
|
+
max-width: 860px;
|
9
|
+
height: 570px;
|
10
|
+
@include box-shadow(0, 0, 50px, #222);
|
11
|
+
overflow: hidden;
|
12
|
+
|
13
|
+
.ui-dialog-titlebar {
|
14
|
+
@include border-box;
|
15
|
+
color: $white;
|
16
|
+
background-color: $blue_grey;
|
17
|
+
padding: 15px 10px;
|
18
|
+
font-weight: bold;
|
19
|
+
cursor: move;
|
20
|
+
height: 50px;
|
21
|
+
|
22
|
+
.ui-dialog-title {
|
23
|
+
@include border-box;
|
24
|
+
width: 90%;
|
25
|
+
margin: 0;
|
26
|
+
white-space: nowrap;
|
27
|
+
text-overflow: ellipsis;
|
28
|
+
overflow: hidden;
|
29
|
+
}
|
30
|
+
.ui-dialog-titlebar-close {
|
31
|
+
float: right;
|
32
|
+
margin-left: 4px;
|
33
|
+
background-color: transparent;
|
34
|
+
border: none;
|
35
|
+
height: 20px;
|
36
|
+
width: 20px;
|
37
|
+
cursor: pointer;
|
38
|
+
@include icon-white;
|
39
|
+
@extend .icon-x-large;
|
40
|
+
.ui-button-text{
|
41
|
+
display: none;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
.ui-dialog-content {
|
47
|
+
border: 0;
|
48
|
+
padding: 15px 15px 0 15px;
|
49
|
+
overflow-y: scroll;
|
50
|
+
height: 410px;
|
51
|
+
}
|
52
|
+
|
53
|
+
.ui-dialog-buttonpane {
|
54
|
+
@include border-box;
|
55
|
+
width: 100%;
|
56
|
+
margin-top: 15px;
|
57
|
+
border-top: 1px solid $grey;
|
58
|
+
|
59
|
+
.ui-dialog-buttonset {
|
60
|
+
padding: 15px;
|
61
|
+
overflow: hidden;
|
62
|
+
|
63
|
+
button {
|
64
|
+
float: right;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
70
|
+
.ui-widget-overlay.ui-front {
|
71
|
+
position: fixed;
|
72
|
+
top: 0;
|
73
|
+
left: 0;
|
74
|
+
height: 100%;
|
75
|
+
width: 100%;
|
76
|
+
background-color: rgba(0, 0, 0, .6);
|
77
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
@import 'colors';
|
2
|
+
@import 'icons';
|
3
|
+
@import 'mixins';
|
4
|
+
|
5
|
+
.notice-default {
|
6
|
+
padding: 1em;
|
7
|
+
margin: .5em;
|
8
|
+
color: $dark_grey;
|
9
|
+
background-color: $yellow;
|
10
|
+
overflow: auto;
|
11
|
+
line-height: 1.5;
|
12
|
+
|
13
|
+
a.dismiss {
|
14
|
+
@include hide-text;
|
15
|
+
margin-top: 0.25em;
|
16
|
+
float: right;
|
17
|
+
@extend .icon-x-large;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
.notice-success {
|
22
|
+
@extend .notice-default;
|
23
|
+
color: $white;
|
24
|
+
background-color: $lime;
|
25
|
+
|
26
|
+
a.dismiss {
|
27
|
+
@include icon-white;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
.notice-warning {
|
32
|
+
@extend .notice-success;
|
33
|
+
color: $white;
|
34
|
+
background-color: $orange;
|
35
|
+
}
|
36
|
+
|
37
|
+
.notice-danger {
|
38
|
+
@extend .notice-success;
|
39
|
+
color: $white;
|
40
|
+
background-color: $dark_red;
|
41
|
+
}
|
@@ -0,0 +1,48 @@
|
|
1
|
+
/* http://meyerweb.com/eric/tools/css/reset/
|
2
|
+
v2.0 | 20110126
|
3
|
+
License: none (public domain)
|
4
|
+
*/
|
5
|
+
|
6
|
+
html, body, div, span, applet, object, iframe,
|
7
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
8
|
+
a, abbr, acronym, address, big, cite, code,
|
9
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
10
|
+
small, strike, strong, sub, sup, tt, var,
|
11
|
+
b, u, i, center,
|
12
|
+
dl, dt, dd, ol, ul, li,
|
13
|
+
fieldset, form, label, legend,
|
14
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
15
|
+
article, aside, canvas, details, embed,
|
16
|
+
figure, figcaption, footer, header, hgroup,
|
17
|
+
menu, nav, output, ruby, section, summary,
|
18
|
+
time, mark, audio, video {
|
19
|
+
margin: 0;
|
20
|
+
padding: 0;
|
21
|
+
border: 0;
|
22
|
+
font-size: 100%;
|
23
|
+
font: inherit;
|
24
|
+
vertical-align: baseline;
|
25
|
+
}
|
26
|
+
/* HTML5 display-role reset for older browsers */
|
27
|
+
article, aside, details, figcaption, figure,
|
28
|
+
footer, header, hgroup, menu, nav, section {
|
29
|
+
display: block;
|
30
|
+
}
|
31
|
+
body {
|
32
|
+
line-height: 1;
|
33
|
+
}
|
34
|
+
ol, ul {
|
35
|
+
list-style: none;
|
36
|
+
}
|
37
|
+
blockquote, q {
|
38
|
+
quotes: none;
|
39
|
+
}
|
40
|
+
blockquote:before, blockquote:after,
|
41
|
+
q:before, q:after {
|
42
|
+
content: '';
|
43
|
+
content: none;
|
44
|
+
}
|
45
|
+
table {
|
46
|
+
border-collapse: collapse;
|
47
|
+
border-spacing: 0;
|
48
|
+
}
|