Доброй ночи.
есть такой код.
<!DOCTYPE html>
<html>
<head>
<meta charset="windows-1251">
<title> Чекбокс</title>
<script type='text/javascript' src='jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='public.js?ver=1.3.3'></script>
<style type="text/css">
/* Ingredients
------------------------------------- */
.checkbox1 .ingredients {
background-color: #fff;
border: 1px solid #e9e9e9;
padding: 39px 0;
position: relative;
margin: 12px 0 35px 0;
list-style: none;
}
.checkbox1 .ingredients li {
border-bottom: 1px solid #e9e9e9;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 0 8px 120px;
position: relative;
}
.checkbox1 .ingredients li:first-child { border-top: 1px solid #e9e9e9; }
.checkbox1 .ingredients:before,
.checkbox1 .ingredients:after {
content:"";
height: 100%;
width: 1px;
background-color: #ffd4d4;
position: absolute;
top: 0;
}
.checkbox1 .ingredients:before { left: 70px; }
.checkbox1 .ingredients:after { left: 74px; }
.checkbox1 .ingredients li { padding-left: 150px; }
/* Custom Checkbox */
.checkbox1 .ingredients li {
cursor: pointer;
}
.checkbox1 .ingredients li:before {
content: "";
display: inline-block;
width: 19px;
height: 19px;
margin-right: 10px;
position: absolute;
left: 115px;
top: 7px;
background-color: #fff;
border: 2px solid #d0d0d0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.checkbox1 .ingredients li.separator:before {
content: none;
}
.checkbox1 .ingredients li.separator {
padding-left: 115px;
font-weight: 600;
cursor: default;
color: #666;
}
.checkbox1 .ingredients li.active span {
text-decoration: line-through;
}
.checkbox1 .ingredients li.active:before {
content: "\2714";
font-size: 13px;
color: #fff;
text-align: center;
line-height: 15px;
background-color: #808080;
border: 2px solid #808080;
}
.checkbox1 .ingredients input[type=checkbox]:checked + label { text-decoration: line-through; }
.checkbox1 .ingredients li.active:before,
{ border-color: #73b819;
background-color: #73b819;
}
.ingredients input[type=checkbox]:checked + label:before,
.checkbox1 .ingredients li.active:before,
.pagination ul li .current-page { border-color: #73b819;
background-color: #73b819; }
</style>
</head>
<div class="checkbox1">
<ul class="ingredients">
<li><span> банан </span></li>
<li><span>яблоко</span></li>
<li><span>виноград </span></li>
</ul>
</div>
</body>
</html>
Как этот код вставить в запись WP. Куда вставлять скрипты и CSS?
Спасибо.
есть такой код.
<!DOCTYPE html>
<html>
<head>
<meta charset="windows-1251">
<title> Чекбокс</title>
<script type='text/javascript' src='jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='public.js?ver=1.3.3'></script>
<style type="text/css">
/* Ingredients
------------------------------------- */
.checkbox1 .ingredients {
background-color: #fff;
border: 1px solid #e9e9e9;
padding: 39px 0;
position: relative;
margin: 12px 0 35px 0;
list-style: none;
}
.checkbox1 .ingredients li {
border-bottom: 1px solid #e9e9e9;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 0 8px 120px;
position: relative;
}
.checkbox1 .ingredients li:first-child { border-top: 1px solid #e9e9e9; }
.checkbox1 .ingredients:before,
.checkbox1 .ingredients:after {
content:"";
height: 100%;
width: 1px;
background-color: #ffd4d4;
position: absolute;
top: 0;
}
.checkbox1 .ingredients:before { left: 70px; }
.checkbox1 .ingredients:after { left: 74px; }
.checkbox1 .ingredients li { padding-left: 150px; }
/* Custom Checkbox */
.checkbox1 .ingredients li {
cursor: pointer;
}
.checkbox1 .ingredients li:before {
content: "";
display: inline-block;
width: 19px;
height: 19px;
margin-right: 10px;
position: absolute;
left: 115px;
top: 7px;
background-color: #fff;
border: 2px solid #d0d0d0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.checkbox1 .ingredients li.separator:before {
content: none;
}
.checkbox1 .ingredients li.separator {
padding-left: 115px;
font-weight: 600;
cursor: default;
color: #666;
}
.checkbox1 .ingredients li.active span {
text-decoration: line-through;
}
.checkbox1 .ingredients li.active:before {
content: "\2714";
font-size: 13px;
color: #fff;
text-align: center;
line-height: 15px;
background-color: #808080;
border: 2px solid #808080;
}
.checkbox1 .ingredients input[type=checkbox]:checked + label { text-decoration: line-through; }
.checkbox1 .ingredients li.active:before,
{ border-color: #73b819;
background-color: #73b819;
}
.ingredients input[type=checkbox]:checked + label:before,
.checkbox1 .ingredients li.active:before,
.pagination ul li .current-page { border-color: #73b819;
background-color: #73b819; }
</style>
</head>
<div class="checkbox1">
<ul class="ingredients">
<li><span> банан </span></li>
<li><span>яблоко</span></li>
<li><span>виноград </span></li>
</ul>
</div>
</body>
</html>
Как этот код вставить в запись WP. Куда вставлять скрипты и CSS?
Спасибо.
