Skip to content
Snippets Groups Projects
Commit d28afa00 authored by hahn's avatar hahn
Browse files

Html optimierungen: 

- CSS in eigene Datei ausgelagert
- ungenutzte Bootstrap-JS+CSS aus Template entfernt
parent 7b924bec
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
public_html/deployment/classes/classinfos.class.php
+ 1
− 1
View file @ d28afa00
......@@ -193,7 +193,7 @@ class classinfos {
}
// $sHtml.='</td><td>';
$sHtml.=$this->getComment($oMethod);
$sHtml.='</td></tr>';
$sHtml.='<br></td></tr>';
}
$sHtml.='</table>';
$sHtml.='</div>';
......
public_html/deployment/classes/html.tpl.php
+ 3
− 173
View file @ d28afa00
......@@ -12,164 +12,12 @@
<meta http-equiv="cleartype" content="on">
-->
<!-- Le styles -->
<link href="/deployment/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/black-tie/jquery-ui.css" rel="stylesheet">
<link href="/deployment/bootstrap/css/jquery.tocify.css" rel="stylesheet">
<link href="/deployment/bootstrap/css/prettify.css" type="text/css" rel="stylesheet" />
<link href="/deployment/bootstrap/css/styles.css" type="text/css" rel="stylesheet" />
<script src="/deployment/bootstrap/js/jquery-1.8.0.min.js"></script>
<style>
@media (max-width: 767px) {
#toc {
position: relative;
width: 100%;
margin: 0px 0px 20px 0px;
}
}
body{padding-top: 0;}
body, label, input, button, select, textarea, p, .btn {
font-size: 12px;
}
#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;
/* background: linear-gradient(#fff,#eee,#fff); */
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;
}
#header2{
background: none;
padding: 0.5em; margin-bottom: 2em;
}
.description{font-weight:bold; color:#ccc; font-size: 150%; font-style: italic;}
.navbar .brand {color:#a33;}
#content{
margin-top: 2em;
border-left: 0px solid #ccc;
padding: 1em;
box-shadow: 0 0 50px #ddd;
}
h1{font-size: 250%; margin: 0;}
h2{font-size: 16px; margin: 0;}
/* actions */
h2.action{
background: #e8f0f8 url("/deployment/images/nuvola64x64/apps/aktion.png") 10px 10px no-repeat;
background-repeat: no-repeat;
box-shadow: 0 30px 50px #fff inset;
padding: 20px 0 0 90px;
height: 70px;
margin: 0 0 1em 0;
font-size: 250%; color: #abc; text-shadow: -1px -1px 0 #789, 1px 1px 1px #fff;
border-bottom: 2px solid;
}
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");}
h3{font-size: 14px; margin: 0;}
#imgtop{float:left; margin: 0 20px 40px 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;
}
thead{font-size: 130%;}
#tbloverview th{}
#tbloverview td{}
th.prj{background:#f8f8f8;}
th.versioncontrol{background: #ccc;}
th.preview{background:#358; color:#eee;}
th.stage{background:#388; color:#eee;}
th.live{background:#3a3; color: #eee; }
tr{background: linear-gradient(#fff,#fff,#fff,#fff,#eee);}
tr:hover{background:#ddd; background: linear-gradient(#ddd,#eee,#ddd);}
td.preview{background:#f4f8ff; color:#333; background: rgba(210,220,255, 0.4);}
td.stage{background:#f4ffff; color:#333; background: rgba(180,230,230, 0.4);}
td.live{background:#f0fff0; color:#333; background: rgba(180,255,180, 0.4);}
.preview{background:#ccf;}
.stage{background:#cff;}
.live{background:#cfc;}
.preview, .stage, .live{
padding: 4px;
}
a.info { border-bottom: 1px dotted; padding-bottom: 2px;}
a.info:hover { text-decoration: none; background: #fff;}
a.info span{ display: none; position: absolute; margin-top: -1em; background: #fff; padding: 0.5em; box-shadow: 0 0 10px #888;}
a.info:hover span{ display: block; text-decoration: none;}
a.info span span.title{ background: #888; color:#f8f8f8; padding: 0.5em 0.5em; display: block; box-shadow: 0 0 5px #ccc; border: 2px solid #fff;}
.infobox{
background:#fea; background: linear-gradient(#fea,#fff8f0,#fea);
padding: 1em; border: 2px solid #fff; box-shadow: 0 0 10px #ccc;
}
.warning{background: #fe8;}
.error{background: #fcc;}
.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
}
label.control-label{width: 300px; float: left; text-align: right; padding-right: 2em;}
input, textarea {
width: 400px;
height: none !important;
padding: 1px 2px !important;
}
</style>
<title>IML Deployment</title>
<!--
<style type="text/css" title="currentStyle">
@import "/shared/js/datatables/media/css/demo_page.css";
@import "/shared/js/datatables/media/css/demo_table.css";
</style>
<script type="text/javascript" src="/shared/js/jquery.js"></script>
<script type="text/javascript" src="/shared/js/datatables/media/js/jquery.dataTables.min.js"></script>
-->
<link rel="stylesheet" type="text/css" href="main.css" media="screen">
<script type="text/javascript" src="main.js"></script>
<link rel="stylesheet" type="text/css" href="/deployment/main.css" media="screen">
{{HEADER}}
......@@ -182,29 +30,11 @@
</div>
{{FOOTER}}{{JSONREADY}}
<!-- Placed at the end of the document so the pages load faster -->
<script src="/deployment/bootstrap/js/jquery-1.8.0.min.js"></script>
<script src="/deployment/bootstrap/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="/deployment/bootstrap/js/bootstrap.min.js"></script>
<script src="/deployment/bootstrap/js/history.js"></script>
<script src="/deployment/bootstrap/js/jquery.tocify.min.js"></script>
<script src="/deployment/bootstrap/js/prettify.js"></script>
<!-- <script src="js/githubrepo.js"></script> -->
<script>
$(function() {
$("#toc").tocify({selectors: "h2, h3, h4", scrollTo: 60, highlightOffset: 60, extendPage: false});
prettyPrint();
$(".optionName").popover({trigger: "hover"});
$("a[href='#']").click(function(event) {
event.preventDefault();
});
$("#content").hide().fadeIn(300);
});
......
public_html/deployment/inc_functions.php
+ 2
− 2
View file @ d28afa00
public_html/deployment/index.php
+ 64
− 69
View file @ d28afa00
......@@ -57,12 +57,7 @@ $sPhpOut = '
$oPage = new Page();
$oPage->addResponseHeader("Pragma: no-cache");
$oPage->setOutputtype('html');
$oPage->addJsOnReady('
$(\'.tblOverview\').dataTable({
"bPaginate": false,
"bLengthChange": false
});
');
$oPage->addJsOnReady('');
$oPage->setContent($sPhpOut);
echo $oPage->render();
......
public_html/deployment/main.css 0 → 100644
+ 125
− 0
View file @ d28afa00
body{padding-top: 0;}
body, label, input, button, select, textarea, p, .btn {
font-size: 12px;
}
#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;
/* background: linear-gradient(#fff,#eee,#fff); */
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;
}
#header2{
background: none;
padding: 0.5em; margin-bottom: 2em;
}
.description{font-weight:bold; color:#ccc; font-size: 150%; font-style: italic;}
.navbar .brand {color:#a33;}
#content{
margin-top: 2em;
border-left: 0px solid #ccc;
padding: 1em;
box-shadow: 0 0 50px #ddd;
}
h1{font-size: 250%; margin: 0;}
h2{font-size: 16px; margin: 0;}
/* actions */
h2.action{
background: #e8f0f8 url("/deployment/images/nuvola64x64/apps/aktion.png") 10px 10px no-repeat;
background-repeat: no-repeat;
box-shadow: 0 30px 50px #fff inset;
padding: 20px 0 0 90px;
height: 70px;
margin: 0 0 1em 0;
font-size: 250%; color: #abc; text-shadow: -1px -1px 0 #789, 1px 1px 1px #fff;
border-bottom: 2px solid;
}
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");}
h3{font-size: 14px; margin: 0;}
#imgtop{float:left; margin: 0 20px 40px 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;
}
thead{font-size: 130%;}
#tbloverview th{}
#tbloverview td{}
th.prj{background:#f8f8f8;}
th.versioncontrol{background: #ccc;}
th.preview{background:#358; color:#eee;}
th.stage{background:#388; color:#eee;}
th.live{background:#3a3; color: #eee; }
tr{background: linear-gradient(#fff,#fff,#fff,#fff,#eee);}
tr:hover{background:#ddd; background: linear-gradient(#ddd,#eee,#ddd);}
td.preview{background:#f4f8ff; color:#333; background: rgba(210,220,255, 0.4);}
td.stage{background:#f4ffff; color:#333; background: rgba(180,230,230, 0.4);}
td.live{background:#f0fff0; color:#333; background: rgba(180,255,180, 0.4);}
.preview{background:#ccf;}
.stage{background:#cff;}
.live{background:#cfc;}
.preview, .stage, .live{
padding: 4px;
}
a.info { border-bottom: 1px dotted; padding-bottom: 2px;}
a.info:hover { text-decoration: none; background: #fff;}
a.info span{ display: none; position: absolute; margin-top: -1em; background: #fff; padding: 0.5em; box-shadow: 0 0 10px #888;}
a.info:hover span{ display: block; text-decoration: none;}
a.info span span.title{ background: #888; color:#f8f8f8; padding: 0.5em 0.5em; display: block; box-shadow: 0 0 5px #ccc; border: 2px solid #fff;}
.infobox{
background:#fea; background: linear-gradient(#fea,#fff8f0,#fea);
padding: 1em; border: 2px solid #fff; box-shadow: 0 0 10px #ccc;
}
.warning{background: #fe8;}
.error{background: #fcc;}
.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
}
label.control-label{width: 300px; float: left; text-align: right; padding-right: 2em;}
input, textarea {
width: 400px;
height: none !important;
padding: 1px 2px !important;
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment