Skip to content
Snippets Groups Projects
Select Git revision
  • 8e6fc71e0c1f4a134bdbf03414f8b4bce47e24c1
  • master default protected
2 results

deploy_app.sh

Blame
  • 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;
    }