PythonMapper/Public/scss/PythonMapper.css

.python-mapper {
  position: relative;
  top: 0em;
  left: 0em;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #EFEFEF;
  color: #222; }
  .python-mapper, .python-mapper input, .python-mapper button, .python-mapper select {
    font-family: "Roboto"; }
  .python-mapper pre, .python-mapper textarea,
  .python-mapper .wmd-code-block,
  .python-mapper .wmd-code-block ol > li::marker,
  .python-mapper .wmd-code-doc > .description {
    font-family: "Roboto Mono"; }
  .python-mapper [data-icon]::before {
    font-family: "FA6FR"; }
  .python-mapper input, .python-mapper button, .python-mapper select, .python-mapper textarea {
    font-size: 1em; }
  .python-mapper [data-visible=false], .python-mapper [data-hidden=true] {
    display: none; }
  .python-mapper a[href] {
    text-decoration: none;
    word-break: break-word; }
  .python-mapper a[href], .python-mapper [onclick], .python-mapper [onmouseover], .python-mapper [onmousedown], .python-mapper button, .python-mapper [type=button], .python-mapper [type=reset], .python-mapper [type=submit] {
    cursor: pointer;
    transition-duration: 1s; }
    .python-mapper a[href]:hover, .python-mapper [onclick]:hover, .python-mapper [onmouseover]:hover, .python-mapper [onmousedown]:hover, .python-mapper button:hover, .python-mapper [type=button]:hover, .python-mapper [type=reset]:hover, .python-mapper [type=submit]:hover {
      transition-duration: 0.2s; }
  .python-mapper a[href], .python-mapper [onclick], .python-mapper [onmouseover], .python-mapper [onmousedown], .python-mapper button, .python-mapper [type=button], .python-mapper [type=reset], .python-mapper [type=submit] {
    color: #459;
    transition-property: color; }
    .python-mapper a[href]:hover, .python-mapper [onclick]:hover, .python-mapper [onmouseover]:hover, .python-mapper [onmousedown]:hover, .python-mapper button:hover, .python-mapper [type=button]:hover, .python-mapper [type=reset]:hover, .python-mapper [type=submit]:hover {
      color: #BA5; }
  .python-mapper [onmouseover], .python-mapper [onmousedown] {
    color: #333c5e;
    transition-property: color; }
    .python-mapper [onmouseover]:hover, .python-mapper [onmousedown]:hover {
      color: #6f663c; }
  .python-mapper a[href], .python-mapper [onclick] {
    transition-property: color; }
  .python-mapper button, .python-mapper [type=button], .python-mapper [type=reset], .python-mapper [type=submit] {
    border-color: 0.1em solid #459;
    box-shadow: 0em 0em 0.4em #459;
    transition-property: color,border-color,box-shadow; }
    .python-mapper button:hover, .python-mapper [type=button]:hover, .python-mapper [type=reset]:hover, .python-mapper [type=submit]:hover {
      border-color: 0.1em solid #BA5;
      box-shadow: 0em 0em 0.4em #BA5; }
  .python-mapper .wmd-dictionary-item {
    color: #333c5e; }
    .python-mapper .wmd-dictionary-item:hover {
      color: #6f663c; }
  .python-mapper h2 {
    font-size: 2.6em; }
  .python-mapper h3 {
    font-size: 2.2em; }
  .python-mapper h4 {
    font-size: 1.8em; }
  .python-mapper h5 {
    font-size: 1.4em; }
  .python-mapper h6 {
    font-size: 1em; }
  .python-mapper ul, .python-mapper ol {
    padding: 0em 2em; }
  .python-mapper header, .python-mapper main, .python-mapper footer {
    position: absolute;
    left: 0em;
    width: 100%; }
  .python-mapper header, .python-mapper footer {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    box-shadow: 0em 0em 0.125em #EFEFEF, 0em 0em 0.25em #EFEFEF, 0em 0em 0.5em #EFEFEF, 0em 0em 1em #EFEFEF, 0em 0em 2em #EFEFEF; }
    .python-mapper header > *, .python-mapper footer > * {
      flex: auto;
      align-self: center; }
  .python-mapper header {
    top: 0em;
    height: 4em;
    z-index: 20; }
    .python-mapper header h1 {
      margin: .2em 1em;
      padding: 0em;
      font-size: 1em;
      text-wrap: nowrap; }
      .python-mapper header h1 .image {
        height: 3.6em; }
      .python-mapper header h1 img {
        width: auto;
        height: 3.6em; }
        .python-mapper header h1 img + span {
          display: none; }
      .python-mapper header h1 span + span {
        font-size: 3.4em;
        height: 0.9444444444em; }
      .python-mapper header h1 a > span {
        display: inline-block;
        vertical-align: top; }
  .python-mapper main {
    top: 4em;
    bottom: 2.5em;
    padding: 1% 2%;
    z-index: 10;
    overflow: auto;
    box-sizing: border-box; }
  .python-mapper footer {
    bottom: 0em;
    height: 2.5em;
    z-index: 30; }
  .python-mapper .main-menu {
    width: 25em;
    text-align: center; }
    .python-mapper .main-menu ul {
      list-style-type: none;
      margin: 0em;
      padding: 0em; }
    .python-mapper .main-menu li {
      display: inline-block;
      margin: 0em .6em; }
  .python-mapper .licenses {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    left: 0em;
    bottom: 0em;
    width: 100%;
    text-align: center;
    padding: .1em .2em;
    font-weight: 900;
    font-size: .85em;
    box-sizing: border-box; }
  .python-mapper .license {
    display: flex;
    flex-direction: row;
    align-self: center;
    margin: 0em .2em;
    text-align: center;
    box-sizing: border-box; }
    .python-mapper .license span {
      flex: auto;
      align-self: center; }
    .python-mapper .license > * {
      vertical-align: middle; }
    .python-mapper .license img {
      width: auto;
      height: 2.5em;
      margin: .2em .2em; }

.python-mapper h1 .image + span {
  font-size: 3.1em; }

/*# sourceMappingURL=PythonMapper.css.map */