Відмінності між версіями «Test2»

Матеріал з Вікіпедія ЄСІТС
Перейти до навігації Перейти до пошуку
(Замінено вміст на «{{#css: { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ddd; padding: 8px; } tr:nth-child(even){background-color: #daeef3;} tr:hover {background-color: #ddd;} th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #61bbd385; } .table {width: 100%;} }} <html> <head> </head> <body> <div class="table-container"> <label>Пошук:<...»)
Мітка: Замінено
Рядок 1: Рядок 1:
{{#css:
{{#css:
{
{
  font-family: Arial, Helvetica, sans-serif;
ul{padding-left:2rem;}
  border-collapse: collapse;
ul{margin-top:0;margin-bottom:1rem;}
  width: 100%;
a{color:#0d6efd;text-decoration:underline;}
a:hover{color:#0a58ca;}
table{caption-side:bottom;border-collapse:collapse;}
th{text-align:inherit;text-align:-webkit-match-parent;}
tbody,td,th,thead,tr{border-color:inherit;border-style:solid;border-width:0;}
button{border-radius:0;}
button:focus:not(:focus-visible){outline:0;}
button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
button{text-transform:none;}
[type=button],button{-webkit-appearance:button;}
::-moz-focus-inner{padding:0;border-style:none;}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield;}
.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6;}
.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);}
.table>tbody{vertical-align:inherit;}
.table>thead{vertical-align:bottom;}
.table>:not(:first-child){border-top:2px solid currentColor;}
.table-bordered>:not(caption)>*{border-width:1px 0;}
.table-bordered>:not(caption)>*>*{border-width:0 1px;}
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color);}
.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color);}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
@media (prefers-reduced-motion:reduce){
.form-control{transition:none;}
}
}
 
.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
td, th {
.form-control::-moz-placeholder{color:#6c757d;opacity:1;}
  border: 1px solid #ddd;
.form-control::placeholder{color:#6c757d;opacity:1;}
  padding: 8px;
.form-control:disabled{background-color:#e9ecef;opacity:1;}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
@media (prefers-reduced-motion:reduce){
.btn{transition:none;}
}
}
 
.btn:hover{color:#212529;}
tr:nth-child(even){background-color: #daeef3;}
.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
 
.btn:disabled{pointer-events:none;opacity:.65;}
tr:hover {background-color: #ddd;}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;}
 
.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64;}
th {
.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5);}
  padding-top: 12px;
.btn-secondary:active{color:#fff;background-color:#565e64;border-color:#51585e;}
  padding-bottom: 12px;
.btn-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5);}
  text-align: left;
.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d;}
  background-color: #61bbd385;
.dropdown,.dropup{position:relative;}
.dropdown-toggle{white-space:nowrap;}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;}
.dropdown-toggle:empty::after{margin-left:0;}
.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent;}
.dropup .dropdown-toggle:empty::after{margin-left:0;}
.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;}
.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef;}
.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd;}
.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent;}
.btn-group{position:relative;display:inline-flex;vertical-align:middle;}
.btn-group>.btn{position:relative;flex:1 1 auto;}
.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1;}
.pagination{display:flex;padding-left:0;list-style:none;}
.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
@media (prefers-reduced-motion:reduce){
.page-link{transition:none;}
}
}
.table {width: 100%;}
.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6;}
.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
.page-item:not(:first-child) .page-link{margin-left:-1px;}
.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd;}
.page-link{padding:.375rem .75rem;}
.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;}
.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}
.clearfix::after{display:block;clear:both;content:"";}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important;}
.mx-auto{margin-right:auto!important;margin-left:auto!important;}
.mt-5{margin-top:3rem!important;}
/*! CSS Used from: https://unpkg.com/bootstrap-table@1.18.2/dist/bootstrap-table.min.css */
.bootstrap-table .fixed-table-toolbar::after{content:"";display:block;clear:both;}
.bootstrap-table .fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px;}
.bootstrap-table .fixed-table-container{position:relative;clear:both;}
.bootstrap-table .fixed-table-container .table{width:100%;margin-bottom:0!important;}
.bootstrap-table .fixed-table-container .table td,.bootstrap-table .fixed-table-container .table th{vertical-align:middle;box-sizing:border-box;}
.bootstrap-table .fixed-table-container .table thead th{vertical-align:bottom;padding:0;margin:0;}
.bootstrap-table .fixed-table-container .table thead th:focus{outline:0 solid transparent;}
.bootstrap-table .fixed-table-container .table thead th .th-inner{padding:.75rem;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bootstrap-table .fixed-table-container .table thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px!important;}
.bootstrap-table .fixed-table-container .table thead th .both{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");}
.bootstrap-table .fixed-table-container .fixed-table-header{overflow:hidden;}
.bootstrap-table .fixed-table-container .fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%;}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading{align-items:center;background:#fff;display:flex;justify-content:center;position:absolute;bottom:0;width:100%;z-index:1000;transition:visibility 0s,opacity .15s ease-in-out;opacity:0;visibility:hidden;}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap{align-items:baseline;display:flex;justify-content:center;}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text{margin-right:6px;}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap{align-items:center;display:flex;justify-content:center;}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before{content:"";animation-duration:1.5s;animation-iteration-count:infinite;animation-name:LOADING;background:#212529;border-radius:50%;display:block;height:5px;margin:0 4px;opacity:0;width:5px;}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot{animation-delay:.3s;}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after{animation-delay:.6s;}
.bootstrap-table .fixed-table-container .fixed-table-footer{overflow:hidden;}
.bootstrap-table .fixed-table-pagination::after{content:"";display:block;clear:both;}
.bootstrap-table .fixed-table-pagination>.pagination,.bootstrap-table .fixed-table-pagination>.pagination-detail{margin-top:10px;margin-bottom:10px;}
.bootstrap-table .fixed-table-pagination>.pagination-detail .pagination-info{line-height:34px;margin-right:5px;}
.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list{display:inline-block;}
.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group{position:relative;display:inline-block;vertical-align:middle;}
.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group .dropdown-menu{margin-bottom:0;}
.bootstrap-table .fixed-table-pagination>.pagination ul.pagination{margin:0;}
.bootstrap-table.bootstrap5 .float-left{float:left;}
.bootstrap-table.bootstrap5 .float-right{float:right;}
}}
}}
<html>
<html>
Рядок 29: Рядок 112:
     <div class="table-container">
     <div class="table-container">
         <label>Пошук:</label><input type="text" onkeyup="filter(event)">
         <label>Пошук:</label><input type="text" onkeyup="filter(event)">
         <table id="easy-table" class="table is-striped is-bordered">
         <table id="easy-table" class="table table-striped table bordered table-hover mx-auto is-striped is-bordered">
             <thead>
             <thead>
                 <tr>
                 <tr>

Версія за 18:10, 9 лютого 2022

Id шаблону Назва шаблону Інстанція Категорія Судочинство