body { background-image: -webkit-linear-gradient(top, rgba(232, 244, 250, 0.6), rgba(231, 231, 233, 1)), url(http://news.nationalgeographic.com/content/dam/news/2015/12/13/BookTalk%20K2/01BookTalkK2.jpg); background-size: cover; font-family: sans-serif; } .account { display:inline-block; width: 300px; background-color: white; padding:15px; } .account h3 { margin: 0; padding: 0; } .account.errored { background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%); background-repeat: repeat-x; border-color: #dca7a7; border: 1px solid; color: #a94442; border-radius: 4px; background-color: #f2dede; } .account .error pre { text-overflow: ellipsis; width: inherit; overflow: hidden; }