Update UI (#183)

* Fix wash coding

* Fix wash coding

* UI refactoring

Co-authored-by: andreytopchiy <[email protected]>

CONTRIBUTING.md

@@ -1,4 +1,4 @@
-![VW coding](docs/assets/logo.png)  
+![VW coding](docs/assets/images/logo.png)  
 
 ## Adding codings
 

README.en.md

@@ -1,4 +1,4 @@
-![VW coding](docs/assets/logo.png)
+![VW coding](docs/assets/images/logo.png)
 
 ## Description
 

README.md

@@ -1,4 +1,4 @@
-![VW coding](docs/assets/logo.png)  
+![VW coding](docs/assets/images/logo.png)  
 
 ## ОПИСАНИЕ
 

docs/MQB/tires.md

@@ -1,6 +1,9 @@
 
 # Настройка профилей шин
 
+!!! note "Генератор параметрии шин"
+    [Online генератор TMPS](../utils/tiresCoding.md){ .md-button .md-button--primary }
+
 ### Настройка системы контроля давления в шинах через Individual профиль
 
 !!! tip

docs/assets/custom.css

@@ -227,4 +227,76 @@ iframe[id*="dsq-app"][src*="comments"] {
 	margin-bottom: 1rem;
 	color: currentColor;
 	font-weight: 700
+}
+
+/* Styles for custom pages */
+
+table {
+   *border-collapse: collapse; /* IE7 and lower */
+   border-spacing: 0;
+   width: 100%;
+}
+
+.bordered {
+   -moz-border-radius: 6px;
+   -webkit-border-radius: 6px;
+   border-radius: 6px;
+   -webkit-box-shadow: 0 1px 1px #ccc;
+   -moz-box-shadow: 0 1px 1px #ccc;
+   box-shadow: 0 1px 1px #ccc;
+}
+
+.bordered td, .bordered th {
+   border-left: 1px solid #ccc;
+   border-top: 1px solid #ccc;
+   padding: 10px;
+   text-align: left;
+}
+
+.bordered th {
+   background-color: #3F51B5;
+   color: #FFFFFF;
+   -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
+   -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
+   box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
+   border-top: none;
+   text-shadow: 0 1px 0 rgba(255,255,255,.5);
+}
+
+.bordered tr:hover {
+   -o-transition: all 0.1s ease-in-out;
+   -webkit-transition: all 0.1s ease-in-out;
+   -moz-transition: all 0.1s ease-in-out;
+   -ms-transition: all 0.1s ease-in-out;
+   transition: all 0.1s ease-in-out;
+}
+
+.bordered th:first-child {
+   -moz-border-radius: 6px 0 0 0;
+   -webkit-border-radius: 6px 0 0 0;
+   border-radius: 6px 0 0 0;
+}
+
+.bordered th:last-child {
+   -moz-border-radius: 0 6px 0 0;
+   -webkit-border-radius: 0 6px 0 0;
+   border-radius: 0 6px 0 0;
+}
+
+.bordered th:only-child{
+   -moz-border-radius: 6px 6px 0 0;
+   -webkit-border-radius: 6px 6px 0 0;
+   border-radius: 6px 6px 0 0;
+}
+
+.bordered tr:last-child td:first-child {
+   -moz-border-radius: 0 0 0 6px;
+   -webkit-border-radius: 0 0 0 6px;
+   border-radius: 0 0 0 6px;
+}
+
+.bordered tr:last-child td:last-child {
+   -moz-border-radius: 0 0 6px 0;
+   -webkit-border-radius: 0 0 6px 0;
+   border-radius: 0 0 6px 0;
 }