/* This file is released to the public domain.
Based on the works of:
Richard Stallman - http://www.stallman.org
Xah Lee - https://www.wilkesley.org/~ian/xah/
Mario Gajardo Tassara 2021 - https://www.mariogt.com */

@charset "utf-8";

/* DEF GENERALES */

body {
  font-family: Arial, sans-serif;
  color: #000000;
  background-color: #ffffff;
  margin: 0px 20px 0px 20px;
  /* background-image:url('/Media/arboles_left.gif'); */
  /* background-repeat:repeat-y; */
  /* background-attachment: fixed; */
}

kbd {
  font-family: Consolas, Menlo, monospace;
  font-style: bold;
  padding: 0 4px 0 4px;
  border: solid 1px grey;
  border-radius: 4px;
  color: white;
  background-color: black;
  box-shadow: 2px 2px 2px 2px #ff1493;
}

img {
  display: block;
  margin-top: 2px;
  margin-bottom: 2px;
}

.screenshot img {
  display: block;
  margin: 10px auto 30px auto;
  /* border: solid red; */
}

/* DIV */

div.destacado {
  font-weight: bold;
  text-align: left;
  font-size: 18px;
  color: #ff1493;
  margin: 30px 20px 30px 20px;
}

img:hover {
  /*transform: rotateZ(150deg);*/
  opacity: 0.8;
}

div.screenshot {
  vertical-align: middle;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}

div.todo {
  width: auto;
  padding: 10px 0px 0px 0px;
  border: 0px;
  margin: 0px 20px 0px 20px;
  text-align: justify;
  color: black;
}

div.copyright {
  font-size: 14px;
  font-style: italic;
  text-align: center;
  list-style-type: square;
  margin: 20px auto 20px auto;
  vertical-align: middle;
}

div.c3 {
  margin-left: 2em
}

div.c2 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

