Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Workshop Code
#1
 
   
Titel
    
   
Untertitel
 
 
   
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
   
 
 
   
Gesuchter
   
Alter | Beruf | Sonstiges
     
       
          
       
       
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
       
   
 
 
frei
 
   
Gesuchter
   
Alter | Beruf | Sonstiges
     
       
          
       
       
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
       
   
 
 
vergeben
 
   
Informationen
   
      
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
   
 
 
    
 
 
<style type="text/css">#gesuch {
 width: 450px;
 background: #393939; 
 margin: auto; 
 color: #fff;
 font-family: 'Roboto'; 
 padding: 10px; 
}

/* Header Block */

.gesuch-header {
  height: 200px;
  background: linear-gradient(
      rgba(126, 77, 77, 0.6), 
      rgba(126, 77, 77, 0.6)
    ), url('https://images.unsplash.com/photo-1556909114-9375e78a2305?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80');
  background-size: cover;
}

.gesuch-titel {
  text-align: center;
  padding-top: 50px;
  font-size: 40px;
  text-transform: uppercase;
}

.gesuch-untertitel {
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
}

/* Informationsblock */

.gesuch-informationen {
  background: #7E4D4D;
  margin-top: 15px;
  padding: 20px;
  text-align: justify;
  font-size: 12px;
}

.gesuch-informationen-text {
  height: 100px;
  overflow: auto;
  padding-right: 5px;
}

/* Gesuchterblock */

.gesuche-suche {
  background: #7E4D4D;
  margin-top: 15px;
  padding: 20px;
}

.gesuche-suche-titel {
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
}

.gesuch-suche-inhalt {
 margin-top: 20px; 
}

.gesuche-img {
  float: left;
}

.gesuche-suche-text {
  height: 150px;
  overflow: auto;
  padding-right: 5px;
  padding-left: 5px;
  text-align: justify;
  font-size: 13px;
}

.frei {
  background: #aeaeae;
  text-align: center;
  padding: 5px;
  color: #2a2a2a;
  text-transform: uppercase;
  font-weight: bold;
}

.vergeben {
  background: #C39595;
  text-align: center;
  padding: 5px;
  color: #7E0202;
  text-transform: uppercase;
  font-weight: bold;
}

/* Information unten */

.gesuch-informationen-text2 {
  padding-right: 5px;
}

/* Fusszeile */

.gesuche-fusszeile {
  height: 100px;         
  margin-top: 15px;
  background: linear-gradient(
      rgba(126, 77, 77, 0.45), 
      rgba(126, 77, 77, 0.9)
    ),        
    url('https://images.unsplash.com/photo-1556909114-9375e78a2305?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80');
  background-size: cover;
}

/* Scroll Bar */

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}</style>
Zitieren


Nachrichten in diesem Thema
Workshop Code - von Administrator - 13.07.2019, 20:53

Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste