Skip to content
Snippets Groups Projects
Commit 3b564726 authored by Hahn Axel (hahn)'s avatar Hahn Axel (hahn)
Browse files

format css

parent ca072ea2
Branches
No related tags found
1 merge request!62V2.0
Show whitespace changes
Inline Side-by-side
public_html/deployment/main.css
+ 539
− 170
View file @ 3b564726
body{padding-top: 0; body {
padding-top: 0;
/* background: linear-gradient(-20deg, #fff 10%,#dde,#fff 90%) fixed; */ /* background: linear-gradient(-20deg, #fff 10%,#dde,#fff 90%) fixed; */
} }
#header,#footer{
#header,
#footer {
background: #eee; background: #eee;
padding: 1em; font-size: 300%; padding: 1em;
font-size: 300%;
color: #a33; color: #a33;
border-bottom: 2px solid #ccc; border-bottom: 2px solid #ccc;
} }
#footer { #footer {
background: none; background: none;
font-size: 100%; font-size: 100%;
...@@ -16,37 +21,66 @@ body{padding-top: 0; ...@@ -16,37 +21,66 @@ body{padding-top: 0;
border-top: 0px solid #ddd; border-top: 0px solid #ddd;
margin-top: 5em; margin-top: 5em;
} }
/* /*
.navbar {background:#436; border-radius: 0; position: fixed; top: 0px; width: 100%; left: 0; z-index: 100;} .navbar {background:#436; border-radius: 0; position: fixed; top: 0px; width: 100%; left: 0; z-index: 100;}
*/ */
.navbar-inverse .navbar-nav>li>a { .navbar-inverse .navbar-nav>li>a {
color: #fff; color: #fff;
} }
.navbar-inner {padding: 0 6em;box-shadow: 0 0 3em #888;}
.navbar-inner {
padding: 0 6em;
box-shadow: 0 0 3em #888;
}
#header2 { #header2 {
background: none; background: none;
padding: 0.5em; margin-bottom: 2em; padding: 0.5em;
margin-bottom: 2em;
margin: 4em 2% 0; margin: 4em 2% 0;
} }
.description{font-weight:normal; color:rgba(0,0,0,0.5); font-size: 70%; font-style: italic;} .description {
.navbar-brand {font-size: 150%;} font-weight: normal;
.navbar-inverse .navbar-brand {color:#ddd !important;} color: rgba(0, 0, 0, 0.5);
font-size: 70%;
font-style: italic;
}
.imllogo:before{background: rgb(255,0,51); color:#fff; padding: 0.5em 0.4em; content: 'IML'; font-weight: bold; } .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 { .navbar-nav>li>.dropdown-menu {
overflow: auto; overflow: auto;
max-height: 30em; max-height: 30em;
} }
#swversion {float: right; right: 0em; position: fixed; #swversion {
float: right;
right: 0em;
position: fixed;
top: 4em; top: 4em;
padding: 0 0.5em; padding: 0 0.5em;
background: rgba(0,0,0,0.05); color:#555; background: rgba(0, 0, 0, 0.05);
color: #555;
border-bottom-left-radius: 0.5em; border-bottom-left-radius: 0.5em;
} }
#content { #content {
background: #fff; background: #fff;
padding: 0.5em; padding: 0.5em;
...@@ -58,80 +92,201 @@ body{padding-top: 0; ...@@ -58,80 +92,201 @@ body{padding-top: 0;
} }
/* TODO div#navbuttom wurde auskommentiert */ /* TODO div#navbuttom wurde auskommentiert */
div#navtop, div#navbuttom{background: rgba(0,50,100,0.1); padding: 0.2em;} div#navtop,
div#navtop{margin-bottom: 1em;} div#navbuttom {
div#navtop .current{font-size: 170%; color: #667; padding: 0 0.2em; position: absolute;} 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 { div#navbuttom {
margin-top: 2em; margin-top: 2em;
border-top: 0px solid #ddd; border-top: 0px solid #ddd;
} }
#divmodal { #divmodal {
position: fixed; height: 100%; width: 100%; top:0; left:0; position: fixed;
background: #ccc; background: rgba(0,0,0,0.05); height: 100%;
width: 100%;
top: 0;
left: 0;
background: #ccc;
background: rgba(0, 0, 0, 0.05);
display: none; display: none;
} }
#divmodalmessage { #divmodalmessage {
margin: 7% auto; width: 50%; background: #fff; box-shadow: 0 0 5em #000; margin: 7% auto;
width: 50%;
background: #fff;
box-shadow: 0 0 5em #000;
padding: 2em; 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 {
pre.cli{ color:#555;} line-height: 1.2em;
pre.clistrong{color: #000;} padding: 5px;
td{vertical-align: top; border-left: 1px solid #fff;} background: #f0f4f4;
}
pre.cli {
color: #555;
}
pre.clistrong {
color: #000;
}
td {
vertical-align: top;
border-left: 1px solid #fff;
}
ul {} ul {}
ul li { ul li {
margin-bottom: 3px; margin-bottom: 3px;
} }
.prjbox { .prjbox {
float: left; width: 350px; margin: 0 1em 1em 0; height: 12em; float: left;
width: 350px;
margin: 0 1em 1em 0;
height: 12em;
background: #f8f8f8; background: #f8f8f8;
border: 1px solid #eee; border: 1px solid #eee;
} }
.prjbox:hover{background:#eee; box-shadow: none;}
.prjbox div{padding: 1em;} .prjbox:hover {
background: #eee;
box-shadow: none;
}
.prjbox div {
padding: 1em;
}
.prjbox .title { .prjbox .title {
background:none; padding: 0.5em 1em 0; border-bottom: 1px solid #fff; background: none;
padding: 0.5em 1em 0;
border-bottom: 1px solid #fff;
} }
.viewextended {} .viewextended {}
.viewsimple{display: none;}
thead{font-size: 110%;} .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;
}
#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 {}
tr:hover{background:#f0f4f8; background_: linear-gradient(#f4f4f4,#fff,#f4f4f4);}
.trproject td{padding: 3px !important;} tr:hover {
.trproject a.btn{opacity: 0.1; transition: ease-in-out all 0.3s;} 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, .trprojectfiltered a.btn,
.trproject:hover a.btn{opacity: 1;} .trproject:hover a.btn {
opacity: 1;
}
div.progressinprogress {
color: #17a2b8;
}
div.progressinprogress{color: #17a2b8;} div.progresshasqueue {
div.progresshasqueue{color: #d61;} color: #d61;
tr.progressinprogress{border-left:0.3em solid #17a2b8; } }
tr.progresshasqueue{border-left:0.3em solid #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.progressinprogress td.prj:nth-child(1) a{ color: #17a2b8; ;}
tr.progresshasqueue td.prj:nth-child(1) a{ color: #d61; } tr.progresshasqueue td.prj:nth-child(1) a{ color: #d61; }
*/ */
.filterbar{border-bottom: 0px solid #ccc; ;} .filterbar {
button.prjprogress>span{font-size: 130%;} border-bottom: 0px solid #ccc;
button.prjprogress.selected{box-shadow: 0 0 3em #abc inset; border: 0px solid #aaa;} ;
}
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-textfilter {border-right: 3px solid #f00;}
...@@ -142,36 +297,66 @@ button.prjprogress.selected{box-shadow: 0 0 3em #abc inset; border: 0px solid #a ...@@ -142,36 +297,66 @@ button.prjprogress.selected{box-shadow: 0 0 3em #abc inset; border: 0px solid #a
.trproject-textfilter, .trproject-textfilter,
.trproject-projectfilter, .trproject-projectfilter,
.trproject-projectgroupfilter, .trproject-projectgroupfilter,
.trproject-progressfilter .trproject-progressfilter {
{
display: none; display: none;
} }
th.tdphase{border-radius: 1em 1em 0 0;} th.tdphase {
border-radius: 1em 1em 0 0;
}
td {} td {}
td.highlight{animation: blinker 0.7s linear infinite;}
td.highlight {
animation: blinker 0.7s linear infinite;
}
@keyframes blinker { @keyframes blinker {
70% { background:rgba(255,220,50,0.3) } 70% {
background: rgba(255, 220, 50, 0.3)
}
}
.td-phase-inactive,
.td-place-onhold {
border-left: 1px dashed #ddd;
} }
.td-phase-inactive, .td-place-onhold{border-left: 1px dashed #ddd;}
.td-place-onhold{color:#d61;} .td-place-onhold {
color: #d61;
}
.td-place-ready2install {} .td-place-ready2install {}
td.prj > div{opacity: 0.2; transition: all ease-in-out 0.1s;}
td.prj>div {
opacity: 0.2;
transition: all ease-in-out 0.1s;
}
.trprojectfiltered td.prj>div, .trprojectfiltered td.prj>div,
tr td.prj:nth-child(1)>div, tr td.prj:nth-child(1)>div,
tr:hover td.prj > div{opacity: 1;} tr:hover td.prj>div {
opacity: 1;
}
td.prj > div.deployprogress{border-top: 1px dashed #ccc; margin-top: 0.7em;} td.prj>div.deployprogress {
border-top: 1px dashed #ccc;
margin-top: 0.7em;
}
.dev {
background: #ccc;
}
.dev{background:#ccc;}
.preview {} .preview {}
.stage {} .stage {}
.live {} .live {}
.preview, .stage, .live{ .preview,
} .stage,
.live {}
a.expandable:before { a.expandable:before {
/* /*
...@@ -188,23 +373,58 @@ a.expandable:before{ ...@@ -188,23 +373,58 @@ a.expandable:before{
transform: rotate(-45deg); transform: rotate(-45deg);
width: 1em; width: 1em;
} }
a.closed:before { a.closed:before {
color: #067; color: #067;
content: '+'; content: '+';
transform: rotate(0deg); transform: rotate(0deg);
} }
a.info { border-bottom: 1px dotted; padding-bottom: 2px;} a.info {
a.info:hover { text-decoration: none; background: #fff;} border-bottom: 1px dotted;
a.infoAsModal>span {display: none;} padding-bottom: 2px;
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; 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; z-index: 100;
} }
a.info>span.left{margin-left: 0;}
a.info:hover span{ display: block; text-decoration: none;} a.info>span.left {
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;} 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; line-height: 1.2em;
padding: 5px; padding: 5px;
...@@ -223,21 +443,48 @@ span.pre{ ...@@ -223,21 +443,48 @@ span.pre{
span.highlight { span.highlight {
background: #fc2; background: #fc2;
} }
.hosts {} .hosts {}
.host{border: 1px dotted #888; float: left; margin: 0 0.5em 0.5em 0; padding: 0.5em;}
.warning{background: #fe8;} .host {
.error{background: #fcc;} border: 1px dotted #888;
.ok{background: #cfc;} 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 --*/ /* -- bootstrap warning boxes not readable --*/
.alert-block { .alert-block {
background-color: #fea; background-color: #fea;
color: #653; color: #653;
} }
.badge-light{background-color:#eee; color:#aaa;}
.center{text-align: center;} .badge-light {
.inactive{color:#999; font-style: italic;} background-color: #eee;
color: #aaa;
}
.center {
text-align: center;
}
.inactive {
color: #999;
font-style: italic;
}
.versioninfo { .versioninfo {
border: 0px solid #ccc; border: 0px solid #ccc;
padding: 0px; padding: 0px;
...@@ -250,27 +497,44 @@ ul.nav li.dropdown:hover ul.dropdown-menu{ ...@@ -250,27 +497,44 @@ ul.nav li.dropdown:hover ul.dropdown-menu{
margin-top: 0px margin-top: 0px
} }
.actions li{color:#aaa;} .actions li {
.actions li.active{color:#000; font-weight: bold;} color: #aaa;
}
.actions li.active {
color: #000;
font-weight: bold;
}
/* ----- form ----- */ /* ----- form ----- */
input[type="radio"], input[type="checkbox"] { input[type="radio"],
input[type="checkbox"] {
margin-right: 4px; margin-right: 4px;
margin-left: 0 !important; margin-left: 0 !important;
float: left; 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; display: block;
} }
.tab-pane p {margin: 1em 10px;} .tab-pane p {
margin: 1em 10px;
}
/* ----- shell plugins ----- */ /* ----- shell plugins ----- */
.cmdoutbox{display: none;} .cmdoutbox {
display: none;
}
.ciwinbox .wb-body { .ciwinbox .wb-body {
background: #111 !important; background: #111 !important;
color: #cee; color: #cee;
...@@ -279,54 +543,159 @@ input[type="radio"]:checked+label, input[type="checkbox"]:checked+label{ ...@@ -279,54 +543,159 @@ input[type="radio"]:checked+label, input[type="checkbox"]:checked+label{
overflow: auto; overflow: auto;
white-space: nowrap; white-space: nowrap;
} }
.ciwinbox .bar{background: rgba(255,255,255,0.1);}
.ciwinbox .progress{background: #367;} .ciwinbox .bar {
.ciwinbox pre{background: none;color: #cee; } background: rgba(255, 255, 255, 0.1);
}
.ciwinbox .progress {
background: #367;
}
.ciwinbox pre {
background: none;
color: #cee;
}
/* showIdAsModalMessage() - when using winbox */ /* showIdAsModalMessage() - when using winbox */
.ciwinboxinfos .wb-body { .ciwinboxinfos .wb-body {
background: #fff !important; 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-10{height: 10em; max-height: 10em;} .cmd-lines-25 {
.cmd-lines-20{height: 20em; max-height: 20em;} height: 25em;
.cmd-lines-25{height: 25em; max-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-lines-30 {
.cmd-cols-20{width: 20em; max-width: 20em;} height: 30em;
.cmd-cols-40{width: 40em; max-width: 40em;} max-height: 30em;
.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-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 ----- */ /* ----- visualized process ----- */
.visualprocess{float: left; margin-top: 1em;} .visualprocess {
.visualprocess .process{float:left; text-align: center; padding: 0 0 5px; } float: left;
.visualprocess .process.box{border: 2px dotted #abc; padding: 0.5em; min-height: 16em;} 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 .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 .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 .details {}
/* ----- replacemets with templates ----- */ /* ----- replacemets with templates ----- */
span.replace{background:#fea; font-weight: bold;} span.replace {
background: #fea;
font-weight: bold;
}
/* ----- log table ----- */ /* ----- log table ----- */
.loglevel-info {} .loglevel-info {}
.loglevel-warning{ background: #fea;}
.loglevel-error{ background: #fcc;}
.loglevel-success{ color: #080;}
div.logs{ margin-top: 0em; padding: 0.5em 0; .loglevel-warning {
background: #fea;
}
.loglevel-error {
background: #fcc;
}
.loglevel-success {
color: #080;
}
div.logs {
margin-top: 0em;
padding: 0.5em 0;
text-align: left; text-align: left;
} }
/* ----- valuestore browser ----- */ /* ----- valuestore browser ----- */
#tbldata th{background: #ace; border: none; float: none;} #tbldata th {
#tbldata tr:hover{background: #fec;} background: #ace;
#tbldata td{border: none; padding: 0.2em; margin: none; float: none;} border: none;
\ No newline at end of file float: none;
}
#tbldata tr:hover {
background: #fec;
}
#tbldata td {
border: none;
padding: 0.2em;
margin: none;
float: none;
}
\ No newline at end of file
public_html/deployment/main_new_ui.css
+ 49
− 12
View file @ 3b564726
li.nav-item .active{background-color: #e8e8e8;} li.nav-item .active {
pre.config{background:#f4f4f4; color:#448; border-radius: 0.5em; max-height: auto; transition: all ease-in-out 0.2s;} background-color: #e8e8e8;
.hidden{max-height: 0px; padding: 0; margin: 0;} }
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; color: #f8f8f8;
background-color: #456; background-color: #456;
border-color: #dee2e6 #dee2e6 #fff; border-color: #dee2e6 #dee2e6 #fff;
} }
a{color: #57c;} a {
li a i{color: #699;} color: #57c;
li a i{color: #17a2b8;} }
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 {
a.topbrand small{margin-left: 0.3em; font-weight: normal;} margin-left: 0.3em;
font-weight: normal;
}
/* no line break in top menu */ /* no line break in top menu */
.dropdown-menu a{white-space: nowrap;} .dropdown-menu a {
white-space: nowrap;
}
/* a vertical divider in top navigation */ /* 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 */ /* top right breadcrumb color */
.breadcrumb a{color: #666;} .breadcrumb a {
color: #666;
}
/* fix width of input fields */ /* fix width of input fields */
.form-control { .form-control {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment