Fix WPD at-rule detection + don't process if language is not handled …

…+ fix plugin's page

plugins/wpd/index.html

@@ -50,10 +50,10 @@ <h2>CSS</h2>
 	<pre data-src="prism.css"></pre>
 
 	<h2>HTML</h2>
-	<pre data-src="index.html"></pre>
+	<pre data-src="index.html" class="language-markup"></pre>
 
 	<h2>SVG</h2>
-	<pre data-src="logo.svg"></pre>
+	<pre data-src="logo.svg" class="language-markup"></pre>
 </section>
 
 <footer data-src="templates/footer.html" data-type="text/html"></footer>

plugins/wpd/prism-wpd.js

@@ -8,8 +8,6 @@ if (
 }
 
 if (Prism.languages.css) {
-	Prism.languages.css.atrule.inside['atrule-id'] = /^@[\w-]+/;
-
 	// check whether the selector is an advanced pattern before extending it
 	if (Prism.languages.css.selector.pattern)
 	{
@@ -57,60 +55,65 @@ var language;
 Prism.hooks.add('wrap', function(env) {
 	if ((env.type == 'tag-id'
 		|| (env.type == 'property' && env.content.indexOf('-') != 0)
-		|| (env.type == 'atrule-id'&& env.content.indexOf('@-') != 0)
+		|| (env.type == 'rule'&& env.content.indexOf('@-') != 0)
 		|| (env.type == 'pseudo-class'&& env.content.indexOf(':-') != 0) 
 		|| (env.type == 'pseudo-element'&& env.content.indexOf('::-') != 0) 
-	    || (env.type == 'attr-name' && env.content.indexOf('data-') != 0)
-	    ) && env.content.indexOf('<') === -1
+        || (env.type == 'attr-name' && env.content.indexOf('data-') != 0)
+		) && env.content.indexOf('<') === -1
 	) {
-		var searchURL = 'w/index.php?fulltext&search=';
+		if (env.language == 'css'
+			|| env.language == 'scss'
+			|| env.language == 'markup'
+		) {
+			var searchURL = 'w/index.php?fulltext&search=';
 
-		env.tag = 'a';
-
-		var href = 'http://docs.webplatform.org/';
-
-		if (env.language == 'css' || env.language == 'scss') {
-			href += 'wiki/css/';
-
-			if (env.type == 'property') {
-				href += 'properties/';
-			}
-			else if (env.type == 'atrule-id') {
-				href += 'atrules/';
-			}
-			else if (env.type == 'pseudo-class') {
-				href += 'selectors/pseudo-classes/';
-			}
-			else if (env.type == 'pseudo-element') {
-				href += 'selectors/pseudo-elements/';
-			}
-		}
-		else if (env.language == 'markup') {
-			if (env.type == 'tag-id') {
-				// Check language
-				language = getLanguage(env.content) || language;
-
-				if (language) {
-					href += 'wiki/' + language + '/elements/';
+			env.tag = 'a';
+
+			var href = 'http://docs.webplatform.org/';
+
+			if (env.language == 'css' || env.language == 'scss') {
+				href += 'wiki/css/';
+
+				if (env.type == 'property') {
+					href += 'properties/';
+				}
+				else if (env.type == 'rule') {
+					href += 'atrules/';
 				}
-				else {
-					href += searchURL;
+				else if (env.type == 'pseudo-class') {
+					href += 'selectors/pseudo-classes/';
+				}
+				else if (env.type == 'pseudo-element') {
+					href += 'selectors/pseudo-elements/';
 				}
 			}
-			else if (env.type == 'attr-name') {
-				if (language) {
-					href += 'wiki/' + language + '/attributes/';
+			else if (env.language == 'markup') {
+				if (env.type == 'tag-id') {
+					// Check language
+					language = getLanguage(env.content) || language;
+
+					if (language) {
+						href += 'wiki/' + language + '/elements/';
+					}
+					else {
+						href += searchURL;
+					}
 				}
-				else {
-					href += searchURL;
+				else if (env.type == 'attr-name') {
+					if (language) {
+						href += 'wiki/' + language + '/attributes/';
+					}
+					else {
+						href += searchURL;
+					}
 				}
 			}
+
+			href += env.content;
+
+			env.attributes.href = href;
+			env.attributes.target = '_blank';
 		}
-
-		href += env.content;
-
-		env.attributes.href = href;
-		env.attributes.target = '_blank';
 	}
 });