Line 81: | Line 81: | ||
} | } | ||
− | |||
− | |||
− | |||
.boxL:hover{ | .boxL:hover{ | ||
Line 210: | Line 207: | ||
transition-duration:0.5s; | transition-duration:0.5s; | ||
transition-delay: 1.5s; | transition-delay: 1.5s; | ||
+ | } | ||
+ | |||
+ | |||
+ | .talk-bubbleLEFT { | ||
+ | margin: auto; | ||
+ | font-size: 15px; | ||
+ | font-family: inconsolata, sans-serif; | ||
+ | text-align: justify; | ||
+ | opacity: 0; | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | max-width: 800px; | ||
+ | height: auto; | ||
+ | background-color: #a3a2a1; | ||
+ | padding: 30px; | ||
+ | border-radius: 15px; | ||
+ | font-style: bold; | ||
+ | box-shadow: 15px 15px #474747; | ||
+ | } | ||
+ | |||
+ | .boxR:hover .talk-bubbleLEFT{ | ||
+ | opacity: 1; | ||
+ | transition-duration:0.5s; | ||
+ | transition-delay: 1.5s; | ||
+ | } | ||
+ | |||
+ | .talk-bubbleRIGHT { | ||
+ | opacity: 0; | ||
+ | margin: auto; | ||
+ | font-size: 15px; | ||
+ | font-family: inconsolata, sans-serif; | ||
+ | text-align: justify; | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | max-width: 800px; | ||
+ | height: auto; | ||
+ | background-color: #a3a2a1; | ||
+ | padding: 30px; | ||
+ | border-radius: 15px; | ||
+ | font-style: bold; | ||
+ | box-shadow: -15px 15px #474747; | ||
+ | } | ||
+ | |||
+ | .boxR:hover .talk-bubbleRIGHT{ | ||
+ | opacity: 1; | ||
+ | transition-delay: 1.5s; | ||
+ | transition-duration: 0.5s; | ||
+ | |||
+ | } | ||
+ | |||
+ | .tri-right.border.left-top:before { | ||
+ | content: ' '; | ||
+ | position: absolute; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | left: -40px; | ||
+ | right: auto; | ||
+ | top: -8px; | ||
+ | bottom: auto; | ||
+ | border: 32px solid; | ||
+ | border-color: #a3a2a1 transparent transparent transparent; | ||
+ | } | ||
+ | .tri-right.left-top:after{ | ||
+ | content: ' '; | ||
+ | position: absolute; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | left: -20px; | ||
+ | right: auto; | ||
+ | top: 0px; | ||
+ | bottom: auto; | ||
+ | border: 22px solid; | ||
+ | border-color: #a3a2a1 transparent transparent transparent; | ||
+ | } | ||
+ | |||
+ | .tri-right.border.right-top:before { | ||
+ | content: ' '; | ||
+ | position: absolute; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | left: auto; | ||
+ | right: -40px; | ||
+ | top: -8px; | ||
+ | bottom: auto; | ||
+ | border: 32px solid; | ||
+ | border-color: #a3a2a1 transparent transparent transparent; | ||
+ | } | ||
+ | .tri-right.right-top:after{ | ||
+ | content: ' '; | ||
+ | position: absolute; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | left: auto; | ||
+ | right: -20px; | ||
+ | top: 0px; | ||
+ | bottom: auto; | ||
+ | border: 22px solid; | ||
+ | border-color: #a3a2a1 transparent transparent transparent; | ||
} | } | ||
Line 254: | Line 349: | ||
− | < | + | <div class="talk-bubbleLEFT tri-right left-top"><p>I'm not much of a romantic, I guess. I'm content to be wherever I am, so long as there's good food, interesting things to do, and good people to be around. </br></br>In that order, probably. |
− | </ | + | </p></div> |
</br></br> | </br></br> | ||
Revision as of 11:24, 20 October 2017
Maxwell Saal
I'm not much of a romantic, I guess. I'm content to be wherever I am, so long as there's good food, interesting things to do, and good people to be around. In that order, probably.
Miriam Van Ek
Andres Lau
Su Sie Park
Simon Kalmus
Madison Adamthwaite
Suchita Lulla
Nathaniel Moore
William Cordell
Kashfi Kahn