cssyn.css

/*
8"""8 8"""" 8"""8  8""""8 8""""8   8   8 8""""8 8""""
8   8 8     8   8  8    8 8    8   8   8 8    8 8
8e  8 8eeee 8eee8e 8e   8 8eeee8ee 8e  8 8e   8 8eeee
88  8 88    88   8 88   8 88     8 88  8 88   8 88
88  8 88    88   8 88   8 88     8 88  8 88   8 88
88  8 88eee 88   8 88eee8 88eeeee8 88ee8 88eee8 88eee

[website] https://www.nerdbude.com
[mail] post@nerdbude.com
[twitter] @PH_0x17
[github] https://www.github.com/nerdbude
*/

/*just for demo / example.html*/
#body {background-color: #292929;
       color: #ffffff;}



/* code block main style */

#cssyn {
	background: transparent;
	padding: 15px 0 15px 0; 
	margin: 0 0 2px 0;
	border-style: solid;
	border-color: #afd75f;
	border-width: 1px;
	counter-reset: line;
	}

pre    {font-family: 'Share Tech Mono', monospace;
	padding-left: 15px;}

ln     {font-family: 'Share Tech Mono', monospace;}

ln::before    {content: counter(line, decimal-leading-zero);
		 background: #282828;
		 color: #444444;
		 padding: 0 10px 0 0;
		 margin: 0 20px 0 0;
		 border-right: 1px solid #444444;
		 counter-increment: line;
		 -webkit-user-select: none;
	 	}	

.label {background-color: #afd75f;
	border-style: solid;
	border-width: 1px;
	border-color: #afd75f;
	padding-left: 15px;
	padding-right: 15px;
	color: #272727;}

/* single syntax elements as classes */
/* use in html: <pre class="unix-shell"> $> sudo apt-get install </pre> */

.unixshell	{color: #87afd7; font-style: italic;}
.comment 	{color: #8a8a8a;}
.url		{color: #00ffd7; font-style: italic; text-decoration: underline;}
.value		{color: #875fff;}
.header-file	{color: #afd75f;}
.selector	{color: #ff5f5f;}
.subselector	{color: #ffff5f;}
.unit		{color: #ff5f87;}