Difference between revisions of "Template:DTU-Denmark/carouselCSS"

Line 11: Line 11:
 
   padding: 0;
 
   padding: 0;
 
}
 
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
.wrapper12 {
 +
  margin-top:50px;
 +
}
 +
 +
.card1 {
 +
  border-radius: 0px 0px 20px 20px;
 +
  color: #fff;
 +
width: 650px;
 +
height: 380px;
 +
margin: auto;
 +
position: relative;
 +
background: linear-gradient(45deg, rgba(9, 49, 79, .85) 0%, rgba(9, 49, 79, 1) 100%);
 +
}
 +
 +
.card2 {
 +
  border-radius: 20px 20px 0px 0px;
 +
  padding: 20px;
 +
  color: #fff;
 +
width: 650px;
 +
height: 170px;
 +
margin: auto;
 +
position: relative;
 +
background: linear-gradient(45deg, rgba(9, 79, 89, .90) 0%, rgba(9, 79, 109, 1) 100%);
 +
}
 +
 +
.cardimg {
 +
 +
width: 200px;
 +
height: 300px;
 +
background-size: cover;
 +
 +
}
 +
.collector {
 +
  float:left;
 +
}
 +
 +
.header {
 +
width: 450px;
 +
height: 90px;
 +
margin-top: 10px;
 +
position: relative;
 +
bottom: 300px;
 +
left: 200px;
 +
}
 +
 +
.profile {
 +
width: 250px;
 +
height: 300px;
 +
position: relative;
 +
top: 2px;
 +
left: 20px;
 +
}
 +
 +
.profile h2 {
 +
font-size: 28px;
 +
font-weight: 700;
 +
text-align: left;
 +
 +
margin: 5px 0px 3px 6px;
 +
 +
}
 +
 +
.profile p {
 +
font-size: 12px;
 +
 +
text-align: left;
 +
margin: 1px 0px 0px 6px;
 +
 +
}
 +
 +
 +
 +
.logo1 {
 +
width: 90px;
 +
height: 90px;
 +
background-image:
 +
background-size: cover;
 +
position: absolute;
 +
top: -10px;
 +
left: 325px;
 +
}
 +
 +
 +
* {
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
 +
 +
 +
 +
 +
 +
.data-box {
 +
  position: relative;
 +
  width: 100%;
 +
  max-width: 820px;
 +
  margin: 10px auto;
 +
  background: #71cec8;
 +
}
 +
 +
.data {
 +
  display: block;
 +
  position: relative;
 +
  width: 0;
 +
  top: 0;
 +
  left: 0;
 +
  background: lightseagreen;
 +
 
 +
  text-transform: uppercase;
 +
  color: #ffffff;
 +
  overflow: visible !important;
 +
}
 +
 +
.info {
 +
  margin: 0;
 +
  padding: 6px 12px;
 +
  white-space: nowrap;
 +
}
 +
 +
 +
 +
 +
 +
.promotergenerator select {
 +
  background-color: lightseagreen;
 +
  color: white;
 +
  padding: 12px;
 +
  width: 250px;
 +
  border: none;
 +
  font-size: 20px;
 +
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
 +
  -webkit-appearance: button;
 +
  appearance: button;
 +
  outline: none;
 +
}
 +
 +
 +
.promotergenerator{
 +
  margin-right:auto;
 +
  margin-left:auto;
 +
text-align: center;
 +
  padding-bottom: 20px;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  

Revision as of 19:10, 6 October 2019