1 files changed, 864 insertions, 0 deletions
diff --git a/lib/grappelli/media/css/components.css b/lib/grappelli/media/css/components.css
new file mode 100644
index 0000000..4cd6e4d
--- /dev/null
+++ b/lib/grappelli/media/css/components.css
@@ -0,0 +1,864 @@
+
+
+
+/*  Paragraphs & Other Typo Formats
+------------------------------------------------------------------------------------------------------ */
+
+.module p {
+    margin: 0;
+    padding: 5px 0;
+}
+fieldset.module label + p {
+    font-size: 11px;
+    line-height: 15px;
+}
+
+
+
+/*  Modules
+------------------------------------------------------------------------------------------------------ */
+
+.module {
+    margin: 0 0 7px;
+}
+
+#changelist .span-flexible .module + ul.submit-row {
+    margin-top: 10px;
+}
+.module:empty {
+    display: none;
+}
+
+
+/*  Nested Modules Basics ......................................... */
+
+.module .module, 
+.module fielset.module {
+    margin: 0;
+}
+
+
+
+/*  Groups
+------------------------------------------------------------------------------------------------------ */
+
+.group {
+    margin: 0 -4px 7px;
+    padding: 2px;
+}
+
+
+
+/*  Elements in Modules & Groups
+------------------------------------------------------------------------------------------------------ */
+
+
+/*  1st Level Elements ......................................... */
+
+.group h2, 
+.module h2 {
+    padding: 6px 10px;
+}
+.group h2+.tools+* {
+    margin-top: 2px;
+}
+
+
+/*  2nd Level Elements (Dark/Bright) ......................................... */
+
+.group h3, 
+.module h3 {
+    margin: 0;
+    padding: 5px 10px;
+}
+
+
+/*  3rd Level Elements ......................................... */
+
+.group h4, 
+.module h4 {
+    margin: 0;
+    padding: 4px 10px 4px 10px;
+}
+
+.module .description {
+    padding: 8px 10px;
+    font-size: 11px;
+}
+
+
+
+/*  Modules & Groups Overrides
+------------------------------------------------------------------------------------------------------ */
+
+.module:first-child {
+    margin-top: 0 !important;
+}
+.group .module:first-child {
+    margin-top: 2px !important;
+}
+.group:first-child {
+    margin-top: -4px;
+}
+.group .module {
+    margin-top: 2px;
+    margin-bottom: 0;
+}
+.group .module .module {
+    margin-top: 0;
+}
+.group:last-child, 
+.module:last-child {
+    margin-bottom: 0;
+}
+
+
+
+/*  Collapsible Structures
+------------------------------------------------------------------------------------------------------ */
+
+.collapse.closed *, 
+.collapse.closed .module.table, 
+.collapse.closed .module.table * {
+    display: none;
+}
+
+.collapse-handler {
+    cursor: pointer;
+}
+
+.collapse.closed .collapse-handler, 
+.collapse.closed .tools,
+.collapse.closed .tools * {
+    display: block !important;
+}
+.collapse.closed h3+.tools, 
+.collapse.closed h4+.tools {
+    margin-top: 1px !important;
+}
+
+
+
+/*  Row
+------------------------------------------------------------------------------------------------------ */
+
+.row {
+    padding: 5px 10px;
+    font-weight: bold;
+}
+
+fieldset.module .row + .module {
+    margin-top: -1px !important;
+}
+
+
+
+/*  Cell
+------------------------------------------------------------------------------------------------------ */
+
+.row .cell {
+    display: inline-block;
+    margin-top: -5px;
+    margin-bottom: -5px;
+    padding: 5px 10px;
+    width: auto;
+}
+.row .cell + .cell {
+    padding-left: 18px;
+}
+
+
+
+/*  Fieldset Row
+------------------------------------------------------------------------------------------------------ */
+
+fieldset.module .row {
+    overflow: hidden;
+    padding: 8px 10px;
+    line-height: 18px;
+    font-weight: normal;
+}
+fieldset.module .row.cells {
+    white-space: nowrap;
+}
+
+
+
+/*  Fieldset Cell
+------------------------------------------------------------------------------------------------------ */
+
+fieldset.module .cell {
+    margin: -8px 0 -1000px 0;
+    padding: 8px 18px 1000px 0;
+    vertical-align: top;
+    white-space: nowrap;
+    height: 100%;
+}
+fieldset.module .cell:last-child, fieldset.module .cell.last {
+    margin-right: -20px;
+}
+
+
+/*  Tabular Modules
+------------------------------------------------------------------------------------------------------ */
+
+.module.table {
+    display: table;
+    margin: 0 0 -2px;
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0 2px;
+}
+h2 + .module.table, 
+h2 + * + .module.table, 
+h2 + * + * + .module.table {
+    margin-top: 0 !important;
+}
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+    .module.table {
+        margin-bottom: -1px;
+        border-spacing: 0 1px !important;
+    }
+}
+
+.module.thead {
+    display: table-header-group;
+}
+.module.tfoot {
+    display: table-footer-group;
+}
+.module.thead, 
+.module.tfoot {
+    font-size: 11px;
+    font-weight: bold;
+}
+.module.table .tr {
+    display: table-row;
+}
+
+.module.tbody {
+    display: table-row-group;
+}
+
+.module.table .th, 
+.module.table .td {
+    display: table-cell; 
+    float: none;
+    overflow: hidden;
+    margin-right: 0;
+    padding: 1px 20px;
+    height: 100%;
+    vertical-align: top;
+    white-space: nowrap;
+}
+
+.module.tbody .th, 
+.module.tbody .td {
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+.module.table .th:first-of-type, 
+.module.table .td:first-of-type {
+    padding-left: 10px;
+}
+.module.tbody .th.tools, 
+.module.tbody .td.tools {
+    padding-left: 0;
+    width: 100%;
+}
+
+.empty-form {
+    display: none !important;
+}
+
+
+
+/*  Add Items
+------------------------------------------------------------------------------------------------------ */
+
+.module.add-item {
+    height: 28px;
+}
+.module.add-item>a {
+    position: relative;
+    top: 6px;
+    padding: 5px 10px;
+    font-weight: bold;
+}
+
+
+
+/*  Selectors
+------------------------------------------------------------------------------------------------------ */
+
+.selector {
+    position: relative;
+    float: left;
+    overflow: hidden;
+    width: 758px;
+}
+.selector-available, .selector-chosen {
+    float: left;
+    width: 366px;
+}
+.stacked .selector-available, .stacked .selector-chosen {
+    width: 756px;
+}
+.selector h2, .inline-group .selector h2, 
+.inline-related fieldset .selector-available h2, .inline-related fieldset .selector-chosen h2 {
+    padding: 7px 5px 6px 7px;
+    font-size: 12px;
+    line-height: 13px;
+    font-weight: bold;
+}
+.selector .selector-filter {
+    padding: 3px 5px 2px 2px;
+    min-height: 25px;
+    font-weight: bold;
+    line-height: 25px;
+    text-indent: 25px;
+    background: url('../img/icons/icon-searchbox.png') 6px 50% no-repeat;
+}
+.selector .selector-filter input[type=text] {
+    position: relative;
+    margin: 0;
+    width: 326px !important;
+    max-width: 326px !important;
+}
+.selector.stacked .selector-filter input[type=text] {
+    width: 716px !important;
+    max-width: 716px !important;
+}
+.selector .selector-filter img {
+    display: none;
+}
+.selector .selector-chosen .selector-filter:after {
+    content: " " url('../img/icons/icon-selector_add-m2m_horizontal-hover.png');
+    opacity: .75;
+}
+.selector.stacked .selector-chosen .selector-filter:after {
+    content: " " url('../img/icons/icon-selector_add-m2m_vertical-hover.png');
+}
+.selector select[multiple=multiple] {
+    margin: 0;
+    padding-left: 3px;
+    max-width: 367px !important;
+    width: 367px !important;
+    height: 200px;
+}
+.selector.stacked select[multiple=multiple] {
+    width: 757px !important;
+    max-width: 757px !important;
+}
+.selector h2 + select {
+    display: none;
+    position: relative;
+    top: -1px;
+}
+.selector ul.selector-chooser {
+    float: left;
+    margin: 110px 2px 0;
+    padding: 0;
+    width: 18px;
+}
+.selector.stacked ul.selector-chooser {
+    margin: 4px 0 0 356px;
+    width: 36px;
+}
+.selector.stacked ul.selector-chooser li {
+    float: left;
+}
+a.selector-add, a.selector-remove {
+    display: block;
+    width: 18px;
+    height: 18px;
+    color: transparent !important;
+    background-position: 50% 0;
+    background-repeat: no-repeat;
+}
+a.selector-add:link, a.selector-add:visited {
+    background-image: url('../img/icons/icon-selector_add-m2m_horizontal.png');
+}
+a.selector-add:hover, a.selector-add:active {
+    background-image: url('../img/icons/icon-selector_add-m2m_horizontal-hover.png');
+}
+a.selector-remove:link, a.selector-remove:visited {
+    background-image: url('../img/icons/icon-selector_remove-m2m_horizontal.png');
+}
+a.selector-remove:hover, a.selector-remove:active {
+    background-image: url('../img/icons/icon-selector_remove-m2m_horizontal-hover.png');
+}
+.stacked a.selector-add:link, .stacked a.selector-add:visited {
+    background-image: url('../img/icons/icon-selector_add-m2m_vertical.png');
+}
+.stacked a.selector-add:hover, .stacked a.selector-add:active {
+    background-image: url('../img/icons/icon-selector_add-m2m_vertical-hover.png');
+}
+.stacked a.selector-remove:link, .stacked a.selector-remove:visited {
+    background-image: url('../img/icons/icon-selector_remove-m2m_vertical.png');
+}
+.stacked a.selector-remove:hover, .stacked a.selector-remove:active {
+    background-image: url('../img/icons/icon-selector_remove-m2m_vertical-hover.png');
+}
+a.selector-chooseall, a.selector-clearall {
+    display: block;
+    margin: 0;
+    padding: 2px 7px;
+    font-size: 11px;
+    line-height: 13px;
+    font-weight: bold;
+}
+
+
+
+/*  Link-List, Actions, Feed, Table of Contents
+------------------------------------------------------------------------------------------------------ */
+
+.link-list ul li, 
+.feed ul li, 
+.table-of-contents ul li {
+    padding: 0;
+    font-size: 11px;
+    line-height: 15px;
+    font-weight: bold;
+}
+.link-list ul li a, 
+.feed ul li a, .feed ul li span, 
+.table-of-contents ul li a {
+    display: block;
+    padding: 5px 10px;
+    font-weight: bold;
+    line-height: 13px;
+    background-color: transparent;
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+}
+.actions p, 
+.link-list p, 
+.feed p {
+    color: #999;
+    font-size: 11px;
+    padding: 3px 10px;
+}
+.link-list ul li a, 
+.feed ul li a {
+    padding-left: 25px;
+}
+a.internal, 
+a.external {
+    background-repeat: no-repeat;
+}
+.dashboard a.internal {
+    background-position: 12px 7px;
+}
+.dashboard a.external {
+    background-position: 10px 8px;
+}
+.documentation a.external {
+    padding-left: 12px;
+    background-position: 1px 3px;
+}
+a.internal:link, a.internal:visited {
+    background-image: url('../img/icons/icon-navigation-internal.png');
+}
+a.internal:hover, a.internal:active {
+    background-image: url('../img/icons/icon-navigation-internal-hover.png');
+}
+a.external:link, a.external:visited {
+    background-image: url('../img/icons/icon-navigation-external.png');
+}
+a.external:hover, a.external:active {
+    background-image: url('../img/icons/icon-navigation-external-hover.png');
+}
+
+.feed ul li a, .feed ul li span {
+    line-height: 13px;
+}
+.feed ul li span.date {
+    float: right;
+    padding: 5px 5px 0 5px;
+}
+
+
+
+/*  Basic Actions & Module Actions
+------------------------------------------------------------------------------------------------------ */
+
+ul.actions {
+    position: relative;
+    float: right;
+    clear: both;
+}
+ul.actions li {
+    position: relative;
+    float: left;
+    margin-left: 20px;
+}
+ul.actions li.change-link {
+    width: 56px;
+}
+ul.actions li a {
+    padding-left: 15px;
+    font-size: 11px;
+    background-position: 0 50%;
+    background-repeat: no-repeat;
+}
+
+.actions ul li {
+    padding: 4px 5px 4px 25px;
+    font-size: 11px;
+    line-height: 12px;
+}
+
+.actions ul li a {
+    margin-left: -15px;
+    padding-left: 15px;
+    font-weight: bold;
+    background-position: 0 50%;
+    background-repeat: no-repeat;
+}
+
+.actions li.add-link a:link, .actions li.add-link a:visited {
+    background-image: url('../img/icons/icon-actions-add-link.png');
+}
+.actions li.add-link a:hover, .actions li.add-link a:active {
+    background-image: url('../img/icons/icon-actions-add-link-hover.png');
+}
+.actions li.change-link a:link, .actions li.change-link a:visited {
+    background-image: url('../img/icons/icon-actions-change-link.png');
+}
+.actions li.change-link a:hover, .actions li.change-link a:active {
+    background-image: url('../img/icons/icon-actions-change-link-hover.png');
+}
+
+.actions li.delete-link {
+    text-decoration: line-through;
+    background: url('../img/icons/icon-actions-delete-link.png') 10px 7px no-repeat;
+}
+
+
+
+/*  Module Search & Module Filter
+------------------------------------------------------------------------------------------------------ */
+
+.module.search, 
+.module.filter {
+    position: relative;
+    float: right;
+    z-index: 990;
+    padding: 8px 10px;
+}
+.module.filter + .module.search {
+    padding-right: 0;
+}
+
+.module.filter .pulldown-container {
+    position: absolute;
+    width: inherit;
+}
+
+.module.search .tooltip {
+    position: absolute;
+}
+.module.search .tooltip.search-fields {
+    top: 25px;
+}
+.module.search .tooltip .tooltip-pointer {
+    position: relative;
+    z-index: 1000;
+    display: block;
+    width: 30px;
+    height: 8px;
+    background: transparent url('../img/backgrounds/tooltip-pointer.png') 10px 100% no-repeat scroll;
+}
+.module.search .tooltip .tooltip-content {
+    position: relative;
+    z-index: 990;
+    top: -1px;
+    padding: 8px 10px;
+    font-size: 11px;
+    line-height: 15px;
+}
+
+a.button.toggle-filters {
+    display: block;
+    margin: 0;
+    padding: 4px 20px 4px 8px;
+}
+a.button.toggle-filters:link, a.button.toggle-filters:visited {
+    background: transparent url('../img/icons/icon-dropdown.png') 100% 3px no-repeat;
+}
+.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited {
+    background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat;
+}
+.open a.button.toggle-filters, .selected a.button.toggle-filters, 
+.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, 
+a.button.toggle-filters:hover, a.button.toggle-filters:active {
+    background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat;
+}
+.selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited {
+    background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat;
+}
+.open a.button.toggle-filters, 
+.open.selected a.button.toggle-filters, 
+.selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, 
+a.button.toggle-filters:hover, a.button.toggle-filters:active {
+    background: url('../img/icons/icon-dropdown-hover.png') 100% 3px no-repeat;
+}
+
+.filter-pulldown {
+    display: none;
+    position: relative;
+    z-index: 1000;
+    margin: -1px 0;
+    padding: 0 10px 10px;
+}
+.filter-pulldown .filter {
+    position: relative;
+    padding: 7px 0 0;
+    width: 100%;
+}
+.filter-pulldown select {
+    width: 100% !important;
+}
+.filter-pulldown label {
+    margin: 0 0 -2px;
+    padding: 0;
+    width: 100% !important;
+    line-height: 12px;
+    font-weight: bold;
+}
+
+
+
+/*  Module Date Hierarchy
+------------------------------------------------------------------------------------------------------ */
+
+.module + .module.date-hierarchy {
+    margin-top: -8px;
+}
+
+.date-hierarchy ul {
+    position: relative;
+    float: left;
+    clear: both;
+    font-size: 11px;
+    line-height: 16px;
+    font-weight: bold;
+}
+.date-hierarchy ul li {
+    position: relative;
+    float: left;
+    margin-right: 10px;
+}
+.module.date-hierarchy ul a, 
+.module.date-hierarchy ul span {
+    padding: 2px 5px 1px;
+    font-weight: normal;
+}
+.date-hierarchy ul li a.date-hierarchy-back {
+    padding-left: 10px;
+    background: 0 50% no-repeat scroll;
+}
+
+.date-hierarchy a.date-hierarchy-back:link, .date-hierarchy a.date-hierarchy-back:visited {
+    background-image: url('../img/icons/icon-date-hierarchy-back.png');
+}
+.date-hierarchy a.date-hierarchy-back:hover, .date-hierarchy a.date-hierarchy-back:active {
+    background-image: url('../img/icons/icon-date-hierarchy-back-hover.png');
+}
+
+
+
+/*  Pagination
+------------------------------------------------------------------------------------------------------ */
+
+.module.pagination {
+    padding: 8px 10px;
+}
+.module .module.pagination {
+    position: relative;
+    float: left;
+}
+ul.pagination {
+    position: relative;
+    clear: both;
+    margin: 0;
+    padding: 0;
+    width: auto;
+    font-weight: bold;
+}
+ul.pagination li {
+    position: relative;
+    float: left;
+    display: block;
+    margin-right: 3px;
+}
+ul.pagination li.results {
+    margin-right: 10px;
+}
+ul.pagination li.separator {
+    border-color: transparent;
+}
+ul.pagination li:last-child {
+    clear: right;
+}
+
+ul.pagination span, 
+ul.pagination a {
+    display: inline-block;
+    padding: 4px 8px 4px;
+    min-width: 25px;
+    font-size: 11px;
+    font-weight: bold;
+    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
+}
+ul.pagination li.separator span {
+    padding: 4px 0;
+    min-width: 10px;
+    font-size: 14px;
+}
+ul.pagination li.showall {
+    margin-left: 7px;
+}
+.submit-row ul.pagination li, 
+.submit-row ul.pagination li.results {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
+
+
+
+/*  Module Changelist-Results
+------------------------------------------------------------------------------------------------------ */
+
+.module.changelist-results {
+    background: url('../img/backgrounds/changelist-results.png') repeat scroll !important;
+}
+.changelist-actions + .changelist-results, 
+.changelist-results + .changelist-actions {
+    margin-top: -1px;
+}
+
+
+
+/*  Module Changelist Actions
+------------------------------------------------------------------------------------------------------ */
+
+.module.changelist-actions {
+    display: none;
+    position: relative;
+    margin-bottom: 0;
+}
+
+.module.changelist-actions ul {
+    position: relative;
+    float: left;
+    display: inline;
+    font-size: 11px;
+    line-height: 16px;
+    font-weight: bold;
+    margin: -1px 10px -1px 0;
+}
+.module.changelist-actions ul li {
+    position: relative;
+    float: left;
+    display: block;
+    margin-right: 3px;
+}
+.module.changelist-actions ul li.all {
+    margin-right: 10px;
+}
+
+.module.changelist-actions ul a, 
+.module.changelist-actions ul span {
+    display: inline-block;
+    padding: 4px 8px 3px;
+    font-size: 11px;
+    font-weight: bold;
+    border: 1px solid;
+}
+.module.changelist-actions ul span span {
+    padding: 0;
+}
+
+.module.changelist-actions #action-toggle {
+    display: none;
+}
+.module.changelist-actions select {
+    float: left;
+    margin: 0 10px 0 0;
+    width: 278px;
+}
+
+.module.changelist-actions li.all,
+.module.changelist-actions li.clear-selection,
+.module.changelist-actions li.question {
+   display: none;
+}
+
+
+
+/*  Module Footer
+------------------------------------------------------------------------------------------------------ */
+
+.module.footer {
+    position: fixed;
+    z-index: 1000;
+    bottom: 0;
+    margin: 0 -20px;
+    padding: 12px 20px;
+    width: 100%;
+    opacity: 1;
+    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
+}
+.module.footer.changelist-actions {
+    padding: 15px 20px 14px;
+}
+
+
+
+/*  Submit Row
+------------------------------------------------------------------------------------------------------ */
+
+.module.submit-row {
+    width: 100%;
+}
+ul.submit-row {
+    position: relative;
+    float: left;
+    clear: both;
+    width: 100%;
+}
+.pagination + ul.submit-row {
+    float: right;
+    clear: none;
+    width: 25%;
+}
+ul.submit-row li {
+    float: right;
+    margin-left: 10px;
+}
+
+ul.submit-row li.left {
+    float: left;
+}
+ul.submit-row li.left:first-child {
+    margin-left: 0;
+}
+
+
+
+/*  Sortable
+------------------------------------------------------------------------------------------------------ */
+
+.sortablehelper, sortablehelper * {
+    display: none;
+}
+
+
+
+
+
+
+