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

 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
 
 
<html>
 
<html>
  
Line 5: Line 4:
 
<style>
 
<style>
  
−
html, body, main{
+
div.mm-dropdown {
−
   width: 100%;
+
 
−
   height: 100%;
+
   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;
 
   margin: 0;
 +
  border: 0;
 +
}
 +
 +
div.mm-dropdown ul li,
 +
div.mm-dropdown div.textfirst {
 
   padding: 0;
 
   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{
 +
  width: 100%;
  
 +
  margin: 0;
 +
  padding: 0;
 +
}
  
 +
.marginfix{
 +
margin-right:25px;
 +
}
  
 +
.protoco1{padding-bottom:15px}
  
 +
 +
 +
.protocolbtn{
 +
padding:15px;
 +
margin-top:25px;
 +
}
 +
 +
 +
 +
.smallfigcap{font-size: 12px;}
  
  
Line 32: 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 69: 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 90: Line 151:
  
 
.profile p {
 
.profile p {
−
font-size: 12px;
+
font-size: 14px;
  
 
text-align: left;
 
text-align: left;
Line 259: Line 320:
 
}
 
}
  
 +
.frontfirstimg{
 +
width: 100%;
  
−
.safetyfirstimg{
+
max-width:450px;
 +
position:absolute;
 +
}
 +
.frontsecondimg{
  
 +
width: 100%;
 +
 +
max-width:450px;
 +
position:absolute;
 +
}
 +
 +
.safetyfirstimg{
 
width: 100%;
 
width: 100%;
 
margin-right:auto;
 
margin-right:auto;
Line 267: Line 340:
 
max-width:450px;
 
max-width:450px;
 
display: flex;
 
display: flex;
 +
 +
 
}
 
}
  
Line 449: Line 524:
 
.bbmobileshow{
 
.bbmobileshow{
 
display:block;
 
display:block;
 +
}
 +
 +
.marginfix{
 +
margin-right:0px;
 
}
 
}
  

Latest revision as of 01:46, 14 December 2019