body { background-color: rgba(246,246,246,1); } #nowrap { } .gamediv { display:block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 400px; position: relative; right: 50%; left: 0; margin: 20px auto auto; padding: 20px; overflow: hidden; border: 1px solid rgba(224,224,224,1); -webkit-border-radius: 3px; border-radius: 3px; font-family: 'Lato', serif; color: rgba(91,91,91,1); text-align: center; -o-text-overflow: clip; text-overflow: clip; background: rgba(250,250,250,1); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1) ; box-shadow: 0 0 0 0 rgba(0,0,0,1) ; text-align: left; } .highlightme { background-color:#eaeaea; color: #fc3f3f; } a { color: #FF7574; text-decoration: none; } div.ourlogo { content:url(http://placehold.it/100x100); height: 100px; width: 100px; float: left; } div.ourbiglogo { content:url(http://placehold.it/400x100); height: 100px; margin-bottom: 20px; width: 100%; } div.buttonsbelowimage{ float: right; } div.gameintext{ float: left; padding: 16px 0px 0px 14px; width: 196px; } gname { font-size: 20px; line-height: 5px; } discriminator { font-weight: bold; } p{ font-size: 14px; line-height: 5px; } .normbutton { margin-top: 3px; -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; color: #ffffff; font-family: 'Lato', serif; font-size: 14px; background: #333333; padding: 8px; text-decoration: none; border: none; outline:none; margin-bottom: 5px; width:90px; } #shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } #shrink:hover{ -webkit-transform: scale(0.9); transform: scale(0.9); } br2 { line-height: 50%; } .playbutton { -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; color: #ffffff; font-family: 'Lato', serif; font-size: 14px; padding: 8px; text-decoration: none; border: none; outline:none; margin-bottom: 5px; width:90px; background: linear-gradient(to right,#FF7574,#E8885E); } .playbutton2 { margin-top: 00px; margin-bottom: 00px; margin-right: 5px; margin-left: 5px; -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; color: #ffffff; font-family: 'Lato', serif; font-size: 14px; padding: 8px; text-decoration: none; border: none; outline:none; width:110px; background: linear-gradient(to right,#FF7574,#E8885E); } div.announce { z-index: 2; position: fixed; top: 0px; right: 0; line-height: 39px; font-family: 'Lato', serif; font-size: 18px; color: #ffffff; margin: 0px; background: linear-gradient(to right,#FF7574,#E8885E); height: 40px; width: 100%; } div.memetext{ font-family: 'Lato', serif; position: relative; color: rgba(0, 0, 0, 0.2); } input[type=text], select { width: 100%; padding: 8px 16px; margin: 6px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-family: 'Lato', serif; } input[type=submit] { width: 100%; background-color: #4CAF50; color: white; padding: 12px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; }