Добавлен стиль CSS для формирования текстовых инструкций VA в формате…

… HTML. #1686
Pr-Mex · Nov 18, 2022 · 6d93d27 · 6d93d27
1 parent 32075a3
commit 6d93d27
Show file tree

Hide file tree

Showing 2 changed files with 106 additions and 0 deletions.
diff --git a/lib/CSS/ReadMe.MD b/lib/CSS/ReadMe.MD
@@ -0,0 +1 @@
+* Тут находятся стили, которые используются при сборке текстовых инструкций в формате HTML, которые потом будут сконвертированы в PDF.
diff --git a/lib/CSS/ОсновнойСтиль.txt b/lib/CSS/ОсновнойСтиль.txt
@@ -0,0 +1,105 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
+
+		@media print {
+		  .new-page {
+			page-break-before: always;
+		  }
+		}
+         @page {
+         size: A4 landscape;
+         margin: 0.6cm;
+         }
+
+		 * {
+         box-sizing: border-box;
+         }
+         body {
+         color: #231E20;
+         }
+         h1 {
+         font-size: 40px;
+         margin-bottom: 20px;
+         background-image: linear-gradient(to bottom right, #000000, #ee4b2b);
+         color: transparent;
+         -webkit-background-clip: text;
+         }
+         h2 {
+         font-size: 35px;
+         text-align: center;
+         background-image: linear-gradient(to bottom right, #000000, #ee4b2b);
+         color: transparent;
+         -webkit-background-clip: text;
+         }
+         p {
+         font-size: 22px;
+         }
+         .caption {
+         margin: 20px;
+         border: 5px solid #007F0E;
+         background: white;
+         padding: 10px;
+         box-shadow: -3px -1px 3px -3px #007F0E, 5px 10px 20px -5px hsla(0, 0%, 0%, .4);
+         }
+         .caption img {
+         max-width: 100%;
+         height: auto;
+         display: block;
+         }
+         .caption figcaption {
+         padding: 10px;
+         color: white;
+         background: #007F0E;
+         text-align: center;
+         font-size: 25px;
+         }
+         a {
+         text-decoration: none;
+         color: #231E20;
+         }
+         .content {
+         padding: 0 20px 0 80px;
+         }
+         .toc-wrapper {
+         font-family: 'Montserrat', sans-serif;
+         width: 100%;
+         max-width: 768px;
+         position: relative;
+         padding: 10px 0 10px 20px;
+         margin: 80px 50px 40px;
+         border-left: 4px solid #D9AA63;
+         }
+         .toc-wrapper h1{
+         margin-top: 10px;
+         color: #BC904A;
+         margin-bottom: 10px;
+         }
+         .toc-wrapper:before {
+         content: "";
+         position: absolute;
+         top: 0px;
+         left: -50px;
+         width: 50px;
+         height: 60px;
+         background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAKICAgdmlld0JveD0iMCAwIDU4IDU4IgogICB2ZXJzaW9uPSIxLjEiICAgICAKICAgd2lkdGg9IjU4IgogICBoZWlnaHQ9IjU4Ij4gICAgIAogIDxwYXRoCiAgICAgZD0iTSA0Niw0MiBIIDIwIGEgMSwxIDAgMCAxIDAsLTIgaCAyNiBhIDEsMSAwIDAgMSAwLDIgeiBtIDAsLTggSCAyMCBhIDEsMSAwIDAgMSAwLC0yIGggMjYgYSAxLDEgMCAwIDEgMCwyIHogbSAwLC04IEggMjAgYSAxLDEgMCAwIDEgMCwtMiBoIDI2IGEgMSwxIDAgMCAxIDAsMiB6IG0gMCwtOCBIIDIwIGEgMSwxIDAgMCAxIDAsLTIgaCAyNiBhIDEsMSAwIDAgMSAwLDIgeiBNIDEzLDQzIGEgMiwyIDAgMSAxIDIsLTIgMiwyIDAgMCAxIC0yLDIgeiBtIDAsLTIgeiBtIDAsMCB6IG0gMCwwIHogbSAwLDAgeiBtIDAsMCB6IG0gMCwwIHogbSAwLDAgeiBtIDAsMCB6IG0gMCwtNiBhIDIsMiAwIDEgMSAyLC0yIDIsMiAwIDAgMSAtMiwyIHogbSAwLC0yIHogbSAwLDAgeiBtIDAsMCB6IG0gMCwwIHogbSAwLDAgeiBtIDAsMCB6IG0gMCwwIHogbSAwLDAgeiBtIDAsLTYgYSAyLDIgMCAxIDEgMiwtMiAyLDIgMCAwIDEgLTIsMiB6IG0gMCwtMiB6IG0gMCwwIHogbSAwLDAgeiBtIDAsMCB6IG0gMCwwIHogbSAwLDAgeiBtIDAsMCB6IG0gMCwwIHogbSAwLC02IGEgMiwyIDAgMSAxIDIsLTIgMiwyIDAgMCAxIC0yLDIgeiBtIDAsLTIgeiBtIDAsMCB6IG0gMCwwIHogbSAwLDAgeiBtIDAsMCB6IG0gMCwwIHogbSAwLDAgeiBtIDAsMCB6IgogICAgIGlkPSJwYXRoODI3IiAgICAgCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz4KICA8cGF0aAogICAgIGQ9Ik0gMjksNTggQSAyOSwyOSAwIDEgMSA1OCwyOSAyOSwyOSAwIDAgMSAyOSw1OCBaIE0gMjksMiBBIDI3LDI3IDAgMSAwIDU2LDI5IDI3LDI3IDAgMCAwIDI5LDIgWiIKICAgICBpZD0icGF0aDgyOSIgICAgCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==') 50% 50% no-repeat #D9AA63;
+         background-size: 30px;
+         border-radius: 10px 5px 0 50%;
+         }
+         ol {
+         list-style: none;
+         counter-reset: li;
+         }
+         .toc_ol a, .toc_ul a {
+         color: #6392D9;
+         }
+         .toc_ol li, .toc_ul li {
+         transition: .3s linear;
+         font-size: 25px;
+         margin-top: 10px;
+         color: #6392D9;
+         }
+         .toc-wrapper:last-child {
+         margin-bottom: 10;
+         }
+         .toc_ol li:before {
+         counter-increment: li;
+         content: counters(li, ".");