styles.css

Aus Infopedia
Wechseln zu:Navigation, Suche
K
Zeile 20: Zeile 20:
 
}
 
}
  
.wichtig {
+
.randnotiz.wichtig {
 
   border-color: #b51f1f;
 
   border-color: #b51f1f;
 
}
 
}
  
.wichtig i {
+
.randnotiz.wichtig i {
 
   color: #b51f1f;
 
   color: #b51f1f;
 +
}
 +
 +
.randnotiz.biber {
 +
  border-color: #ad7e42;
 +
}
 +
 +
.randnotiz.biber i {
 +
  color: #ad7e42;
 
}
 
}
  

Version vom 22. Januar 2021, 21:14 Uhr

/* Allgemein */
.randnotiz {
  border-top: solid 0.5rem #aaa;
  padding-top: 0.1rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  margin-top: 0.75rem;
}

.randnotiz-icon {
  float: left;
  font-size: 1rem;
  margin-top: 0;
  margin-right: 0.75rem;
  padding: 0;
  border: 0;
  color: #aaa;
  text-align: right;
}

.randnotiz.wichtig {
  border-color: #b51f1f;
}

.randnotiz.wichtig i {
  color: #b51f1f;
}

.randnotiz.biber {
  border-color: #ad7e42;
}

.randnotiz.biber i {
  color: #ad7e42;
}

/* Desktop */
@media screen and (min-width: 576px) {
.randnotiz-icon {
  font-size: 2rem;
  position: absolute;
  left: -3rem;
  top: -1.8rem;
}
}

@media screen and (min-width: 1550px) {
.randnotiz {
  position: absolute;
  right: -200px;
  width: 250px;
}
}

/* Print */
@media print {
.randnotiz {
  float: right;
  position: relative;
  width: 15%;
  right: -20%;
}
}