logo

2016-12-16 13:44:41 +01:00
parent 7a7f131861
commit e2209f53d1
1 changed files with 770 additions and 587 deletions
--- a/templates/Maketank/assets/css/main.css
+++ b/templates/Maketank/assets/css/main.css
@@ -1,18 +1,57 @@
@charset "UTF-8";
+
+@font-face {
+	font-family: "Futura Book";
+	src: url("templates/Maketank/assets/Futura-Book.ttf");
+}
+
+@font-face {
+	font-family: "Caecilia Bold";
+	src: url("templates/Maketank/assets/Caecilia-Bold.otf");
+}
+
 /* RESET */
-html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
-h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:400; font-style:normal; }
-ul,ol { list-style:none; }
-fieldset,img { border:none; }
-caption,th { text-align:left; }
-table { border-collapse:collapse; border-spacing:0; }
-article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
+html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre,
+	form, p, blockquote, fieldset, input {
+	margin: 0;
+	padding: 0;
+}
+
+h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em,
+	strong, th {
+	font-size: 1em;
+	font-weight: 400;
+	font-style: normal;
+	font: Caecilia Bold, sans-serif;
+}
+
+ul, ol {
+	list-style: none;
+}
+
+fieldset, img {
+	border: none;
+}
+
+caption, th {
+	text-align: left;
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup,
+	menu, nav, section {
+	display: block;
+}

 /* TYPE */
 html, body {
-	font:12px/18px 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;
-	background-color: #f5f5f5;
-	color:#444;
+	font: 12px/18px Futura Book, sans-serif;
+	background-color: rgb(180, 170, 160);
+	color: black;
 	-webkit-font-smoothing: subpixel-antialiased;
 }

@@ -167,6 +206,7 @@ ul.topheadernav li ul li a:hover {
 	padding: 0;
 	margin: -4px 0 0;
 }
+
 .topheadernav a.logoutlink {
 	color: #cc0000;
 }
@@ -213,7 +253,8 @@ footer img {
 	box-shadow: rgba(0, 0, 0, 0.34902) 0 1px 3px 0;
 }

-.login div.warningcontainer, .login div.errorcontainer, .login div.successcontainer {
+.login div.warningcontainer, .login div.errorcontainer, .login div.successcontainer
+	{
 	margin: 10px !important;
 }

@@ -327,7 +368,8 @@ aside.right {
 * error message display
 */
 .errorcontainer {
-	background:url(../img/icons/error_big.png) 15px 15px no-repeat rgb(242, 222, 222);
+	background: url(../img/icons/error_big.png) 15px 15px no-repeat
+		rgb(242, 222, 222);
 	border: 1px solid #ffc2ca;
 	padding: 15px 15px 15px 60px;
 	margin: 10px 0;
@@ -349,7 +391,8 @@ aside.right {
 * warning message display
 */
 .warningcontainer, .ui-dialog {
-	background:url(../img/icons/warning_big.png) 10px center no-repeat #fffecc;
+	background: url(../img/icons/warning_big.png) 10px center no-repeat
+		#fffecc;
 	border: 1px solid #f3c37e;
 	padding: 10px 10px 10px 68px !important;
 	margin: 10px 0 !important;
@@ -459,7 +502,8 @@ nav div:last-child {
 }

 .menuelement h4 {
-	background:transparent url(../img/icons/tag_blue.png) no-repeat center left;
+	background: transparent url(../img/icons/tag_blue.png) no-repeat center
+		left;
 	font-weight: 700;
 	margin: 0;
 	padding: 0 0 0 20px;
@@ -511,6 +555,7 @@ table tr.section:not(:first-child) th {
 table tbody tr td {
 	border-bottom: 1px solid #f1f2f3;
 }
+
 table tbody tr:last-child td {
 	border-bottom: none;
 }
@@ -539,18 +584,23 @@ table th.right, table td.right {
 table.tiny {
 	width: 400px;
 }
+
 table.middle {
 	width: 600px;
 }
+
 table.full {
 	width: 100%;
 }
+
 table.center {
 	margin: 0 auto;
 }
+
 table tr.top {
 	vertical-align: top;
 }
+
 tr.disabled td, tr.disabled td a {
 	color: #cfcfcf;
 }
@@ -608,11 +658,11 @@ input[class="small"] {
 	margin-top: 5px;
 }

-
 /*
 *  BUTTONS
 */
-input[type="button"],input[type="submit"],input[type="reset"],input[type="file"] {
+input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]
+	{
 	margin: 0 5px;
 	padding: 5px 14px;
 	outline: 0;
@@ -624,16 +674,19 @@ input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]
 	border-width: 0;
 }

-.loginsec input[type="button"],.loginsec input[type="submit"],.loginsec input[type="reset"] {
+.loginsec input[type="button"], .loginsec input[type="submit"],
+	.loginsec input[type="reset"] {
 	margin: 0 1px;
 }

-input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover {
+input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
+	{
 	color: #333;
 	background-color: #dcdcdc;
 }

-input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active {
+input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active
+	{
 	-webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
 	-moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
 	box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
@@ -952,8 +1005,7 @@ label.nobr {
 	margin: 0;
 }

-.panel .slidedown .glyphicon,
-.newsfeed .glyphicon {
+.panel .slidedown .glyphicon, .newsfeed .glyphicon {
 	margin-right: 5px;
 }

@@ -1016,7 +1068,8 @@ label.nobr {
 	top: 0;
 }

-.tipper-positioner.top .tipper-caret,.tipper-positioner.bottom .tipper-caret {
+.tipper-positioner.top .tipper-caret, .tipper-positioner.bottom .tipper-caret
+	{
 	display: block;
 	float: none;
 	height: 5px;
@@ -1047,12 +1100,15 @@ label.nobr {
 .red {
 	color: #ff0000;
 }
+
 .green {
 	color: green;
 }
+
 .orange {
 	color: orange;
 }
+
 .blue {
 	color: blue;
 }
@@ -1060,19 +1116,24 @@ label.nobr {
 .phpinfo, .overflow {
 	overflow: scroll;
 }
+
 .phperror {
 	margin-top: 50px;
 	margin-bottom: -55px;
 }
+
 .clear {
 	clear: both;
 }
+
 .hidden {
 	display: none;
 }
+
 div.left {
 	float: left;
 }
+
 div.right {
 	float: right;
 }
@@ -1092,7 +1153,8 @@ div.right {

 .grid-u {
 	display: inline-block;
-	zoom: 1; *display: inline;
+	zoom: 1;
+	*display: inline;
 	letter-spacing: normal;
 	word-spacing: normal;
 	vertical-align: top;
@@ -1101,7 +1163,8 @@ div.right {

 .grid-u-1, .grid-u-1-2 {
 	display: inline-block;
-	zoom: 1; *display: inline; 
+	zoom: 1;
+	*display: inline;
 	letter-spacing: normal;
 	word-spacing: normal;
 	vertical-align: top;
@@ -1124,18 +1187,24 @@ div.right {
 .tablesorter-header-inner {
 	margin-left: 15px;
 }
+
 table thead th.tablesorter-headerUnSorted {
-	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
+	background-image:
+		url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
 	background-repeat: no-repeat;
 	background-position: left center;
 }
+
 table thead th.tablesorter-headerAsc {
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
+	background-image:
+		url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
 	background-repeat: no-repeat;
 	background-position: left center;
 }
+
 table thead th.tablesorter-headerDesc {
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
+	background-image:
+		url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
 	background-repeat: no-repeat;
 	background-position: left center;
 }
@@ -1144,303 +1213,403 @@ table thead th.tablesorter-headerDesc {
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="0"] {
 	width: 0%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="1"] {
 	width: 1%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="2"] {
 	width: 2%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="3"] {
 	width: 3%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="4"] {
 	width: 4%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="5"] {
 	width: 5%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="6"] {
 	width: 6%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="7"] {
 	width: 7%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="8"] {
 	width: 8%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="9"] {
 	width: 9%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="10"] {
 	width: 10%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="11"] {
 	width: 11%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="12"] {
 	width: 12%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="13"] {
 	width: 13%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="14"] {
 	width: 14%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="15"] {
 	width: 15%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="16"] {
 	width: 16%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="17"] {
 	width: 17%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="18"] {
 	width: 18%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="19"] {
 	width: 19%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="20"] {
 	width: 20%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="21"] {
 	width: 21%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="22"] {
 	width: 22%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="23"] {
 	width: 23%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="24"] {
 	width: 24%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="25"] {
 	width: 25%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="26"] {
 	width: 26%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="27"] {
 	width: 27%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="28"] {
 	width: 28%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="29"] {
 	width: 29%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="30"] {
 	width: 30%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="31"] {
 	width: 31%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="32"] {
 	width: 32%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="33"] {
 	width: 33%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="34"] {
 	width: 34%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="35"] {
 	width: 35%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="36"] {
 	width: 36%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="37"] {
 	width: 37%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="38"] {
 	width: 38%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="39"] {
 	width: 39%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="40"] {
 	width: 40%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="41"] {
 	width: 41%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="42"] {
 	width: 42%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="43"] {
 	width: 43%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="44"] {
 	width: 44%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="45"] {
 	width: 45%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="46"] {
 	width: 46%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="47"] {
 	width: 47%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="48"] {
 	width: 48%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="49"] {
 	width: 49%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="50"] {
 	width: 50%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="51"] {
 	width: 51%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="52"] {
 	width: 52%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="53"] {
 	width: 53%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="54"] {
 	width: 54%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="55"] {
 	width: 55%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="56"] {
 	width: 56%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="57"] {
 	width: 57%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="58"] {
 	width: 58%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="59"] {
 	width: 59%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="60"] {
 	width: 60%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="61"] {
 	width: 61%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="62"] {
 	width: 62%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="63"] {
 	width: 63%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="64"] {
 	width: 64%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="65"] {
 	width: 65%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="66"] {
 	width: 66%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="67"] {
 	width: 67%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="68"] {
 	width: 68%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="69"] {
 	width: 69%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="70"] {
 	width: 70%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="71"] {
 	width: 71%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="72"] {
 	width: 72%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="73"] {
 	width: 73%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="74"] {
 	width: 74%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="75"] {
 	width: 75%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="76"] {
 	width: 76%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="77"] {
 	width: 77%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="78"] {
 	width: 78%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="79"] {
 	width: 79%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="80"] {
 	width: 80%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="81"] {
 	width: 81%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="82"] {
 	width: 82%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="83"] {
 	width: 83%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="84"] {
 	width: 84%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="85"] {
 	width: 85%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="86"] {
 	width: 86%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="87"] {
 	width: 87%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="88"] {
 	width: 88%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="89"] {
 	width: 89%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="90"] {
 	width: 90%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="91"] {
 	width: 91%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="92"] {
 	width: 92%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="93"] {
 	width: 93%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="94"] {
 	width: 94%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="95"] {
 	width: 95%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="96"] {
 	width: 96%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="97"] {
 	width: 97%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="98"] {
 	width: 98%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="99"] {
 	width: 99%;
 }
+
 .bar[aria-valuemax="100"][aria-valuemin="0"][aria-valuenow="100"] {
 	width: 100%;
 }
@@ -1450,12 +1619,25 @@ table thead th.tablesorter-headerDesc {
 	font-weight: bold;
 }

-.update-step-ok { color: #1dcd00; }
-.update-step-warn { color: #db7100; }
-.update-step-err { color: #ff0000; }
-.update-step-unknown { color: #000000; }
+.update-step-ok {
+	color: #1dcd00;
+}

-.align-top { vertical-align:top; }
+.update-step-warn {
+	color: #db7100;
+}
+
+.update-step-err {
+	color: #ff0000;
+}
+
+.update-step-unknown {
+	color: #000000;
+}
+
+.align-top {
+	vertical-align: top;
+}

 .code-block {
 	width: 500px;
@@ -1479,7 +1661,8 @@ table thead th.tablesorter-headerDesc {
 }

 .shell, .filecontent {
-	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
+	font-family: Consolas, Monaco, Lucida Console, Liberation Mono,
+		DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
 	border: 1px solid #d1d5d8;
 	border-radius: 3px;
 	padding: 10px;