Works with style of manuals

Author: bor-T

res/doc/css/style.css

@@ -116,11 +116,11 @@ img.plugin {
   width: auto;
   float: left;
   margin: 0 25px 10px 0;
-  border: 2px solid #1b1c22;
+  border: 2px solid #373944;
 }
 
 img.border {
-  border: 2px solid #1b1c22;
+  border: 2px solid #373944;
 }
 
 pre {
@@ -228,9 +228,10 @@ a img:hover {
 .header-box {
   background: url(../img/header.png) #25272e no-repeat top left;
   background-size: cover;
-  height: 192px;
-  /*border-bottom: 6px #1b1c22 solid;*/
-  margin-bottom: 6px;
+  height: 244px;
+  border-top: 6px #101114 solid;
+  border-bottom: 6px #101114 solid;
+  /* margin-bottom: 6px; */
   position: relative;
 }
 
@@ -512,6 +513,7 @@ a img:hover {
   background-size: contain;
   display: block !important;
   margin: 8px 8px 8px 0;
+  min-width: 335px;
 }
 
 .m-cover {
@@ -1492,7 +1494,6 @@ tr.stroke {
 }
 
 @media only screen and (min-width : 551px) and (max-width : 710px) {
-
   .lsp-content {
     font-size: 13px;
     max-width: 710px;

res/doc/img/controls/footer.png

@@ -53,7 +53,7 @@
 		<li><b style="color:#8c8700"/>Olive tone</b> and <b style="color:#368ccc"/>Moderate blue</b> &ndash; for dry and wet.</li>
 	</ul>
 	<li>
-		Each widget that allows to set continuous parameters has corresponding label displaying it's current value and, 
+		Each widget that allows to set continuous parameters has corresponding label displaying it's current value and,
 		optionally, units.
 	</li>
 </ul>
@@ -78,7 +78,7 @@
 			file system.
 		</p>
 		<p>
-			By default there is no file associated with plugin, so the file widget displays 
+			By default there is no file associated with plugin, so the file widget displays
 			<b style="color: #00909e">'Click or drug to load'</b> text.
 		</p>
 		<br>
@@ -105,8 +105,8 @@
 <h2>Button</h2>
 
 <p>
-	Buttons are mostly used to turn on/turn off some binary parameter. Rarely they are also used for switching between 
-	different processing modes (See <?php plugin_ref('comp_delay_mono'); ?> plugin for example). There are two different 
+	Buttons are mostly used to turn on/turn off some binary parameter. Rarely they are also used for switching between
+	different processing modes (See <?php plugin_ref('comp_delay_mono'); ?> plugin for example). There are two different
 	types of buttons:
 </p>
 <ul>
@@ -203,7 +203,7 @@
 </ul>
 
 <div class="images">
-	<img src="<?= $CTL ?>footer.png">
+	<img class="border" src="<?= $CTL ?>footer.png">
 </div>
 
 <h2>Fraction</h2>
@@ -313,11 +313,11 @@
 </ul>
 
 <div class="images">
-	<img src="<?= $CTL ?>menu_bar.png">
+	<img class="border" src="<?= $CTL ?>menu_bar.png">
 </div>
 
 <p>
-	The content of the exported/imported text file can be manually edited. 
+	The content of the exported/imported text file can be manually edited.
 	Each parameter has detailed description. Below an example of the configuration file is present:
 </p>
 <pre>
@@ -421,17 +421,17 @@
 </div>
 
 <h2>Label</h2>
-<p>Labels are widgets that display static text information.<p>
+<p style="text-align:center">Labels are widgets that display static text information.<p>
 
-<p>Example of label widgets:</p>
-<div >
+<p style="text-align:center">Example of label widgets:</p>
+<div class="images">
 	<img class="border" src="<?= $CTL ?>labels.png">
 </div>
 
 <h2>Led</h2>
-<p>LEDs are used to display state of binary output parameter.<p>
-<p>Example of LEDs:</p>
-<div >
+<p style="text-align:center">LEDs are used to display state of binary output parameter.<p>
+<p style="text-align:center">Example of LEDs:</p>
+<div class="images">
 	<img class="border" src="<?= $CTL ?>leds.png">
 </div>
 

res/doc/img/controls/menu_bar.png

@@ -9,12 +9,7 @@
 			<div class="m-cover"></div>
 			<div class="menu">
 				<ul class="menu-ul" style="display: table !important;">
-					<?php if (isset($MENUITEM)) {?>
-						<li class="sel menu-li manuals_class"><?php echo htmlspecialchars($HEADER); ?></li>
 						<li class="sel menu-li home_class"><a href="<?= $DOCROOT ?>index.html">Home</a></li>
-					<?php } else {?>
-						<li class="sel menu-li home_class">Home</li>
-					<?php }?>
 				</ul>
 			</div>
 		</div>