1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
.content_title {
background-color: var(--content-color-20);
background-image: linear-gradient(var(--content-color-40), var(--content-color-20) 40%, var(--content-color-20));
background-repeat: no-repeat;
border-top: 1px solid var(--content-color);
line-height: 17pt;
height: 25px;
}
.content_body {
background-color: var(--dark-gray-color-5);
}
.content_body_panel {
background-color: var(--dark-gray-color-15);
border-left: 1px solid var(--dark-gray-color-30);
}
.content_seperator,
.content_seperator td {
background-color: var(--dark-gray-color-45);
background-image: linear-gradient(var(--dark-gray-color-15), var(--dark-gray-color-40) 15%, var(--dark-gray-color-45));
background-repeat: no-repeat;
border-top: 1px solid var(--dark-gray-color-30);
height: 15px;
}
.formatted-content {
display: flow-root;
overflow-wrap: break-word;
img {
height: auto;
max-width: 100%;
}
pre { // pre-formatted content breaks the Stud.IP Layout!
white-space: pre-wrap;
}
}
// Emphasize tt tags a little bit so ##monospace## blocks will stick out.
.formatted-content tt {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(0, 0, 0, 0.5);
padding: 0 0.5ex;
}
// Margin for lists in user content
.ck-content ul,
.ck-content ol {
margin: 0.5em 0;
ul,
ol {
margin-top: 0;
margin-bottom: 0;
}
}
.ck-content .ckeditor-embed-container {
position: relative;
padding-bottom: 100%;
height: 0;
padding-bottom: 56.2493%;
.ckeditor-embed {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}
|
