Select Git revision
check_rearbackup
main.css 11.00 KiB
body {
padding-top: 0;
/* background: linear-gradient(-20deg, #fff 10%,#dde,#fff 90%) fixed; */
}
#header,
#footer {
background: #eee;
padding: 1em;
font-size: 300%;
color: #a33;
border-bottom: 2px solid #ccc;
}
#footer {
background: none;
font-size: 100%;
color: #a33;
text-align: right;
border: 0px solid #ccc;
border-top: 0px solid #ddd;
margin-top: 5em;
}
/*
.navbar {background:#436; border-radius: 0; position: fixed; top: 0px; width: 100%; left: 0; z-index: 100;}
*/
.navbar-inverse .navbar-nav>li>a {
color: #fff;
}
.navbar-inner {
padding: 0 6em;
box-shadow: 0 0 3em #888;
}
#header2 {
background: none;
padding: 0.5em;
margin-bottom: 2em;
margin: 4em 2% 0;
}
.description {
font-weight: normal;
color: rgba(0, 0, 0, 0.5);
font-size: 70%;
font-style: italic;
}
.navbar-brand {
font-size: 150%;
}
.navbar-inverse .navbar-brand {
color: #ddd !important;
}
.imllogo:before {
background: rgb(255, 0, 51);
color: #fff;
padding: 0.5em 0.4em;
content: 'IML';
font-weight: bold;
}
.navbar-nav>li>.dropdown-menu {
overflow: auto;
max-height: 30em;
}
#swversion {
float: right;
right: 0em;
position: fixed;
top: 4em;
padding: 0 0.5em;
background: rgba(0, 0, 0, 0.05);
color: #555;
border-bottom-left-radius: 0.5em;
}
#content {
background: #fff;
padding: 0.5em;
border: 1px solid rgba(0, 0, 0, 0.06);
/*
margin: 0 2% 0;
box-shadow: 1em 1em 2em #fff;
*/
}
/* TODO div#navbuttom wurde auskommentiert */
div#navtop,
div#navbuttom {
background: rgba(0, 50, 100, 0.1);
padding: 0.2em;
}
div#navtop {
margin-bottom: 1em;
}
div#navtop .current {
font-size: 170%;
color: #667;
padding: 0 0.2em;
position: absolute;
}
div#navbuttom {
margin-top: 2em;
border-top: 0px solid #ddd;
}
#divmodal {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #ccc;
background: rgba(0, 0, 0, 0.05);
display: none;
}
#divmodalmessage {
margin: 7% auto;
width: 50%;
background: #fff;
box-shadow: 0 0 5em #000;
padding: 2em;
}
h1 {
font-size: 250%;
margin: 0;
}
h2 {}
pre {
line-height: 1.2em;
padding: 5px;
background: #f0f4f4;
}
pre.cli {
color: #555;
}
pre.clistrong {
color: #000;
}
td {
vertical-align: top;
border-left: 1px solid #fff;
}
ul {}
ul li {
margin-bottom: 3px;
}
.prjbox {
float: left;
width: 350px;
margin: 0 1em 1em 0;
height: 12em;
background: #f8f8f8;
border: 1px solid #eee;
}
.prjbox:hover {
background: #eee;
box-shadow: none;
}
.prjbox div {
padding: 1em;
}
.prjbox .title {
background: none;
padding: 0.5em 1em 0;
border-bottom: 1px solid #fff;
}
.viewextended {}
.viewsimple {
display: none;
}
thead {
font-size: 110%;
}
#tbloverview th {
padding: 0.3em;
}
#tbloverview td {
padding: 0.2em;
}
th {
/*border-radius: 0.7em 0.7em 0 0; background:#f0f0f0; */
text-align: center;
border-right: 1px solid #fff;
}
thead tr th.prj {
border-bottom: none;
}
th.versioncontrol {
background: #eee;
}
tr {}
tr:hover {
background: #f0f4f8;
background_: linear-gradient(#f4f4f4, #fff, #f4f4f4);
}
.trproject td {
padding: 3px !important;
}
.trproject a.btn {
opacity: 0.1;
transition: ease-in-out all 0.3s;
}
.trprojectfiltered a.btn,
.trproject:hover a.btn {
opacity: 1;
}
div.progressinprogress {
color: #17a2b8;
}
div.progresshasqueue {
color: #d61;
}
tr.progressinprogress {
border-left: 0.3em solid #17a2b8;
}
tr.progresshasqueue {
border-left: 0.3em solid #d61;
}
td.prj:nth-child(1) {
max-width: 30em;
min-width: 30em;
padding-left: 0.5em !important;
}
td.prj:nth-child(1) a {
display: block;
border-radius: 0.3em;
}
/*
tr.progressinprogress td.prj:nth-child(1) a{ color: #17a2b8; ;}
tr.progresshasqueue td.prj:nth-child(1) a{ color: #d61; }
*/
.filterbar {
border-bottom: 0px solid #ccc;
;
}
button.prjprogress>span {
font-size: 130%;
}
button.prjprogress.selected {
box-shadow: 0 0 3em #abc inset;
border: 0px solid #aaa;
}
/*
.trproject-textfilter {border-right: 3px solid #f00;}
.trproject-projectfilter {border-top: 3px solid #00f;}
.trproject-progressfilter {border-bottom: 3px solid #0f0;}
*/
.trproject-textfilter,
.trproject-projectfilter,
.trproject-projectgroupfilter,
.trproject-progressfilter {
display: none;
}
th.tdphase {
border-radius: 1em 1em 0 0;
}
td {}
td.highlight {
animation: blinker 0.7s linear infinite;
}
@keyframes blinker {
70% {
background: rgba(255, 220, 50, 0.3)
}
}
.td-phase-inactive,
.td-place-onhold {
border-left: 1px dashed #ddd;
}
.td-place-onhold {
color: #d61;
}
.td-place-ready2install {}
td.prj>div {
opacity: 0.2;
transition: all ease-in-out 0.1s;
}
.trprojectfiltered td.prj>div,
tr td.prj:nth-child(1)>div,
tr:hover td.prj>div {
opacity: 1;
}
td.prj>div.deployprogress {
border-top: 0px dashed #ccc;
}
.dev {
background: #ccc;
}
.preview {}
.stage {}
.live {}
.preview,
.stage,
.live {}
a.expandable:before {
/*
border: 1px solid #aaa;
border-radius: 0.3em;
*/
color: #a00;
content: '+';
float: left;
font-size: 120%;
margin-right: 0em;
text-align: center;
transition: ease-in 0.3s;
transform: rotate(-45deg);
width: 1em;
}
a.closed:before {
color: #067;
content: '+';
transform: rotate(0deg);
}
a.info {
border-bottom: 1px dotted;
padding-bottom: 2px;
}
a.info:hover {
text-decoration: none;
background: #fff;
}
a.infoAsModal>span {
display: none;
}
a.info>span {
background: #fff;
box-shadow: 0 0 10px #888;
display: none;
margin-left: -150px;
margin-top: -1em;
padding: 0.5em;
position: absolute;
text-align: left;
z-index: 100;
}
a.info>span.left {
margin-left: 0;
}
a.info:hover span {
display: block;
text-decoration: none;
}
span.title {
background: #888;
color: #f8f8f8;
margin-top: -1em;
padding: 0.5em 0.5em;
float: left;
box-shadow: 0 0 5px #ccc;
border: 2px solid #fff;
}
span.pre {
line-height: 1.2em;
padding: 5px;
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
display: block;
font-size: 13px;
line-height: 20px;
margin: 0 0 10px;
padding: 9.5px;
color: #333333;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
span.highlight {
background: #fc2;
}
.hosts {}
.host {
border: 1px dotted #888;
float: left;
margin: 0 0.5em 0.5em 0;
padding: 0.5em;
}
.warning {
background: #fe8;
}
.error {
background: #fcc;
}
.ok {
background: #cfc;
}
/* -- bootstrap warning boxes not readable --*/
.alert-block {
background-color: #fea;
color: #653;
}
.badge-light {
background-color: #eee;
color: #aaa;
}
.center {
text-align: center;
}
.inactive {
color: #999;
font-style: italic;
}
ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
margin-top: 0px
}
.actions li {
color: #aaa;
}
.actions li.active {
color: #000;
font-weight: bold;
}
/* ----- form ----- */
input[type="radio"],
input[type="checkbox"] {
margin-right: 4px;
margin-left: 0 !important;
float: left;
}
input[type="radio"]:checked+label,
input[type="checkbox"]:checked+label {
color: #000;
font-weight: bold;
}
.checkbox label,
.radio label {
display: block;
}
.tab-pane p {
margin: 1em 10px;
}
.rolloutconfigdiv {
margin: 0 0 2em 4em;
padding: 1em;
background: rgba(255, 255, 255, 0.4);
}
/* ----- shell plugins ----- */
.cmdoutbox {
display: none;
}
.ciwinbox .wb-body {
background: #111 !important;
color: #cee;
font-family: monospace;
padding: 0.5em;
overflow: auto;
white-space: nowrap;
}
.ciwinbox .bar {
background: rgba(255, 255, 255, 0.1);
}
.ciwinbox .progress {
background: #367;
}
.ciwinbox pre {
background: none;
color: #cee;
}
/* showIdAsModalMessage() - when using winbox */
.ciwinboxinfos .wb-body {
background: #fff !important;
}
.float-right {
float: right;
}
.cmd-lines-10 {
height: 10em;
max-height: 10em;
}
.cmd-lines-20 {
height: 20em;
max-height: 20em;
}
.cmd-lines-25 {
height: 25em;
max-height: 25em;
}
.cmd-lines-30 {
height: 30em;
max-height: 30em;
}
.cmd-lines-35 {
height: 35em;
max-height: 35em;
}
.cmd-cols-10 {
width: 10em;
max-width: 10em;
}
.cmd-cols-20 {
width: 20em;
max-width: 20em;
}
.cmd-cols-40 {
width: 40em;
max-width: 40em;
}
.cmd-cols-60 {
width: 60em;
max-width: 60em;
}
.cmd-cols-80 {
width: 80em;
max-width: 80em;
}
.cmd-cols-100 {
width: 100em;
max-width: 100em;
}
/* ----- visualized process ----- */
.visualprocess {
margin: 2em 0 1em;
}
.visualprocess .archive {
text-align: center;
padding: 0 0 5px;
min-width: 7em;
}
.visualprocess .process {
float: left;
text-align: center;
padding: 0 0 5px;
min-width: 7em;
}
.visualprocess .process.box {
border: 2px dotted #abc;
border-radius: 0.5em;
padding: 0.5em;
min-height: 16em;
}
.visualprocess .action {
float: left;
text-align: center;
padding: 0em 1em 1em 1em;
background: #fff;
}
.visualprocess .process .title {
margin-bottom: 1em;
font-weight: bold;
font-size: 120%;
color: #aaa;
}
.visualprocess .archive .details span ,
.visualprocess .process .details span {border-right: 3px solid #fff;}
.visualprocess div.card{ min-height: 20em; }
/* ----- replacemets with templates ----- */
span.replace {
background: #fc8;
font-weight: bold;
}
/* ----- log table ----- */
div.vis-item{
border: 0px ;
}
.loglevel-info {}
div.loglevel-warning ,.loglevel-warning {
background: #fea;
}
div.loglevel-error, .loglevel-error{
background: #fcc;
}
.loglevel-success {
color: #080;
}
div.logs {
margin-top: 0em;
padding: 0.5em 0;
text-align: left;
}
/* ----- log view : timeline ----- */
div.loglevel-info{
background: #ddd;
}
div.loglevel-success{
background: #8ea;
}
/* ----- valuestore browser ----- */
#tbldata{
}
#tbldata th {
float: none;
}
#tbldata td {
border: none;
padding: 0.2em;
}