/* CSS Document */

/*
don't use these as long as Verdana has so ugly German quotes!
:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }


unsupported yet in our pages
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
*/

q:lang(cs) { quotes: "\201E"      "\201C"      "\201A"      "\2018"      }
q:lang(da) { quotes: "\00BB"      "\00AB"      "\203A"      "\2039"      }
/* q:lang(de) { quotes: "\201E"      "\201C"      "\201A"      "\2018"      } */
q:lang(de) { quotes: "\00BB"      "\00AB"      "\203A"      "\2039"      }
q:lang(en) { quotes: "\201C"      "\201D"      "\2018"      "\2019"      }
q:lang(fr) { quotes: "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A" }
q:lang(it) { quotes: "\00AB"      "\00BB"      "\2039"      "\203A"      }
q:lang(lv) { quotes: "\201D"      "\201C"      "\201D"      "\201C"      }
q:lang(nl) { quotes: "\201E"      "\201D"      "\201A"      "\2019"      }
q:lang(pl) { quotes: "\201E"      "\201C"      "\00AB"      "\00BB"      }
q:lang(sv) { quotes: "\201D"      "\201D"      "\2019"      "\2019"      }

q:before   { content:open-quote;  color:Red; }
q:after    { content:close-quote; color:Red; }
q q:before { content:open-quote;  color:Red; }
q q:after  { content:close-quote; color:Red; }


/* Bootstrap overwrite */
h1 {
   margin-bottom: 32px !important;
}

hr {
  display: block;
  height: 1px;
  border-top: 1px solid red;
}

/* from /index.html */
body {
   background-color: white;
   color: black;
   margin: 0 10% 0 10%;
}

a:link {
   color: blue;
   text-decoration:none !important;
}
a:hover {
   color: red !important;
}
a:visited {
   color: #400080 !important;
}

div.corpus
{
   margin-left: 10%;
   margin-right: 10%;
}

div.special
{
   border-style: solid;
   border-color: red;
   border-width: 6px;
   padding: 2em;
   text-align: left;
   text-indent: .2em;
   background-color: PowderBlue;
   }

.abstract, .intro
{
   border: 1px solid blue;
   padding-top: .5em;
   margin: 1em 0;
}

h2.aap
{
   text-align: center
}
p.aap
{
   margin: 1em; 
   text-align: left;
}

.cirp
{
   color: #0B6121;
   vertical-align: top;
   background-color: #ddd;
}

.cirpnote
{
  margin:0 0 0.5em 0;
  padding:0.5em 0 0.5em 0;
}

.cirp img {
   vertical-align: middle;
}


.b {
   font-weight: bold;
}

li.feedback::after
{ 
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: red;
}

.yellow
{
   background-color: #ff9;
}

.red
{
   color: red;
}

.gray, .grey
{
   color: gray;
}

.green
{
   color: green;
}

.strike
{
   text-decoration: line-through;
}

.REF
{
   background-color: #EEEEEE;
   border-top: 1px dotted red;
   border-bottom: 1px dotted red;
   padding-top:8px;
   margin:8px 0 8px 0;
}

.CIT
{
   background-color: #EEEEEE;
}

.disabled-button {
   opacity: 0.5;
   pointer-events: none;
}

ul.list-quote {
   list-style-type: none;
   padding-left:1em !important;
   padding-right:1em !important;
   border-left: 1px solid blue !important;
   border-right: 1px solid blue !important;
}

blockquote {
   margin-left: 16px !important;
   padding-left: 16px !important;
   border-left: 1px solid blue !important;
}

.figure {
   background-color: #F5DEB3;
   margin-bottom: 16px;
}

.quote{
  margin:1em 0;
  padding:0.5em 0 0.5em 2em;
  border-left:1px solid Red;
  position: relative;
  background:#EDEDED;
}

.quote::before{
  content: "\201C";
  color: Gray;
  font-size: 4em;
  position: absolute;
  left: 5px;
  top: -15px;
}

.dialog{
  margin:1em 0;
  padding:0.5em 0 0.5em 1em;
  border-left:1px solid Red;
  position: relative;
  background:#EDEDED;
}

.dialog::before{
  content: "\201C";
  color: Gray;
  font-size: 2em;
  position: absolute;
  left: 2px;
  top: 5px;
}

.formula {
   font-family: monospace;
   background:#F5DEB3;
   border: 1px solid Darkgray;
   padding:6px;
   text-align: center;
   font-variant-numeric: tabular-nums;
}

.page {
   color: Green;
   background-color: #EDEDED;
}

.author, .authors {
   color: #0B6121;
   font-weight: bold;
}

.author::before { content: "Author: ";}
:lang(ro) > .author::before { content: "Autor: ";}

.authors::before { content: "Authors: ";}
:lang(ro) > .authors::before { content: "Autorii: ";}


.box {
  border:1px solid Red;
  padding:1em;
}

.address::before {
   content: "Address: ";
}
.address {
   border:1px solid Gray;
   padding:8px;
   font-size: 14px;
   font-family: "Lucida Console", "Courier New", monospace;
}

.letter::before {
  content: "\2709  ";
}

.letter {
   font-size:1.5em;
   color: Gray;
   font-family: "Lucida Console", "Courier New", monospace;
}

.signature {
   font-family: cursive;
   font-weight: bold;
   font-style: italic;
   color: Gray;
}

pre {
   background-color: #EEE;
}