div.c1 {
  text-align: center;
  font-weight: bold;
  font-size: 35px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.columnTitle {
  width: 100%;
  float: right;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #f6f6f6;
  font-size: 25px;
  font-weight: bold;
}

.columnContent {
  width: 46%;
  float: left;
  margin: 10px 0px 20px 0px;
  padding: 0px 0px 0px 20px;
}

.rest {
  width: 100%;
  float: left;
  margin: 30px 0px 50px 0px;
  list-style-type: square;
}

.titlelink {
  color: #000000
}

.fullwide {
  width: 900px;
}

/* LINK FORMATING */

a:link {
  color: #e600ac;
  text-decoration: underline;
}

a:visited {
  color: #a5037c;
  text-decoration: underline;
}

a:active {
  color: #ff00ff;
}

a:hover {
  color: #2e8b57;
}

a {
  font-size: 18px;
  font-weight: bold;
}

a:hover,
a:active {
  opacity: .9;
  filter: drop-shadow(1px 1px 1px var(white));
  background-image: linear-gradient(var(#e600ac), var(#a904c7));
  background-repeat: repeat-x;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23000000' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E") !important;
  background-position: 0 100%;
  background-size: .8em auto;
  text-decoration: none
}

/*
a[target="_blank"]:after {
    content: "☞";
}

a:after { */
/*     content: "☞"; */
/* } */



/* CODE FORMATING */

code {
  font-family: Consolas, Menlo, monospace;
  white-space: pre-wrap;
  color: red;
}

code.path_xl {
  color: teal;
}

code.elisp_f {
  font-weight: bold;
  color: #b22222;
  background-color: transparent;
}

var {
  font-family: Consolas, Menlo, monospace;
}

var.elisp {
  font-weight: bold;
  color: #a0522d;
}

var.d {
  color: green;
}

pre {
  font-family: Consolas, Menlo, monospace;
  font-size: 14px;
  color: black;
  tab-size: 2;
  padding: 8px;
  margin-top: 30px;
  margin-bottom: 30px;
  white-space: pre-wrap;
  border: solid thin grey;
  border-radius: 8px;
  background-color: #eeeeee;
}

pre:before {
  content: "";
  position: relative;
  top: -8px;
  right: 0;
  float: right;
  color: black;
  text-shadow: 2px 2px 2px white;
}

.code {
  background-color: hsl(0, 0%, 95%);
}

.math {
  background-color: #f9f9e9;
}

.org-mode {
  background-color: hsl(158, 27%, 75%);
}

.python {
  background-color: hsl(165, 49%, 86%);
}

.python3 {
  background-color: hsl(159, 40%, 95%);
}

.perl {
  background-color: hsl(200, 50%, 98%);
}

.ruby {
  background-color: hsl(90, 50%, 97%);
}

.php {
  background-color: hsl(240, 50%, 99%);
}

.cmd {
  background-color: hsl(94, 20%, 80%);
}

.bash {
  background-color: hsl(22, 24%, 90%);
}

.bash-output {
  background-color: hsl(204, 81%, 95%);
}

.emacs-lisp {
  background-color: hsl(120, 100%, 98%);
}

.golang {
  background-color: hsl(258, 30%, 97%);
}

.html {
  background-color: hsl(244, 61%, 95%);
}

.css {
  background-color: hsl(160, 50%, 97%);
}

.js {
  background-color: hsl(70, 0%, 95%);
}

.nodejs {
  background-color: hsl(240, 87%, 95%);
}

.java {
  background-color: hsl(280, 50%, 97%);
}

.scala {
  background-color: hsl(36, 39%, 95%);
}

pre.sh:before {
  content: "Bash Script 🦴";
}

pre.python:before {
  content: "Python 2 🐍";
}

pre.python3:before {
  content: "Python 3 🐍";
}

pre.perl:before {
  content: "Perl 🔮";
}

pre.ruby:before {
  content: "Ruby 💎";
}

pre.php:before {
  content: "PHP 🕸";
}

pre.ahk:before {
  content: "AutoHotkey";
}

pre.cmd:before {
  content: "cmd.exe 📺";
}

pre.powershell:before {
  content: "PowerShell";
}

pre.bash:before {
  content: "bash 🏴‍☠️";
}

pre.mysql:before {
  content: "mysql";
}

pre.emacs-lisp:before {
  content: "emacs lisp 👻";
}

pre.WolframLang:before {
  content: "WolframLang";
}

pre.ocaml:before {
  content: "OCaml";
}

pre.golang:before {
  content: "golang";
}

pre.erlang:before {
  content: "Erlang";
}

pre.haskell:before {
  content: "Haskell";
}

pre.common-lisp:before {
  content: "Common Lisp";
}

pre.qi:before {
  content: "Qi";
}

pre.html:before {
  content: "HTML 🕸";
}

pre.css:before {
  content: "CSS 🌈";
}

pre.js:before {
  content: "JavaScript";
}

pre.typescript:before {
  content: "TypeScript";
}

pre.nodejs:before {
  content: "node.js";
}

pre.xml:before {
  content: "XML";
}

pre.java:before {
  content: "Java";
}

pre.csharp:before {
  content: "C Sharp 🏴‍☠️";
}

pre.c:before {
  content: "C 🏴‍☠️";
}

pre.cplusplus:before {
  content: "C++ 🏴‍☠️";
}

pre.objc:before {
  content: "Objective-C 🏴‍☠️";
}

pre.clojure:before {
  content: "Clojure";
}

pre.scala:before {
  content: "Scala";
}

pre.povray:before {
  content: "POV-Ray";
}

.bold {
  font-weight: bold;
}

.builtin {
  color: #483d8b;
}

.comment {
  color: #b22222;
}

.comment-delimiter {
  color: #b22222;
}

.constant {
  color: #008b8b;
}

.doc {
  color: #8b2252;
}

.function-name {
  color: #0000ff;
}

.keyword {
  color: #a020f0;
}

.preprocessor {
  color: hsl(314, 19%, 30%);
}

.string {
  color: #8b2252;
}

.type {
  color: #228b22;
}

.underline {
  text-decoration: underline;
}

.variable-name {
  color: #a0522d;
}

.warning {
  color: #ff0000;
  font-weight: bold;
}

span.css-property {
  color: #a0522d;
}

span.css-selector {
  color: #0000ff;
}

span.xah-css-id-selector {
  color: darkred;
}

.xahk-mode-command-name {
  color: #0000ff;
}

pre .xah-elisp-command {
  color: #228b22;
}

pre .xah-elisp-dollar-symbol {
  font-weight: bold;
  color: darkgreen;
}

pre .xah-elisp-at-symbol {
  font-weight: bold;
  color: #ff0000;
}

pre .xah-elisp-cap-variable {
  font-weight: bold;
  color: #b22222;
}

.cperl-array {
  color: #0000ff;
  background-color: #eeeed1;
  font-weight: bold;
}

.cperl-hash {
  color: #ff0000;
  background-color: #eeeed1;
  font-weight: bold;
  font-style: italic;
}

.cperl-nonoverridable {
  color: #66cd00;
}

pre.xml span.sgml-namespace {
  color: #da70d6;
}

pre.poem_xl {
  display: inline-block;
  font-family: sans-serif;
  line-height: 1.6;
  padding: 8px;
  margin: 8px;
  border: solid thin teal;
  border-radius: 8px;
}

pre.text {
  display: inline-block;
  padding: 8px;
  margin: 8px;
  border: solid thin silver;
  border-radius: 8px;
}

.elisp-prefix-command,
.elisp-command,
.elisp-macro,
.elisp-special-form,
.elisp-function {
  white-space: nowrap;
  font-weight: bold;
  color: #b22222;
  background-color: transparent;
}

.elisp-constant,
.elisp-user-option,
.elisp-variable {
  white-space: nowrap;
  font-weight: bold;
  color: #a0522d;
}


/* *********** DARK MODE *********** */

@media (prefers-color-scheme: dark) {

  /* Overrides for Dark Mode. */
  body {
    color: #d7dbdd;
    background: #17202a;
    margin: 0px 20px 0px 20px;
  }

  kbd {
    font-family: Consolas, Menlo, monospace;
    padding: 0 4px 0 4px;
    border: solid 1px grey;
    border-radius: 4px;
    color: white;
    background-color: black;
    box-shadow: 2px 2px 2px 2px #00ff00;
  }

  div.destacado {
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    color: #00ff00;
    margin: 30px 20px 30px 20px;
  }

  div.parrafo {
    text-align: justify;
    margin: 30px 20px 30px 20px;
  }

  div.todo {
    width: auto;
    padding: 10px;
    border: 0px;
    margin: 30px;
    text-align: justify;
    color: #d7dbdd;
  }

  div.copyright {
    font-size: 14px;
    list-style-type: square;
  }

  .columnTitle {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    color: white;
    background-color: #1c2833;
  }

  .titlelink {
    color: #000000
  }

  /* LINK FORMATING */

  a:link {
    color: #e600ac;
  }

  /* unvisited link */

  a:visited {
    color: #a904c7;
  }

  /* visited link */

  a:hover {
    color: #00ff00;
  }

  /* mouse over link */

  a:active {
    color: #a904c7;
  }

  /* selected link */
}