Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1
/* http://prismjs.com/download.html?themes=prism&languages=markup+css&plugins=line-highlight+highlight-keywords */
2
/**
3
 * prism.js default theme for JavaScript, CSS and HTML
4
 * Based on dabblet (http://dabblet.com)
5
 * @author Lea Verou
6
 */
7
 
8
code[class*="language-"],
9
pre[class*="language-"] {
10
	color: black;
11
	text-shadow: 0 1px white;
12
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
13
	direction: ltr;
14
	text-align: left;
15
	white-space: pre;
16
	word-spacing: normal;
17
	word-break: normal;
18
	word-wrap: normal;
19
	line-height: 1.5;
20
 
21
	-moz-tab-size: 4;
22
	-o-tab-size: 4;
23
	tab-size: 4;
24
 
25
	-webkit-hyphens: none;
26
	-moz-hyphens: none;
27
	-ms-hyphens: none;
28
	hyphens: none;
29
}
30
 
31
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
32
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
33
	text-shadow: none;
34
	background: #b3d4fc;
35
}
36
 
37
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
38
code[class*="language-"]::selection, code[class*="language-"] ::selection {
39
	text-shadow: none;
40
	background: #b3d4fc;
41
}
42
 
43
@media print {
44
	code[class*="language-"],
45
	pre[class*="language-"] {
46
		text-shadow: none;
47
	}
48
}
49
 
50
/* Code blocks */
51
pre[class*="language-"] {
52
	padding: 1em;
53
	margin: .5em 0;
54
	overflow: auto;
55
}
56
 
57
:not(pre) > code[class*="language-"],
58
pre[class*="language-"] {
59
	background: #f5f2f0;
60
}
61
 
62
/* Inline code */
63
:not(pre) > code[class*="language-"] {
64
	padding: .1em;
65
	border-radius: .3em;
66
}
67
 
68
.token.comment,
69
.token.prolog,
70
.token.doctype,
71
.token.cdata {
72
	color: slategray;
73
}
74
 
75
.token.punctuation {
76
	color: #999;
77
}
78
 
79
.namespace {
80
	opacity: .7;
81
}
82
 
83
.token.property,
84
.token.tag,
85
.token.boolean,
86
.token.number,
87
.token.constant,
88
.token.symbol,
89
.token.deleted {
90
	color: #905;
91
}
92
 
93
.token.selector,
94
.token.attr-name,
95
.token.string,
96
.token.char,
97
.token.builtin,
98
.token.inserted {
99
	color: #690;
100
}
101
 
102
.token.operator,
103
.token.entity,
104
.token.url,
105
.language-css .token.string,
106
.style .token.string {
107
	color: #a67f59;
108
	background: hsla(0, 0%, 100%, .5);
109
}
110
 
111
.token.atrule,
112
.token.attr-value,
113
.token.keyword {
114
	color: #07a;
115
}
116
 
117
.token.function {
118
	color: #DD4A68;
119
}
120
 
121
.token.regex,
122
.token.important,
123
.token.variable {
124
	color: #e90;
125
}
126
 
127
.token.important,
128
.token.bold {
129
	font-weight: bold;
130
}
131
.token.italic {
132
	font-style: italic;
133
}
134
 
135
.token.entity {
136
	cursor: help;
137
}
138
 
139
pre[data-line] {
140
	position: relative;
141
	padding: 1em 0 1em 3em;
142
}
143
 
144
.line-highlight {
145
	position: absolute;
146
	left: 0;
147
	right: 0;
148
	padding: inherit 0;
149
	margin-top: 1em; /* Same as .prism’s padding-top */
150
 
151
	background: hsla(24, 20%, 50%,.08);
152
	background: -moz-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
153
	background: -webkit-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
154
	background: -o-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
155
	background: linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
156
 
157
	pointer-events: none;
158
 
159
	line-height: inherit;
160
	white-space: pre;
161
}
162
 
163
	.line-highlight:before,
164
	.line-highlight[data-end]:after {
165
		content: attr(data-start);
166
		position: absolute;
167
		top: .4em;
168
		left: .6em;
169
		min-width: 1em;
170
		padding: 0 .5em;
171
		background-color: hsla(24, 20%, 50%,.4);
172
		color: hsl(24, 20%, 95%);
173
		font: bold 65%/1.5 sans-serif;
174
		text-align: center;
175
		vertical-align: .3em;
176
		border-radius: 999px;
177
		text-shadow: none;
178
		box-shadow: 0 1px white;
179
	}
180
 
181
	.line-highlight[data-end]:after {
182
		content: attr(data-end);
183
		top: auto;
184
		bottom: .4em;
185
	}