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

Line 31: Line 31:
 
#content {
 
#content {
 
   width: 100%;
 
   width: 100%;
−
  //max-width: 1024px;
 
 
   min-height: 80vh;
 
   min-height: 80vh;
−
   margin: auto;
+
   margin: 0;
−
  //padding: 5%;
+
 
   padding: 0;
 
   padding: 0;
 
   border: none;
 
   border: none;
 
   color: inherit;
 
   color: inherit;
 
   background-color: #ffffff;
 
   background-color: #ffffff;
−
  //background: linear-gradient(to right, #d1d3d4 0%,#ffffff 50%,#d1d3d4 100%);
 
−
  border-radius:10px;
 
−
  box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3);
 
 
   position: relative;
 
   position: relative;
 
}
 
}
 
#HQ_page {
 
#HQ_page {
 
   width: 100%;
 
   width: 100%;
−
   margin: auto;
+
   margin: 0;
−
  //padding: 5%;
+
 
   padding: 0;
 
   padding: 0;
 
   background: none;
 
   background: none;
Line 61: Line 55:
 
}
 
}
 
#bodyContent article{
 
#bodyContent article{
−
   padding:10%;
+
   padding:8%;
 
}
 
}
 
#bodyContent article p {
 
#bodyContent article p {
−
  //column-count: 1;
 
−
  //column-gap: 40px;
 
−
  //column-rule: 1px solid #ccc;
 
−
  //border-top: 1px solid #ccc;
 
−
  //border-bottom: 1px solid #ccc;
 
 
   padding: 10px 0;
 
   padding: 10px 0;
 
}
 
}
Line 184: Line 173:
 
   padding: 0;
 
   padding: 0;
 
}
 
}
 +
 +
@media (min-width: 900px) {#bodyContent h1{
 +
  font-size:100px;
 +
  border-left: 5px solid #149375;
 +
  padding: 0 20px;
 +
  }}
 +
 
#bodyContent h2 {
 
#bodyContent h2 {
 
   font-size: 2.488em;
 
   font-size: 2.488em;
Line 189: Line 185:
 
   padding: 0;
 
   padding: 0;
 
}
 
}
 +
 +
@media (min-width: 900px) {#bodyContent h2{font-size:50px;}}
 +
 
#bodyContent h3 {
 
#bodyContent h3 {
 
   font-size: 2.074em;
 
   font-size: 2.074em;
Line 209: Line 208:
 
   padding: 0;
 
   padding: 0;
 
}
 
}
 +
 +
 +
 +
 
#bodyContent p {
 
#bodyContent p {
 
   font-family: 'Quicksand', sans-serif;
 
   font-family: 'Quicksand', sans-serif;
Line 214: Line 217:
 
   text-align: justify;
 
   text-align: justify;
 
   line-height: 1.5;
 
   line-height: 1.5;
−
  max-width: 700px;
 
 
   margin:0 auto;
 
   margin:0 auto;
 
   padding: 0;
 
   padding: 0;
Line 735: Line 737:
  
 
#bodyContent .menu > li > a{
 
#bodyContent .menu > li > a{
−
   height: 100px;
+
   height: 80px;
 
}
 
}
  
Line 744: Line 746:
 
   text-decoration: none;
 
   text-decoration: none;
 
   color: #777;
 
   color: #777;
−
   padding: 1rem;
+
   padding: 20px;
 
}
 
}
 
#bodyContent .menu li a:hover {
 
#bodyContent .menu li a:hover {
Line 819: Line 821:
 
   }
 
   }
 
   #globalWrapper {
 
   #globalWrapper {
−
     padding: 10%;
+
     //padding: 10%;
 
   }
 
   }
 
   #bodyContent nav{
 
   #bodyContent nav{
 
     display:flex;
 
     display:flex;
−
  }
 
−
  #bodyContent article p {
 
−
    //column-count: 2;
 
−
    //border-bottom: 1px solid #ccc;
 
 
   }
 
   }
 
   #bodyContent #sidebar-btn {
 
   #bodyContent #sidebar-btn {
Line 923: Line 921:
 
     from {opacity: 0;}
 
     from {opacity: 0;}
 
     to {opacity: 1;}
 
     to {opacity: 1;}
−
}
 
−
/************************************************************************
 
−
Desktop
 
−
************************************************************************/
 
−
@media (min-width: 1600px) {
 
−
  #bodyContent article p {
 
−
    //column-count: 3;
 
−
  }
 
 
}
 
}
 
</style>
 
</style>
 
</head>
 
</head>
 
</html>
 
</html>

Revision as of 13:56, 29 October 2017