site

source files for beau's website
git clone https://git.beauhilton.com/site.git
Log | Files | Refs

prism.css (3550B)

      1 /* PrismJS 1.25.0
      2 https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+git+python+r+toml&plugins=toolbar+copy-to-clipboard */
      3 /**
      4  * okaidia theme for JavaScript, CSS and HTML
      5  * Loosely based on Monokai textmate theme by http://www.monokai.nl/
      6  * @author ocodia
      7  */
      8 
      9 code[class*="language-"],
     10 pre[class*="language-"] {
     11 	color: #f8f8f2;
     12 	background: #000;
     13 	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
     14 	font-family: "IBM Plex Mono", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     15 	font-size: 90%;
     16 	text-align: left;
     17 	white-space: pre;
     18 	word-spacing: normal;
     19 	word-break: normal;
     20 	word-wrap: normal;
     21 	line-height: 1.25;
     22 
     23 	-moz-tab-size: 4;
     24 	-o-tab-size: 4;
     25 	tab-size: 4;
     26 
     27 	-webkit-hyphens: none;
     28 	-moz-hyphens: none;
     29 	-ms-hyphens: none;
     30 	hyphens: none;
     31 }
     32 
     33 /* Code blocks */
     34 pre[class*="language-"] {
     35 	padding: 1em;
     36 	margin: .5em 0;
     37 	overflow: auto;
     38 	border-radius: 0.3em;
     39 }
     40 
     41 :not(pre) > code[class*="language-"],
     42 pre[class*="language-"] {
     43 	background: #000;
     44 }
     45 
     46 /* Inline code */
     47 :not(pre) > code[class*="language-"] {
     48 	padding: .1em;
     49 	border-radius: .3em;
     50 	white-space: normal;
     51 }
     52 
     53 .token.comment,
     54 .token.prolog,
     55 .token.doctype,
     56 .token.cdata {
     57 	color: #8292a2;
     58 }
     59 
     60 .token.punctuation {
     61 	color: #f8f8f2;
     62 }
     63 
     64 .token.namespace {
     65 	opacity: .7;
     66 }
     67 
     68 .token.property,
     69 .token.tag,
     70 .token.constant,
     71 .token.symbol,
     72 .token.deleted {
     73 	color: #f92672;
     74 }
     75 
     76 .token.boolean,
     77 .token.number {
     78 	color: #ae81ff;
     79 }
     80 
     81 .token.selector,
     82 .token.attr-name,
     83 .token.string,
     84 .token.char,
     85 .token.builtin,
     86 .token.inserted {
     87 	color: #a6e22e;
     88 }
     89 
     90 .token.operator,
     91 .token.entity,
     92 .token.url,
     93 .language-css .token.string,
     94 .style .token.string,
     95 .token.variable {
     96 	color: #f8f8f2;
     97 }
     98 
     99 .token.atrule,
    100 .token.attr-value,
    101 .token.function,
    102 .token.class-name {
    103 	color: #e6db74;
    104 }
    105 
    106 .token.keyword {
    107 	color: #66d9ef;
    108 }
    109 
    110 .token.regex,
    111 .token.important {
    112 	color: #fd971f;
    113 }
    114 
    115 .token.important,
    116 .token.bold {
    117 	font-weight: bold;
    118 }
    119 .token.italic {
    120 	font-style: italic;
    121 }
    122 
    123 .token.entity {
    124 	cursor: help;
    125 }
    126 
    127 div.code-toolbar {
    128 	position: relative;
    129 }
    130 
    131 div.code-toolbar > .toolbar {
    132 	position: absolute;
    133 	top: .3em;
    134 	right: .2em;
    135 	transition: opacity 0.3s ease-in-out;
    136 	opacity: 0;
    137 }
    138 
    139 div.code-toolbar:hover > .toolbar {
    140 	opacity: 1;
    141 }
    142 
    143 /* Separate line b/c rules are thrown out if selector is invalid.
    144    IE11 and old Edge versions don't support :focus-within. */
    145 div.code-toolbar:focus-within > .toolbar {
    146 	opacity: 1;
    147 }
    148 
    149 div.code-toolbar > .toolbar > .toolbar-item {
    150 	display: inline-block;
    151 }
    152 
    153 div.code-toolbar > .toolbar > .toolbar-item > a {
    154 	cursor: pointer;
    155 }
    156 
    157 div.code-toolbar > .toolbar > .toolbar-item > button {
    158 	background: none;
    159 	border: 0;
    160 	color: inherit;
    161 	font: inherit;
    162 	line-height: normal;
    163 	overflow: visible;
    164 	padding: 0;
    165 	-webkit-user-select: none; /* for button */
    166 	-moz-user-select: none;
    167 	-ms-user-select: none;
    168 }
    169 
    170 div.code-toolbar > .toolbar > .toolbar-item > a,
    171 div.code-toolbar > .toolbar > .toolbar-item > button,
    172 div.code-toolbar > .toolbar > .toolbar-item > span {
    173 	color: #bbb;
    174 	font-size: .8em;
    175 	padding: 0 .5em;
    176 	background: #f5f2f0;
    177 	background: rgba(224, 224, 224, 0.2);
    178 	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    179 	border-radius: .5em;
    180 }
    181 
    182 div.code-toolbar > .toolbar > .toolbar-item > a:hover,
    183 div.code-toolbar > .toolbar > .toolbar-item > a:focus,
    184 div.code-toolbar > .toolbar > .toolbar-item > button:hover,
    185 div.code-toolbar > .toolbar > .toolbar-item > button:focus,
    186 div.code-toolbar > .toolbar > .toolbar-item > span:hover,
    187 div.code-toolbar > .toolbar > .toolbar-item > span:focus {
    188 	color: inherit;
    189 	text-decoration: none;
    190 }