Update Admin page color scheme (ab99f469) · Commits · Mirror / Simple OPDS

sopds_web_backend/static/admin/css/base.css

+11 −11

Original line number	Diff line number	Diff line
		@@ -16,12 +16,12 @@ body {
		/* LINKS */

		a:link, a:visited {
		color: #a53005; /* #447e9b; */
		color: #a8380f; /* #447e9b; */
		text-decoration: none;
		}

		a:focus, a:hover {
		color: #036;
		color: #840900; /* #036; */
		}

		a:focus {
		@@ -373,7 +373,7 @@ table thead th.sorted .sortoptions a.sortremove:after {

		table thead th.sorted .sortoptions a.sortremove:focus:after,
		table thead th.sorted .sortoptions a.sortremove:hover:after {
		color: #447e9b;
		color: #a8380f; /* #447e9b; */
		}

		table thead th.sorted .sortoptions a.sortremove:focus,
		@@ -440,7 +440,7 @@ select[multiple] {
		/* FORM BUTTONS */

		.button, input[type=submit], input[type=button], .submit-row input, a.button {
		background: #79aec8;
		background: #f15a23; /* #79aec8; */
		padding: 10px 15px;
		border: none;
		border-radius: 4px;
		@@ -455,7 +455,7 @@ a.button {
		.button:active, input[type=submit]:active, input[type=button]:active,
		.button:focus, input[type=submit]:focus, input[type=button]:focus,
		.button:hover, input[type=submit]:hover, input[type=button]:hover {
		background: #609ab6;
		background: #ff6831; /* #609ab6; */
		}

		.button[disabled], input[type=submit][disabled], input[type=button][disabled] {
		@@ -466,13 +466,13 @@ a.button {
		float: right;
		border: none;
		font-weight: 400;
		background: #417690;
		background: #a53005; /* #417690; */
		}

		.button.default:active, input[type=submit].default:active,
		.button.default:focus, input[type=submit].default:focus,
		.button.default:hover, input[type=submit].default:hover {
		background: #205067;
		background: #840900; /* #205067; */
		}

		.button[disabled].default,
		@@ -722,7 +722,7 @@ a.deletelink:focus, a.deletelink:hover {
		}

		.object-tools a:focus, .object-tools a:hover {
		background-color: #f15a23; /* #417690;*/
		background-color: #a53005; /* #417690;*/
		}

		.object-tools a:focus{
		@@ -817,7 +817,7 @@ table#change-history tbody th {
		width: auto;
		height: 40px;
		padding: 10px 40px;
		background: #f15a23; /* #417690; */
		background: #a53005; /* #417690; */
		line-height: 40px;
		color: #ffc;
		overflow: hidden;
		@@ -876,8 +876,8 @@ table#change-history tbody th {

		#user-tools a:focus, #user-tools a:hover {
		text-decoration: none;
		border-bottom-color: #79aec8;
		color: #79aec8;
		border-bottom-color: #f15a23; /* #79aec8; */
		color: #f15a23; /* #79aec8; */
		}

		/* SIDEBAR */

sopds_web_backend/static/admin/css/changelists.css

0 → 100644

+342 −0

Original line number	Diff line number	Diff line
		/* CHANGELISTS */

		#changelist {
		position: relative;
		width: 100%;
		}

		#changelist table {
		width: 100%;
		}

		.change-list .hiddenfields { display:none; }

		.change-list .filtered table {
		border-right: none;
		}

		.change-list .filtered {
		min-height: 400px;
		}

		.change-list .filtered .results, .change-list .filtered .paginator,
		.filtered #toolbar, .filtered div.xfull {
		margin-right: 280px;
		width: auto;
		}

		.change-list .filtered table tbody th {
		padding-right: 1em;
		}

		#changelist-form .results {
		overflow-x: auto;
		}

		#changelist .toplinks {
		border-bottom: 1px solid #ddd;
		}

		#changelist .paginator {
		color: #666;
		border-bottom: 1px solid #eee;
		background: #fff;
		overflow: hidden;
		}

		/* CHANGELIST TABLES */

		#changelist table thead th {
		padding: 0;
		white-space: nowrap;
		vertical-align: middle;
		}

		#changelist table thead th.action-checkbox-column {
		width: 1.5em;
		text-align: center;
		}

		#changelist table tbody td.action-checkbox {
		text-align: center;
		}

		#changelist table tfoot {
		color: #666;
		}

		/* TOOLBAR */

		#changelist #toolbar {
		padding: 8px 10px;
		margin-bottom: 15px;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		background: #f8f8f8;
		color: #666;
		}

		#changelist #toolbar form input {
		border-radius: 4px;
		font-size: 14px;
		padding: 5px;
		color: #333;
		}

		#changelist #toolbar form #searchbar {
		height: 19px;
		border: 1px solid #ccc;
		padding: 2px 5px;
		margin: 0;
		vertical-align: top;
		font-size: 13px;
		}

		#changelist #toolbar form #searchbar:focus {
		border-color: #999;
		}

		#changelist #toolbar form input[type="submit"] {
		border: 1px solid #ccc;
		padding: 2px 10px;
		margin: 0;
		vertical-align: middle;
		background: #fff;
		box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset;
		cursor: pointer;
		color: #333;
		}

		#changelist #toolbar form input[type="submit"]:focus,
		#changelist #toolbar form input[type="submit"]:hover {
		border-color: #999;
		}

		#changelist #changelist-search img {
		vertical-align: middle;
		margin-right: 4px;
		}

		/* FILTER COLUMN */

		#changelist-filter {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1000;
		width: 240px;
		background: #f8f8f8;
		border-left: none;
		margin: 0;
		}

		#changelist-filter h2 {
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		padding: 5px 15px;
		margin-bottom: 12px;
		border-bottom: none;
		}

		#changelist-filter h3 {
		font-weight: 400;
		font-size: 14px;
		padding: 0 15px;
		margin-bottom: 10px;
		}

		#changelist-filter ul {
		margin: 5px 0;
		padding: 0 15px 15px;
		border-bottom: 1px solid #eaeaea;
		}

		#changelist-filter ul:last-child {
		border-bottom: none;
		padding-bottom: none;
		}

		#changelist-filter li {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
		}

		#changelist-filter a {
		display: block;
		color: #999;
		}

		#changelist-filter li.selected {
		border-left: 5px solid #eaeaea;
		padding-left: 10px;
		margin-left: -15px;
		}

		#changelist-filter li.selected a {
		color: #5b80b2;
		}

		#changelist-filter a:focus, #changelist-filter a:hover,
		#changelist-filter li.selected a:focus,
		#changelist-filter li.selected a:hover {
		color: #840900; /* #036; */
		}

		/* DATE DRILLDOWN */

		.change-list ul.toplinks {
		display: block;
		float: left;
		padding: 0;
		margin: 0;
		width: 100%;
		}

		.change-list ul.toplinks li {
		padding: 3px 6px;
		font-weight: bold;
		list-style-type: none;
		display: inline-block;
		}

		.change-list ul.toplinks .date-back a {
		color: #999;
		}

		.change-list ul.toplinks .date-back a:focus,
		.change-list ul.toplinks .date-back a:hover {
		color: #840900; /* #036; */
		}

		/* PAGINATOR */

		.paginator {
		font-size: 13px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 22px;
		margin: 0;
		border-top: 1px solid #ddd;
		}

		.paginator a:link, .paginator a:visited {
		padding: 2px 6px;
		background: #f15a23; /* #79aec8; */
		text-decoration: none;
		color: #fff;
		}

		.paginator a.showall {
		padding: 0;
		border: none;
		background: none;
		color: #5b80b2;
		}

		.paginator a.showall:focus, .paginator a.showall:hover {
		background: none;
		color: #840900; /* #036; */
		}

		.paginator .end {
		margin-right: 6px;
		}

		.paginator .this-page {
		padding: 2px 6px;
		font-weight: bold;
		font-size: 13px;
		vertical-align: top;
		}

		.paginator a:focus, .paginator a:hover {
		color: white;
		background: #840900; /* #036; */
		}

		/* ACTIONS */

		.filtered .actions {
		margin-right: 280px;
		border-right: none;
		}

		#changelist table input {
		margin: 0;
		vertical-align: baseline;
		}

		#changelist table tbody tr.selected {
		background-color: #FFFFCC;
		}

		#changelist .actions {
		padding: 10px;
		background: #fff;
		border-top: none;
		border-bottom: none;
		line-height: 24px;
		color: #999;
		}

		#changelist .actions.selected {
		background: #fffccf;
		border-top: 1px solid #fffee8;
		border-bottom: 1px solid #edecd6;
		}

		#changelist .actions span.all,
		#changelist .actions span.action-counter,
		#changelist .actions span.clear,
		#changelist .actions span.question {
		font-size: 13px;
		margin: 0 0.5em;
		display: none;
		}

		#changelist .actions:last-child {
		border-bottom: none;
		}

		#changelist .actions select {
		vertical-align: top;
		height: 24px;
		background: none;
		color: #000;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 14px;
		padding: 0 0 0 4px;
		margin: 0;
		margin-left: 10px;
		}

		#changelist .actions select:focus {
		border-color: #999;
		}

		#changelist .actions label {
		display: inline-block;
		vertical-align: middle;
		font-size: 13px;
		}

		#changelist .actions .button {
		font-size: 13px;
		border: 1px solid #ccc;
		border-radius: 4px;
		background: #fff;
		box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset;
		cursor: pointer;
		height: 24px;
		line-height: 1;
		padding: 4px 8px;
		margin: 0;
		color: #333;
		}

		#changelist .actions .button:focus, #changelist .actions .button:hover {
		border-color: #999;
		}

