OpenDroneMap-WebODM/app/static/admin/css/base.css

616 wiersze
19 KiB
CSS

/*
DJANGO Admin styles
*/
.admin-area {
background-color: #fff;
/* GLOBAL DEFAULTS */
/* TEXT STYLES & MODIFIERS */
/* TABLES */
/* SORTABLE TABLES */
/* FORM DEFAULTS */
/* FORM BUTTONS */
/* MODULES */
/* MESSAGES & ERRORS */
/* BREADCRUMBS */
/* ACTION ICONS */
/* OBJECT TOOLS */
/* OBJECT HISTORY */
/* PAGE STRUCTURE */
/* COLUMN TYPES */
/* HEADER */
/* SIDEBAR */
/* POPUP */ }
.admin-area .CodeMirror-scroll, .admin-area .CodeMirror {
height: 150px !important; }
.admin-area #changelist-filter {
display: none; }
.admin-area a:link, .admin-area a:visited {
color: #447e9b;
text-decoration: none; }
.admin-area a:focus, .admin-area a:hover {
color: #036; }
.admin-area a:focus {
text-decoration: underline; }
.admin-area a img {
border: none; }
.admin-area a.section:link, .admin-area a.section:visited {
color: #fff;
text-decoration: none; }
.admin-area a.section:focus, .admin-area a.section:hover {
text-decoration: underline; }
.admin-area p, .admin-area ol, .admin-area ul, .admin-area dl {
margin: .2em 0 .8em 0; }
.admin-area p {
padding: 0;
line-height: 140%; }
.admin-area h1, .admin-area h2, .admin-area h3, .admin-area h4, .admin-area h5 {
font-weight: bold; }
.admin-area h1 {
margin: 0 0 20px;
font-weight: 300;
font-size: 20px;
color: #666; }
.admin-area h2 {
font-size: 16px;
margin: 1em 0 .5em 0; }
.admin-area h2.subhead {
font-weight: normal;
margin-top: 0; }
.admin-area h3 {
font-size: 14px;
margin: .8em 0 .3em 0;
color: #666;
font-weight: bold; }
.admin-area h4 {
font-size: 12px;
margin: 1em 0 .8em 0;
padding-bottom: 3px; }
.admin-area h5 {
font-size: 10px;
margin: 1.5em 0 .5em 0;
color: #666;
text-transform: uppercase;
letter-spacing: 1px; }
.admin-area ul li {
list-style-type: square;
padding: 1px 0; }
.admin-area li ul {
margin-bottom: 0; }
.admin-area li, .admin-area dt, .admin-area dd {
font-size: 13px;
line-height: 20px; }
.admin-area dt {
font-weight: bold;
margin-top: 4px; }
.admin-area dd {
margin-left: 0; }
.admin-area form {
margin: 0;
padding: 0; }
.admin-area fieldset {
margin: 0;
padding: 0;
border: none;
border-top: 1px solid #eee; }
.admin-area blockquote {
font-size: 11px;
color: #777;
margin-left: 2px;
padding-left: 10px;
border-left: 5px solid #ddd; }
.admin-area code, .admin-area pre {
font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
color: #666;
font-size: 12px; }
.admin-area pre.literal-block {
margin: 10px;
background: #eee;
padding: 6px 8px; }
.admin-area code strong {
color: #930; }
.admin-area hr {
clear: both;
color: #eee;
background-color: #eee;
height: 1px;
border: none;
margin: 0;
padding: 0;
font-size: 1px;
line-height: 1px; }
.admin-area .small {
font-size: 11px; }
.admin-area .tiny {
font-size: 10px; }
.admin-area p.tiny {
margin-top: -2px; }
.admin-area .mini {
font-size: 10px; }
.admin-area p.mini {
margin-top: -3px; }
.admin-area .help, .admin-area p.help, .admin-area form p.help {
font-size: 11px;
color: #999; }
.admin-area .help-tooltip {
cursor: help; }
.admin-area p img, .admin-area h1 img, .admin-area h2 img, .admin-area h3 img, .admin-area h4 img, .admin-area td img {
vertical-align: middle; }
.admin-area .quiet, .admin-area a.quiet:link, .admin-area a.quiet:visited {
color: #999;
font-weight: normal; }
.admin-area .float-right {
float: right; }
.admin-area .float-left {
float: left; }
.admin-area .clear {
clear: both; }
.admin-area .align-left {
text-align: left; }
.admin-area .align-right {
text-align: right; }
.admin-area .example {
margin: 10px 0;
padding: 5px 10px;
background: #efefef; }
.admin-area .nowrap {
white-space: nowrap; }
.admin-area table {
border-collapse: collapse;
border-color: #ccc; }
.admin-area td, .admin-area th {
font-size: 13px;
line-height: 16px;
border-bottom: 1px solid #eee;
vertical-align: top;
padding: 8px;
font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; }
.admin-area th {
font-weight: 600;
text-align: left; }
.admin-area thead th,
.admin-area tfoot td {
color: #666;
padding: 5px 10px;
font-size: 11px;
background: #fff;
border: none;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee; }
.admin-area tfoot td {
border-bottom: none;
border-top: 1px solid #eee; }
.admin-area thead th.required {
color: #000; }
.admin-area tr.alt {
background: #f6f6f6; }
.admin-area .row1 {
background: #fff; }
.admin-area .row2 {
background: #f9f9f9; }
.admin-area thead th {
padding: 5px 10px;
line-height: normal;
text-transform: uppercase;
background: #f6f6f6; }
.admin-area thead th a:link, .admin-area thead th a:visited {
color: #666; }
.admin-area thead th.sorted {
background: #eee; }
.admin-area thead th.sorted .text {
padding-right: 42px; }
.admin-area table thead th .text span {
padding: 8px 10px;
display: block; }
.admin-area table thead th .text a {
display: block;
cursor: pointer;
padding: 8px 10px; }
.admin-area table thead th .text a:focus, .admin-area table thead th .text a:hover {
background: #eee; }
.admin-area thead th.sorted a.sortremove {
visibility: hidden; }
.admin-area table thead th.sorted:hover a.sortremove {
visibility: visible; }
.admin-area table thead th.sorted .sortoptions {
display: block;
padding: 9px 5px 0 5px;
float: right;
text-align: right; }
.admin-area table thead th.sorted .sortpriority {
font-size: .8em;
min-width: 12px;
text-align: center;
vertical-align: 3px;
margin-left: 2px;
margin-right: 2px; }
.admin-area table thead th.sorted .sortoptions a {
position: relative;
width: 14px;
height: 14px;
display: inline-block;
background: url(../img/sorting-icons.svg) 0 0 no-repeat;
background-size: 14px auto; }
.admin-area table thead th.sorted .sortoptions a.sortremove {
background-position: 0 0; }
.admin-area table thead th.sorted .sortoptions a.sortremove:after {
content: '\\';
position: absolute;
top: -6px;
left: 3px;
font-weight: 200;
font-size: 18px;
color: #999; }
.admin-area table thead th.sorted .sortoptions a.sortremove:focus:after,
.admin-area table thead th.sorted .sortoptions a.sortremove:hover:after {
color: #447e9b; }
.admin-area table thead th.sorted .sortoptions a.sortremove:focus,
.admin-area table thead th.sorted .sortoptions a.sortremove:hover {
background-position: 0 -14px; }
.admin-area table thead th.sorted .sortoptions a.ascending {
background-position: 0 -28px; }
.admin-area table thead th.sorted .sortoptions a.ascending:focus,
.admin-area table thead th.sorted .sortoptions a.ascending:hover {
background-position: 0 -42px; }
.admin-area table thead th.sorted .sortoptions a.descending {
top: 1px;
background-position: 0 -56px; }
.admin-area table thead th.sorted .sortoptions a.descending:focus,
.admin-area table thead th.sorted .sortoptions a.descending:hover {
background-position: 0 -70px; }
.admin-area input, .admin-area textarea, .admin-area select, .admin-area .form-row p, .admin-area form .button {
margin: 2px 0;
padding: 2px 3px;
vertical-align: middle;
font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 13px; }
.admin-area textarea {
vertical-align: top; }
.admin-area input[type=text], .admin-area input[type=password], .admin-area input[type=email], .admin-area input[type=url],
.admin-area input[type=number], .admin-area textarea, .admin-area select, .admin-area .vTextField {
border: 1px solid #ccc;
border-radius: 4px;
padding: 5px 6px;
margin-top: 0; }
.admin-area input[type=text]:focus, .admin-area input[type=password]:focus, .admin-area input[type=email]:focus,
.admin-area input[type=url]:focus, .admin-area input[type=number]:focus, .admin-area textarea:focus, .admin-area select:focus,
.admin-area .vTextField:focus {
border-color: #999; }
.admin-area select {
height: 30px; }
.admin-area select[multiple] {
min-height: 150px; }
.admin-area .button, .admin-area input[type=submit], .admin-area input[type=button], .admin-area .submit-row input, .admin-area a.button {
background: #18bc9c;
padding: 10px 15px;
border: none;
border-radius: 4px;
color: #fff;
cursor: pointer; }
.admin-area a.button {
padding: 4px 5px; }
.admin-area .button:active, .admin-area input[type=submit]:active, .admin-area input[type=button]:active,
.admin-area .button:focus, .admin-area input[type=submit]:focus, .admin-area input[type=button]:focus,
.admin-area .button:hover, .admin-area input[type=submit]:hover, .admin-area input[type=button]:hover {
background: #609ab6; }
.admin-area .button[disabled], .admin-area input[type=submit][disabled], .admin-area input[type=button][disabled] {
opacity: 0.4; }
.admin-area .button.default, .admin-area input[type=submit].default, .admin-area .submit-row input.default {
float: right;
border: none;
font-weight: 400;
background: #417690; }
.admin-area .button.default:active, .admin-area input[type=submit].default:active,
.admin-area .button.default:focus, .admin-area input[type=submit].default:focus,
.admin-area .button.default:hover, .admin-area input[type=submit].default:hover {
background: #205067; }
.admin-area .button[disabled].default,
.admin-area input[type=submit][disabled].default,
.admin-area input[type=button][disabled].default {
opacity: 0.4; }
.admin-area .module {
border: none;
margin-bottom: 30px;
background: #fff; }
.admin-area .module p, .admin-area .module ul, .admin-area .module h3, .admin-area .module h4, .admin-area .module dl, .admin-area .module pre {
padding-left: 10px;
padding-right: 10px; }
.admin-area .module blockquote {
margin-left: 12px; }
.admin-area .module ul, .admin-area .module ol {
margin-left: 1.5em; }
.admin-area .module h3 {
margin-top: .6em; }
.admin-area .module h2, .admin-area .module caption, .admin-area .inline-group h2 {
margin: 0;
padding: 8px;
font-weight: 400;
font-size: 13px;
text-align: left;
background: #18bc9c;
color: #fff; }
.admin-area .module caption,
.admin-area .inline-group h2 {
font-size: 12px;
letter-spacing: 0.5px;
text-transform: uppercase; }
.admin-area .module table {
border-collapse: collapse; }
.admin-area ul.messagelist {
padding: 0;
margin: 0; }
.admin-area ul.messagelist li {
display: block;
font-weight: 400;
font-size: 13px;
padding: 10px 10px 10px 65px;
margin: 0 0 10px 0;
background: #dfd url(../img/icon-yes.svg) 40px 12px no-repeat;
background-size: 16px auto;
color: #333; }
.admin-area ul.messagelist li.warning {
background: #ffc url(../img/icon-alert.svg) 40px 14px no-repeat;
background-size: 14px auto; }
.admin-area ul.messagelist li.error {
background: #ffefef url(../img/icon-no.svg) 40px 12px no-repeat;
background-size: 16px auto; }
.admin-area .errornote {
font-size: 14px;
font-weight: 700;
display: block;
padding: 10px 12px;
margin: 0 0 10px 0;
color: #ba2121;
border: 1px solid #ba2121;
border-radius: 4px;
background-color: #fff;
background-position: 5px 12px; }
.admin-area ul.errorlist {
margin: 0 0 4px;
padding: 0;
color: #ba2121;
background: #fff; }
.admin-area ul.errorlist li {
font-size: 13px;
display: block;
margin-bottom: 4px; }
.admin-area ul.errorlist li:first-child {
margin-top: 0; }
.admin-area ul.errorlist li a {
color: inherit;
text-decoration: underline; }
.admin-area td ul.errorlist {
margin: 0;
padding: 0; }
.admin-area td ul.errorlist li {
margin: 0; }
.admin-area .form-row.errors {
margin: 0;
border: none;
border-bottom: 1px solid #eee;
background: none; }
.admin-area .form-row.errors ul.errorlist li {
padding-left: 0; }
.admin-area .errors input, .admin-area .errors select, .admin-area .errors textarea {
border: 1px solid #ba2121; }
.admin-area div.system-message {
background: #ffc;
margin: 10px;
padding: 6px 8px;
font-size: .8em; }
.admin-area div.system-message p.system-message-title {
padding: 4px 5px 4px 25px;
margin: 0;
color: #c11;
background: #ffefef url(../img/icon-no.svg) 5px 5px no-repeat; }
.admin-area .description {
font-size: 12px;
padding: 5px 0 0 12px; }
.admin-area div.breadcrumbs {
padding: 10px 0px;
border: none;
font-size: 14px;
color: #000;
text-align: left; }
.admin-area div.breadcrumbs a {
color: #000; }
.admin-area div.breadcrumbs a:focus, .admin-area div.breadcrumbs a:hover {
color: #000; }
.admin-area .addlink {
padding-left: 16px;
background: url(../img/icon-addlink.svg) 0 1px no-repeat; }
.admin-area .changelink, .admin-area .inlinechangelink {
padding-left: 16px;
background: url(../img/icon-changelink.svg) 0 1px no-repeat; }
.admin-area .deletelink {
padding-left: 16px;
background: url(../img/icon-deletelink.svg) 0 1px no-repeat; }
.admin-area a.deletelink:link, .admin-area a.deletelink:visited {
color: #fff; }
.admin-area a.deletelink:focus, .admin-area a.deletelink:hover {
color: #fff;
text-decoration: none; }
.admin-area .object-tools {
font-size: 10px;
font-weight: bold;
padding-left: 0;
float: right;
position: relative;
margin-top: -48px; }
.admin-area .form-row .object-tools {
margin-top: 5px;
margin-bottom: 5px;
float: none;
height: 2em;
padding-left: 3.5em; }
.admin-area .object-tools li {
display: block;
float: left;
margin-left: 5px;
height: 16px; }
.admin-area .object-tools a {
border-radius: 15px; }
.admin-area .object-tools a:link, .admin-area .object-tools a:visited {
display: block;
float: left;
padding: 3px 12px;
background: #999;
font-weight: 400;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #fff; }
.admin-area .object-tools a:focus, .admin-area .object-tools a:hover {
background-color: #417690; }
.admin-area .object-tools a:focus {
text-decoration: none; }
.admin-area .object-tools a.viewsitelink, .admin-area .object-tools a.golink, .admin-area .object-tools a.addlink {
background-repeat: no-repeat;
background-position: 93% center;
padding-right: 26px; }
.admin-area .object-tools a.viewsitelink, .admin-area .object-tools a.golink {
background-image: url(../img/tooltag-arrowright.svg); }
.admin-area .object-tools a.addlink {
background-image: url(../img/tooltag-add.svg); }
.admin-area table#change-history {
width: 100%; }
.admin-area table#change-history tbody th {
width: 16em; }
.admin-area #container {
position: relative;
width: 100%;
min-width: 980px;
padding: 0; }
.admin-area #content {
padding: 20px 40px; }
.admin-area .dashboard #content {
width: 600px; }
.admin-area #content-main {
float: left;
width: 100%; }
.admin-area #content-related {
float: right;
width: 260px;
position: relative;
margin-right: -300px; }
.admin-area #footer {
display: none;
clear: both;
padding: 10px; }
.admin-area .colMS {
margin-right: 300px; }
.admin-area .colSM {
margin-left: 300px; }
.admin-area .colSM #content-related {
float: left;
margin-right: 0;
margin-left: -300px; }
.admin-area .colSM #content-main {
float: right; }
.admin-area .popup .colM {
width: auto; }
.admin-area #header {
width: auto;
height: 40px;
padding: 10px 40px;
background: #417690;
line-height: 40px;
color: #ffc;
overflow: hidden; }
.admin-area #header a:link, .admin-area #header a:visited {
color: #fff; }
.admin-area #header a:focus, .admin-area #header a:hover {
text-decoration: underline; }
.admin-area #branding {
float: left; }
.admin-area #branding h1 {
padding: 0;
margin: 0 20px 0 0;
font-weight: 300;
font-size: 24px;
color: #f5dd5d; }
.admin-area #branding h1, .admin-area #branding h1 a:link, .admin-area #branding h1 a:visited {
color: #f5dd5d; }
.admin-area #branding h2 {
padding: 0 10px;
font-size: 14px;
margin: -8px 0 8px 0;
font-weight: normal;
color: #ffc; }
.admin-area #branding a:hover {
text-decoration: none; }
.admin-area #user-tools {
float: right;
padding: 0;
margin: 0 0 0 20px;
font-weight: 300;
font-size: 11px;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: right; }
.admin-area #user-tools a {
border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
.admin-area #user-tools a:focus, .admin-area #user-tools a:hover {
text-decoration: none;
border-bottom-color: #18bc9c;
color: #18bc9c; }
.admin-area #content-related {
background: #f8f8f8; }
.admin-area #content-related .module {
background: none; }
.admin-area #content-related h3 {
font-size: 14px;
color: #666;
padding: 0 16px;
margin: 0 0 16px; }
.admin-area #content-related h4 {
font-size: 13px; }
.admin-area #content-related p {
padding-left: 16px;
padding-right: 16px; }
.admin-area #content-related .actionlist {
padding: 0;
margin: 16px; }
.admin-area #content-related .actionlist li {
line-height: 1.2;
margin-bottom: 10px;
padding-left: 18px; }
.admin-area #content-related .module h2 {
background: none;
padding: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #eaeaea;
font-size: 18px;
color: #333; }
.admin-area .delete-confirmation form input[type="submit"] {
background: #ba2121;
border-radius: 4px;
padding: 10px 15px;
color: #fff; }
.admin-area .delete-confirmation form input[type="submit"]:active,
.admin-area .delete-confirmation form input[type="submit"]:focus,
.admin-area .delete-confirmation form input[type="submit"]:hover {
background: #a41515; }
.admin-area .delete-confirmation form .cancel-link {
display: inline-block;
vertical-align: middle;
height: 15px;
line-height: 15px;
background: #ddd;
border-radius: 4px;
padding: 10px 15px;
color: #333;
margin: 0 0 0 10px; }
.admin-area .delete-confirmation form .cancel-link:active,
.admin-area .delete-confirmation form .cancel-link:focus,
.admin-area .delete-confirmation form .cancel-link:hover {
background: #ccc; }
.admin-area .popup #content {
padding: 20px; }
.admin-area .popup #container {
min-width: 0; }
.admin-area .popup #header {
padding: 10px 20px; }
/*# sourceMappingURL=base.css.map */