@charset "utf-8"; | |
@import "util"; | |
body, html, select, g > text { | |
color: $dark-grey; | |
font-family: verdana, tahoma, arial; | |
margin: 0; | |
} | |
g > text { | |
fill: $dark-grey; | |
} | |
* { | |
@include box-sizing-box; | |
} | |
body { | |
font-size: 12pt; | |
} | |
.intro p { | |
text-shadow: $light-shadow | |
} | |
a { | |
&[href^="http://"]:after { | |
font-family: "FontAwesome"; | |
content: " \f08e"; | |
font-size: 75%; | |
} | |
&:link { | |
color: $dark-orange; | |
text-decoration: none; | |
} | |
&:link:hover: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; | |
} |