/* Author: Matthew Shiel */ html { background: url(/ivanka/background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } h3 { float: right; } .wrapper { width: 100%; max-width: 1000px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; font-family: 'Pacifico', cursive; color: white; text-shadow: 2px 2px black; margin-top: 60px; } body{ background:none !important; } #output-area { height: 370px; background-color: whitesmoke; border: none; list-style: none; } #user-input { border: 2px solid #C84127; } ul { display: block; /* This is so the list does not overflow the div and has a scrolling bar */ overflow: auto; } li { background-color: #67C5C2; color: #3D2117; font-family: 'Quicksand', sans-serif; font-weight: Bold; padding: 7px 13px; margin-bottom: 12px; border-radius: 15px; float: left; /* Clear so messages on the left and right seperate */ clear: both; text-shadow: none !important; } /* For every second list item float right */ ul > li:nth-child(odd) { float: right; background-color: #3D2117; color: white; text-shadow: none !important; } button { /* Hide the submit button */ visibility: hidden; } .credits { color: white; float: right; font-size: smaller; opacity: 0.5; text-shadow: none !important; }