mumuki-styles 1.12.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +117 -0
- data/Rakefile +2 -0
- data/app/assets/fonts/FontAwesome.otf +0 -0
- data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
- data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
- data/app/assets/fonts/dev-awesome/svg/colored/bash.svg +58 -0
- data/app/assets/fonts/dev-awesome/svg/colored/c.svg +82 -0
- data/app/assets/fonts/dev-awesome/svg/colored/code.svg +57 -0
- data/app/assets/fonts/dev-awesome/svg/colored/cpp.svg +67 -0
- data/app/assets/fonts/dev-awesome/svg/colored/css.svg +112 -0
- data/app/assets/fonts/dev-awesome/svg/colored/elixir.svg +86 -0
- data/app/assets/fonts/dev-awesome/svg/colored/gobstones.svg +3287 -0
- data/app/assets/fonts/dev-awesome/svg/colored/haskell.svg +76 -0
- data/app/assets/fonts/dev-awesome/svg/colored/html.svg +112 -0
- data/app/assets/fonts/dev-awesome/svg/colored/java.svg +85 -0
- data/app/assets/fonts/dev-awesome/svg/colored/javascript.svg +65 -0
- data/app/assets/fonts/dev-awesome/svg/colored/mongodb.svg +255 -0
- data/app/assets/fonts/dev-awesome/svg/colored/mumuki-circle.svg +132 -0
- data/app/assets/fonts/dev-awesome/svg/colored/mumuki.svg +78 -0
- data/app/assets/fonts/dev-awesome/svg/colored/prolog.svg +296 -0
- data/app/assets/fonts/dev-awesome/svg/colored/python.svg +61 -0
- data/app/assets/fonts/dev-awesome/svg/colored/qsim.svg +110 -0
- data/app/assets/fonts/dev-awesome/svg/colored/ruby.svg +105 -0
- data/app/assets/fonts/dev-awesome/svg/colored/sql.svg +124 -0
- data/app/assets/fonts/dev-awesome/svg/colored/text.svg +57 -0
- data/app/assets/fonts/dev-awesome/svg/colored/wollok.svg +83 -0
- data/app/assets/fonts/dev-awesome-hinted.ttf +0 -0
- data/app/assets/fonts/dev-awesome.eot +0 -0
- data/app/assets/fonts/dev-awesome.svg +139 -0
- data/app/assets/fonts/dev-awesome.ttf +0 -0
- data/app/assets/fonts/dev-awesome.woff +0 -0
- data/app/assets/fonts/dev-awesome.woff2 +0 -0
- data/app/assets/fonts/fontawesome-webfont.eot +0 -0
- data/app/assets/fonts/fontawesome-webfont.svg +2671 -0
- data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/app/assets/fonts/fontawesome-webfont.woff +0 -0
- data/app/assets/fonts/fontawesome-webfont.woff2 +0 -0
- data/app/assets/javascripts/mumuki-styles.js +12767 -0
- data/app/assets/stylesheets/_broken.scss +8 -0
- data/app/assets/stylesheets/_browser.scss +45 -0
- data/app/assets/stylesheets/_colors.scss +54 -0
- data/app/assets/stylesheets/_fonts.scss +9 -0
- data/app/assets/stylesheets/_footer.scss +18 -0
- data/app/assets/stylesheets/_hovers.scss +15 -0
- data/app/assets/stylesheets/_mixines.scss +6 -0
- data/app/assets/stylesheets/_modules.scss +8 -0
- data/app/assets/stylesheets/_mu-file-browser.scss +97 -0
- data/app/assets/stylesheets/_navbar.scss +99 -0
- data/app/assets/stylesheets/_styles.scss +14 -0
- data/app/assets/stylesheets/_vendor.scss +7 -0
- data/app/assets/stylesheets/bootswatch/_bootswatch.scss +330 -0
- data/app/assets/stylesheets/bootswatch/_variables.scss +870 -0
- data/app/assets/stylesheets/modules/_breadcrumb.scss +16 -0
- data/app/assets/stylesheets/modules/_callout.scss +40 -0
- data/app/assets/stylesheets/modules/_checkbox.scss +65 -0
- data/app/assets/stylesheets/modules/_conversation.scss +213 -0
- data/app/assets/stylesheets/modules/_follow_us.scss +16 -0
- data/app/assets/stylesheets/modules/_highlight.scss +99 -0
- data/app/assets/stylesheets/modules/_new_message.scss +42 -0
- data/app/assets/stylesheets/modules/_notification.scss +15 -0
- data/app/assets/stylesheets/mumuki-styles.css +9526 -0
- data/app/assets/stylesheets/mumuki-styles.scss +11 -0
- data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.scss +245 -0
- data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/demo/bootstrap.scss +3 -0
- data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/demo/build.scss +6 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap-compass.scss +9 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap-mincer.scss +19 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap-sprockets.scss +9 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss +56 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_alerts.scss +73 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_badges.scss +68 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_breadcrumbs.scss +28 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_button-groups.scss +244 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_buttons.scss +168 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_carousel.scss +270 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_close.scss +36 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_code.scss +69 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_component-animations.scss +37 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_dropdowns.scss +216 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss +617 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_glyphicons.scss +307 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_grid.scss +84 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_input-groups.scss +171 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_jumbotron.scss +54 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_labels.scss +66 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_list-group.scss +130 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_media.scss +66 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_mixins.scss +40 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_modals.scss +150 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navbar.scss +662 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navs.scss +242 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_normalize.scss +424 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pager.scss +54 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pagination.scss +89 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_panels.scss +271 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_popovers.scss +131 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_print.scss +101 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-utilities.scss +179 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss +161 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tables.scss +234 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_theme.scss +291 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tooltip.scss +101 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_type.scss +298 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_utilities.scss +55 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss +874 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_wells.scss +29 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss +65 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
- data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
- data/app/assets/stylesheets/vendor/dev-awesome/dist/scss/_dev-awesome.scss +240 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_animated.scss +34 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_bordered-pulled.scss +25 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_core.scss +12 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_fixed-width.scss +6 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_icons.scss +789 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_larger.scss +13 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_list.scss +19 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_mixins.scss +60 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_path.scss +15 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_rotated-flipped.scss +20 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_screen-reader.scss +5 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_stacked.scss +20 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/_variables.scss +800 -0
- data/app/assets/stylesheets/vendor/font-awesome/scss/font-awesome.scss +18 -0
- data/lib/mumuki/styles/version.rb +5 -0
- data/lib/mumuki/styles.rb +8 -0
- metadata +231 -0
@@ -0,0 +1,40 @@
|
|
1
|
+
.bs-callout {
|
2
|
+
padding: 20px;
|
3
|
+
margin: 20px 0;
|
4
|
+
border: 1px solid #eee;
|
5
|
+
border-left-width: 5px;
|
6
|
+
border-radius: 3px;
|
7
|
+
}
|
8
|
+
|
9
|
+
.bs-callout h4 {
|
10
|
+
margin-top: 0;
|
11
|
+
margin-bottom: 5px;
|
12
|
+
}
|
13
|
+
|
14
|
+
.bs-callout p:last-child {
|
15
|
+
margin-bottom: 0;
|
16
|
+
}
|
17
|
+
|
18
|
+
.bs-callout code {
|
19
|
+
border-radius: 3px;
|
20
|
+
}
|
21
|
+
|
22
|
+
.bs-callout + .bs-callout {
|
23
|
+
margin-top: -5px;
|
24
|
+
}
|
25
|
+
|
26
|
+
$statuses: (
|
27
|
+
info: $brand-info,
|
28
|
+
danger: $brand-danger,
|
29
|
+
success: $brand-success,
|
30
|
+
warning: $brand-warning,
|
31
|
+
broken: $mu-color-broken,
|
32
|
+
);
|
33
|
+
@each $status, $color in $statuses {
|
34
|
+
.bs-callout-#{$status} {
|
35
|
+
border-left-color: $color;
|
36
|
+
h4 {
|
37
|
+
color: $color;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
@@ -0,0 +1,65 @@
|
|
1
|
+
.mu-radio {
|
2
|
+
div {
|
3
|
+
clear: both;
|
4
|
+
overflow: hidden;
|
5
|
+
}
|
6
|
+
label {
|
7
|
+
width: 100%;
|
8
|
+
font-weight: normal;
|
9
|
+
}
|
10
|
+
input[type="radio"],
|
11
|
+
input[type="checkbox"] {
|
12
|
+
&:empty {
|
13
|
+
display: none;
|
14
|
+
~ label {
|
15
|
+
position: relative;
|
16
|
+
line-height: 2em;
|
17
|
+
text-indent: 2.5em;
|
18
|
+
cursor: pointer;
|
19
|
+
user-select: none;
|
20
|
+
|
21
|
+
&:before {
|
22
|
+
position: absolute;
|
23
|
+
display: block;
|
24
|
+
top: 0;
|
25
|
+
bottom: 0;
|
26
|
+
left: 0;
|
27
|
+
content: '';
|
28
|
+
width: 2em;
|
29
|
+
background: #D1D3D4;
|
30
|
+
border-radius: 3px 0 0 3px;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
}
|
34
|
+
&:hover:not(:checked) ~ label {
|
35
|
+
color: #888;
|
36
|
+
&:before {
|
37
|
+
content: '\2714';
|
38
|
+
text-indent: .9em;
|
39
|
+
color: #C2C2C2;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
&:checked ~ label {
|
43
|
+
color: #777;
|
44
|
+
|
45
|
+
&:before {
|
46
|
+
content: '\2714';
|
47
|
+
text-indent: .6em;
|
48
|
+
color: #333;
|
49
|
+
background-color: #ccc;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
&:focus ~ label:before {
|
53
|
+
box-shadow: 0 0 0 3px #999;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
&-default {
|
57
|
+
input[type="radio"],
|
58
|
+
input[type="checkbox"] {
|
59
|
+
&:checked ~ label:before {
|
60
|
+
color: white;
|
61
|
+
background-color: $brand-complementary;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
@@ -0,0 +1,213 @@
|
|
1
|
+
.pending-messages-text {
|
2
|
+
float: left;
|
3
|
+
text-align: center;
|
4
|
+
position: absolute;
|
5
|
+
top: 200px;
|
6
|
+
z-index: 9999;
|
7
|
+
}
|
8
|
+
|
9
|
+
.pending-messages-filter {
|
10
|
+
filter: blur(0.6em);
|
11
|
+
pointer-events: none;
|
12
|
+
}
|
13
|
+
|
14
|
+
#new-message-modal pre {
|
15
|
+
max-height: 300px;
|
16
|
+
overflow: auto;
|
17
|
+
}
|
18
|
+
|
19
|
+
.mu-messages {
|
20
|
+
::selection {
|
21
|
+
background: rgba(82, 179, 217, 0.3);
|
22
|
+
color: inherit;
|
23
|
+
}
|
24
|
+
a {
|
25
|
+
margin: auto;
|
26
|
+
}
|
27
|
+
|
28
|
+
/* M E S S A G E S */
|
29
|
+
|
30
|
+
.mu-chat {
|
31
|
+
list-style: none;
|
32
|
+
background: $mu-color-content-editable;
|
33
|
+
border: 1px solid #cccccc;
|
34
|
+
margin: 0;
|
35
|
+
padding: 0 0 0 0;
|
36
|
+
height: 253px;
|
37
|
+
overflow-x: hidden;
|
38
|
+
overflow-y: auto;
|
39
|
+
margin-bottom: 10px;
|
40
|
+
}
|
41
|
+
.mu-chat li {
|
42
|
+
padding: 0.5rem;
|
43
|
+
overflow: hidden;
|
44
|
+
display: flex;
|
45
|
+
}
|
46
|
+
.mu-chat .avatar {
|
47
|
+
width: 40px;
|
48
|
+
height: 40px;
|
49
|
+
position: relative;
|
50
|
+
display: block;
|
51
|
+
z-index: 2;
|
52
|
+
border-radius: 100%;
|
53
|
+
-webkit-border-radius: 100%;
|
54
|
+
-moz-border-radius: 100%;
|
55
|
+
-ms-border-radius: 100%;
|
56
|
+
background-color: rgba(255, 255, 255, 0.9);
|
57
|
+
}
|
58
|
+
.mu-chat .avatar img {
|
59
|
+
width: 40px;
|
60
|
+
height: 40px;
|
61
|
+
border-radius: 100%;
|
62
|
+
-webkit-border-radius: 100%;
|
63
|
+
-moz-border-radius: 100%;
|
64
|
+
-ms-border-radius: 100%;
|
65
|
+
background-color: rgba(255, 255, 255, 0.9);
|
66
|
+
-webkit-touch-callout: none;
|
67
|
+
-webkit-user-select: none;
|
68
|
+
-moz-user-select: none;
|
69
|
+
-ms-user-select: none;
|
70
|
+
}
|
71
|
+
.mu-chat .day {
|
72
|
+
position: relative;
|
73
|
+
display: block;
|
74
|
+
text-align: center;
|
75
|
+
color: #c0c0c0;
|
76
|
+
height: 20px;
|
77
|
+
line-height: 38px;
|
78
|
+
margin-top: 5px;
|
79
|
+
margin-bottom: 20px;
|
80
|
+
cursor: default;
|
81
|
+
-webkit-touch-callout: none;
|
82
|
+
-webkit-user-select: none;
|
83
|
+
-moz-user-select: none;
|
84
|
+
-ms-user-select: none;
|
85
|
+
}
|
86
|
+
|
87
|
+
.other .message {
|
88
|
+
order: 1;
|
89
|
+
border-top-left-radius: 0;
|
90
|
+
}
|
91
|
+
.self {
|
92
|
+
justify-content: flex-end;
|
93
|
+
align-items: flex-end;
|
94
|
+
}
|
95
|
+
.self .message {
|
96
|
+
order: 1;
|
97
|
+
border-top-right-radius: 0;
|
98
|
+
}
|
99
|
+
.self .avatar {
|
100
|
+
order: 2;
|
101
|
+
}
|
102
|
+
.message {
|
103
|
+
background: white;
|
104
|
+
border: 1px solid #e6e6e6;
|
105
|
+
min-width: 50px;
|
106
|
+
padding: 10px;
|
107
|
+
border-radius: 15px;
|
108
|
+
}
|
109
|
+
.message p {
|
110
|
+
font-size: 0.9em;
|
111
|
+
margin: 0 0 0.2rem 0;
|
112
|
+
color: #777;
|
113
|
+
}
|
114
|
+
.message img {
|
115
|
+
:not(.emoji) {
|
116
|
+
position: relative;
|
117
|
+
display: block;
|
118
|
+
border-radius: 5px;
|
119
|
+
transition: all .4s cubic-bezier(0.565, -0.260, 0.255, 1.410);
|
120
|
+
cursor: default;
|
121
|
+
-webkit-touch-callout: none;
|
122
|
+
-webkit-user-select: none;
|
123
|
+
-moz-user-select: none;
|
124
|
+
-ms-user-select: none;
|
125
|
+
}
|
126
|
+
&.emoji {
|
127
|
+
margin-top: -5px;
|
128
|
+
}
|
129
|
+
}
|
130
|
+
.message .sender {
|
131
|
+
font-weight: bold;
|
132
|
+
font-size: 0.75em;
|
133
|
+
color: #ccc;
|
134
|
+
margin-top: 3px;
|
135
|
+
float: left;
|
136
|
+
cursor: default;
|
137
|
+
-webkit-touch-callout: none;
|
138
|
+
-webkit-user-select: none;
|
139
|
+
-moz-user-select: none;
|
140
|
+
-ms-user-select: none;
|
141
|
+
}
|
142
|
+
.message time {
|
143
|
+
font-size: 0.75em;
|
144
|
+
color: #ccc;
|
145
|
+
margin-top: 3px;
|
146
|
+
float: right;
|
147
|
+
cursor: default;
|
148
|
+
-webkit-touch-callout: none;
|
149
|
+
-webkit-user-select: none;
|
150
|
+
-moz-user-select: none;
|
151
|
+
-ms-user-select: none;
|
152
|
+
margin-left: 15px;
|
153
|
+
}
|
154
|
+
.passed {
|
155
|
+
background-color: $brand-success-light;
|
156
|
+
}
|
157
|
+
.failed {
|
158
|
+
background-color: $brand-danger-light;
|
159
|
+
}
|
160
|
+
.errored {
|
161
|
+
background-color: $brand-danger-light;
|
162
|
+
}
|
163
|
+
.passed_with_warning {
|
164
|
+
background-color: $brand-warning-light;
|
165
|
+
}
|
166
|
+
}
|
167
|
+
|
168
|
+
.mu-view-messages {
|
169
|
+
overflow-x: hidden;
|
170
|
+
overflow-y: auto;
|
171
|
+
|
172
|
+
.mu-chat {
|
173
|
+
height: 500px;
|
174
|
+
|
175
|
+
.solution {
|
176
|
+
@include display-flex(column, flex-start, flex-end);
|
177
|
+
border: none;
|
178
|
+
border-top: 1px solid #cccccc;
|
179
|
+
border-radius: 0;
|
180
|
+
width: 100%;
|
181
|
+
|
182
|
+
a {
|
183
|
+
align-self: center;
|
184
|
+
margin: auto;
|
185
|
+
cursor: pointer;
|
186
|
+
top: 0;
|
187
|
+
text-decoration: none;
|
188
|
+
}
|
189
|
+
|
190
|
+
div {
|
191
|
+
width: 100%;
|
192
|
+
|
193
|
+
&.hidden {
|
194
|
+
height: 100px;
|
195
|
+
overflow: hidden;
|
196
|
+
}
|
197
|
+
|
198
|
+
&.visible {
|
199
|
+
height: 100%;
|
200
|
+
}
|
201
|
+
}
|
202
|
+
|
203
|
+
pre {
|
204
|
+
background: none;
|
205
|
+
font-size: 0.7em;
|
206
|
+
margin-top: 0;
|
207
|
+
border: none;
|
208
|
+
border-radius: 0;
|
209
|
+
}
|
210
|
+
}
|
211
|
+
}
|
212
|
+
}
|
213
|
+
|
@@ -0,0 +1,16 @@
|
|
1
|
+
.social-icon {
|
2
|
+
padding-top: 6px;
|
3
|
+
font-size: 16px;
|
4
|
+
text-align: center;
|
5
|
+
width: 32px;
|
6
|
+
height: 32px;
|
7
|
+
border: 2px solid $brand-info;
|
8
|
+
border-radius: 50%;
|
9
|
+
margin: 5px;
|
10
|
+
}
|
11
|
+
|
12
|
+
a.social-icon:hover, a.social-icon:active, a.social-icon:focus {
|
13
|
+
text-decoration: none;
|
14
|
+
border-color: $brand-info-light;
|
15
|
+
color: $brand-info-light;
|
16
|
+
}
|
@@ -0,0 +1,99 @@
|
|
1
|
+
/* See https://github.com/jneen/rouge/wiki/List-of-tokens */
|
2
|
+
|
3
|
+
$mu-color-highlight-background: #f0f0f5;
|
4
|
+
|
5
|
+
$mu-color-highlight-identifier: black;
|
6
|
+
$mu-color-highlight-keyword: $mu-color-info;
|
7
|
+
$mu-color-highlight-literal: #369434;
|
8
|
+
$mu-color-highlight-operator: $mu-color-complementary;
|
9
|
+
$mu-color-highlight-comment: grey;
|
10
|
+
$mu-color-highlight-punctuation: black;
|
11
|
+
$mu-color-highlight-text-whitespace: #bbbbbb;
|
12
|
+
$mu-color-highlight-string-interpolation: #d01040;
|
13
|
+
|
14
|
+
pre {
|
15
|
+
background-color: $mu-color-highlight-background;
|
16
|
+
}
|
17
|
+
|
18
|
+
.mu-highlight-identifier,
|
19
|
+
.na, .nb, .nc, .no, .nd, .ni, .bp, .vc, .vg, .vi, .nx, .nv,
|
20
|
+
.nn, .nt,
|
21
|
+
.ace_function,
|
22
|
+
.ace_variable,
|
23
|
+
.ace_parameter,
|
24
|
+
.ace_identifier,
|
25
|
+
.ne,
|
26
|
+
.nf,
|
27
|
+
.nl {
|
28
|
+
color: $mu-color-highlight-identifier !important;
|
29
|
+
}
|
30
|
+
|
31
|
+
.mu-highlight-keyword,
|
32
|
+
.k, .kn, .kp, .kr, .kt, .kd, .ace_keyword, .ace_type {
|
33
|
+
color: $mu-color-highlight-keyword !important;
|
34
|
+
font-weight: bold !important;
|
35
|
+
}
|
36
|
+
|
37
|
+
.mu-highlight-literal,
|
38
|
+
.m, .mf, .mh, .mi, .mo,
|
39
|
+
.s, .sb, .sc, .sd, .s2, .se, .sh, .sx, .sr, .s1, .ss,
|
40
|
+
.kc,
|
41
|
+
.il,
|
42
|
+
.l,
|
43
|
+
.ace_boolean, .ace_numeric,
|
44
|
+
.ace_string, .ace_symbol,
|
45
|
+
.ace_hexadecimal, .ace_character,
|
46
|
+
.ace_decimal {
|
47
|
+
color: $mu-color-highlight-literal !important;
|
48
|
+
}
|
49
|
+
|
50
|
+
.mu-highlight-operator,
|
51
|
+
.ow, .o,
|
52
|
+
.ace_operator,
|
53
|
+
.ace_meta.ace_rule.ace_definition.ace_prolog {
|
54
|
+
color: $mu-color-highlight-operator !important;
|
55
|
+
font-weight: bold !important;
|
56
|
+
}
|
57
|
+
|
58
|
+
.mu-highlight-comment,
|
59
|
+
.ace_comment, .c, .cm, .cp, .c1, .cs {
|
60
|
+
color: $mu-color-highlight-comment !important;
|
61
|
+
}
|
62
|
+
|
63
|
+
.mu-highlight-punctuation,
|
64
|
+
.ace_punctuation,
|
65
|
+
.ace_paren,
|
66
|
+
.p,
|
67
|
+
.ace_keyword.ace_operator.ace_definition.ace_prolog,
|
68
|
+
pre code {
|
69
|
+
color: black !important;
|
70
|
+
font-weight: normal !important;
|
71
|
+
}
|
72
|
+
|
73
|
+
$mu-color-highlight-prolog-variables: $mu-color-info;
|
74
|
+
$mu-color-highlight-prolog-atoms: $mu-color-primary;
|
75
|
+
|
76
|
+
.mu-highlight-prolog-variables,
|
77
|
+
.ace_variable.ace_prolog,
|
78
|
+
.prolog .nv {
|
79
|
+
color: $mu-color-highlight-prolog-variables !important;
|
80
|
+
font-weight: normal !important;
|
81
|
+
}
|
82
|
+
|
83
|
+
.mu-highlight-prolog-atoms,
|
84
|
+
.ace_name.ace_prolog,
|
85
|
+
.ace_atom.ace_prolog,
|
86
|
+
.prolog .ss {
|
87
|
+
color: $mu-color-highlight-prolog-atoms !important;
|
88
|
+
font-weight: normal !important;
|
89
|
+
}
|
90
|
+
|
91
|
+
.mu-highlight-text-whitespace,
|
92
|
+
.w {
|
93
|
+
color: $mu-color-highlight-text-whitespace;
|
94
|
+
}
|
95
|
+
|
96
|
+
.mu-highlight-string-interpolation,
|
97
|
+
.si {
|
98
|
+
color: $mu-color-highlight-string-interpolation;
|
99
|
+
}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
.new-message-modal {
|
2
|
+
width: 0px;
|
3
|
+
pre {
|
4
|
+
max-height: 300px;
|
5
|
+
overflow: auto;
|
6
|
+
}
|
7
|
+
.modal-content {
|
8
|
+
width: 400px;
|
9
|
+
}
|
10
|
+
.modal-dialog {
|
11
|
+
position: fixed;
|
12
|
+
right: -50px;
|
13
|
+
bottom: -30px;
|
14
|
+
}
|
15
|
+
.mu-modal-header {
|
16
|
+
@include display-flex(row nowrap, space-between);
|
17
|
+
height: 40px;
|
18
|
+
background-color: $brand-info;
|
19
|
+
padding: 0 15px 0 15px;
|
20
|
+
.mu-modal-header-text {
|
21
|
+
padding-left: 7px;
|
22
|
+
color: white;
|
23
|
+
}
|
24
|
+
.mu-modal-close-button {
|
25
|
+
background-color: transparent;
|
26
|
+
color: white;
|
27
|
+
-moz-appearance: none;
|
28
|
+
-webkit-appearance: none;
|
29
|
+
border: none;
|
30
|
+
padding: 0;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
.mu-message-textarea {
|
34
|
+
&:focus {
|
35
|
+
outline: -webkit-focus-ring-color none 0;
|
36
|
+
}
|
37
|
+
resize: none;
|
38
|
+
border: none;
|
39
|
+
height: 250px;
|
40
|
+
width: 100%;
|
41
|
+
}
|
42
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
.notifications-box-empty {
|
2
|
+
display: none;
|
3
|
+
}
|
4
|
+
|
5
|
+
.badge-notifications {
|
6
|
+
position: absolute;
|
7
|
+
right: 57px;
|
8
|
+
font-size: 0.55em;
|
9
|
+
width: inherit;
|
10
|
+
padding: 2px 4px;
|
11
|
+
text-align: right;
|
12
|
+
top: 6px;
|
13
|
+
background-color: $brand-complementary;
|
14
|
+
border: 1px solid white;
|
15
|
+
}
|