Line 179: | Line 179: | ||
margin-right:100px; | margin-right:100px; | ||
display: inline-block; | display: inline-block; | ||
− | color:# | + | color:#E61B5F; |
font-size:50px; | font-size:50px; | ||
} | } | ||
− | + | .droptext { | |
− | + | box-shadow: 0px 0px 0px 5px #E61B5F; | |
border-radius:10px; | border-radius:10px; | ||
− | + | 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:# | + | background:#E61B5F; |
border-radius:10px; | border-radius:10px; | ||
} | } | ||
Line 284: | Line 392: | ||
width:550px; | width:550px; | ||
height:10px; | height:10px; | ||
− | background:# | + | 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=" | + | <div class="SlineSeparator"></div> |
</div> | </div> |
Revision as of 01:11, 2 November 2017
Collaboration