Вставки стилей на сайте Опенкарт, их надо вынести в отдельные файлы
Сайт на платформе Ocstore 1.5.5.1.2, возникла необходимость вынести вставки стилей с шапки в отдельные файлы.
Код стилей:
| <style type="text/css"> | |
| body { | |
| background-color: #FFFFFF; | |
| background-image: url("catalog/view/theme/polianna/image/pattern/overlay1.png"); | |
| } | |
| #header, .breadcrumb, #topfooter, .main {background-color: #FFFFFF;} | |
| .colormenu {background-color: #118F42;} | |
| .menuResp > li > a, .navbar .btn-navbar div, .menu1 .mobilemenu a, | |
| .menu1 .mobilemenu li.customlink div, .btn-navbar div {color: #FFFFFF;} | |
| .menu .menuResp > li:hover > a, .menu1 .mobilemenu a:hover { | |
| color: #FFFFFF;} | |
| .menu .menuResp > li:hover, .menu1 .mobilemenu a:hover { | |
| background-color: #000000;} | |
| .menu .menuResp > li > div {background-color: #FFFFFF;} | |
| .menu .menuResp ul li a, .menu .menuResp > li > div > ul > li > a span, .menu .menuResp > li > div > a, #topbrand .column_brand span { | |
| color: #000000;} | |
| .menu .menuResp ul li a:hover, .menu .menuResp > li > div > a:hover, .menu .menuResp > li > div > ul > li > a:hover span, | |
| #topbrand .column_brand a:hover span{ | |
| color: #FB3F4C;} | |
| .menu .menuResp > li > div > ul > li > a span, #topbrand .column_brand span{ | |
| background-color: #F4F4F4;} | |
| .box-category > li > a, .box-account > li > a, .vtabs li a { | |
| color: #000000;} | |
| .box-category li a:hover, .box-category > li > a.active, .box-account li a:hover, | |
| .vtabs li a:hover, .vtabs li.current a { | |
| color: #FB3F4C;} | |
| .box-category li a:hover, .box-category > li > a.active, .vtabs li.current a, | |
| .box-account li a:hover, .vtabs a:hover, .box-account li:hover{ | |
| border-color:#FB3F4C;} | |
| #footer h3 {color: #FFFFFF;} | |
| #footer .column a{color: #AAAAAA;} | |
| #footer .column a:hover { | |
| color: #FFFFFF;} | |
| #footer .column a:hover {background-color: #5E6067;} | |
| #footer, #powered, #powered a {color: #888888;} | |
| a, a b, .product-compare a{ | |
| color: #118F42;} | |
| a:hover, .breadcrumb a:hover, .product-compare a:hover, .boxfeatured .name a:hover, .product-grid .name a:hover, .product-list .name a:hover, .boxfeatured .description a:hover, | |
| .product-list .description a:hover, .checkout-heading a:hover, .st-accordion ul li > a:hover, .top-nav .topbox > a:hover, | |
| .verticaltab .name a:hover, .product-grid .description a:hover, .box-news h4 a:hover, .htabs .current a, .htabs a:hover, #topbrand .column_brand li>div | |
| {color: #118F42;} | |
| .block:hover{border-color: #118F42;} | |
| .htabs .current a, .htabs a:hover {border-top-color: #118F42;} | |
| h1, h2, h4, .welcome #title, .product-info #opname, .verticaltab .name_categ a{color: #777777;} | |
| .boxfeatured .name a, .product-grid .name a, .product-list .name a, .verticaltab .name a{color: #000000;} | |
| #column-left .box .box-heading, #column-right .box .box-heading, .manufacturer-heading{ | |
| color: #000000;} | |
| .box .box-heading, #fast_order_form .fast_order_center{ | |
| color: #000000;} | |
| body, .boxfeatured .description a, .product-info .price-tax, .product-info .price .reward, | |
| .product-info .price .discount, .cart-total td b{ | |
| color: #777777;} | |
| #cart > a{ background-color: #FB3F4C;} | |
| .boxfeatured .price, .product-grid .price, .product-list .price, .product-info .price, .verticaltab .price, .compare-info .price{ | |
| color: #118F42;} | |
| .boxfeatured .price-old, .product-grid .price-old, .product-list .price-old, .product-info .price-old, .verticaltab .price-old, .compare-info .price-old { | |
| color: #888888;} | |
| .boxfeatured .price-new, .product-grid .price-new, .product-list .price-new, .product-info .price-new, .verticaltab .price-new, .compare-info .price-new{ | |
| color: #FB3F4C;} | |
| .savemoney{ background-color: #FB3F4C;} | |
| .boxfeatured .cart a.button, .product-grid .cart a.button, .product-list .cart a.button, .cart input.button, | |
| .verticaltab .cart a.button, a.button, input.button, a.checkbut, a.redbutton, button, .box-news .readmore { | |
| background-color: #32353A;} | |
| .boxfeatured .cart a.button:hover, .product-grid .cart a.button:hover, .product-list .cart a.button:hover, .verticaltab .cart a.button:hover, .colorbox div#plus, | |
| .wishlist a:hover, .compare a:hover, .singleclick_wrapper a:hover, .cart input.button:hover, a.button:hover, input.button:hover, a.checkbut:hover, button:hover, a.redbutton:hover, .box-news .readmore:hover, | |
| a#arrow_left:hover, a#arrow_right:hover, .fon_slider_button:hover ,#control:hover{ | |
| background-color: #118F42;} | |
| .cart input.button, .product-list .cart a.button, .wishlist a:hover, .compare a:hover, .singleclick_wrapper a:hover, .product-info .compare a:hover, .product-info .wishlist a:hover, | |
| a.button, input.button, a.checkbut, a.redbutton, button, .box-news .readmore { | |
| color: #FFFFFF;} | |
| h1, .product-info .price, .welcome #title, .verticaltab .name_categ a{ | |
| font-size: nonepx;} | |
| h2{ | |
| font-size: nonepx;} | |
| h3, #footer h3, .product-info #opname{ | |
| font-size: nonepx;} | |
| h4, .box-news h4 a{ | |
| font-size: nonepx;} | |
| .box .box-heading, #fast_order_form .fast_order_center { | |
| font-size: nonepx;} | |
| #column-left .box .box-heading, #column-right .box .box-heading { | |
| font-size: nonepx;} | |
| .boxfeatured .name a, .product-grid .name a, .product-list .name a, .verticaltab .name a{font-size: nonepx;} | |
| body, input, textarea, select, .product-info .price-tax, .product-info .price .reward, .product-info .price .discount, .menuResp ul li a{ | |
| font-size: nonepx;} | |
| .boxfeatured .price, .product-grid .price, .product-list .price, .verticaltab .price { | |
| font-size: nonepx;} | |
| .menuResp > li > a, .menu1 .mobilemenu a, .navbar .textmenu {font-size: nonepx;} | |
| .menuResp > li > div > ul > li > a, .mobilemenu ul a{font-size: nonepx;} | |
| .box-category > li > a, .box-account > li > a, .vtabs li a | |
| {font-size: nonepx;} | |
| .colormenu{width:1170px;} | |
| .topnote{width:1170px;} | |
| @media only screen and (max-width: 1200px){ | |
| .colormenu{ min-width:270px; width: auto;} | |
| .topnote{ min-width:270px; width: auto;} | |
| } | |
| .image_slider{ | |
| position:fixed; top:0; | |
| -moz-background-size: cover; | |
| -webkit-background-size:cover; | |
| -o-background-size:cover; | |
| -khtml-background-size:cover; | |
| background-size:cover; | |
| height:100%; | |
| overflow:hidden; | |
| width:100%;} | |
| </style> | |
| <script> | |
| (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | |
| (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | |
| m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | |
| })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | |
| ga('create', 'UA-49059583-1', 'auto'); | |
| ga('send', 'pageview'); | |
| </script> | |
| <!-- Yandex.Metrika counter --><script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter27693120 = new Ya.Metrika({id:27693120, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/27693120" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter --> | |
| <style> | |
| .rating-hide { | |
| opacity: 0; | |
| float: left; | |
| cursor: pointer; | |
| height: 25px; | |
| width: 25px; | |
| margin: 0px 0px 0px 5px; | |
| } | |
| #rating-updated { | |
| background-image: url("/image/Stars_add.png"); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| vertical-align: text-top; | |
| height: 24px; | |
| width: 162px; | |
| } | |
| .icon-large-stars-0 { | |
| background-position: 0 0px !important; | |
| } | |
| .icon-large-stars-1 { | |
| background-position: 0 -25px !important; | |
| } | |
| .icon-large-stars-2 { | |
| background-position: 0 -50px !important; | |
| } | |
| .icon-large-stars-3 { | |
| background-position: 0 -75px !important; | |
| } | |
| .icon-large-stars-4 { | |
| background-position: 0 -100px !important; | |
| } | |
| .icon-large-stars-5 { | |
| background-position: 0 -125px !important; | |
| } | |
| </style> |
Актуальные фриланс-проекты в категории C и C++
Реверс-инжиниринг консольных утилит для опроса контроллеров SSD (Flash ID)1. Цель работы Выделение программного интерфейса (API) взаимодействия с контроллерами SSD/NVMe из предоставленного набора консольных утилит (Phison, Silicon Motion, Realtek, Maxiotek, Marvell, JMicron и др.). Результатом должно стать рабочий код на языке C/C++ или точная… C и C++, Десктопные приложения ∙ 5 дней 22 часа назад ∙ 6 ставок |
Разработка карты семян Minecraft Java / просмотрщика семян для сайтаРазработка карты семян Minecraft Java / Seed Viewer для сайтаОписание проекта Необходимо разработать браузерный инструмент Minecraft Java Seed Map / Seed Viewer, который будет работать на нашем сайте и позволит пользователю ввести семя Minecraft Java Edition и просмотреть… C и C++, HTML и CSS верстка ∙ 6 дней 5 часов назад ∙ 15 ставок |
Сравнительный анализ эффективности кастомного ПО (v2.2-field) и эталонного ПО (Meshtastic v2.x)
1000 UAH
Сравнительный анализ эффективности кастомного ПО (v2.2-field) и эталонного ПО (Meshtastic v2.x) на идентичной аппаратной платформе (ESP32 + SX1268, 2W) по критериям дальности, пропускной способности, стабильности линка и энергопотребления. Провести тесты с замерами с учетом… C и C++, C# ∙ 10 дней 12 часов назад ∙ 2 ставки |
Консультация и аудит текущего проекта на Odoo 19 Community EditionИщем Odoo разработчика — соло-разработчика с опытом разработки на Odoo 19 Community Edition, в том числе с использованием Claude Code. Нам нужен специалист, который успешно реализовал проекты в Odoo и имеет практический опыт разработки с использованием Claude Code. Важно:… C и C++, Javascript и Typescript ∙ 13 дней 13 часов назад ∙ 8 ставок |