body { background: url('/static/images/bg.jpg') no-repeat center center fixed; background: #000000; background-color: #f8f8f8; padding-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; color: gray; } body { color: gray; font-size: 12pt; font-weight: bold; } h1 { color: white; } .fluidMedia { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; } .fluidMedia iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .login-form { max-width: 350px; margin-top: 25%; } .login-panel { margin-top: 25%; } .form { max-width: 500px; } .padding-left-32 { padding-left: 32px; } .padding-left-16 { padding-left: 16px; } .container-fluid { position: relative; max-width: 1170px; min-width: 480px; } .roundavatar { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; border-color: #070; background-color: #2b7845; } .btn-outline { color: inherit; background-color: transparent; } .btn-primary.btn-outline { color: #428bca; } .btn-success.btn-outline { color: #5cb85c; } .btn-info.btn-outline { color: #5bc0de; } .btn-warning.btn-outline { color: #f0ad4e; } .btn-danger.btn-outline { color: #d9534f; } .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; } .btn-primary.btn-outline:focus, .btn-success.btn-outline:focus, .btn-info.btn-outline:focus, .btn-warning.btn-outline:focus, .btn-danger.btn-outline:focus { background-color: #fff; border-color: #070; }