.page-wrap { width: 960px; margin: auto; font-family: Calibri, sans-serif; } #example-result-page-link { padding-top: 5px; } #example-result-page-link a { text-decoration: none; color: #CB0000; } #example-result-page-link a:hover { text-decoration: underline; } .processing-icon { margin-top: 10px; text-align: center; font-size: 15px; } .processing-icon .icon { font-size: 30px; } .processing-icon .icon i { animation-name: spinner; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes spinner { 0% {transform: rotate(0deg);} 25% {transform: rotate(90deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);} } .success-info, .error-info { font-size: 25px; padding: 0 25px 0 20px; } .success-info ul li, .error-info ul li { margin-top: 30px; list-style-type: none; } #processing-log { margin-left: 40px; border: 1px solid #ccc; padding-left: 20px; font-size: 20px; border-radius: 20px; background-color: #fbfbfb; } #activation-link { text-align: center; } #activation-link div { display: inline-block; background-color: #c8f5c8; padding: 0 30px; } .link-button { display: inline-block; color: #ffffff; border-style:outset; border-radius: 10px; padding: 2px 8px; } .link-button:hover { cursor: pointer; } .link-button:active { border-style:inset; cursor: pointer; } .link-button.copy { background-color: #5858ff; } .link-button.copy:hover { background-color: #3333ff; } .link-button.activate { background-color: #ff4747; } .link-button.activate:hover { background-color: #FF0000; } .link-button a { color: #ffffff; text-decoration: none; } .link-button-infotext { height: 25px; text-align: center; } .link-button-infotext div { font-size: 20px; padding-top: 5px; color: #85d285; display: inline-block; width: 100px; } .link-button-infotext div.hide { display: none; }