Commit e18913be authored by Gradl, Tobias's avatar Gradl, Tobias
Browse files

995: Upgrade underlying frameworks to current GS state

Task-Url: https://pm.winseda.de/issues/995
parent 779989ef
...@@ -64,83 +64,243 @@ ...@@ -64,83 +64,243 @@
} }
/*! /*!
* New "light" tables * Recent functionality additions (no-refactor-zone)
*/ */
.table-light { .inline-button {
cursor: pointer;
display: inline;
}
.inline-button:hover,
.inline-button:focus {
text-decoration: underline;
}
/*!
* Some basic table layout
*/
.default-table {
width: 100%;
margin: 5px 0;
}
.default-table tr {
border: 1px solid #ccc;
}
.default-table td,
.default-table th {
padding: 5px 10px;
/*border: 1px solid #ccc;*/
}
.default-table th {
text-align: right;
}
/*!
* State tables (wrapped details tables)
*/
.state-table {
border-collapse: separate; border-collapse: separate;
border-spacing: 0 1px; border-spacing: 0 1px;
width: 100%; width: 100%;
} }
.table-light tbody tr { .state-table tbody th,
background-color: #fff; .state-table tbody td {
border-top: 1px solid;
border-bottom: 1px solid;
font-weight: normal;
padding: 10px 5px;
}
.state-table tbody th {
border-left: 6px solid;
text-align: center;
}
.state-table tbody th.state-column {
width: 8em;
padding: 5px;
}
.state-table tbody td:last-child {
border-right: 1px solid;
}
.state-table tbody td.dataTables_empty {
border: 1px solid #ABABAB;
padding: 10px;
text-align: center;
}
.state-table.state-table-navigatable tbody th:last-child {
width: 30px;
padding: 10px;
background-color: white;
border-left: 1px solid;
border-top: none;
border-bottom: none;
}
.state-table tbody tr.state-row-default th,
.state-table tbody tr.state-row-default td {
border-color: #ABABAB;
}
table.state-table tbody tr.state-row-ok th,
table.state-table tbody tr.state-row-ok td {
border-color: #419641;
}
.state-table tbody tr.state-row-info > th,
.state-table tbody tr.state-row-info > td {
border-color: #2AABD2;
}
.state-table tbody tr.state-row-warning > th,
.state-table tbody tr.state-row-warning > td {
border-color: #EB9316;
} }
.table-light tbody tr.active { .state-table tbody tr.state-row-danger > th,
background-color: #f0f0f0; .state-table tbody tr.state-row-danger > td,
.state-table tbody tr.state-row-error > th,
.state-table tbody tr.state-row-error > td {
border-color: #AC2925;
} }
.table-light tbody tr:hover { .state-table.state-table-selectable tbody tr.state-row-default.active,
background-color: #f0f0f0; .state-table.state-table-selectable tbody tr.state-row-default:hover {
background-color: #F8F8F8;
}
.state-table.state-table-selectable tbody tr.state-row-ok.active,
.state-table.state-table-selectable tbody tr.state-row-ok:hover {
background-color: #F1FFF1;
}
.state-table.state-table-selectable tbody tr.state-row-info.active,
.state-table.state-table-selectable tbody tr.state-row-info:hover {
background-color: #EBFEFF;
}
.state-table.state-table-selectable tbody tr.state-row-warning.active,
.state-table.state-table-selectable tbody tr.state-row-warning:hover {
background-color: #fff4e6;
}
.state-table.state-table-selectable tbody tr.state-row-danger.active,
.state-table.state-table-selectable tbody tr.state-row-danger:hover,
.state-table.state-table-selectable tbody tr.state-row-error.active,
.state-table.state-table-selectable tbody tr.state-row-error:hover {
background-color: #FFEBEB;
}
.state-table.state-table-navigatable tbody tr:hover,
.state-table.state-table-selectable tbody tr:hover {
cursor: pointer; cursor: pointer;
} }
.table-light tbody td { .state-table.state-table-navigatable tbody tr.active th:last-child:before,
padding: 5px; .state-table.state-table-navigatable tbody tr:hover th:last-child:before {
content: "\f061";
font-family: FontAwesome;
}
.state-table tr.group th,
.state-table tr.group td {
font-weight: bold;
padding: 10px 5px;
} }
.table-light thead th { .state-table.state-table-selectable tbody tr.group td {
border-bottom: 1px solid #DDD; background-color: transparent;
} }
.state-column { .state-table.state-table-selectable tbody tr.group.state-row-default {
text-align: center; background-color: #D7D7D7;
width: 6em;
} }
.state-column.state-default { border-left: 6px solid #ABABAB; color: #ABABAB; }
.state-column.state-ok { border-left: 6px solid #419641; color: #419641; }
.state-column.state-info { border-left: 6px solid #2AABD2; color: #2AABD2; }
.state-column.state-warning { border-left: 6px solid #EB9316; color: #EB9316; }
.state-column.state-danger { border-left: 6px solid #AC2925; color: #AC2925; }
.content-column { .state-table.state-table-selectable tbody tr.group.state-row-ok {
background-color: #9FD59F;
} }
.cell-heading { .state-table.state-table-selectable tbody tr.group.state-row-info {
background-color: #7ACFE7;
} }
.cell-payload { .state-table.state-table-selectable tbody tr.group.state-row-warning {
font-size: 90%; background-color: #F5AD46;
color: #7f7f7f;
} }
table.details-table td, .state-table.state-table-selectable tbody tr.group.state-row-danger,
table.details-table th { .state-table.state-table-selectable tbody tr.group.state-row-error {
padding: 3px 5px; background-color: #F07975;
} }
table.details-table td { .state-table tr.group .group-heading {
vertical-align: middle; font-size: 125%;
} }
table.details-table th { .state-default { color: #ABABAB; font-weight: normal; }
font-weight: normal; .state-ok { color: #419641; font-weight: normal; }
color: #7f7f7f; .state-info { color: #2AABD2; font-weight: bold; }
width: 140px; .state-warning { color: /*#EB9316*/#D97F00; font-weight: bold; }
vertical-align: top; .state-danger, .state-error { color: #AC2925; font-weight: bold; }
.state-table tbody td {
padding: 0px;
} }
table.details-table .btn-link, .state-table tbody th:first-child {
table.table-light .btn-link { width: 9em;
padding: 0; }
.state-table tbody th:first-child .fa {
margin-bottom: 8px;
} }
.state-table tbody td.child {
border: 1px solid #ABABAB;
border-top: none;
border-bottom-width: 3px;
padding: 5px
}
.center {
text-align: center;
}
/* Specifics for inner (data) lists */
.state-table ul.inner-state-list {
width: 100%;
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
.state-table ul.inner-state-list li {
padding: 4px 5px;
/*border-bottom: 1px solid #EEE;*/
}
.state-table ul.inner-state-list li .state-heading {
font-weight: bold;
}
.no-break-out { .no-break-out {
/* These are technically the same, but use both */ /* These are technically the same, but use both */
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
-ms-word-break: break-all; -ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */ /* This is the dangerous one in WebKit, as it breaks things wherever */
...@@ -150,7 +310,7 @@ table.table-light .btn-link { ...@@ -150,7 +310,7 @@ table.table-light .btn-link {
} }
.previous-crawls { .previous-crawls {
max-height: 200px; max-height: 300px;
overflow-y: scroll; overflow-y: scroll;
border: 1px solid #DEDEDE; border: 1px solid #DEDEDE;
} }
...@@ -197,7 +357,7 @@ a:active i { ...@@ -197,7 +357,7 @@ a:active i {
} }
.jumbotron h1 { .jumbotron h1 {
margin-top: 50px; margin-top: 10px;
font-size: 3em; font-size: 3em;
} }
...@@ -211,13 +371,6 @@ a:active i { ...@@ -211,13 +371,6 @@ a:active i {
padding-top: 32px; padding-top: 32px;
} }
.search-home-info {
margin-top: 50px;
margin-bottom: 5px;
font-size: 120%;
font-style: italic;
}
.branded-side-logo { .branded-side-logo {
margin: 25px; margin: 25px;
text-align: right; text-align: right;
...@@ -225,6 +378,7 @@ a:active i { ...@@ -225,6 +378,7 @@ a:active i {
.wordcloud { .wordcloud {
text-align: center; text-align: center;
margin-top: 10px;
} }
.wordcloud text:hover { .wordcloud text:hover {
...@@ -253,14 +407,14 @@ a:active i { ...@@ -253,14 +407,14 @@ a:active i {
} }
div.panel.panel-search-result { div.panel.panel-search-result {
border-color: #56516b; border-color: #002547;
} }
div.panel.panel-search-result > .panel-heading { div.panel.panel-search-result > .panel-heading {
background-color: #7e7b8c; background-color: #002547;
background-image: linear-gradient(to bottom, #7e7b8c 0%, #56516b 100%); /*background-image: linear-gradient(to bottom, #7e7b8c 0%, #56516b 100%);*/
color: #FFF; color: #FFF;
border-color: #56516b; border-color: #002547;
} }
div.panel.panel-search-result > .panel-body { div.panel.panel-search-result > .panel-body {
...@@ -332,7 +486,7 @@ div.panel.panel-search-result > .panel-body { ...@@ -332,7 +486,7 @@ div.panel.panel-search-result > .panel-body {
.dataTables_wrapper table.dataTable tbody tr.selected { .dataTables_wrapper table.dataTable tbody tr.selected {
background-color: #BFBDC6; background-color: #BFBDC6;
} }
.td-no-wrap { .td-no-wrap, .no-wrap {
white-space: nowrap; white-space: nowrap;
} }
...@@ -535,7 +689,7 @@ div.panel.panel-search-result > .panel-body { ...@@ -535,7 +689,7 @@ div.panel.panel-search-result > .panel-body {
} }
.sidebar a.list-group-item { .sidebar a.list-group-item {
color: #483E69; color: #003564;
border-left: 3px solid #fff; border-left: 3px solid #fff;
} }
...@@ -624,7 +778,7 @@ div.panel.panel-search-result > .panel-body { ...@@ -624,7 +778,7 @@ div.panel.panel-search-result > .panel-body {
.dariah-flower-white-45 { .dariah-flower-white-45 {
background-image: url("../img/dariah-flower-white-45.png"); background-image: url("../img/dariah-flower-white-45.png");
padding: 26px 0 0 30px; padding: 26px 0 0 30px;
margin-top: 15px; margin-top: -15px;
min-height: 45px; min-height: 45px;
font-size: 22px; font-size: 22px;
white-space: nowrap; white-space: nowrap;
...@@ -651,9 +805,9 @@ div.panel.panel-search-result > .panel-body { ...@@ -651,9 +805,9 @@ div.panel.panel-search-result > .panel-body {
/*! /*!
* Smaller jumbotron * Smaller jumbotron
*/ */
.jumbotron.jumbotron-small { /*.jumbotron.jumbotron-small {
padding: 10px 0; padding: 10px 0;
} }*/
.jumbotron.jumbotron-small h1 { .jumbotron.jumbotron-small h1 {
font-size: 3em; font-size: 3em;
} }
......
/*!
* Bootstrap Colorpicker
* http://mjolnic.github.io/bootstrap-colorpicker/
*
* Originally written by (c) 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0.txt
*
*/
.colorpicker-saturation {
float: left;
width: 100px;
height: 100px;
cursor: crosshair;
background-image: url("../../img/bootstrap-colorpicker/saturation.png");
}
.colorpicker-saturation i {
position: absolute;
top: 0;
left: 0;
display: block;
width: 5px;
height: 5px;
margin: -4px 0 0 -4px;
border: 1px solid #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.colorpicker-saturation i b {
display: block;
width: 5px;
height: 5px;
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.colorpicker-hue,
.colorpicker-alpha {
float: left;
width: 15px;
height: 100px;
margin-bottom: 4px;
margin-left: 4px;
cursor: row-resize;
}
.colorpicker-hue i,
.colorpicker-alpha i {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
margin-top: -1px;
background: #000;
border-top: 1px solid #fff;
}
.colorpicker-hue {
background-image: url("../../img/bootstrap-colorpicker/hue.png");
}
.colorpicker-alpha {
display: none;
background-image: url("../../img/bootstrap-colorpicker/alpha.png");
}
.colorpicker {
top: 0;
left: 0;
z-index: 2500;
min-width: 130px;
padding: 4px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*zoom: 1;
}
.colorpicker:before,
.colorpicker:after {
display: table;
line-height: 0;
content: "";
}
.colorpicker:after {
clear: both;
}
.colorpicker:before {
position: absolute;
top: -7px;
left: 6px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.colorpicker:after {
position: absolute;
top: -6px;
left: 7px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
content: '';
}
.colorpicker div {
position: relative;
}
.colorpicker.colorpicker-with-alpha {
min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
display: block;
}
.colorpicker-color {
height: 10px;
margin-top: 5px;
clear: both;
background-image: url("../../img/bootstrap-colorpicker/alpha.png");
background-position: 0 100%;
}
.colorpicker-color div {
height: 10px;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: text-top;
cursor: pointer;
}
.colorpicker.colorpicker-inline {
position: relative;
z-index: auto;
display: inline-block;
float: none;
}
.colorpicker.colorpicker-horizontal {
width: 110px;
height: auto;
min-width: 110px;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
float: left;
width: 100px;
height: 15px;
margin-bottom: 4px;