0.0.151 small upd in static pages

static/css/styles.css

@@ -139,6 +139,11 @@ html, body{
     height: 100%;
 }
 
+.wrapper {
+    max-width: 1440px;
+    margin: auto;
+}
+
 
 
 
@@ -1733,14 +1738,33 @@ button#more_button{
 
 .top_block_static{
     position: relative;
-    width: 80%;
+    width: 90%;
     height: 194px;
     margin: auto;
-    padding: 0px 40px;
+    padding: 0 40px;
 }
-.top_block_static img{
+
- position: absolute;
+.top_block_static_wrapper{
- }
+  background-image:
+          url(/static/img/png/Box1.png),
+          url(/static/img/png/Box2.png),
+          url(/static/img/png/Box3.png),
+          url(/static/img/png/Box4.png);
+  background-position:
+          bottom left 200px,
+          top left 80px,
+          bottom -40px right 180px,
+          top  right 50px;
+  background-repeat:
+          no-repeat,
+          no-repeat,
+          no-repeat,
+          no-repeat;
+
+}
+/*.top_block_static img{*/
+/* position: absolute;*/
+/* }*/
 
 .top_block_static img:nth-child(4) {
    /* Положение нижнего левого изображения */
@@ -1931,11 +1955,14 @@ button#more_button{
 }
 
 .map_wrapper{
+   position: relative;
+
+}
+.map_wrapper>img{
     position: absolute;
-    right: 8%;
+    right: -5%;
     top: 57%;
     z-index: -1;
-
 }
 
 .text_wrapper{

templates/blocks/static_pages_blocks/b_about_service.html

@@ -1,17 +1,13 @@
 {% load i18n %}
-
+    <div class="top_block_static_wrapper">
-    <div class="top_block_static">
+        <div class="top_block_static">
         <div id=title_static>{% blocktrans %}Отправляй <span class="color_title">посылку</span> в любую точку мира!{% endblocktrans %}</div>
         <span id="sub_title_static">{{ page.description }}</span>
         <div class="button_container">
              <button id="more_button">{% translate "Узнать подробнее" %}</button>
             <button id="how_it_work_b">{% translate "Как это работает?" %}</button>
         </div>
-
+    </div>
-        <img src="/static/img/png/Box1.png" alt="">
-        <img src="/static/img/png/Box2.png" alt="">
-        <img src="/static/img/png/Box3.png" alt="">
-        <img src="/static/img/png/Box4.png" alt="">
     </div>
 
     <div class="mid_block_static">

templates/blocks/static_pages_blocks/b_mover_search.html

@@ -2,36 +2,32 @@
 {% load i18n %}
 
 
+    <div class="top_block_static_wrapper">
+        <div class="top_block_static">
 
-    <div class="top_block_static">
+            {% if page.url == 'for_customers' %}
+                <div id=title_static>{% blocktrans %}Отправляй <span class="color_title">посылку</span> в любую точку мира!{% endblocktrans %}</div>
+            {% endif %}
+            {% if page.url == 'for_movers' %}
+                <div id=title_static>{% blocktrans %}Путешествуй по миру и <span class="color_title">перевози</span> посылки!{% endblocktrans %}</div>
+            {% endif %}
 
-        {% if page.url == 'for_customers' %}
+            <span id="sub_title_static">{{ page.description }}</span>
-            <div id=title_static>{% blocktrans %}Отправляй <span class="color_title">посылку</span> в любую точку мира!{% endblocktrans %}</div>
+            <div class="button_container">
-        {% endif %}
-        {% if page.url == 'for_movers' %}
-            <div id=title_static>{% blocktrans %}Путешествуй по миру и <span class="color_title">перевози</span> посылки!{% endblocktrans %}</div>
-        {% endif %}
 
-        <span id="sub_title_static">{{ page.description }}</span>
+                {% if page.url == 'for_customers' %}
-        <div class="button_container">
+                    <button id="more_button">{% translate "Отправить посылку" %}</button>
+                {% endif %}
+                {% if page.url == 'for_movers' %}
+                    <button id="more_button">{% translate "Перевезти посылку" %}</button>
+                {% endif %}
 
-                    {% if page.url == 'for_customers' %}
+                <button id="how_it_work_b">{% translate "Как это работает?" %}</button>
-                        <button id="more_button">{% translate "Отправить посылку" %}</button>
+            </div>
-                    {% endif %}
-                    {% if page.url == 'for_movers' %}
-                        <button id="more_button">{% translate "Перевезти посылку" %}</button>
-                    {% endif %}
-
-            <button id="how_it_work_b">{% translate "Как это работает?" %}</button>
         </div>
-
-
-        <img src="/static/img/png/Box1.png" alt="">
-        <img src="/static/img/png/Box2.png" alt="">
-        <img src="/static/img/png/Box3.png" alt="">
-        <img src="/static/img/png/Box4.png" alt="">
     </div>
 
+
     <div class="mid_block_static">
 
         <div id="title_static">{% translate "О сервисе Trip With Bonus" %}</div>

templates/blocks/static_pages_blocks/b_partners.html

@@ -1,6 +1,6 @@
 {% load i18n %}
-
+    <div class="top_block_static_wrapper">
-    <div class="top_block_static">
+        <div class="top_block_static">
 
         <div id=title_static>{% blocktrans %}Станьте <span class="color_title">партнером</span> Trip With Bonus{% endblocktrans %}</div>
 
@@ -8,12 +8,7 @@
         <div class="button_container">
              <button id="more_button">{% translate "Узнать подробнее" %}</button>
         </div>
-
+    </div>
-
-        <img src="/static/img/png/Box1.png" alt="">
-        <img src="/static/img/png/Box2.png" alt="">
-        <img src="/static/img/png/Box3.png" alt="">
-        <img src="/static/img/png/Box4.png" alt="">
     </div>
 
     <div class="mid_block_static">

templates/pages/p_main.html

@@ -9,8 +9,8 @@
 {% endblock %}
 
 {% block content %}
-
+    <div class="top_block_static_wrapper">
-    <div class="top_block_static">
+        <div class="top_block_static">
 
         <div class="title_static_wrapper">
                 <div id=title_static>{% blocktrans %}Отправляй <span class="color_title">посылку</span> в любую точку мира!{% endblocktrans %}</div>
@@ -37,10 +37,11 @@
         </div>
 
 
-        <img src="/static/img/png/Box1.png" alt="">
+{#        <img src="/static/img/png/Box1.png" alt="">#}
-        <img src="/static/img/png/Box2.png" alt="">
+{#        <img src="/static/img/png/Box2.png" alt="">#}
-        <img src="/static/img/png/Box3.png" alt="">
+{#        <img src="/static/img/png/Box3.png" alt="">#}
-        <img src="/static/img/png/Box4.png" alt="">
+{#        <img src="/static/img/png/Box4.png" alt="">#}
+    </div>
     </div>
 
     <div class="search_form_main">