Difference between revisions of "Template:Cologne-Duesseldorf/css"

Line 2: Line 2:
 
<head>
 
<head>
 
<style>
 
<style>
 +
 
@import url('https://fonts.googleapis.com/css?family=Quicksand');
 
@import url('https://fonts.googleapis.com/css?family=Quicksand');
 
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
 
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
Line 160: Line 161:
 
   //-ms-flex-pack:distribute;
 
   //-ms-flex-pack:distribute;
 
       //justify-content:space-around;
 
       //justify-content:space-around;
−
       justify-content: flex-start;
+
       -webkit-box-pack: start;
 +
          -ms-flex-pack: start;
 +
              justify-content: flex-start;
 
}
 
}
  
Line 884: Line 887:
 
     content: "\2212";
 
     content: "\2212";
 
   }
 
   }
−
   #bodyContent .panel {
+
 
 +
 
 +
   .panel {
 
     padding: 0 18px;
 
     padding: 0 18px;
 
     background-color: white;
 
     background-color: white;
−
    -webkit-transition: display 0.5s ease-out;
 
−
    -o-transition: display 0.5s ease-out;
 
−
    transition: display 0.5s ease-out;
 
−
  }
 
−
  #bodyContent .panel p {
 
−
    font-size: 1.125rem;
 
−
  }
 
−
  div.panel {
 
 
     display: none;
 
     display: none;
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    -webkit-transition: visibility 0s, opacity 0.5s linear;
 +
    -o-transition: visibility 0s, opacity 0.5s linear;
 +
    transition: visibility 0s, opacity 0.5s linear;
 
   }
 
   }
  
−
   div.panel.show {
+
   .panel.show {
 
       display: block;
 
       display: block;
 +
      visibility: visible;
 +
      opacity: 1;
 +
  }
 +
  #bodyContent .panel p {
 +
    font-size: 1.125rem;
 
   }
 
   }
  

Revision as of 21:14, 31 October 2017