sopds_web_backend/static/admin/css/forms.css

0 → 100644

+499 −0

Original line number	Diff line number	Diff line
		@import url('widgets.css');

		/* FORM ROWS */

		.form-row {
		overflow: hidden;
		padding: 10px;
		font-size: 13px;
		border-bottom: 1px solid #eee;
		}

		.form-row img, .form-row input {
		vertical-align: middle;
		}

		.form-row label input[type="checkbox"] {
		margin-top: 0;
		vertical-align: 0;
		}

		form .form-row p {
		padding-left: 0;
		}

		.hidden {
		display: none;
		}

		/* FORM LABELS */

		label {
		font-weight: normal;
		color: #666;
		font-size: 13px;
		}

		.required label, label.required {
		font-weight: bold;
		color: #333;
		}

		/* RADIO BUTTONS */

		form ul.radiolist li {
		list-style-type: none;
		}

		form ul.radiolist label {
		float: none;
		display: inline;
		}

		form ul.radiolist input[type="radio"] {
		margin: -2px 4px 0 0;
		padding: 0;
		}

		form ul.inline {
		margin-left: 0;
		padding: 0;
		}

		form ul.inline li {
		float: left;
		padding-right: 7px;
		}

		/* ALIGNED FIELDSETS */

		.aligned label {
		display: block;
		padding: 4px 10px 0 0;
		float: left;
		width: 160px;
		word-wrap: break-word;
		line-height: 1;
		}

		.aligned label:not(.vCheckboxLabel):after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 26px;
		}

		.aligned label + p {
		padding: 6px 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 170px;
		}

		.aligned ul label {
		display: inline;
		float: none;
		width: auto;
		}

		.aligned .form-row input {
		margin-bottom: 0;
		}

		.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField {
		width: 350px;
		}

		form .aligned ul {
		margin-left: 160px;
		padding-left: 10px;
		}

		form .aligned ul.radiolist {
		display: inline-block;
		margin: 0;
		padding: 0;
		}

		form .aligned p.help {
		clear: left;
		margin-top: 0;
		margin-left: 160px;
		padding-left: 10px;
		}

		form .aligned label + p.help {
		margin-left: 0;
		padding-left: 0;
		}

		form .aligned p.help:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		}

		form .aligned input + p.help,
		form .aligned textarea + p.help,
		form .aligned select + p.help {
		margin-left: 160px;
		padding-left: 10px;
		}

		form .aligned ul li {
		list-style: none;
		}

		form .aligned table p {
		margin-left: 0;
		padding-left: 0;
		}

		.aligned .vCheckboxLabel {
		float: none;
		width: auto;
		display: inline-block;
		vertical-align: -3px;
		padding: 0 0 5px 5px;
		}

		.aligned .vCheckboxLabel + p.help {
		margin-top: -4px;
		}

		.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField {
		width: 610px;
		}

		.checkbox-row p.help {
		margin-left: 0;
		padding-left: 0;
		}

		fieldset .field-box {
		float: left;
		margin-right: 20px;
		}

		/* WIDE FIELDSETS */

		.wide label {
		width: 200px;
		}

		form .wide p, form .wide input + p.help {
		margin-left: 200px;
		}

		form .wide p.help {
		padding-left: 38px;
		}

		.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField {
		width: 450px;
		}

		/* COLLAPSED FIELDSETS */

		fieldset.collapsed * {
		display: none;
		}

		fieldset.collapsed h2, fieldset.collapsed {
		display: block;
		}

		fieldset.collapsed {
		border: 1px solid #eee;
		border-radius: 4px;
		overflow: hidden;
		}

		fieldset.collapsed h2 {
		background: #f8f8f8;
		color: #666;
		}

		fieldset .collapse-toggle {
		color: #fff;
		}

		fieldset.collapsed .collapse-toggle {
		background: transparent;
		display: inline;
		color: #a8380f; /* #447e9b; */
		}

		/* MONOSPACE TEXTAREAS */

		fieldset.monospace textarea {
		font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
		}

		/* SUBMIT ROW */

		.submit-row {
		padding: 12px 14px;
		margin: 0 0 20px;
		background: #f8f8f8;
		border: 1px solid #eee;
		border-radius: 4px;
		text-align: right;
		overflow: hidden;
		}

		body.popup .submit-row {
		overflow: auto;
		}

		.submit-row input {
		height: 35px;
		line-height: 15px;
		margin: 0 0 0 5px;
		}

		.submit-row input.default {
		margin: 0 0 0 8px;
		text-transform: uppercase;
		}

		.submit-row p {
		margin: 0.3em;
		}

		.submit-row p.deletelink-box {
		float: left;
		margin: 0;
		}

		.submit-row a.deletelink {
		display: block;
		background: #ba2121;
		border-radius: 4px;
		padding: 10px 15px;
		height: 15px;
		line-height: 15px;
		color: #fff;
		}

		.submit-row a.deletelink:focus,
		.submit-row a.deletelink:hover,
		.submit-row a.deletelink:active {
		background: #a41515;
		}

		/* CUSTOM FORM FIELDS */

		.vSelectMultipleField {
		vertical-align: top;
		}

		.vCheckboxField {
		border: none;
		}

		.vDateField, .vTimeField {
		margin-right: 2px;
		margin-bottom: 4px;
		}

		.vDateField {
		min-width: 6.85em;
		}

		.vTimeField {
		min-width: 4.7em;
		}

		.vURLField {
		width: 30em;
		}

		.vLargeTextField, .vXMLLargeTextField {
		width: 48em;
		}

		.flatpages-flatpage #id_content {
		height: 40.2em;
		}

		.module table .vPositiveSmallIntegerField {
		width: 2.2em;
		}

		.vTextField {
		width: 20em;
		}

		.vIntegerField {
		width: 5em;
		}

		.vBigIntegerField {
		width: 10em;
		}

		.vForeignKeyRawIdAdminField {
		width: 5em;
		}

		/* INLINES */

		.inline-group {
		padding: 0;
		margin: 0 0 30px;
		}

		.inline-group thead th {
		padding: 8px 10px;
		}

		.inline-group .aligned label {
		width: 160px;
		}

		.inline-related {
		position: relative;
		}

		.inline-related h3 {
		margin: 0;
		color: #666;
		padding: 5px;
		font-size: 13px;
		background: #f8f8f8;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		}

		.inline-related h3 span.delete {
		float: right;
		}

		.inline-related h3 span.delete label {
		margin-left: 2px;
		font-size: 11px;
		}

		.inline-related fieldset {
		margin: 0;
		background: #fff;
		border: none;
		width: 100%;
		}

		.inline-related fieldset.module h3 {
		margin: 0;
		padding: 2px 5px 3px 5px;
		font-size: 11px;
		text-align: left;
		font-weight: bold;
		background: #bcd;
		color: #fff;
		}

		.inline-group .tabular fieldset.module {
		border: none;
		}

		.inline-related.tabular fieldset.module table {
		width: 100%;
		}

		.last-related fieldset {
		border: none;
		}

		.inline-group .tabular tr.has_original td {
		padding-top: 2em;
		}

		.inline-group .tabular tr td.original {
		padding: 2px 0 0 0;
		width: 0;
		_position: relative;
		}

		.inline-group .tabular th.original {
		width: 0px;
		padding: 0;
		}

		.inline-group .tabular td.original p {
		position: absolute;
		left: 0;
		height: 1.1em;
		padding: 2px 9px;
		overflow: hidden;
		font-size: 9px;
		font-weight: bold;
		color: #666;
		_width: 700px;
		}

		.inline-group ul.tools {
		padding: 0;
		margin: 0;
		list-style: none;
		}

		.inline-group ul.tools li {
		display: inline;
		padding: 0 5px;
		}

		.inline-group div.add-row,
		.inline-group .tabular tr.add-row td {
		color: #666;
		background: #f8f8f8;
		padding: 8px 10px;
		border-bottom: 1px solid #eee;
		}

		.inline-group .tabular tr.add-row td {
		padding: 8px 10px;
		border-bottom: 1px solid #eee;
		}

		.inline-group ul.tools a.add,
		.inline-group div.add-row a,
		.inline-group .tabular tr.add-row td a {
		background: url(../img/icon-addlink.svg) 0 1px no-repeat;
		padding-left: 16px;
		font-size: 12px;
		}

		.empty-form {
		display: none;
		}

		/* RELATED FIELD ADD ONE / LOOKUP */

		.add-another, .related-lookup {
		margin-left: 5px;
		display: inline-block;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-size: 14px;
		}

		.add-another {
		width: 16px;
		height: 16px;
		background-image: url(../img/icon-addlink.svg);
		}

		.related-lookup {
		width: 16px;
		height: 16px;
		background-image: url(../img/search.svg);
		}

		form .related-widget-wrapper ul {
		display: inline-block;
		margin-left: 0;
		padding-left: 0;
		}

		.clearable-file-input input {
		margin-top: 0;
		}

sopds_web_backend/static/admin/css/widgets.css

0 → 100644

+565 −0

File added.

Preview size limit exceeded, changes collapsed.

static/admin/css/base.css

+18 −18

Original line number	Diff line number	Diff line
		@@ -16,12 +16,12 @@ body {
		/* LINKS */

		a:link, a:visited {
		color: #447e9b;
		color: #a8380f; /* #447e9b; */
		text-decoration: none;
		}

		a:focus, a:hover {
		color: #036;
		color: #840900; /* #036; */
		}

		a:focus {
		@@ -60,7 +60,7 @@ h1 {
		margin: 0 0 20px;
		font-weight: 300;
		font-size: 20px;
		color: #666;
		color: #f15a23; /* #666; */
		}

		h2 {
		@@ -373,7 +373,7 @@ table thead th.sorted .sortoptions a.sortremove:after {

		table thead th.sorted .sortoptions a.sortremove:focus:after,
		table thead th.sorted .sortoptions a.sortremove:hover:after {
		color: #447e9b;
		color: #a8380f; /* #447e9b; */
		}

		table thead th.sorted .sortoptions a.sortremove:focus,
		@@ -440,7 +440,7 @@ select[multiple] {
		/* FORM BUTTONS */

		.button, input[type=submit], input[type=button], .submit-row input, a.button {
		background: #79aec8;
		background: #f15a23; /* #79aec8; */
		padding: 10px 15px;
		border: none;
		border-radius: 4px;
		@@ -455,7 +455,7 @@ a.button {
		.button:active, input[type=submit]:active, input[type=button]:active,
		.button:focus, input[type=submit]:focus, input[type=button]:focus,
		.button:hover, input[type=submit]:hover, input[type=button]:hover {
		background: #609ab6;
		background: #ff6831; /* #609ab6; */
		}

		.button[disabled], input[type=submit][disabled], input[type=button][disabled] {
		@@ -466,13 +466,13 @@ a.button {
		float: right;
		border: none;
		font-weight: 400;
		background: #417690;
		background: #a53005; /* #417690; */
		}

		.button.default:active, input[type=submit].default:active,
		.button.default:focus, input[type=submit].default:focus,
		.button.default:hover, input[type=submit].default:hover {
		background: #205067;
		background: #840900; /* #205067; */
		}

		.button[disabled].default,
		@@ -513,7 +513,7 @@ input[type=button][disabled].default {
		font-weight: 400;
		font-size: 13px;
		text-align: left;
		background: #79aec8;
		background: #f15a23; /* #79aec8; */
		color: #fff;
		}

		@@ -637,20 +637,20 @@ div.system-message p.system-message-title {
		/* BREADCRUMBS */

		div.breadcrumbs {
		background: #79aec8;
		background: #fff; /* #79aec8; */
		padding: 10px 40px;
		border: none;
		font-size: 14px;
		color: #c4dce8;
		color: #f15a23; /* #c4dce8; */
		text-align: left;
		}

		div.breadcrumbs a {
		color: #fff;
		color: #a53005; /* #fff; */
		}

		div.breadcrumbs a:focus, div.breadcrumbs a:hover {
		color: #c4dce8;
		color: #f08f6c; /* #c4dce8; */
		}

		/* ACTION ICONS */
		@@ -722,7 +722,7 @@ a.deletelink:focus, a.deletelink:hover {
		}

		.object-tools a:focus, .object-tools a:hover {
		background-color: #417690;
		background-color: #a53005; /* #417690;*/
		}

		.object-tools a:focus{
		@@ -817,7 +817,7 @@ table#change-history tbody th {
		width: auto;
		height: 40px;
		padding: 10px 40px;
		background: #417690;
		background: #a53005; /* #417690; */
		line-height: 40px;
		color: #ffc;
		overflow: hidden;
		@@ -876,8 +876,8 @@ table#change-history tbody th {

		#user-tools a:focus, #user-tools a:hover {
		text-decoration: none;
		border-bottom-color: #79aec8;
		color: #79aec8;
		border-bottom-color: #f15a23; /* #79aec8; */
		color: #f15a23; /* #79aec8; */
		}

		/* SIDEBAR */