/* box shadow stuff from http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */ .quote-container { width: 600px; margin: 0 auto 50px auto; position: relative; } .quote-container .quote-data .quote-score-container { float: left; font-family: Georgia, serif; padding: 5px; } .quote-score { cursor: help; } .quote-score, .vote-container { text-align: center; } .vote-container { height: 20px; } .quote-data { margin-bottom: 10px; } .vote-for, .vote-against { cursor: pointer; } .vote-for:hover, .vote-against:hover { color: #46C46E; } .quote-text { float: left; font-weight: bold; font-size: 20px; } .quote-score-container { width: 40px; font-size: 20px; } .quote-text { box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; background-color: #FFFFFF; padding: 1.5em 1em; width: 500px; position: relative; } .quote-game-link { } .quote-categories a { border: 1px solid #999999 !important; background-color: #BBBBBB; padding: 5px 8px; display: block; color: #FFFFFF !important; } .quote-categories a:hover { background-color: #999999; border: 1px solid #BBBBBB !important; } .quote-categories li { float: left; margin-right: 2px; } .quote-details-created { float: left; } .quote-links { float: right; } .report-dialog { width: 400px; }