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

 
(15 intermediate revisions by the same user not shown)
Line 3: Line 3:
  
 
<style>
 
<style>
 +
 +
div.mm-dropdown {
 +
 +
  width: 190px;
 +
  border-radius: 3px;
 +
}
 +
 +
.widgetimg{
 +
width: 70%;
 +
    background-color: #fff;
 +
    border-radius: 25px;
 +
 +
    margin-left: 90px;
 +
}
 +
 +
div.mm-dropdown ul {
 +
  list-style: none;
 +
  padding: 0;
 +
  margin: 0;
 +
  border: 0;
 +
}
 +
 +
div.mm-dropdown ul li,
 +
div.mm-dropdown div.textfirst {
 +
  padding: 0;
 +
  color: #fff;
 +
 +
  padding: 5px 15px;
 +
}
 +
 +
div.mm-dropdown div.textfirst img.down {
 +
  float: right;
 +
  margin-top: 5px
 +
}
 +
 +
div.mm-dropdown ul li:last-child {
 +
  border-bottom: 0;
 +
}
 +
 +
div.mm-dropdown ul li {
 +
  display: none;
 +
  padding-left: 25px;
 +
}
 +
 +
div.mm-dropdown ul li.main {
 +
  display: block;
 +
}
 +
 +
div.mm-dropdown ul li img {
 +
  width: 20px;
 +
  height: 20px;
 +
}
 +
 +
 +
  
 
html, body, main{
 
html, body, main{
Line 26: Line 81:
  
  
−
 
+
.smallfigcap{font-size: 12px;}
  
  
Line 35: Line 90:
  
 
.card1 {
 
.card1 {
−
  border-radius: 0px 0px 20px 20px;
 
 
   color: #fff;
 
   color: #fff;
−
width: 650px;
+
    width: 650px;
−
height: 500px;
+
    height: 1220px;
−
margin: auto;
+
    border-radius: 0px 0px 25px 25px;
−
position: relative;
+
    margin: auto;
−
background: linear-gradient(45deg, rgba(9, 49, 79, .85) 0%, rgba(9, 49, 79, 1) 100%);
+
    position: relative;
 +
    background: linear-gradient(45deg, rgba(9, 49, 79, .85) 0%, rgba(9, 49, 79, 1) 100%);
 
}
 
}
  
Line 72: Line 127:
 
position: relative;
 
position: relative;
 
bottom: 300px;
 
bottom: 300px;
−
left: 200px;
+
 
}
 
}
 +
 +
  
 
.profile {
 
.profile {
−
width: 250px;
+
    width: 600px;
−
height: 300px;
+
    height: 300px;
−
position: relative;
+
    position: relative;
−
top: 2px;
+
    top: 2px;
−
left: 20px;
+
    left: 20px;
 
}
 
}
 +
  
 
.profile h2 {
 
.profile h2 {
Line 93: Line 151:
  
 
.profile p {
 
.profile p {
−
font-size: 12px;
+
font-size: 14px;
  
 
text-align: left;
 
text-align: left;
Line 264: Line 322:
 
.frontfirstimg{
 
.frontfirstimg{
 
width: 100%;
 
width: 100%;
−
right:0px;
 
−
max-width:450px;
 
  
 +
max-width:450px;
 +
position:absolute;
 
}
 
}
 
.frontsecondimg{
 
.frontsecondimg{
  
 
width: 100%;
 
width: 100%;
−
left:0px;
 
−
max-width:450px;
 
  
 +
max-width:450px;
 +
position:absolute;
 
}
 
}
  

Latest revision as of 01:46, 14 December 2019