/**************************************************************************** * Specific elements. * ****************************************************************************/ html { height:100%; } body { height: 100%; margin: 0px; } #id_username { width: 100%; } #id_password { width: 100%; } a:link { color: #ffff00; } a:visited { color: #009CD9; } /**************************************************************************** * Containers. * ****************************************************************************/ .centered-container { width: 100%; text-align: center; margin-bottom: 0.5em; } .background { background-color: darkslategray; color: lightgray; } .image-container { max-width: 900px; max-height: 600px; } .fc { width: fit-content; } .h90 { height: 90%; } .full-width { width: 100%; } .fixed-width { width: 300px; } /**************************************************************************** * Content. * ****************************************************************************/ .image { max-width: 100%; max-height: 600px; width: auto; } .mauto { margin: auto; } .mauto-top { margin: 200px auto; } .navigation-icon { width: 100px; } .small-nav-icon { width: 3em; } .mb-2 { margin-bottom: 2em; } .mr-2 { margin-right: 2em; } .ml-4 { margin-left: 4em; } .ml-2 { margin-left: 2em; } .clear-btn { border: none; background-color: #00000000; } .search-box { height: 2.5em; } .float-right { float: right; } /**************************************************************************** * Grid. * ****************************************************************************/ .column { text-align: center; border: black 1px solid; }