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

Line 34: Line 34:
 
   min-height: 80vh;
 
   min-height: 80vh;
 
   margin: auto;
 
   margin: auto;
−
   padding: 5%;
+
   //padding: 5%;
 +
  padding: 0;
 
   border: none;
 
   border: none;
 
   color: inherit;
 
   color: inherit;
Line 43: Line 44:
 
   width: 100%;
 
   width: 100%;
 
   margin: auto;
 
   margin: auto;
−
   padding: 5%;
+
   //padding: 5%;
 +
  padding: 0;
 
   background: #ffffff;
 
   background: #ffffff;
 
}
 
}
 
#bodyContent {
 
#bodyContent {
 +
}
 +
/************************************************************************
 +
Page sections
 +
************************************************************************/
 +
#bodyContent section#banner {
 +
  margin: 0;
 +
  padding: 10% 10% 0 10%;
 +
}
 +
#bodyContent section#article{
 +
  padding:10%;
 +
}
 +
#bodyContent section#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;
 +
}
 +
#bodyContent section#footer {
 +
  display: flex;
 +
  flex-direction: row;
 +
  justify-content: center;
 +
  align-items: center;
 +
  height: 15vw;
 +
  max-height: 250px;
 +
  background: #1C1E1F;
 +
  position: realtive;
 +
}
 +
#bodyContent section#footer i {
 +
  color: rgba(255, 255, 255, 0.3);
 +
  padding: 20px;
 +
  font-size: 5vw;
 +
  transition: all 1s ease;
 +
}
 +
#bodyContent section#footer i:hover {
 +
  color: rgba(255, 255, 255, 1);
 
}
 
}
 
/************************************************************************
 
/************************************************************************
Line 354: Line 393:
 
     visibility: visible;
 
     visibility: visible;
 
     opacity: 1;
 
     opacity: 1;
−
  }
 
−
  /************************************************************************
 
−
  Page sections
 
−
  ************************************************************************/
 
−
  #bodyContent section#banner {
 
−
    margin: 0 0 3vw 0;
 
−
  }
 
−
  #bodyContent section#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;
 
−
  }
 
−
  #bodyContent section#footer {
 
−
    display: flex;
 
−
    flex-direction: row;
 
−
    justify-content: center;
 
−
    align-items: center;
 
−
    height: 15vw;
 
−
    max-height: 250px;
 
−
    margin: 2vw 0 0 0;
 
−
    background: #1C1E1F;
 
−
    position: absolute;
 
−
    left: 0;
 
−
    right: 0;
 
−
  }
 
−
  #bodyContent section#footer i {
 
−
    color: rgba(255, 255, 255, 0.3);
 
−
    padding: 20px;
 
−
    font-size: 5vw;
 
−
    transition: all 1s ease;
 
−
  }
 
−
  #bodyContent section#footer i:hover {
 
−
    color: rgba(255, 255, 255, 1);
 
 
   }
 
   }
 
   /************************************************************************
 
   /************************************************************************

Revision as of 06:07, 20 September 2017