/* -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Copyright 2017 by George Ruinelli Licence: GPL Last Change: 13.10.2017 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { background-image: url("wallpaper.jpg"); /* background-color: #cccccc; */ /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover; display: block; position: relative; margin: 0 auto; z-index: 0; } body{ font-family: Arial; padding:10px } span{ font-family: Arial; } table { border-collapse: separate; border-spacing: 0px; } td{ padding-left: 2px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; } button,.button, input[type=submit] { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; font-family: Arial; color: #ffffff; font-size: 100%; padding: 10px 20px 10px 20px; text-decoration: none; height: 40px; } button:hover, input[type=submit]]:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .content { /* opacity: 0.7; */ background-color: #FFFFFF; background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */ background: rgba(255, 255, 255, 0.5); margin: 5px; width: 700px; padding: 5px; }