diff --git a/public_html/deployment/main.css b/public_html/deployment/main.css index 67fafd5bb90781d37d76369e386a89ed6bc05205..5dd6586dc15e39497bf60540f7fd5b722c3d97ae 100644 --- a/public_html/deployment/main.css +++ b/public_html/deployment/main.css @@ -1,222 +1,224 @@ - -body{padding-top: 0;} -#header,#footer{ - background:#eee; background: linear-gradient(#fff,#eee); - padding: 1em; font-size: 300%; - color:#a33; - text-shadow: 1px 1px 0 #fff, 10px 10px 10px #aaa; - border-bottom: 2px solid #ccc; -} -#footer{ - background: none; - font-size: 100%; - color:#a33; - text-align: right; - text-shadow: 1px 1px 0 #fff, 3px 3px 3px #aaa; - border: 0px solid #ccc; - border-top: 0px solid #ddd; - margin-top: 5em; -} -.navbar {position: fixed; top: 0px; width: 100%; left: 0; z-index: 100;} -.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:bold; color:#ccc; font-size: 150%; font-style: italic;} -.navbar-brand {color:#a33 !important;} -.navbar-inverse .navbar-brand {color:#c55 !important;} -#swversion {float: right; right: 0em; position: fixed; - top: 4em; - padding: 0 0.5em; - background: #eee; color:#888; - border-bottom-left-radius: 0.5em; -} -#content{ - margin: 0 2% 0; - border-left: 0px solid #ccc; - padding: 1em; - box-shadow: 0 0 15px #eee; -} - -div#navbuttom{ - margin-top: 4em; padding: 1em 0; - border-top: 2px 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: 20% auto; width: 50%; background: #fff; box-shadow: 0 0 3em #000; - padding: 2em; -} - -h1{font-size: 250%; margin: 0;} -h2{} - -/* actions */ -h2.action{ - background: #f8f8f8 url("/deployment/images/nuvola64x64/apps/aktion.png") 10px 10px no-repeat; - border-bottom: 2px solid #eee; - color: #888; - padding: 20px 0 0 90px; - height: 2.7em; margin: 0 0 1em 0; - font-size: 250%; -} -h2.accept{background-image: url("/deployment/images/nuvola64x64/apps/korganizer.png");} -h2.build{background-image: url("/deployment/images/nuvola64x64/apps/kthememgr.png");} -h2.cleanup{background-image: url("/deployment/images/nuvola64x64/apps/kasteroids.png");} -h2.deploy{background-image: url("/deployment/images/nuvola64x64/apps/iconthemes.png");} -h2.prjhome{background-image: url("/deployment/images/nuvola64x64/apps/kdict.png");} -h2.phase{background-image: url("/deployment/images/nuvola64x64/apps/kreversi.png");} -h2.setup{background-image: url("/deployment/images/nuvola64x64/apps/kcmsystem.png");} -h2.login{background-image: url("/deployment/images/nuvola64x64/apps/kgpg.png");} -h3{color:#444; margin-top: 3em;} -h3:first-child{margin-top: 0;} - -h4{color:#666;} - -#imgtop{float:left; margin: 0 20px 20px 0;} -pre{line-height: 1.2em; padding: 5px;} -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: 130%;} - -#tbloverview th{} -#tbloverview td{} -th{/*border-radius: 0.7em 0.7em 0 0; */ text-align: center; border-right: 1px solid #fff;} -th.prj{background:#f8f8f8;} -th.versioncontrol{background: #eee; } -tr{/* background: linear-gradient(#fff,#fff,#fff,#fff,#eee); */} -tr:hover{background:#ddd; background: linear-gradient(#f0f0f0,#fff,#f0f0f0);} - -.trproject td{padding: 3px !important;} -.trproject a.btn{opacity: 0.2;} -.trprojectfiltered a.btn, -.trproject:hover a.btn{opacity: 1;} - - -td.preview{} -td.stage{} -td.live{} -td{transition: ease-in 0.5s} -td.highlight{background:rgba(255,220,50,0.5) !important;} - -.dev{background:#ccc;} -.preview{} -.stage{} -.live{} - -.preview, .stage, .live{ -} - -a.info { border-bottom: 1px dotted; padding-bottom: 2px;} -a.info:hover { text-decoration: none; background: #fff;} -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;} -a.info span 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 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; -} - - -.warning{background: #fe8;} -.error{background: #fcc;} -.ok{background: #cfc;} - -/* -- bootstrap warning boxes not readable --*/ -.alert-block { - background-color: #fea; - color: #653; -} - -.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{ - 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;background: #f8f8d0 !important; -} -.checkbox label, .radio label { - display: block; -} - -/* ----- visualized process ----- */ -.visualprocess{float: left; padding: 1em; box-shadow: 0 0 0em #ddd;} -.visualprocess .process{float:left; text-align: center; padding: 0 0 5px; min-height: 220px; } -.visualprocess .process.phases{border-left: 2px dashed #ddd; padding-left: 1em;} -.visualprocess .process img{} -.visualprocess .action{float:left;padding: 9em 2em; background: #fff;} -.visualprocess .process .title{margin-bottom: 2em; font-weight: bold; font-size: 150%; color:#aaa;} -.visualprocess .process .details{background: #fff; min-height: 6em;} - - -/* ----- log table ----- */ -.loglevel-info{} -.loglevel-warning{ background: #fea;} -.loglevel-error{ background: #fcc;} -.loglevel-success{ color: #080;} - -div.logs{ margin-top: 1em; padding: 0.5em 0; - text-align: left; -} + +body{padding-top: 0;} +#header,#footer{ + background:#eee; background: linear-gradient(#fff,#eee); + padding: 1em; font-size: 300%; + color:#a33; + text-shadow: 1px 1px 0 #fff, 10px 10px 10px #aaa; + border-bottom: 2px solid #ccc; +} +#footer{ + background: none; + font-size: 100%; + color:#a33; + text-align: right; + text-shadow: 1px 1px 0 #fff, 3px 3px 3px #aaa; + border: 0px solid #ccc; + border-top: 0px solid #ddd; + margin-top: 5em; +} +.navbar {position: fixed; top: 0px; width: 100%; left: 0; z-index: 100;} +.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:bold; color:#ccc; font-size: 150%; font-style: italic;} +.navbar-brand {color:#a33 !important;} +.navbar-inverse .navbar-brand {color:#c55 !important;} +#swversion {float: right; right: 0em; position: fixed; + top: 4em; + padding: 0 0.5em; + background: #eee; color:#888; + border-bottom-left-radius: 0.5em; +} +#content{ + margin: 0 2% 0; + border-left: 0px solid #ccc; + padding: 1em; + box-shadow: 0 0 15px #eee; +} + +div#navbuttom{ + margin-top: 4em; padding: 1em 0; + border-top: 2px 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: 20% auto; width: 50%; background: #fff; box-shadow: 0 0 3em #000; + padding: 2em; +} + +h1{font-size: 250%; margin: 0;} +h2{} + +/* actions */ +h2.action{ + background: #f8f8f8 url("/deployment/images/nuvola64x64/apps/aktion.png") 10px 10px no-repeat; + border-bottom: 2px solid #eee; + color: #888; + padding: 20px 0 0 90px; + height: 2.7em; margin: 0 0 1em 0; + font-size: 250%; +} +/* +h2.accept{background-image: url("/deployment/images/nuvola64x64/apps/korganizer.png");} +h2.build{background-image: url("/deployment/images/nuvola64x64/apps/kthememgr.png");} +h2.cleanup{background-image: url("/deployment/images/nuvola64x64/apps/kasteroids.png");} +h2.deploy{background-image: url("/deployment/images/nuvola64x64/apps/iconthemes.png");} +h2.prjhome{background-image: url("/deployment/images/nuvola64x64/apps/kdict.png");} +h2.phase{background-image: url("/deployment/images/nuvola64x64/apps/kreversi.png");} +h2.setup{background-image: url("/deployment/images/nuvola64x64/apps/kcmsystem.png");} +h2.login{background-image: url("/deployment/images/nuvola64x64/apps/kgpg.png");} +*/ +h3{color:#444; margin-top: 3em;} +h3:first-child{margin-top: 0;} + +h4{color:#666;} + +#imgtop{float:left; margin: 0 20px 20px 0;} +pre{line-height: 1.2em; padding: 5px;} +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: 130%;} + +#tbloverview th{} +#tbloverview td{} +th{/*border-radius: 0.7em 0.7em 0 0; */ text-align: center; border-right: 1px solid #fff;} +th.prj{background:#f8f8f8;} +th.versioncontrol{background: #eee; } +tr{/* background: linear-gradient(#fff,#fff,#fff,#fff,#eee); */} +tr:hover{background:#ddd; background: linear-gradient(#f0f0f0,#fff,#f0f0f0);} + +.trproject td{padding: 3px !important;} +.trproject a.btn{opacity: 0.2;} +.trprojectfiltered a.btn, +.trproject:hover a.btn{opacity: 1;} + + +td.preview{} +td.stage{} +td.live{} +td{transition: ease-in 0.5s} +td.highlight{background:rgba(255,220,50,0.5) !important;} + +.dev{background:#ccc;} +.preview{} +.stage{} +.live{} + +.preview, .stage, .live{ +} + +a.info { border-bottom: 1px dotted; padding-bottom: 2px;} +a.info:hover { text-decoration: none; background: #fff;} +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;} +a.info span 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 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; +} + + +.warning{background: #fe8;} +.error{background: #fcc;} +.ok{background: #cfc;} + +/* -- bootstrap warning boxes not readable --*/ +.alert-block { + background-color: #fea; + color: #653; +} + +.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{ + 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;background: #f8f8d0 !important; +} +.checkbox label, .radio label { + display: block; +} + +/* ----- visualized process ----- */ +.visualprocess{float: left; padding: 1em; box-shadow: 0 0 0em #ddd;} +.visualprocess .process{float:left; text-align: center; padding: 0 0 5px; min-height: 220px; } +.visualprocess .process.phases{border-left: 2px dashed #ddd; padding-left: 1em;} +.visualprocess .process img{} +.visualprocess .action{float:left;padding: 9em 2em; background: #fff;} +.visualprocess .process .title{margin-bottom: 2em; font-weight: bold; font-size: 150%; color:#aaa;} +.visualprocess .process .details{background: #fff; min-height: 6em;} + + +/* ----- log table ----- */ +.loglevel-info{} +.loglevel-warning{ background: #fea;} +.loglevel-error{ background: #fcc;} +.loglevel-success{ color: #080;} + +div.logs{ margin-top: 1em; padding: 0.5em 0; + text-align: left; +}