diff --git a/public_html/deployment/main.css b/public_html/deployment/main.css index b4a1160e8f9127b84a945b8317a59b35e9505f76..dda458ad627fe3cd035c7426dfd4cdaf32e9a4b7 100644 --- a/public_html/deployment/main.css +++ b/public_html/deployment/main.css @@ -1,56 +1,90 @@ -body{padding-top: 0; +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; + +#header, +#footer { + background: #eee; + padding: 1em; + font-size: 300%; + color: #a33; border-bottom: 2px solid #ccc; } -#footer{ + +#footer { background: none; font-size: 100%; - color:#a33; + 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-inverse .navbar-nav>li>a { + color: #fff; } -.navbar-inner {padding: 0 6em;box-shadow: 0 0 3em #888;} -#header2{ + +.navbar-inner { + padding: 0 6em; + box-shadow: 0 0 3em #888; +} + +#header2 { background: none; - padding: 0.5em; margin-bottom: 2em; + 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;} +.description { + font-weight: normal; + color: rgba(0, 0, 0, 0.5); + font-size: 70%; + font-style: italic; +} + +.navbar-brand { + font-size: 150%; +} -.imllogo:before{background: rgb(255,0,51); color:#fff; padding: 0.5em 0.4em; content: 'IML'; font-weight: bold; } +.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; +.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; +#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{ + +#content { background: #fff; padding: 0.5em; - border: 1px solid rgba(0,0,0,0.06); + border: 1px solid rgba(0, 0, 0, 0.06); /* margin: 0 2% 0; box-shadow: 1em 1em 2em #fff; @@ -58,80 +92,201 @@ body{padding-top: 0; } /* 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; +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); +#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; + +#divmodalmessage { + margin: 7% auto; + width: 50%; + background: #fff; + box-shadow: 0 0 5em #000; + padding: 2em; +} + +h1 { + font-size: 250%; + margin: 0; } -h1{font-size: 250%; margin: 0;} -h2{} +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; +} -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; +.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; + +.prjbox:hover { + background: #eee; + box-shadow: none; } -.viewextended{} -.viewsimple{display: none;} +.prjbox div { + padding: 1em; +} -thead{font-size: 110%;} +.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 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);} +#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; +} -.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;} +.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;} +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; +} + +td.prj:nth-child(1) a { + display: block; + padding: 0.3em 0.5em; + border-radius: 0.3em; + background-color: #f0f4f8; +} -td.prj:nth-child(1) {max-width: 30em;} -td.prj:nth-child(1) a{display: block; padding: 0.3em 0.5em; border-radius: 0.3em; background-color: #f0f4f8;} /* 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;} +.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;} @@ -142,43 +297,73 @@ button.prjprogress.selected{box-shadow: 0 0 3em #abc inset; border: 0px solid #a .trproject-textfilter, .trproject-projectfilter, .trproject-projectgroupfilter, -.trproject-progressfilter -{ +.trproject-progressfilter { display: none; } -th.tdphase{border-radius: 1em 1em 0 0;} +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 {} + +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-phase-inactive, +.td-place-onhold { + border-left: 1px dashed #ddd; +} -td.prj > div.deployprogress{border-top: 1px dashed #ccc; margin-top: 0.7em;} +.td-place-onhold { + color: #d61; +} -.dev{background:#ccc;} -.preview{} -.stage{} -.live{} +.td-place-ready2install {} -.preview, .stage, .live{ +td.prj>div { + opacity: 0.2; + transition: all ease-in-out 0.1s; } -a.expandable:before{ +.trprojectfiltered td.prj>div, +tr td.prj:nth-child(1)>div, +tr:hover td.prj>div { + opacity: 1; +} + +td.prj>div.deployprogress { + border-top: 1px dashed #ccc; + margin-top: 0.7em; +} + +.dev { + background: #ccc; +} + +.preview {} + +.stage {} + +.live {} + +.preview, +.stage, +.live {} + +a.expandable:before { /* border: 1px solid #aaa; border-radius: 0.3em; */ - color:#a00; + color: #a00; content: '+'; float: left; font-size: 120%; @@ -186,26 +371,61 @@ a.expandable:before{ text-align: center; transition: ease-in 0.3s; transform: rotate(-45deg); - width: 1em; + width: 1em; } -a.closed:before{ - color:#067; + +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 { + 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; } -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{ + +span.pre { line-height: 1.2em; padding: 5px; background-color: #F5F5F5; @@ -217,116 +437,265 @@ span.pre{ margin: 0 0 10px; padding: 9.5px; color: #333333; - font-family: Monaco,Menlo,Consolas,"Courier New",monospace; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } -span.highlight{ - background:#fc2; +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;} +.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;} -.versioninfo{ + +.badge-light { + background-color: #eee; + color: #aaa; +} + +.center { + text-align: center; +} + +.inactive { + color: #999; + font-style: italic; +} + +.versioninfo { border: 0px solid #ccc; padding: 0px; border-radius: 0px; margin-bottom: 0px; } -ul.nav li.dropdown:hover ul.dropdown-menu{ +ul.nav li.dropdown:hover ul.dropdown-menu { display: block; - margin-top:0px -} + margin-top: 0px +} -.actions li{color:#aaa;} -.actions li.active{color:#000; font-weight: bold;} +.actions li { + color: #aaa; +} + +.actions li.active { + color: #000; + font-weight: bold; +} /* ----- form ----- */ -input[type="radio"], input[type="checkbox"] { +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; + +input[type="radio"]:checked+label, +input[type="checkbox"]:checked+label { + color: #000; + font-weight: bold; } -.checkbox label, .radio label { + +.checkbox label, +.radio label { display: block; } -.tab-pane p {margin: 1em 10px;} +.tab-pane p { + margin: 1em 10px; +} /* ----- shell plugins ----- */ -.cmdoutbox{display: none;} -.ciwinbox .wb-body{ - background: #111 !important; - color: #cee; - font-family: monospace; +.cmdoutbox { + display: none; +} + +.ciwinbox .wb-body { + background: #111 !important; + color: #cee; + font-family: monospace; padding: 0.5em; - overflow: auto; - white-space: nowrap; + overflow: auto; + white-space: nowrap; +} + +.ciwinbox .bar { + background: rgba(255, 255, 255, 0.1); +} + +.ciwinbox .progress { + background: #367; +} + +.ciwinbox pre { + background: none; + color: #cee; } -.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; +.ciwinboxinfos .wb-body { + background: #fff !important; } -.float-right{float: right;} +.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-lines-10 { + height: 10em; + max-height: 10em; +} -.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;} +.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{float: left; margin-top: 1em;} -.visualprocess .process{float:left; text-align: center; padding: 0 0 5px; } -.visualprocess .process.box{border: 2px dotted #abc; padding: 0.5em; min-height: 16em;} +.visualprocess { + float: left; + margin-top: 1em; +} -.visualprocess .action{float:left;padding: 0em 1em 1em 1em; background: #fff;} -.visualprocess .process .title{margin-bottom: 1em; font-weight: bold; font-size: 120%; color:#aaa;} -.visualprocess .process .details{} +.visualprocess .process { + float: left; + text-align: center; + padding: 0 0 5px; +} + +.visualprocess .process.box { + border: 2px dotted #abc; + padding: 0.5em; + min-height: 16em; +} + +.visualprocess .action { + float: left; + padding: 0em 1em 1em 1em; + background: #fff; +} + +.visualprocess .process .title { + margin-bottom: 1em; + font-weight: bold; + font-size: 120%; + color: #aaa; +} + +.visualprocess .process .details {} /* ----- replacemets with templates ----- */ -span.replace{background:#fea; font-weight: bold;} +span.replace { + background: #fea; + font-weight: bold; +} /* ----- log table ----- */ -.loglevel-info{} -.loglevel-warning{ background: #fea;} -.loglevel-error{ background: #fcc;} -.loglevel-success{ color: #080;} +.loglevel-info {} + +.loglevel-warning { + background: #fea; +} + +.loglevel-error { + background: #fcc; +} -div.logs{ margin-top: 0em; padding: 0.5em 0; - text-align: left; +.loglevel-success { + color: #080; +} + +div.logs { + margin-top: 0em; + padding: 0.5em 0; + text-align: left; } /* ----- valuestore browser ----- */ -#tbldata th{background: #ace; border: none; float: none;} -#tbldata tr:hover{background: #fec;} -#tbldata td{border: none; padding: 0.2em; margin: none; float: none;} \ No newline at end of file +#tbldata th { + background: #ace; + border: none; + float: none; +} + +#tbldata tr:hover { + background: #fec; +} + +#tbldata td { + border: none; + padding: 0.2em; + margin: none; + float: none; +} \ No newline at end of file diff --git a/public_html/deployment/main_new_ui.css b/public_html/deployment/main_new_ui.css index d2c58ee879c9a5a46780d5fbc1cffd7fe39c051b..f68df4ce25a57c9271a38c199849715e7d9f7534 100644 --- a/public_html/deployment/main_new_ui.css +++ b/public_html/deployment/main_new_ui.css @@ -1,28 +1,65 @@ -li.nav-item .active{background-color: #e8e8e8;} -pre.config{background:#f4f4f4; color:#448; border-radius: 0.5em; max-height: auto; transition: all ease-in-out 0.2s;} -.hidden{max-height: 0px; padding: 0; margin: 0;} +li.nav-item .active { + background-color: #e8e8e8; +} + +pre.config { + background: #f4f4f4; + color: #448; + border-radius: 0.5em; + max-height: auto; + transition: all ease-in-out 0.2s; +} + +.hidden { + max-height: 0px; + padding: 0; + margin: 0; +} -.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { +.nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-link.active { color: #f8f8f8; background-color: #456; border-color: #dee2e6 #dee2e6 #fff; } -a{color: #57c;} -li a i{color: #699;} -li a i{color: #17a2b8;} +a { + color: #57c; +} + +li a i { + color: #699; +} + +li a i { + color: #17a2b8; +} + +a.topbrand { + font-size: 150%; + margin-top: -0.2em; + margin-right: 0.5em; +} -a.topbrand{font-size: 150%; margin-top: -0.2em; margin-right: 0.5em;} -a.topbrand small{margin-left: 0.3em; font-weight: normal;} +a.topbrand small { + margin-left: 0.3em; + font-weight: normal; +} /* no line break in top menu */ -.dropdown-menu a{white-space: nowrap;} +.dropdown-menu a { + white-space: nowrap; +} /* a vertical divider in top navigation */ -.navbar-nav li.divider{border-left: 1px solid rgba(0,0,0,0.2);} +.navbar-nav li.divider { + border-left: 1px solid rgba(0, 0, 0, 0.2); +} /* top right breadcrumb color */ -.breadcrumb a{color: #666;} +.breadcrumb a { + color: #666; +} /* fix width of input fields */ .form-control {