Difference between revisions of "Team:Marburg/MedalCriteria"

Line 150: Line 150:
 
     .timeline-card a {
 
     .timeline-card a {
 
       margin-left: 20px;
 
       margin-left: 20px;
 +
    }
 +
 +
    .timeline-img {
 +
      width: 30px;
 +
      height: 30px;
 +
      background: #3F51B5;
 +
      border-radius: 50%;
 +
      position: absolute;
 +
      left: 50%;
 +
      margin-top: 25px;
 +
      margin-left: -15px;
 
     }
 
     }
  
Line 164: Line 175:
 
     @media screen and (max-width: 768px) {
 
     @media screen and (max-width: 768px) {
 
       .timeline::before {
 
       .timeline::before {
 +
        left: 50px;
 +
      }
 +
 +
      .timeline .timeline-img {
 
         left: 50px;
 
         left: 50px;
 
       }
 
       }
Line 202: Line 217:
 
         <div class="container">
 
         <div class="container">
 
           <div class="timeline-item">
 
           <div class="timeline-item">
 +
            <div class="timeline-img"></div>
 
             <div class="timeline-content">
 
             <div class="timeline-content">
 
               <div class="date">B R O N Z E</div>
 
               <div class="date">B R O N Z E</div>
Line 214: Line 230:
 
           </div>
 
           </div>
 
           <div class="timeline-item">
 
           <div class="timeline-item">
−
 
+
            <div class="timeline-img"></div>
 
             <div class="timeline-content">
 
             <div class="timeline-content">
 
               <div class="date">S I L V E R</div>
 
               <div class="date">S I L V E R</div>
Line 228: Line 244:
  
 
           <div class="timeline-item">
 
           <div class="timeline-item">
−
 
+
            <div class="timeline-img"></div>
 
             <div class="timeline-content">
 
             <div class="timeline-content">
 
               <div class="date">G O L D</div>
 
               <div class="date">G O L D</div>
Line 239: Line 255:
  
 
           <div class="timeline-item">
 
           <div class="timeline-item">
−
 
+
            <div class="timeline-img"></div>
 
             <div class="timeline-content">
 
             <div class="timeline-content">
 
               <div class="date">S P E C I A L</div>
 
               <div class="date">S P E C I A L</div>

Revision as of 07:40, 20 October 2019

M E D A L I C R I T E R I A

B R O N Z E

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime ipsa ratione omnis alias cupiditate saepe atque totam aperiam sed nulla voluptatem recusandae dolor, nostrum excepturi amet in dolores. Alias, ullam.

More
S I L V E R

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime ipsa ratione omnis alias cupiditate saepe atque totam aperiam sed nulla voluptatem recusandae dolor, nostrum excepturi amet in dolores. Alias, ullam.

More
G O L D

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta explicabo debitis omnis dolor iste fugit totam quasi inventore!

S P E C I A L

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime ipsa ratione omnis alias cupiditate saepe atque totam aperiam sed nulla voluptatem recusandae dolor, nostrum excepturi amet in dolores. Alias, ullam.

More