/* Go crazy with your own styles here */ /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */ html { position: relative; min-height: 100%; } body { /* Margin bottom by footer height */ margin-bottom: 60px; } body header { padding: 15px 0; } body.debug header { background: repeating-linear-gradient(to right, #990, #090 10px, #333 10px, #333 20px); } body.debug header .navbar-brand { position: relative; } body.debug header .navbar-brand:before { content: "\f121"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: red; font-size: 60px; padding-right: 0.5em; position: absolute; top: 10px; left: 0; } h1 { padding: 24px 0 12px 0; } p { padding: 12px 0; } i { cursor: default; } .footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 60px; line-height: 60px; /* Vertically center the text there */ } .row-no-padding [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .home .dark .row:first-child .column:first-child h1 { padding-top: 0px; } .home .blogarchive { padding-top: 20px; } .top-buffer { margin-top: 20px; } .detail-actions > a, .detail-actions > form > button { margin-top: 20px; float: left; clear: left; } .banner-link { white-space: normal; padding: 20px; margin-top: 16px; background: #000000; background: rgba(0, 0, 0, 0.5); -moz-border-radius: 10px; border-radius: 10px; /* standards-compliant: (IE) */ } .banner-link .glyphicon, .banner-link .fa { margin-left: 10px; color: #8cc641; } a.banner-link:hover { text-decoration: none; background: rgba(0, 0, 0, 0.6); } a.banner-link:hover .glyphicon { color: #a8ed4f; } .banner-alert { white-space: normal; padding: 10px 20px; background: #97b374; -moz-border-radius: 10px; border-radius: 10px; /* standards-compliant: (IE) */ } .banner-alert .fa { margin-left: 10px; } .banner-alert h4 { margin-bottom: 0px; } a.banner-alert:hover { text-decoration: none; background: #6b7f52; } h1.headline { font-size: 2.9em; text-align: center; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.4), 5px 5px 10px rgba(0, 0, 0, 0.4); } .headline-icon { /* https://fontawesome.bootstrapcheatsheets.com/ */ } .headline-icon h1:after { color: rgba(172, 214, 118, 0.8); font-family: "FontAwesome"; font-size: .8em; padding-left: 10px; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.4), 5px 5px 10px rgba(0, 0, 0, 0.4); } .headline-icon.headline-icon-file h1:after { content: "\f15b"; } .headline-icon.headline-icon-leaf h1:after { content: "\f06c"; } .headline-icon.headline-icon-question h1:after { content: "\f059"; } .headline-icon.headline-icon-stats h1:after { content: "\f05a"; } .headline-icon.headline-icon-user h1:after { content: "\f007"; } .headline-icon.headline-icon-list h1:after { content: "\f00b"; } .status { white-space: nowrap; cursor: default; } .status:before { font-family: "FontAwesome"; font-size: 1em; padding-right: 6px; } .status.status-pending { color: #f0ad4e; } .status.status-pending:before { content: "\f017"; } .status.status-complete { color: #337ab7; } .status.status-complete:before { content: "\f14a"; } .status.status-exception { color: #a94442; } .status.status-exception:before { content: "\f06a"; } .status.status-unresponsive { color: #66512c; } .status.status-unresponsive:before { content: "\f059"; } .status.status-running, .status.status-starting, .status.status-finishing { color: #3c763d; } .status.status-running:before { content: "\f058"; } .status.status-starting:before { content: "\f01a"; } .status.status-finishing:before { content: "\f01b"; } .status.status-cancelpending:before, .status.status-cancelling:before { content: "\f05e"; } .status.status-cancelled { color: #ec971f; } .status.status-cancelled:before { content: "\f05e"; } #chart { padding-top: 20px; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } form .validation-summary-errors ul { list-style-type: none; } form .validation-summary-errors ul li { color: #dc3545; } .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } .toggle { width: 15px; } .dropdown-menu li form .btn-link { display: block; color: #333333; clear: both; float: left; font-size: 1rem; font-weight: normal; line-height: 1.42857; min-width: 160px; padding: 3px 20px; text-align: left; white-space: nowrap; } .dropdown-menu li form .btn-link:focus, .dropdown-menu li form .btn-link:hover { text-decoration: none; color: #262626; background-color: #f5f5f5; } .divider-right { border-right: 1px dashed #333; } .read { overflow: hidden; font-size: 16px !important; transition: all 0.3s; margin-bottom: 10px; } .read-less { height: 90px !important; } code, pre { line-height: 1; } .alert { position: absolute; left: 30%; top: 15em; width: 40%; z-index: 1; } .copyright { font-size: .8em; color: #777 !important; cursor: default; } .withshadow { text-shadow: 2px 2px 4px #000000; } .files td { vertical-align: middle; } p.caption { font-style: italic; font-size: smaller; } .grecaptcha-badge { z-index: 999; }