murod_bts
/
django_magazine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed the header a bit

main
zacc806 2024-01-22 15:58:53 +06:00
parent 3dff9894f5
commit c1c67eccff
6 changed files with 14 additions and 260 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
core/static/css/responsive.css
View File

@ -148,7 +148,7 @@
width: 380px; width: 380px;
} }
.header-two .logo, .header-two .cart-itmes, .header-two .mainmenu a { .header-two .logo, .header-two .cart-itmes, .header-two .mainmenu a {
line-height: 90px; line-height: 70px;
} }
.colect-text h5 { .colect-text h5 {
font-size: 13px; font-size: 13px;
@ -244,7 +244,7 @@ tbody .td-img > a {margin-right: 10px;}
.mean-container .mean-bar,.mean-container .mean-nav { .mean-container .mean-bar,.mean-container .mean-nav {
background: #f4cca4 none repeat scroll 0 0; background: #f4cca4 none repeat scroll 0 0;
} }
header .logo,.middel-top .right a {line-height: 50px;} header .logo,.middel-top .right a {line-height: 70px;}
.cart-itmes {line-height: 70px;} .cart-itmes {line-height: 70px;}
.middel-top .left p {line-height: 15px;} .middel-top .left p {line-height: 15px;}
.middel-top .center input {width: 85%;} .middel-top .center input {width: 85%;}
@ -381,10 +381,10 @@ header .logo,.middel-top .right a {line-height: 50px;}
top: 42px; top: 42px;
} }
.header-two .logo, .header-two .cart-itmes, .header-two .mainmenu a { .header-two .logo, .header-two .cart-itmes, .header-two .mainmenu a {
line-height: 90px; line-height: 70px;
} }
.header-two .cart-itmes a.cart-itme-a i { .header-two .cart-itmes a.cart-itme-a i {
margin-top: -30px; margin-top: 30px;
} }
.cart-itmes > a.cart-itme-a {top: 20px;} .cart-itmes > a.cart-itme-a {top: 20px;}
.single-colect a {text-align: center;} .single-colect a {text-align: center;}
@ -396,7 +396,7 @@ header .logo,.middel-top .right a {line-height: 50px;}
} }
.footer-two .social-media { .footer-two .social-media {
padding-bottom: 0; padding-bottom: 0;
padding-top: 40px; padding-top: 10px;
} }
.newsletter.get-touch,.your-rating,.main-input.new-customer { .newsletter.get-touch,.your-rating,.main-input.new-customer {
margin-top: 30px; margin-top: 30px;

4
core/static/css/style1.css
View File

@ -222,7 +222,7 @@ input:focus, textarea:focus {outline: 0px;}
line-height: 30px; line-height: 30px;
} }
.middel-top .left p {line-height: 75px;} .middel-top .left p {line-height: 75px;}
header .logo ,.cart-itmes{line-height: 150px;} header .logo ,.cart-itmes{line-height: 50px;}
.cart-itmes > a.cart-itme-a { .cart-itmes > a.cart-itme-a {
font-size: 16px; font-size: 16px;
text-transform: lowercase; text-transform: lowercase;
@ -1041,7 +1041,7 @@ footer ,.latest-blog,.single-products,.service-text,.coming-product.coming-produ
line-height: 50px; line-height: 50px;
} }
.header-top-two,.footer-bottom {background: #eee none repeat scroll 0 0;} .header-top-two,.footer-bottom {background: #eee none repeat scroll 0 0;}
.header-two .logo, .header-two .cart-itmes, .header-two .mainmenu a{line-height:120px;} .header-two .logo, .header-two .cart-itmes, .header-two .mainmenu a{line-height:70px;}
.header-two .mainmenu li > ul > li > a{line-height:1;} .header-two .mainmenu li > ul > li > a{line-height:1;}
.header-two .mainmenu li:first-child,.header-two .mainmenu li{border:0;} .header-two .mainmenu li:first-child,.header-two .mainmenu li{border:0;}
.header-top-two .middel-top { .header-top-two .middel-top {

0
start.sh Normal file → Executable file
View File

181
templates/base.html
View File

@ -5,7 +5,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<title>{% block title %}E - S H O P{% endblock title %}</title> <title>{% block title %}TOY STORE-Y{% endblock title %}</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon --> <!-- favicon -->
@ -41,32 +41,6 @@
<link rel="stylesheet" href="{% static 'css/responsive.css' %}"> <link rel="stylesheet" href="{% static 'css/responsive.css' %}">
<!-- modernizr js --> <!-- modernizr js -->
<style>
#searchh input[type=text] {
width: 150px;
margin-top:10px;
margin-bottom:10px;
box-sizing: border-box;
border: 2px solid #f4cca4;
border-radius: 4px;
font-size: 16px;
color:#1c1427;
background-color: #fff;
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
#searchh input[type=text]:focus {
width: 80%;
background: linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%);
}
</style>
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">--> <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="{% static 'js/vendor/modernizr-2.8.3.min.js' %}"></script> <script src="{% static 'js/vendor/modernizr-2.8.3.min.js' %}"></script>
@ -78,156 +52,9 @@
<body style="background:#40394a"> <body style="background:#40394a">
<!-- header section start --> <!-- header section start -->
<header style="background:linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%);" class="header-one header-two"> <header class="header-one header-two" style="height: 70px;">
{% comment %} <div style="background:linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%);" class="header-top-two"> <div class="logo" style="background:linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%); text-align: center">
<div class="container text-center"> <a style="color:#f4cca4;font-weight: 800; font-size: 22px;" href="{% url 'shop:shop' %}"><span style="color:#ffffff">TOY STORE-Y</span></a>
<div class="row">
<div class="col-sm-12">
<div class="middel-top">
{% if user.id is None %}
<div class="left floatleft">
<p style="color:#f4cca4"><b>Добро пожаловать, гость!</b></p>
</div>
{% else %}
<div class="left floatleft">
<p style="color:#f4cca4"><b>Добро пожаловать, {{user.first_name | capfirst}}!</b></p>
</div>
{% endif %}
</div>
<div class="middel-top clearfix">
<ul class="clearfix right floatright">
<li>
<a style="color:#f4cca4" href="#"><i class="mdi mdi-account"></i></a>
{% if user.id is None %}
<ul style="background:#1c1427">
<li><a href="{% url 'accounts:login' %}">Логин</a></li>
<li><a href="{% url 'accounts:register' %}">Регистрция</a></li>
</ul>
{% else %}
<ul style="background:#1c1427">
<li><a href="{% url 'accounts:dashboard' %}">Панель</a></li>
<li><a href="{% url 'accounts:logout' %}">Выйти</a></li>
</ul>
{% endif %}
</li>
<li>
<a style="color:#f4cca4" href="#"><i class="mdi mdi-settings"></i></a>
<ul style="background:#1c1427">
<li><a href="my-account.html">Аккаунт</a></li>
<li><a href="cart.html">Корзина</a></li>
<li><a href="wishlist.html">Избранные</a></li>
<li><a href="checkout.html">Проверить</a></li>
</ul>
</li>
</ul>
<!--
<div class="right floatright">
<form action="{% url 'shop:search' %}" method="GET" >
<button style="color:#d99879" type="submit"><i class="mdi mdi-magnify"></i></button>
<input type="text" placeholder="Search..." name="keyword"/>
</form>
-->
</div>
</div>
</div>
</div>
</div>
</div> {% endcomment %}
<div class="container text-center" style="height: 100px;">
<div class="row">
<div class="col-sm-2">
<div class="logo">
<a style="color:#f4cca4;font-weight: 800;" href="{% url 'shop:shop' %}"><span
style="color:#d99879">E-</span>Shop</a>
</div>
</div>
<!--<div class="col-sm-8">
<div class="header-middel">
<div class="mainmenu">
<nav >
<ul>
{% comment %} <li ><a href="\">Главная</a></li> {% endcomment %}
<li><a href="{% url 'shop:shop' %}">Магазин</a></li>
<li><a href="{% url 'cart:cart' %}">Корзина</a></li>
{% comment %} <li><a href="#">Category <i class="mdi mdi-arrow-down"></i></a>
<ul class="dropdown">
<li><a href="{% url 'shop:shop' %}">All</a></li>
{% for category in categories %}
<li><a href="{{ category.get_category_slug_url }}">{{category.name}}</a></li>
{% endfor %}
</ul>
</li> {% endcomment %}
{% comment %} <li><a href="blog.html">Blog</a></li> {% endcomment %}
{% comment %} <li><a href="about.html">О Нас</a></li>
<li><a href="contact.html">Контакты</a></li> {% endcomment %}
</ul>
</nav>
</div>
<div class="mobile-menu-area">
<div class="mobile-menu">
<nav id="dropdown">
<ul >
{% comment %} <li><a style="color:#1c1427" href="\">Главная</a></li> {% endcomment %}
<li><a style="color:#1c1427" href="{% url 'shop:shop' %}">Магазин</a></li>
{% comment %} <li><a style="color:#1c1427" href="{% url 'shop:shop' %}">Category</a>
<ul class="dropdown">
<li><a style="color:#1c1427" href="{% url 'shop:shop' %}">All</a></li>
{% for category in categories %}
<li><a style="color:#1c1427" href="{{ category.get_category_slug_url }}">{{category.name}}</a></li>
{% endfor %}
</ul>
</li> {% endcomment %}
{% comment %} <li><a style="color:#1c1427" href="blog.html">Blog</a></li> {% endcomment %}
{% comment %} <li><a style="color:#1c1427" href="about.html">О Нас</a></li>
<li><a style="color:#1c1427" href="contact.html">ConКонтактыtact</a></li> {% endcomment %}
</ul>
</nav>
</div>
</div>
</div>
</div>-->
<!--<div class="col-sm-2">
<div class="cart-itmes">
<a class="cart-itme-a" href="{% url 'cart:cart' %}">
<i class="mdi mdi-cart"></i>
<strong>{{totalll}} тг</strong>
</a>
<div class="cartdrop" style="background:#ffffff">
{% for x in cart_itemsss %}
<div class="sin-itme clearfix">
<a style="color:#f4cca4" href="{% url 'cart:remove_cart_item' x.product.id x.id %}" onclick="return confirm('Are you really want delete this?')"><i style="background:#ba135d" class="mdi mdi-close"></i></a>
<a class="cart-img" href="{{x.product.get_prodcut_details_url}}"><img style="height:108px;width:100%" src="{{x.product.image.url}}" alt="" /></a>
<div class="menu-cart-text floatright">
<a href="{{x.product.get_prodcut_details_url}}">
<h5 style="color: #d99879;">{{x.product.name}}</h5>
</a>
{% if x.variation.all %}
{% for item in x.variation.all %}
<span>{{item.variation_category | capfirst}} : {{item.variation_value | capfirst}}</span>
{% endfor %}
{% endif %}
<span style="color: #3b3b3b;">Цена за каждый : {{x.product.price}}тг</span>
<span style="color: #3b3b3b;">Количество : {{x.quantity}}</span>
<br/>
</div>
</div>
{% endfor %}
<div class="total" style="color: black;">
<span >Общий <strong style="color: black;">= {{totalll}} тг</strong></span>
</div><br>
{% if '/cart/' not in request.path %}
<a style="background:#40394a;color:#f4cca4;text-transform: lowercase;" class="out-menu" href="{% url 'cart:cart' %}">Перейти в корзину</a>
{% endif %}
</div>
</div>
</div>-->
</div>
</div> </div>
</header> </header>
<!--===================== Content ====================--> <!--===================== Content ====================-->

22
templates/shop/shop/product_details.html
View File

@ -6,28 +6,10 @@
.pages-title-text h2{margin-bottom: 0;} .pages-title-text h2{margin-bottom: 0;}
.section-padding{padding: 16px 0;} .section-padding{padding: 16px 0;}
</style> </style>
<div style="background:#40394a" class="pages-title section-padding">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="pages-title-text text-center">
<h2 style="color:#ffffff; font-size: 24px;">{{single_product.name}}</h2>
{% comment %} <ul class="text-left">
<li><a style="color:#d99879" href="\">Home </a></li>
<li style="color:#d99879"><span> // </span><a style="color:#d99879"
href="{% url 'shop:shop' %}">shop </a></li>
<li style="color:#d99879"><span> // </span>{{single_product.category}}</li>
<li style="color:#d99879"><span> // </span>{{single_product.name}}</li>
</ul> {% endcomment %}
</div>
</div>
</div>
</div>
</div>
<!-- pages-title-end --> <!-- pages-title-end -->
<!-- product-details-section-start --> <!-- product-details-section-start -->
<div style="background:#F5F5F5" class="product-details pages section-padding-top"> <div style="background:#F5F5F5; min-height:calc(100% - 110px);" class="product-details pages section-padding-top">
<div class="container"> <div class="containermin-
<div class="row"> <div class="row">
<div style="font-size:18px;"> <div style="font-size:18px;">
{% include "includes/alerts.html" %} {% include "includes/alerts.html" %}

57
templates/shop/shop/shop.html
View File

@ -6,63 +6,13 @@
.section-padding{padding:10px 0;} .section-padding{padding:10px 0;}
</style> </style>
<!-- header section end --> <!-- header section end -->
<!-- pages-title-start -->
{% comment %} <div style="background:#40394a;" class="pages-title section-padding">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="pages-title-text text-center">
{% if category_slug != None %}
<h2 style="color:#f4cca4;text-transform: capitalize; margin: 0; margin-bottom: 17px;">{{category_slug}}</h2>
{% else %}
<h2 style="color:#f4cca4;text-transform: capitalize; margin: 0; margin-bottom: 17px;">Магазин</h2>
{% endif %}
</div>
</div>
</div>
</div>
</div> {% endcomment %}
{% comment %} <div style="background:linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%);">
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<form id="searchh" action={% url 'shop:search' %} method="GET">
<input type="text" name="keyword" placeholder="Поиск...">
<button style="height:49px; margin-bottom:4px; background:#f4cca4;margin-left:-1px;border:None " class="btn btn-warning" type="submit">
<i style="color:#d99879" class="fa fa-search"></i>
</button>
</form>
</div>
</div>
</div>
</div> {% endcomment %}
<!-- pages-title-end -->
<!-- collection section start --> <!-- collection section start -->
<!-- collection section end --> <!-- collection section end -->
<!-- product-grid-view content section start --> <!-- product-grid-view content section start -->
<section style="background:#rgb(255 255 255)" class="pages products-page section-padding-bottom"> <section style="background:#rgb(255 255 255); min-height:calc(100% - 110px);" class="pages products-page section-padding-bottom">
<div class="container"> <div class="container">
<div class="row"><br> <div class="row"><br>
{% comment %} <div class="col-xs-12 col-sm-4 col-md-3">
<div class="sidebar left-sidebar">
<div style="background:#ffffff; color:#d99879;;border-radius:20px 20px 0 0;" class="s-side-text">
<div class="sidebar-title clearfix text-center">
<h3>Игрушки</h3>
</div>
<div class="sidebar-title clearfix">
<h4 class="floatleft"><a style="font-weight:600;color:#f4cca4" href="{% url 'shop:shop' %}">Все</a></h4>
</div>
{% for category in categories %}
<div class="sidebar-title clearfix">
<h4 class="floatleft"><a style="font-weight:600;color:#f4cca4" href="{{ category.get_category_slug_url }}">{{category.name}}</a></h4>
</div>
{% endfor %}
</div>
</div>
</div> {% endcomment %}
<div class="col-xs-12 col-sm-8 col-md-9" style="width: 100%;"> <div class="col-xs-12 col-sm-8 col-md-9" style="width: 100%;">
<div class="right-products"> <div class="right-products">
<div class="row"> <div class="row">
@ -72,7 +22,6 @@
<li> <li>
<ul class="nav-view"> <ul class="nav-view">
<li class="active"><a data-toggle="tab" href="#grid"> <i style="color:#3b3b3b" class="mdi mdi-view-module"></i> </a></li> <li class="active"><a data-toggle="tab" href="#grid"> <i style="color:#3b3b3b" class="mdi mdi-view-module"></i> </a></li>
{% comment %} <li><a data-toggle="tab" href="#list"> <i style="color:#3b3b3b" class="mdi mdi-view-list"></i> </a></li> {% endcomment %}
</ul> </ul>
</li> </li>
<li style="color:#3b3b3b; font-size:18px" class="sort-by floatright"> <li style="color:#3b3b3b; font-size:18px" class="sort-by floatright">
@ -100,10 +49,6 @@
</div> </div>
{% endif %} {% endif %}
<a href="{{product.get_product_details_url}}"><img style="border-radius: 50%;" src="{{product.image.url}}" alt="Product Title" /></a> <a href="{{product.get_product_details_url}}"><img style="border-radius: 50%;" src="{{product.image.url}}" alt="Product Title" /></a>
{% comment %} <div class="actions-btn">
<a style="margin-left:20px" href="{% url 'cart:add_cart' product.id %}"><i class="mdi mdi-cart"></i></a>
<a href="{{product.get_product_details_url}}"><i class="mdi mdi-eye"></i></a>
</div> {% endcomment %}
</div> </div>
<div class="product-dsc"> <div class="product-dsc">
<p><a style="color:#d99879" href="{{product.get_prodcut_details_url}}">{{product.name}}</a></p> <p><a style="color:#d99879" href="{{product.get_prodcut_details_url}}">{{product.name}}</a></p>