dev/scss/base.scss

@charset "utf-8";
@import "util";

body, html, select, g > text {
  color: $dark-grey;
  font-family: verdana, tahoma, arial;
  margin: 0;
}

* {
  @include box-sizing-box;
}

g > text {
  fill: $dark-grey;
}

html {
  height: 100%;
}

body {
  position: relative;
  min-height: 100%;
  font-size: 12pt;
}

.intro p {
  text-shadow: $light-shadow
}

a {
  &[href^="http://"]:after {
    font-family: FontAwesome;
    content: " " + $fa-extlink;
    font-size: 75%;
  }
  &:link {
    color: $dark-orange;
    text-decoration: none;
    &:hover {
      color: $light-green; // $darkest-orange;
      @include color-transition;
    }
    &:active, &:visited {
      color: $darkest-orange;
    }
  }
}

main {
  margin: {
    left: $standard-margin; 
    right: $standard-margin; // Todo: -16px
  }
  &.embedded {
    margin: {
      left: 14px;
      right: 14px;
    }
  }
  p {
    text-align: justify;
    hyphens: auto;
  }

/*
  > section > p, > p {
    a {
      border-radius: 6px;
      padding: 0 .3em;
      background-color: $choose-bg;
      text-shadow: light-shadow;
      color: $light-green;
      &:hover {
        color: $dark-green;
	text-shadow: none;
	background-color: $light-green;
      }
    }
  }
*/
}
/*
blockquote {
  border-radius: 12px;
  margin: 0;
  text-indent: 0;
  padding: 1em;
  border-left: {
    color: $dark-grey;
    style: solid;
    width: 1em;
  }
  background-color: $light-grey;
  &.warning {
    border-left-color: $dark-orange;
  }
  &.exception {
    border-left-color: red;
  }
}
*/

div.intro {
  width: 70%;
  min-width: 600px;
}