12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- /* 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;
- }
|