@import "variables.less"; @import "main.less"; @import "home.less"; @import "forms.less"; @import "run.less"; @import "nav.less"; @import "header-footer.less"; @import "update-order.less"; @import "buttons.less"; body { color: #fff; .modal-content { background-color: rgba(0,0,0,0.8); .close { color: #fff; opacity: 1; font-size: inherit; font-size: 4em; float: none; } .modal-header { border: none; text-align: right; padding-top: 0; padding-bottom: 0; .modal-title { font-size: 2em; padding: 15px 0 0 10px; } } } .modal-dialog { width: 90vw; height: 90vh; max-height: 90vh; max-width: 90vw; } } #page { .btn,input,textarea { border-radius: 0; } .interior { padding: 0 40px 40px; background-color: rgba(0,0,0,0.8); box-shadow: 0px 0px 20px #000; margin-top: 40px; position: relative; .logo { position: absolute; top: -40px; font-size: 1em; background: rgba(0,0,0,0.8); right: 20px; a { display: block; padding: 10px 40px; color: inherit; &:hover { text-decoration: none; } } } h1 { margin: 0; padding: 30px 0 30px 0; .title-icon { vertical-align: text-bottom; margin-right: 30px; font-size: 1.2em; } a { color: white; text-decoration: none; &:hover { color: lightgrey; text-decoration:none; } } } h2 { color: #ddd; } p,ul { color: #ccc; } } }