Difference between revisions of "Team:Kent/Engagement"

Line 179: Line 179:
 
margin-right:100px;
 
margin-right:100px;
 
display: inline-block;
 
display: inline-block;
−
color:#F37524;
+
color:#E61B5F;
 
font-size:50px;
 
font-size:50px;
 
}
 
}
−
#video{
+
.droptext {
−
margin: 20px 0 50px 0;
+
box-shadow: 0px 0px 0px 5px #E61B5F;
 
border-radius:10px;
 
border-radius:10px;
−
border-color:white;
+
        margin: auto;
 +
        margin-bottom:200px;
 +
        margin-top:50px;
 +
        width: 1200px;
 +
opacity:0.85;
 +
 
 
}
 
}
 +
.droptext input {
 +
display: none;
 +
}
 +
.hull {
 +
position: relative;
 +
height: 100px;
 +
background: transparent;
 +
    transition: all .25s ease-in-out;
 +
}
 +
.hull::before {
 +
    content: '';
 +
    position: absolute;
 +
    display: block;
 +
    top: 0;
 +
    bottom: 0;
 +
    left: 0;
 +
    right: 0;
 +
    pointer-events: none;
 +
}
 +
header.hull {
 +
border-radius:10px 10px 0px 0px;
 +
border: 3px solid #455057;
 +
border-style:solid;
 +
border-bottom-color: #E61B5F;
 +
background: #455057;
 +
z-index: 50;
 +
cursor: initial;
  
 +
}
 +
header .hull-title {
 +
margin: 0;
 +
font-weight: normal;
 +
font-size: 25pt;
 +
color: #E61B5F;
 +
cursor: initial;
 +
 +
}
 +
.hull-title {
 +
color:#efd0db;
 +
font-size: 20px;
 +
width: calc(100% - 40px);
 +
height: 50px;
 +
line-height: 50px;
 +
padding: 20px 0 0 50px;
 +
display: inline-block;
 +
cursor: pointer;
 +
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
 +
}
 +
.hull-content {
 +
width: calc(100% - 40px);
 +
padding: 30px 0 20px 20px;
 +
font-size: 11pt;
 +
color: #455057;
 +
display: none;
 +
}
 +
.hull-close {
 +
position: absolute;
 +
height: 64px;
 +
width: 100%;
 +
top: 0;
 +
left: 0;
 +
cursor: pointer;
 +
display: none;
 +
}
 +
input:checked + .hull {
 +
height: auto;
 +
color:#455057;
 +
background:#efd0db;
 +
border-top: 2.5px solid #E61B5F;
 +
 +
}
 +
input:checked + .hull .hull-title {
 +
color:#455057;
 +
}
 +
 +
input:checked + .hull .hull-content,
 +
input:checked + .hull .hull-close {
 +
display: inline-block;
 +
border-bottom: 2.5px solid #E61B5F;
 +
}
 +
 +
.arrows section .hull-title {
 +
padding-left: 44px;
 +
width: calc(100% - 80px);
 +
}
 +
input:checked + .arrows section .hull-title{
 +
color:#455057;
 +
}
 +
 +
.arrows section .hull-title:before {
 +
position: absolute;
 +
display: block;
 +
content: '\203a';
 +
font-size: 28pt;
 +
left: 20px;
 +
top: 17px;
 +
color: #E61B5F;
 +
transition: transform .5s ease-in-out;
 +
 +
}
 +
input:checked + section.hull .hull-title:before {
 +
transform: rotate(270deg);
 +
 +
}
 
#box1{
 
#box1{
 
margin:auto;
 
margin:auto;
Line 277: Line 385:
 
width:850px;
 
width:850px;
 
height:10px;
 
height:10px;
−
background:#F37524;
+
background:#E61B5F;
 
border-radius:10px;
 
border-radius:10px;
 
}
 
}
Line 284: Line 392:
 
width:550px;
 
width:550px;
 
height:10px;
 
height:10px;
−
background:#F37524;
+
background:#E61B5F;
 
border-radius:10px;
 
border-radius:10px;
 
}
 
}
Line 498: Line 606:
 
<div class="centerizer">
 
<div class="centerizer">
 
<span>London Meetup</span>
 
<span>London Meetup</span>
−
<div class="lineSeparator"></div>
+
<div class="SlineSeparator"></div>
  
 
</div>
 
</div>

Revision as of 01:11, 2 November 2017


Collaboration
London Meetup