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

format css

parent ca072ea2
No related branches found
No related tags found
1 merge request!62V2.0
body{padding-top: 0;
body {
padding-top: 0;
/* background: linear-gradient(-20deg, #fff 10%,#dde,#fff 90%) fixed; */
}
#header,#footer{
#header,
#footer {
background: #eee;
padding: 1em; font-size: 300%;
padding: 1em;
font-size: 300%;
color: #a33;
border-bottom: 2px solid #ccc;
}
#footer {
background: none;
font-size: 100%;
......@@ -16,37 +21,66 @@ body{padding-top: 0;
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;}
.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;
}
.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 {
overflow: auto;
max-height: 30em;
}
#swversion {float: right; right: 0em; position: fixed;
#swversion {
float: right;
right: 0em;
position: fixed;
top: 4em;
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;
}
#content {
background: #fff;
padding: 0.5em;
......@@ -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#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);
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;
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 {}
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;
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:hover {
background: #eee;
box-shadow: none;
}
.prjbox div {
padding: 1em;
}
.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 {}
.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: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;}
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;}
.trproject:hover a.btn {
opacity: 1;
}
div.progressinprogress {
color: #17a2b8;
}
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.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,36 +297,66 @@ 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;}
td.highlight {
animation: blinker 0.7s linear infinite;
}
@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.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,
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 {}
.stage {}
.live {}
.preview, .stage, .live{
}
.preview,
.stage,
.live {}
a.expandable:before {
/*
......@@ -188,23 +373,58 @@ a.expandable:before{
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;
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 {
line-height: 1.2em;
padding: 5px;
......@@ -223,21 +443,48 @@ span.pre{
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;}
.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;}
.badge-light {
background-color: #eee;
color: #aaa;
}
.center {
text-align: center;
}
.inactive {
color: #999;
font-style: italic;
}
.versioninfo {
border: 0px solid #ccc;
padding: 0px;
......@@ -250,27 +497,44 @@ ul.nav li.dropdown:hover ul.dropdown-menu{
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;}
.cmdoutbox {
display: none;
}
.ciwinbox .wb-body {
background: #111 !important;
color: #cee;
......@@ -279,54 +543,159 @@ input[type="radio"]:checked+label, input[type="checkbox"]:checked+label{
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;
}
.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-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-25 {
height: 25em;
max-height: 25em;
}
.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-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 .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 {}
/* ----- 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;}
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;
}
/* ----- 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
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 {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment