Skip to content

Instantly share code, notes, and snippets.

@Less1337

Less1337/custom.css Secret

Created February 1, 2023 15:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Less1337/8f649d6dc7791b2c5a453ea406e487a2 to your computer and use it in GitHub Desktop.
Save Less1337/8f649d6dc7791b2c5a453ea406e487a2 to your computer and use it in GitHub Desktop.
Download ZIP
траблкод
Raw
custom.css
.alert-danger {
--bs-alert-color: #000000;
--bs-alert-bg: #e5425145;
--bs-alert-border-color: #ff011a;
}
.alert-success {
--bs-alert-color: #000000;
--bs-alert-bg: #016e3d4f;
--bs-alert-border-color: #066e38;
}
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="custom.css">
<title>Главная страница</title>
<nav class="navbar bg-body-tertiary">
<div class="container-fluid">
<a href="/" class="navbar-brand">
<img src="images/logo.png" alt="" width="30" height="24"> ToDoApp by Less
</a>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Введите запрос" aria-label="Введите запрос" name="search">
<button class="btn btn-outline-success" type="submit">Найти</button>
</form>
</div>
</nav>
</head>
<body>
<div class="butt">
<div class="container">
<div class="d-grid gap-2 col-4 mx-auto">
<!-- Button trigger modal -->
<button type="button" class="btn btn-success"data-bs-toggle="modal" data-bs-target="#staticBackdrop">Добавить запись</button>
<hr>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Добавление задачи</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="/add" method="post">
<input type="hidden" name="csrfmiddlewaretoken" value="BtWoUply0C7HFPxdCGolTtkGb8gOxihcUUgAcAMEnFF1ojsLVoqCYRFOJ9cl6l6P">
<div class="modal-body">
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label">Название задачи:</label>
<input class="form-control" type="text" name="title" placeholder="Введите название задачи" aria-label="default input example">
</div>
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label">Описание задачи:</label>
<textarea class="form-control" name="content" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">Добавить запись</button>
<button type="button" class="btn btn-outline-danger" data-bs-dismiss="modal">Отмена</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="container">
<div class="alert alert-danger" role="alert">
<h5>№1 The first task <span class="badge bg-danger">Предстоит выполнить</span></h5>
<span>Description of the first task</span>
<hr>
<p>
<a href="/complete/1/"><button type="button" class="btn btn-outline-success">Отметить выполненным</button></a>
Создано Jan. 26, 2023, 8:10 a.m.
</p>
</div>
</div>
<div class="container">
<div class="alert alert-success" role="alert">
<h5>№2 The send task <span class="badge bg-success">Выполнено</span></h5>
<p>safaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaa aaaugyhbekaaa aaeaeae aeaeabae gukkkkkkkkkkk</p>
<hr>
<p>
<a href="/complete/2/"><button type="button" class="btn btn-outline-danger">Отметить невыполненным</button></a>
Создано Jan. 26, 2023, 9:49 a.m.
</p>
</div>
</div>
<div class="container">
<div class="alert alert-danger" role="alert">
<h5>№3 Третья задача трарара лплалал алалал алалал ббб ааааааа ввввввв <span class="badge bg-danger">Предстоит выполнить</span></h5>
<span>Описание задачи номертри аыфааа аыыыыыыыыыы ппппппппппппппп ццццццццццццццц ппппппппппппппп рооооооооррррррррррр пррррррррррр тарарата оаоаоаоа оаоаоао арарар арырарырары аыррыарарыра арылдоаыд</span>
<hr>
<p>
<a href="/complete/3/"><button type="button" class="btn btn-outline-success">Отметить выполненным</button></a>
Создано Jan. 27, 2023, 1:09 p.m.
</p>
</div>
</div>
<div class="container">
<div class="alert alert-success" role="alert">
<h5>№4 214 <span class="badge bg-success">Выполнено</span></h5>
<p>2444
</p>
<hr>
<p>
<a href="/complete/4/"><button type="button" class="btn btn-outline-danger">Отметить невыполненным</button></a>
Создано Jan. 30, 2023, 1:06 p.m.
</p>
</div>
</div>
<div class="container">
<div class="alert alert-danger" role="alert">
<h5>№5 2 <span class="badge bg-danger">Предстоит выполнить</span></h5>
<span></span>
<hr>
<p>
<a href="/complete/5/"><button type="button" class="btn btn-outline-success">Отметить выполненным</button></a>
Создано Jan. 30, 2023, 1:07 p.m.
</p>
</div>
</div>
<div class="container">
<div class="alert alert-success" role="alert">
<h5>№6 33333 <span class="badge bg-success">Выполнено</span></h5>
<p>ыфпппппппппппВВВВВ
</p>
<hr>
<p>
<a href="/complete/6/"><button type="button" class="btn btn-outline-danger">Отметить невыполненным</button></a>
Создано Jan. 30, 2023, 1:07 p.m.
</p>
</div>
</div>
<div class="container">
<div class="alert alert-danger" role="alert">
<h5>№7 fsa <span class="badge bg-danger">Предстоит выполнить</span></h5>
<span>fsa</span>
<hr>
<p>
<a href="/complete/7/"><button type="button" class="btn btn-outline-success">Отметить выполненным</button></a>
Создано Jan. 30, 2023, 1:15 p.m.
</p>
</div>
</div>
<div class="container">
<div class="alert alert-danger" role="alert">
<h5>№8 Тест формы 2431 <span class="badge bg-danger">Предстоит выполнить</span></h5>
<span>уиуииуииаыфиафы</span>
<hr>
<p>
<a href="/complete/8/"><button type="button" class="btn btn-outline-success">Отметить выполненным</button></a>
Создано Jan. 30, 2023, 1:16 p.m.
</p>
</div>
</div>
<div class="container">
<div class="alert alert-success" role="alert">
<h5>№9 ыаф <span class="badge bg-success">Выполнено</span></h5>
<p>аыф</p>
<hr>
<p>
<a href="/complete/9/"><button type="button" class="btn btn-outline-danger">Отметить невыполненным</button></a>
Создано Jan. 30, 2023, 1:16 p.m.
</p>
</div>
</div>
<div class="container">
<div class="alert alert-danger" role="alert">
<h5>№10 аыф <span class="badge bg-danger">Предстоит выполнить</span></h5>
<span>ыаф</span>
<hr>
<p>
<a href="/complete/10/"><button type="button" class="btn btn-outline-success">Отметить выполненным</button></a>
Создано Jan. 31, 2023, 4:23 p.m.
</p>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
</body>
</html>
Raw
style.css
.container-fluid{
margin: 0 0 100px 0;
}
body {
background-image: url('images/background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment