generator.css

@-webkit-keyframes "cursorblink"{from,to{color:transparent}50%{color:hotpink}}#cursorline{display:none}a.download-link{text-decoration:none;color:white;background:#e1770a;padding:12px 35px;margin:0 0 20px;display:inline-block;border-radius:4px}a.download-link:hover{background-color:orange}body{background-color:#fefefe;text-align:center;font-size:18px;margin:0;padding:0;font-family:'Maven Pro',sans-serif;color:#333}body h1{margin:0}body h2{margin:0;padding:0 0 55px}body h3{margin:0;padding:0 0 15px;font-size:1.5em}body h4{margin:0;padding:34px 0 15px;font-size:24px !important;color:#5d5c5c;font-weight:normal}body p{margin:0}body .AZ[data-azselect="true"]{background:pink;outline:.3em solid pink;color:black}body [data-azselect="true"] .AZ{background:pink;outline:.3em solid pink;color:black}body .resultheader{background-color:#1b2727;color:white}body ul.buttonsets{padding:0;margin:0}body ul.buttonsets li{list-style-type:none;margin:0;display:inline-block;vertical-align:top;padding:15px 2px;box-sizing:border-box;position:relative}body ul.buttonsets li input{position:absolute;overflow:hidden;width:0;height:0}body ul.buttonsets li input:checked+label{background-color:#dc4007;border-left:5px solid #c04003;border-left-color:#af3103;border-top-color:#902802;border-right-color:#e15c2c;border-bottom-color:#eb6535}body ul.buttonsets li label{display:block;cursor:pointer;height:24px;width:24px;border-width:5px;border-style:solid;background-color:#d0d0d0;border-bottom-color:#c2c2c2;border-right-color:#c2c2c2;border-top-color:#e3e3e3;border-left-color:#dadada;text-align:center}body ul.buttonsets li label.bold{font-weight:bold}body ul.buttonsets li label.italic{font-style:italic}body ul.buttonsets li label.underline{text-decoration:underline}body .displayhere .sample{font-size:40px}body .text-place{background-color:#200838;color:beige}body .text-place h1{font-size:80px;color:#fae6a6}body .text-place .linksection{font-size:12px;text-align:center;position:static;padding:20px 0 0;font-family:'Century Gothic',Arial,sans-serif;color:#b08ed2}body .text-place .linksection .separator{padding:0 5px}body .text-place .linksection a{color:orange}body .runconverter{background-color:#c04011;color:white;display:inline-block;border:0;padding:15px 30px;font-weight:bold;font-size:18px;border-radius:0;cursor:pointer;text-decoration:none;font-family:'Maven Pro',sans-serif}body .runconverter:hover{background-color:red}body .maxwidth{width:800px;max-width:100%;margin:auto}body .medwidth{width:650px;max-width:100%;margin:auto}body .medwidth h3{text-align:left}body .medwidth ol{text-align:left;padding:10px 20px 0;margin:0}body .section{padding:60px 15px 75px}body .section.example{padding:50px 15px}body .section .exa{overflow:hidden;font-size:30px;margin:0 auto 20px;padding:40px;max-width:500px}body .section .example1,body .section .example2,body .section .example3{max-height:110px}body .section .example1{animation:backgroundcolor 7s infinite;-webkit-animation:backgroundcolor 7s infinite}body .section .example2{animation:textcolor 2s infinite;-webkit-animation:textcolor 2s infinite;background-color:#c4c4c4}body .section .example3{animation:fontsize 2s infinite;-webkit-animation:fontsize 2s infinite;background-color:#53c0c0;height:100px;vertical-align:bottom}body .header{color:white}body textarea{width:100%;padding:20px;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-align:left;border:0;margin:30px 0 8px;font-size:20px;font-family:'Arial',sans-serif;box-shadow:12px 12px 15px -7px rgba(0,0,0,0.52)}body #result{background:white;min-height:100px}body #result #cursorline{display:inline-block;height:1em;width:0;vertical-align:top;color:transparent;outline:.1em solid;position:relative;z-index:9;left:-0.01em}body #result.focused #cursorline{-webkit-animation:.5s cursorblink step-end infinite}body .resultpanel{background-color:#ede09a}body .resultpanel .display{min-height:100px;padding:0 0 50px}body .code-place{background-color:#075922;color:#f1e6ce}body .code-place p{padding:0 0 20px}body .code-place h2{padding:0}body .code-place .coderesult{text-align:left;font-family:monospace;display:block;background-color:#010e0e;font-size:13px;color:white;padding:30px;margin:0 0 40px}body .code-place .coderesult em{font-style:normal}body .code-place .coderesult em.cl{color:#fdc46b}body .code-place .coderesult em.nm{color:#a1f398}body .code-place .coderesult em.el{color:#d081f7}body .code-place .coderesult em.bo{color:pink}body .getcode{background-color:#b7a2cc}@-webkit-keyframes backgroundcolor{0%{background-color:lightblue}25%{background-color:pink}75%{background-color:#fadd9c}100%{background-color:lightblue}}@keyframes backgroundcolor{0%{background-color:lightblue}25%{background-color:pink}75%{background-color:#fadd9c}100%{background-color:lightblue}}@-webkit-keyframes textcolor{0%{color:maroon}25%{color:teal}75%{color:#be8d01}100%{color:maroon}}@keyframes textcolor{0%{color:maroon}25%{color:teal}75%{color:#be8d01}100%{color:maroon}}@-webkit-keyframes fontsize{0%{font-size:18px}50%{font-size:50px}100%{font-size:18px}}@keyframes fontsize{0%{font-size:18px}50%{font-size:50px}100%{font-size:18px}}