Warning, /frameworks/syntax-highlighting/autotests/input/highlight.css is written in an unsupported language. File is not indexed.
0001 /** 0002 * This is a pseudo CSS file to test Kate's CSS syntax highlighting. 0003 */ 0004 0005 @import url("othersheet.css") screen, tv; 0006 0007 body { 0008 font-size: 15pt; 0009 font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif; 0010 margin-top: 0px; /* yet another comment */ 0011 margin-bottom: 0px; 0012 // this is no comment, it's just broken! 0013 margin-left: 0px; 0014 margin-right: 0px; 0015 background-color: hsl(0, 0%, calc(95% - 3%)); 0016 } 0017 0018 .something 0019 { 0020 margin-right: 0px; 0021 color: #cdd; 0022 color: #AAFE04; 0023 color: rgb(10%,30%,43%); 0024 background: maroon; 0025 } 0026 0027 a:hover { 0028 } 0029 0030 #header, 0031 p.intro:first-letter, 0032 p:lang(nl), 0033 img[align="right"] 0034 { 0035 border: 1px solid Qt::red !important; 0036 -moz-border-radius: 15px; /* unknown properties render italic */ 0037 } 0038 0039 @media print { 0040 0041 #header 0042 { 0043 display: none; 0044 } 0045 0046 } 0047 0048 /* 0049 TODO: add more tests, e.g. media 0050 */ 0051 0052 0053 .nice-look { 0054 font-variant-alternates: styleset(nice-style); 0055 } 0056 0057 ul { 0058 list-style: thumbs; 0059 } 0060 0061 /* SVG <a> */ 0062 svg|a {} 0063 0064 /* XHTML and SVG <a> */ 0065 *|a {} 0066 0067 *{} 0068 .class{} 0069 #id{} 0070 :hover{} 0071 :lang(fr){} 0072 E{} 0073 E F{} 0074 E>F{} 0075 E > F{} 0076 E~F{} 0077 E ~ F{} 0078 E:first-child{} 0079 E:visited{} 0080 E::after{} 0081 E:lang(c){} 0082 E:lang(fr-ca){} 0083 E + F{} 0084 E+F{} 0085 E[foo]{} 0086 E[foo=warning]{} 0087 E[foo="warning"]{} 0088 E[foo~="warning"]{} 0089 E[foo^="warning"]{} 0090 E[foo$="warning"]{} 0091 E[foo*="warning"]{} 0092 E[lang|="en"]{} 0093 DIV.warning{} 0094 DIV .warning{} 0095 E#myid{} 0096 E #myid{} 0097 E,E{} 0098 E, E{} 0099 E ,E{} 0100 E , E{} 0101 0102 p:nth-child(2) { 0103 background: red; 0104 } 0105 0106 /* Elements that are not <div> or <span> elements */ 0107 body :not(div):not(span) { 0108 font-weight: bold; 0109 } 0110 0111 /* Elements that are not `.crazy` or `.fancy` */ 0112 /* Note that this syntax is not well supported yet. */ 0113 body :not(.crazy, .fancy) { 0114 font-family: sans-serif; 0115 } 0116 0117 :nth-child(odd) { color: lime; } 0118 :nth-child(even) { color: lime; } 0119 :nth-child(4) { color: lime; } 0120 :nth-child(4n) { color: lime; } 0121 :nth-child(3n+4) { color: lime; } 0122 :nth-child(-n+3) { color: lime; } 0123 :nth-child(n+8):nth-child(-n+15) { color: lime; } 0124 0125 .first span:nth-child(2n+1), 0126 .second span:nth-child(2n+1), 0127 .third span:nth-of-type(2n+1) { 0128 background-color: lime; 0129 unknown-property: lime; 0130 } 0131 0132 :root{ 0133 --foo: if(x > 5) this.width = 10; /* valid custom property, invalid in any normal property */ 0134 } 0135 0136 :root, 0137 :root:lang(en) {--external-link: "external link";} 0138 :root:lang(de) {--external-link: "externer Link";} 0139 0140 a[href^="http"]::after {content: " (" var(--external-link) ")"} 0141 0142 one { --foo: 10px; } 0143 two { --bar: calc(var(--foo) + 10px); } 0144 three { --foo: calc(var(--bar) + 10px); } 0145 .foo { 0146 --gap: 20; 0147 margin-top: var(--gap)px; /*20 px*/ 0148 margin-top: calc(var(--gap) * 1px); /*20px*/ 0149 } 0150 0151 foo { 0152 width: calc(50% -8px); /* invalid */ 0153 width: calc(50%- 8px); /* invalid */ 0154 width: calc(50% +8px); /* invalid */ 0155 width: calc(50%+ 8px); /* invalid */ 0156 width: calc(2px -var(--a)); /* invalid */ 0157 width: calc(50%*-8px); 0158 width: calc(50% - 8px); 0159 width: calc(50% + -8px); 0160 width: calc(50% +(8px)); 0161 width: calc(2px -(var(--a))); 0162 } 0163 0164 sweet-alert input:focus::-moz-placeholder { 0165 -webkit-transition: opacity 0.3s 0.03s ease; 0166 transition: opacity 0.3s 0.03s ease; 0167 opacity: 0.5; 0168 } 0169 0170 0171 @font-feature-values Font One { 0172 @styleset { 0173 nice-style: 12; 0174 } 0175 } 0176 0177 @font-feature-values Font Two { 0178 @styleset { 0179 nice-style: 4; 0180 } 0181 } 0182 0183 @counter-style thumbs { 0184 system: cyclic; 0185 symbols: "\1F44D"; 0186 suffix: " "; 0187 } 0188 0189 @font-face { 0190 font-family: "Open Sans"; 0191 src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"), 0192 url("/fonts/OpenSans-Regular-webfont.woff") format("woff"); 0193 } 0194 0195 @page { 0196 margin: 1cm; 0197 } 0198 0199 @page :first { 0200 margin: 2cm; 0201 /* comments */ 0202 marks: crop cross; 0203 } 0204 0205 @page :unknown { 0206 margin: 2cm; 0207 } 0208 0209 @font-face { 0210 unknown: 2px; 0211 /* comments */ 0212 font-family: "Bitstream Vera Serif Bold"; 0213 src: url("/static/styles/libs/font-awesome/fonts/fontawesome-webfont.fdf491ce5ff5.woff"); 0214 } 0215 0216 @viewport { 0217 zoom: 0.75; 0218 /* comments */ 0219 min-zoom: 0.5; 0220 max-zoom: 0.9; 0221 } 0222 0223 @viewport { 0224 orientation: landscape; 0225 /* comments */ 0226 orientation: landscape; 0227 } 0228 0229 @document url("https://www.example.com/") { 0230 h1 { 0231 color: green; 0232 } 0233 } 0234 0235 @supports (display: grid) { 0236 div { 0237 display: grid; 0238 } 0239 } 0240 0241 @media (max-width: 600px) { 0242 .sidebar { 0243 display: none; 0244 } 0245 } 0246 0247 @import url("fineprint.css") print; 0248 @import url(fineprint.css) print; 0249 @import url('bluish.css') speech; 0250 @import 'custom.css'; 0251 @import url("chrome://communicator/skin/"); 0252 @import "common.css" screen; 0253 @import url('landscape.css') screen and (orientation:landscape); 0254 0255 @namespace url(http://www.w3.org/1999/xhtml); 0256 @namespace svg url(http://www.w3.org/2000/svg); 0257 0258 @keyframes important1 { 0259 from { margin-top: 50px; } 0260 50% { margin-top: 150px !important; } /* ignored */ 0261 to { margin-top: 100px; } 0262 } 0263 0264 @keyframes important2 { 0265 from { margin-top: 50px; 0266 margin-bottom: 100px; } 0267 to { margin-top: 150px !important; /* ignored */ 0268 margin-bottom: 50px; } 0269 } 0270 0271 @keyframes slidein { 0272 from { 0273 margin-left: 100%; 0274 width: 300%; 0275 } 0276 0277 to { 0278 margin-left: 0%; 0279 width: 100%; 0280 } 0281 } 0282 0283 @media print { 0284 a:hover { color: red } 0285 /* comments */ 0286 a:hover { color: red } 0287 } 0288 0289 /* 0290 * CSS Syntax Highlight Sample File (Standard) 0291 * 0292 * This file contains most CSS syntax, CSS3 properties, @media, @font-face and 0293 * @keyframes annotations. 0294 * 0295 * @author Guo Yunhe guoyunhebrave@gmail.com 0296 * @date 2016-09-16 0297 */ 0298 0299 /* 0300 * Block comment 0301 * 0302 * Alert keywords: 0303 * TODO BUG FIXME 0304 */ 0305 0306 @charset "UTF-8"; 0307 0308 @import url("components/button.css"); 0309 0310 0311 /* Properties */ 0312 0313 html, body { 0314 font-family: "Droid Sans", Arial, sans-serif; 0315 font-size: 11pt; 0316 line-height: 1.5em; 0317 max-width: calc(100% - 300px); 0318 background: #fff000; 0319 text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); 0320 box-sizing: border-box; 0321 } 0322 0323 0324 /* Selectors */ 0325 0326 blockquote { 0327 margin: 0; 0328 } 0329 0330 header #logo { 0331 width: 100px; 0332 } 0333 0334 div#footer .link { 0335 color: blue; 0336 } 0337 0338 sidebar #subscribe .subscribe_form input[type="text"] { 0339 font-size: 20px; 0340 } 0341 0342 sidebar #subscribe .subscribe_form:nth-child(2n + 1):hover input[class*="small-"] { 0343 font-weight: bold; 0344 } 0345 0346 0347 /* Media Queries */ 0348 0349 @media print { 0350 .container { 0351 width: 100%; 0352 } 0353 } 0354 0355 @media screen and (min-width: 768px) { 0356 .container { 0357 width: 600px; 0358 } 0359 } 0360 0361 @media screen and (min-width: 768px) and (max-width: 960px) { 0362 .container { 0363 width: 720px; 0364 } 0365 } 0366 0367 0368 /* Fontface */ 0369 0370 @font-face { 0371 font-family: MyHelvetica; 0372 src: local("Helvetica Neue Bold"), 0373 local("HelveticaNeue-Bold"), 0374 url(MgOpenModernaBold.ttf); 0375 font-weight: bold; 0376 } 0377 0378 /* Animation (Keyframes) */ 0379 0380 @keyframes slidein { 0381 from { 0382 margin-left: 100%; 0383 width: 300%; 0384 } 0385 0386 to { 0387 margin-left: 0%; 0388 width: 100%; 0389 } 0390 } 0391 0392 0393 /* Region markers */ 0394 0395 /*BEGIN Comment */ 0396 0397 0398 0399 /*END Comment */ 0400 0401 /* 0402 * CSS Syntax Highlight Sample File (Complex) 0403 * 0404 * This file contains complex CSS syntax that can test unexpected situations. 0405 * 0406 * @author Guo Yunhe guoyunhebrave@gmail.com 0407 * @date 2016-09-16 0408 */ 0409 0410 0411 /* Comments with special content */ 0412 0413 /* 0414 * .class-selector #id "string" 'comment' // comment {} [] () /* comment 0415 * TODO BUG DEBUG 0416 * body { 0417 * margin: 0 !important; 0418 * } 0419 */ 0420 0421 /* Comments in special positions */ 0422 0423 header/* comment here */.active /* comment here */ { 0424 /* comment here */ color : /* comment here */ blue/* comment here */; 0425 font-family: Arial /* comment here */, 0426 "Droid Sans", /* comment here */ 0427 sans-serif/* comment here */; 0428 } 0429 0430 @media screen /* comment here */ and (max-width: 300px /* comment here */) /* comment here */ {/* comment here */} 0431 0432 0433 /* Strings with special content */ 0434 0435 @import url("{} $variable /* comment */"); 0436 0437 0438 /* Without extra breaklines and spaces */ 0439 0440 pre.primary:hover.large:nth-child(2n-1){font-size:17px;font-family:"Noto Sans";-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3)} 0441 0442 0443 /* With unnecessary breaklines and spaces */ 0444 0445 blockquote .ref 0446 { 0447 flex : 0 1 30%; 0448 flex-wrap : wrap; 0449 } 0450 0451 @media screen and (orientation: landscape) { 0452 .sidebar { 0453 width: 500px; } } 0454 0455 0456 /* Special selectors: HTML5 allows user defined tags */ 0457 0458 header { 0459 flex { 0460 width: 300px; 0461 } 0462 }