<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<form id="tasks" action="add.php">
<center>
<table id="table_container" class="setup">
<thead>
<tr>
<th class="setup" style="width: 45%">Тип задачи</th>
<th class="setup">Норма времени</th>
<th class="setup">Привязать объект</th>
</tr>
</thead>
<tbody>
<tr>
<td class="setup"><center><input size="60" class="big" type="text" name="task_name" required="required"></center></td>
<td class="setup">
<center>
<select name="task_len">
<option value="5">5 мин.</option>
<option value="10">10 мин.</option>
<option value="15">15 мин.</option>
<option value="20">20 мин.</option>
<option value="25">25 мин.</option>
<option value="30">30 мин.</option>
<option value="35">35 мин.</option>
<option value="40">40 мин.</option>
<option value="45">45 мин.</option>
<option value="50">50 мин.</option>
<option value="55">55 мин.</option>
<option value="60">60 мин.</option>
<option value="90">90 мин.</option>
<option value="120">120 мин.</option>
<option value="180">180 мин.</option>
</select>
</center>
</td>
<td class="setup">
<center>
<select name="task_obj">
<option value="1">Звонки</option>
<option value="2">Контакты</option>
<option value="3">Контрагенты</option>
</select>
</center>
</td>
<td class="setup-del-row"><span class="delete"><ul class="icons icons--stroke--header"><li class="iconsmall" style="top:4px;left:20px;"><span class="iconsmall">X</span><svg viewbox="0 0 9 9"><use xlink:href="#close" transform="translate(0, 0) scale(.35)"></svg></li></ul></span></td>
</tr>
<tr>
<td colspan="2" align="left">
<div id="add" onclick="return add_new();" style="width:31px;">
<ul class="icons icons--stroke">
<li class="icon">
<a>X
<svg viewbox="0 0 9 9">
<use xlink:href="#add" transform="translate(0, 0) scale(.35)">
</svg>
</a>
</li>
</ul>
</div>
</td>
<td align="right">
<button class="for-svg" type="submit">
<ul class="icons icons--stroke">
<li class="icon" style="top:-19px;left:-11px;">
<svg viewbox="0 0 9 9">
<use xlink:href="#save" transform="translate(0, 0) scale(.35)">
</svg>
</li>
</ul>
</button>
</td>
</tr>
</tbody>
</table>
</form>
<script>
window.addEventListener("DOMContentLoaded", function() {
var a = document.querySelector("#table_container"),
b = a.querySelector("tbody"),
d = b.querySelector("tr").cloneNode(!0);
a.querySelector("#add").addEventListener("click", function() {
var c = d.cloneNode(!0);
c.addEventListener("click", function(event) {
var a = event.target.classList;
a && a.contains("iconsmall") && b.removeChild(c)
});
b.insertBefore(c, b.lastElementChild)
})
});
</script>
</body>
</html>
#table_container tbody tr:first-child td:last-child{
visibility: hidden;
}
table.setup{
width:70%;
border-collapse: collapse;
}
th.setup{
line-height: 30px;
background: rgba(102, 153, 255, 0.3);
border: 1px dotted #3366FF;
font-size: 16px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
}
th.setup-del-row{
line-height: 30px;
background: none;
border: none;
border-left: 1px dotted #3366FF;
font-size: 16px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
}
td.setup{
line-height: 30px;
background: none;
border: 1px dotted #3366FF;
font-size: 14px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 300;
}
td.setup-del-row{
line-height: 30px;
background: none;
border: 0px none;
border-left: 1px dotted #3366FF;
font-size: 14px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 300;
}
/*Кнопка под SVG*/
.for-svg{
background: none;
height:30px;
width:30px;
border: 0px none;
}
/* Блоки с заголовками на страницах настроек */
.one-section{
display: inline-block;
position: relative;
margin: 10px;
margin-top: 20px;
padding: 10px;
padding-left: 20px;
padding-right: 20px;
background: none;
color: #000000;
border: 1px dotted #3366FF;
border-radius: 3px;
-webkit-border-radius: 3px;
width: 94%;
height: auto;
}
.os-head{
color: #3366FF;
line-height: 20px;
background: white;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
position: relative;
left: -10px;
top:-22px;
display: inline;
width: content;
z-index: 100;
}
.os-content{
background: none;
border: 0px none;
position: relative;
display: block;
top: -10px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 300;
height: auto;
}
.os-section-name{
width: auto;
line-height: 40px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
letter-spacing: 1px;
color: #3366FF;
font-size: 18px;
margin: 0px 20px;
padding: 0px;
display: inline;
}
.os-setting-link{
color: #3366FF;
text-decoration: none;
}
.os-settings-li {
text-decoration: none;
line-height: 30px;
background: #ffffff;
list-style-type: none;
text-transform: capitalize;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 5px;
padding-left: 10px;
font-size: 14px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
border-left: 4px solid rgba(102,0,255,0.05);
}
.os-content-header{
font-size: 16px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400
}
.os-content-formlabel{
font-size: 14px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400
}
.os-settings-li:hover {
background: rgba(153, 204, 255, 0.1);
text-transform: Uppercase;
font-weight: bold;
}
.os-content-wrpr{
display: none;
background: none;
padding-left:7px;
padding-top:10px;
width: 98%;
}
.os-settings-li.show{
background-color: rgba(102,0,255,0.05);
}
.os-content-wrpr.show{
display: block;
padding-left:7px;
padding-top:10px;
width: 98%;
}
/* Кончились блоки с заголовками на страницах настроек */
/* Календарик */
.cal-header {
position: relative;
display: block;
border: 0px none;
width: 70%;
}
.cal-cell {
width: 100%;
height: calc(16px*3*3);
padding: 0px;
margin: 0px;
background: none;
border: 0px none;
}
.busy-indicator {
display: block;
position: relative;
float: bottom;
bottom: 5px;
height: 5px;
border: 0px none;
background: rgba(255, 0, 255, 0.1);
z-index: 100;
margin: 0;
padding: 0;
}
.cal-month-name {
width: auto;
line-height: 50px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
letter-spacing: 1px;
color: #3366FF;
font-size: 24px;
margin: 0px 20px;
padding: 0px;
display: inline;
}
.cal-month-backward {
width: auto;
line-height: 50px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
letter-spacing: 1px;
color: #b6b6b6;
font-size: 24px;
margin: 0px 20px;
padding: 0px;
float: left;
display: inline;
}
.cal-month-backward:hover{
color: #3366FF;
cursor: pointer;
}
.cal-month-forward {
width: auto;
line-height: 50px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
letter-spacing: 1px;
color: #b6b6b6;
font-size: 24px;
margin: 0px 20px;
padding: 0px;
float: right;
display: inline;
}
.cal-month-forward:hover{
color: #3366FF;
cursor: pointer;
}
.cal-task-add {
position: absolute;
bottom: 0;
right: 0;
float: right;
background: none;
width: auto;
height: auto;
margin: 0px;
padding: 10px;
}
.cal-container {
position: relative'
width: 100%;
height: auto;
border: 0px none;
background: white;
margin: 0px;
padding: 0px;
align: center;
}
.cal-day{
position: relative;
width: 100%;
background: white;
border: 0px none;
margin: 0px;
padding: 0px;
height: calc(16px*3*3);
z-index: 95;
}
.cal-day:hover{
background: rgba(204,204,255,0.2);
cursor: pointer;
}
.cal-holyday{
position: relative;
width: 100%;
background: rgba(255,204,255,0.1);
border: 0px none;
margin: 0px;
padding: 0px;
height: calc(16px*3*3);
}
.cal-holyday:hover{
background: rgba(204,204,255,0.2);
}
.cal-today{
position: relative;
width: 100%;
background: rgba(242,242,242,0.3);
border: 0px none;
margin: 0px;
padding: 0px;
height: calc(16px*3*3);
z-index: 95;
}
.cal-today:hover{
background: rgba(204,204,255,0.2);
}
.cal-day-date-prev-month{
position: absolute;
top: 0;
right: 0;
float: right;
background: none;
color: #b6b6b6;
width: auto;
height: auto;
margin: 0px;
padding: 10px;
font-size: 20px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 100;
}
.cal-day-date-now-month{
position: absolute;
top: 0;
right: 0;
float: right;
background: none;
color: #000000;
width: auto;
height: auto;
margin: 0px;
padding: 10px;
font-size: 20px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 100;
}
.cal-day-date-today{
position: absolute;
top: 0;
right: 0;
float: right;
background: none;
color: #3366FF;
width: auto;
height: auto;
margin: 0px;
padding: 10px;
font-size: 20px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
}
table.calendar{
width: 70%;
height: auto;
background: none;
border: 0px none;
border-collapse: collapse;
}
td.calendar{
height: calc(16px*3*3-5px);
background: none;
border: 1px dotted #CCCCFF;
align-content: center;
width: calc(100%/7);
padding: 0px;
margin: 0px;
}
th.calendar{
height: auto;
background: none;
border-bottom: 1px dotted #CCCCFF;
border-top: 0px none;
border-left: 0px none;
border-right: 0px none;
align-content: center;
width: calc(100%/7);
padding: 0px;
margin: 0px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 100;
letter-spacing: 1px;
}
.week-day-name{
line-height: 40px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 300;
letter-spacing: 1px;
color: #3366FF;
}
/* Календарик кончился */
.steellist {
text-decoration: none;
font-size: 10pt;
line-height: 25px;
background: #ffffff;
list-style-type: none;
text-transform: capitalize;
margin-left: 15px;
padding-left: 5px;
}
.steellist:hover {
background: #EDEDED;
font-weight: bold;
}
.steels-gosts {
background: none;
position: relative;
display: block;
line-height: 40px;
border-bottom: 1px dotted #3366FF;
}
.steelluse {
text-decoration: none;
font-size: 10pt;
list-style-type: none;
margin-left: 15px;
padding-left: 5px;
}
.sectionlight{
background: #ffffff;
line-height: 20px;
padding: 10px;
}
.sectionshadowed{
background: #EFEFEF;
line-height: 20px;
padding: 10px;
}
.steellistlink {
color: #000000;
text-decoration: none;
}
.assemblyheadlink {
text-decoration: none;
font-size: 11pt;
border-bottom: 1px dotted #6699FF;
color: #6699FF;
text-align: center;
line-height: 30px;
font-weight: bold;
}
.assemblyheadtext {
text-decoration: none;
font-size: 11pt;
color: #6699FF;
text-align: center;
line-height: 30px;
font-weight: bold;
}
.assemblyweight{
border-left: 1px solid #d9dcfb;
border-right: 1px solid #d9dcfb;
}
.assemblyesweight{
border-left: 1px solid #d9dcfb;
border-right: 1px solid #d9dcfb;
font-weight: bold;
}
.assemblyinfo {
position: relative;
margin:7px;
padding: 7px;
background: #ffffff;
border: 1px dotted #c3c3c3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius: 3px;
height: auto;
width: 48%;
float: left;
}
.assemblyinfo-content {
display: block;
padding: 7px;
background: none;
width: 97%;
line-height: 20px;
text-align: left;
}
.testinfo {
position: relative;
margin:15px;
background: #ffffff;
border: 1px dotted #c3c3c3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius: 3px;
height: auto;
width: 70%;
}
.thdr {
display: inline-block;
align-content: center;
padding: 20px;
background: none;
width: 97%;
border-bottom: 1px dotted #c3c3c3;
}
.testinfo-content {
display: block;
padding: 20px;
background: none;
width: 97%;
line-height: 30px;
text-align: left;
}
input[type=submit].big {
color: #000000;
line-height: 30px;
font-size: 12px;
height: 40px;
border: solid 1px;
border-color: #c3c3c3;
}
input[type=text].big {
color: #000000;
line-height: 20px;
font-size: 12px;
height: 30px;
border: solid 1px;
border-color: #c3c3c3;
}
input[type=text].big:hover {
color: #000000;
line-height: 20px;
font-size: 12px;
height: 30px;
border: solid 1px;
border-color: #B3B3B3;
}
input[type=submit].big:hover {
color: #000000;
line-height: 30px;
font-size: 12px;
height: 40px;
border: solid 1px;
border-color: #000000;
}
input[type=submit].horizbig {
color: #000000;
line-height: 30px;
font-size: 14px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
height: 32px;
border: solid 1px;
border-color: #c3c3c3;
}
input[type=submit].horizbig:hover {
color: #000000;
line-height: 30px;
font-size: 14px;
font-family: 'Roboto',Tahoma,serif;
font-weight: 400;
height: 32px;
border: solid 1px;
border-color: #000000;
}
body {
font-family: 'Fira Sans', Verdana, sans-serif;
font-size: 12px;
color: #141414;
}
h3.divHead {
color: #6F12CC;
text-decoration: double;
font-size: 11pt;
text-align: center;
}
h3.divEmpty {
color: #000000;
text-decoration: none;
font-weight: normal;
font-size: 11pt;
text-align: center;
}
div.unconnected_staff {
display: block;
width: 98%;
height: auto;
padding: 5px 5px 5px 5px;
border:1px dotted #A3ABFD;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
border-radius: 3px;
box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
}
div.unconnected_post {
display: block;
width: 98%;
height: auto;
padding: 5px 5px 5px 5px;
border:1px dotted #A3ABFD;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
border-radius: 3px;
box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
}
div.textedit {
width: 60%;
}
div.scroll {
display: block;
width: 150px;
height: 400;
padding: 5px 5px 5px 5px;
border:1px dotted #a3abfd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
border-radius: 3px;
box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
overflow-x:hidden;
overflow-y:scroll;
}
#comments_block {
display: block;
width: 150px;
height: 400;
padding: 5px 5px 5px 5px;
border:1px dotted #a3abfd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
border-radius: 3px;
box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
overflow-x:hidden;
overflow-y:scroll;
}
#steellist_block {
display: block;
width: 100%;
height: 100%;
padding: 5px 5px 5px 5px;
margin: 5px;
overflow-x:hidden;
overflow-y:scroll;
}
.steeldetail_block {
display: block;
width: 100%;
height: 100%;
padding: 5px 5px 5px 5px;
margin: 5px;
overflow-x:hidden;
overflow-y:auto;
}
#scrollabletree {
display: block;
width: 100%;
height: 100%;
padding: 5px 5px 5px 5px;
border:0px none
overflow-x:hidden;
overflow-y:scroll;
}
div.scrollabletreeinner {
width: 95%;
}
.jspVerticalBar {
width: 6px;
}
.jspTrack {
width: 6px;
background-color: #ededed;
}
.jspDrag {
width: 6px;
border-radius: 3px;
background-color: #ccc;
}
div.detselect {
width: 20px;
height: auto;
float: right;
}
#mincol {
width: 5em;
}
tr.hvr:hover {
background: #f3bd48;
}
div.allrecords {
position: relative;
float: right;
width: auto;
text-align: center;
border: none 0px;
}
div.alarma {
display: block;
width: 90%;
height: auto;
padding: 5px 5px 5px 5px;
border:1px dotted #a3abfd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
border-radius: 3px;
background: #f38d2a;
box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
}
div.sysmessage {
display: block;
width: 90%;
height: auto;
padding: 15px 15px 15px 15px;
margin: 15px 15px 15px 15px;
line-height: 25px;
border:1px dotted #a3abfd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
border-radius: 3px;
background: #ffffff;
box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
font-family: 'Fira Sans', Verdana, sans-serif;
font-size: 14px;
color: #595959;
}
div.added_recs {
display: block;
width: 90%;
height: auto;
padding: 5px 5px 5px 5px;
border:1px dotted #a3abfd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
border-radius: 3px;
box-shadow: 1px 1px 2px 0px rgba(94,91,94,1);
}
div.item_added {
display: block;
width: 90%;
height: auto;
background: rgba(252,107,107,.3);
padding: 5px 5px 5px 5px;
border:1px dotted rgba(252,107,107,.3);
}
.kok {
padding: 2px 2px;
float: left;
}
span.modhead {
text-decoration: strong;
font-weight: 600;
cursor:pointer;
border-bottom: 1px dotted #141414;
color: #141414;
}
table.mnu {
padding: 5px;
border-collapse:collapse;
border:0px none;
}
td.mnuleft {
padding: 5px 20px;
border:0px none;
border-right: 1px dotted #f38d2a;
cursor:pointer;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #395271;
}
td.mnusingle {
padding: 5px 20px;
background: #f8f8f8;
border:0px none;
cursor:pointer;
height: 30px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #395271;
}
td.mnusingle:hover {
background: #e8eafd;
color: #f38d2a;
}
td.mnuleft:hover {
background: #d6e6fb; /* Смещение фона */
}
td.mnuright {
padding: 5px 20px;
border:0px none;
border-left: 1px dotted #f38d2a;
cursor:pointer;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #395271;
}
td.mnuright:hover {
background: #d6e6fb; /* Смещение фона */
}
td.price {
background: #ffffff;
border:1px dotted #a3abfd;
text-align: center;
}
td.price:hover {
background: #d6e6fb; /* Смещение фона */
}
td.pricegray {
background: #f9f9f9;
border:1px dotted #a3abfd;
text-align: center;
}
td.pricegray:hover {
background: #d6e6fb; /* Смещение фона */
}
td.mnumid {
padding: 5px 20px;
border:0px none;
border-left: 1px dotted #f38d2a;
border-right: 1px dotted #f38d2a;
cursor:pointer;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #395271;
}
td.mnumid:hover {
background: #d6e6fb; /* Смещение фона */
}
a.mnut {
text-decoration: none;
color: #395271;
}
hr {
color: #141414;
border: 0px none;
border-top: dotted 1px #141414;
height: 1px;
}
li.list {
padding: 2px;
color: #595959;
}
a {
font-size: 12px;
color: #4800ff;
}
a.draw {
font-size: 12px;
color: #141414;
text-decoration: none;
border-bottom:1px dotted;
background-color: #ffffff;
}
a.sbmod {
font-size: 12px;
color: #acadad;
text-decoration: none;
border-bottom:1px dotted;
background-color: #f1f1f1;
cursor: pointer;
}
span.mod {
font-size: 12px;
color: #acadad;
text-decoration: none;
border-bottom:1px dotted;
background-color: #f1f1f1;
cursor: pointer;
}
span.osnmove {
font-size: 12px;
color: #000000;
text-decoration: none;
border-bottom:1px dotted;
background-color: #ffffff;
cursor: pointer;
}
a.drawinfo {
font-size: 12px;
color: #141414;
text-decoration: none;
border-bottom:1px dotted;
background-color: #f1f1f1;
}
a.vhodinfo {
font-size: 14px;
line-height: 40px;
color: #6699FF;
text-decoration: none;
border-bottom:1px dotted;
}
a.dound {
color: #4183fb;
text-decoration: none;
border-bottom:1px dotted;
font-size: 14px;
}
input {
font-size: 12px;
color: #395271;
}
input.big {
margin: 5 20px 5 1px;
line-height: 20px;
font-size: 12px;
color: #395271;
width: 50%
height: 20px;
}
input[type=date].big {
margin-left: 1px;
margin-bottom: 5px;
margin-top: 5px;
line-height: 30px;
font-size: 12px;
height: 30px;
-webkit-inner-spin-button { height: 30px; }
-webkit-calendar-picker-indicator { height: 30px; }
}
input[type=time].big {
margin-left: 1px;
margin-bottom: 5px;
margin-top: 5px;
line-height: 30px;
font-size: 12px;
height: 30px;
-webkit-inner-spin-button { height: 30px; }
-webkit-calendar-picker-indicator { height: 30px; }
}
select {
font-size: 12px;
color: #141414;
}
div.box {
width: 100%;
border: 0px none;
font-size: 12px;
color: #141414;
}
div.main {
float:left;
background: #ffffff;
width: 98%;
font-size: 12px;
color: #141414;
}
div.content {
float:left;
width: auto;
font-size: 12px;
color: #141414;
}
div.modificated_sb {
float:left;
width: 31.2%;
font-size: 12px;
color: #141414;
background: #f7fcff;
border: dotted 1px #d9dcfb;
border-radius: 5px;
padding: 5px;
margin: 0.5%;
}
div.prodinfo {
width: auto;
font-size: 12px;
color: #141414;
}
table.info {
padding: 5px;
border-collapse:collapse;
border:0px none;
}
th.info {
border:1px dotted #d9dcfb;
padding: 5px 10px;
background: #e8eafd;
font-size: 12px;
font-weight: bold;
text-align: center;
}
td.hed {
border:3px dotted #d9dcfb;
padding: 5px;
background: #e8eafd;
font-size: 12px;
text-decoration: bold;
}
td.info {
border:1px dotted #d9dcfb;
padding: 5px 5px;
background: #ffffff;
font-size: 12px;
}
td.modificationshead {
border:0px none;
border-right: 1px dotted #d9dcfb;
padding: 5px 5px;
font-size: 12px;
}
td.modificationslist {
border:0px none;
padding: 5px 0px 5px 5px;
font-size: 12px;
}
ol.modif {
padding: 0px 25px;
}
li.modif {
padding: 5px 0px 0px 0px;
}
ul.modifdel {
padding: 0px 25px;
}
li.modifdel {
padding: 5px 0px 0px 0px;
}
td.infoprc {
border-bottom:1px dotted #d9dcfb;
border-top:1px dotted #d9dcfb;
border-left:0px none;
border-right:0px none;
padding: 5px 5px;
background: #ffffff;
font-size: 12px;
}
td.infoprcwght {
border-bottom:1px dotted #d9dcfb;
border-top:1px dotted #d9dcfb;
border-left:0px none;
border-right:0px none;
padding: 5px 5px;
background: #f9f9f9;
font-size: 12px;
}
div.tophead {
float:top;
width: 99%;
height: 34px;
background: #EAEAEA;
border: none 0px;
padding: 0 8px 0 8px;
font-family: Verdana;
font-size: 12px;
color: #141414;
}
a.eye24 {
background: url(images/eye24.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 24px; /* Ширина рисунка в пикселах */
height: 24px; /* Высота рисунка */
}
a.eye24:hover {
background-position: 0 -24px; /* Смещение фона */
}
a.connected {
background: url(images/connected.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.connected:hover {
background-position: 0 -16px; /* Смещение фона */
}
a.disconnected {
background: url(images/disconnected.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.disconnected:hover {
background-position: 0 -16px; /* Смещение фона */
}
a.calc32 {
background: url(images/calc32.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
}
a.calc32:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.calc64 {
background: url(images/calc64.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 64px; /* Ширина рисунка в пикселах */
height: 64px; /* Высота рисунка */
}
a.calc64:hover {
background-position: 0 -64px; /* Смещение фона */
}
a.eye32 {
background: url(images/eye32.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
}
a.eye32:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.eye64 {
background: url(images/eye64.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 64px; /* Ширина рисунка в пикселах */
height: 64px; /* Высота рисунка */
}
a.eye64:hover {
background-position: 0 -64px; /* Смещение фона */
}
a.win {
background: url(images/ballwin.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 24px; /* Ширина рисунка в пикселах */
height: 24px; /* Высота рисунка */
}
a.win:hover {
background-position: 0 -24px; /* Смещение фона */
}
a.osnbig {
background: url(images/osn32.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
}
a.osnbig:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.osnmid {
background: url(images/osn24.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 24px; /* Ширина рисунка в пикселах */
height: 24px; /* Высота рисунка */
}
a.osnmid:hover {
background-position: 0 -24px; /* Смещение фона */
}
a.osnsmall {
background: url(images/osn16.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.osnsmall:hover {
background-position: 0 -16px; /* Смещение фона */
}
a.fldbig {
background: url(images/folder32.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
}
a.fldbig:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.fldmid {
background: url(images/folder24.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 24px; /* Ширина рисунка в пикселах */
height: 24px; /* Высота рисунка */
}
a.fldmid:hover {
background-position: 0 -24px; /* Смещение фона */
}
a.fldsmall {
background: url(images/folder16.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.fldsmall:hover {
background-position: 0 -16px; /* Смещение фона */
}
a.trashbig {
background: url(images/trash32.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
}
a.trashbig:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.trashmid {
background: url(images/trash24.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 24px; /* Ширина рисунка в пикселах */
height: 24px; /* Высота рисунка */
}
a.trashmid:hover {
background-position: 0 -24px; /* Смещение фона */
}
a.trash {
background: url(images/trash16.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.trash:hover {
background-position: 0 -16px; /* Смещение фона */
}
div.chapteradd {
position: relative;
display: block;
width: 18px;
height: 18px;
float: right;
border: 0px none;
}
div.chapteraddempty {
display: block;
width: 18px;
height: 16px;
float: left;
border: 0px none;
}
div.userstatus {
display: block;
width: 18px;
height: 16px;
float: left;
border: 0px none;
}
div.userstatusempty {
display: block;
width: 18px;
height: 16px;
float: right;
border: 0px none;
}
a.plssmall {
background: url(images/add16.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.plssmall:hover {
background-position: 0 -16px; /* Смещение фона */
}
a.drawing {
background: url(images/draw.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 22px; /* Ширина рисунка в пикселах */
height: 22px; /* Высота рисунка */
}
a.drawing:hover {
background-position: 0 -22px; /* Смещение фона */
}
a.wincls {
background: url(images/xclose.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.wincls:hover {
background-position: 0 -16px; /* Смещение фона */
}
a.moddel {
background: url(images/xdel.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.moddel:hover {
background-position: 0 -16px; /* Смещение фона */
}
a.chapterdel {
background: url(images/xdel.png); /* Путь к файлу с исходным рисунком */
opacity: 0.50;
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.chapterdel:hover {
background-position: 0 -16px; /* Смещение фона */
}
a.edit16 {
background: url(images/edit16.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
}
a.edit16:hover {
background-position: 0 -16px; /* Смещение фона */
}
a.pencil16 {
background: url(images/edit24.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 24px; /* Ширина рисунка в пикселах */
height: 24px; /* Высота рисунка */
}
a.pencil16:hover {
background-position: 0 -24px; /* Смещение фона */
}
a.pencil {
background: url(images/edit.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
}
a.pencil:hover {
background-position: 0 -32px; /* Смещение фона */
}
span.add {
background: url(images/add.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
}
span.add:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.add {
background: url(images/add.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
}
a.add:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.sysman {
background: url(images/gears1.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
}
a.sysman:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.userman {
background: url(images/user.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
color: red;
font-family: Tahoma;
font-size: 10px;
text-decoration: none;
}
a.userman:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.mailman {
background: url(images/mail.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
color: red;
font-size: 10px;
text-decoration: none;
}
a.mailman:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.jobman {
background: url(images/job.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
color: red;
font-size: 10px;
text-decoration: none;
}
a.jobman:hover {
background-position: 0 -32px; /* Смещение фона */
}
#jobsbtn {
position: relative;
width:16px;
height: 16px;
top: -38px;
left: 0px;
background: none;
color: red;
text-shadow: 2px 2px 0px white, 2px 2px 3px white;
z-index: 9999;
}
#jobscol {
position: relative;
top: 2px;
left: 2px;
background: none;
z-index: 9998;
}
.tpbtn {
position: relative;
width:36px;
height:36px;
padding: 0px;
margin: 0px;
background: none;
border: none 0px;
top: -8px;
}
}
a.planman {
background: url(images/planner.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
color: red;
font-size: 10px;
text-decoration: none;
}
a.planman:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.sys {
background: url(images/syslogo.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 65px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
color: red;
font-size: 10px;
text-decoration: none;
}
a.sys:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.helper {
background: url(images/help.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 32px; /* Ширина рисунка в пикселах */
height: 32px; /* Высота рисунка */
color: red;
font-size: 10px;
text-decoration: none;
}
a.helper:hover {
background-position: 0 -32px; /* Смещение фона */
}
a.modex {
background: url(images/extract.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 16px; /* Ширина рисунка в пикселах */
height: 16px; /* Высота рисунка */
color: red;
font-size: 10px;
text-decoration: none;
}
a.modex:hover {
background-position: 0 -16px; /* Смещение фона */
}
td {
font-size: 12px;
color: #141414;
}
span.head {
font-size: 14px;
text-decoration: bold;
color: #141414;
}
div.sbadd {
float:left;
width: 51%;
font-size: 12px;
color: #141414;
}
div.sbaddinfo {
float:left;
width: 30%;
font-size: 12px;
color: #141414;
}
div.rasp {
float:left;
width: 5px;
font-size: 12px;
color: #141414;
}
li.free {
list-style-type: none;
}
td.modinfo {
border: none 0px;
border-bottom: 1px dotted #d9dcfb;
padding:7px 10px;
}
td.modinfoend {
border: none 0px;
border-top: 1px dotted #d9dcfb;
padding:7px 10px;
}
td.modinfosingle {
border: none 0px;
border-top: 0px none;
padding:7px 10px;
}
.search {
padding:6px 15px 6px 15px;
margin-top:11px;
}
.rounded {
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
input[type=text]{
color:#141414;
outline:none;
}
input[type=button], input[type=button]:hover {
position:relative;
left:-6px;
border:1px solid #adc5cf;
background: #e4f1f9; /* Old browsers */
background: -moz-linear-gradient(top, #e4f1f9 0%, #d5e7f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f9), color-stop(100%,#d5e7f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* IE10+ */
background: linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f9', endColorstr='#d5e7f3',GradientType=0 ); /* IE6-9 */
color:#7da2aa;
cursor: pointer;
}
.light {
width:95%;
height:50px;
}
.light input[type=text]{
border:1px solid #a3abfd;
background-color:#ffffff;
}
@font-face { font-family:"Neo Sans Pro Medium";src:url("#FontID0") format(svg)}
.fil2 {fill:none}
.fil3 {fill:#2B2A29}
.fil0 {fill:#2B2A29;fill-rule:nonzero}
.fil1 {fill:#EF7F1A;fill-rule:nonzero}
.fnt0 {font-weight:500;font-size:52.4918px;font-family:'Neo Sans Pro Medium'}
.icons {
margin-bottom: 1px;
padding: 0px;
}
.icon {
display: inline-block;
list-style-type: none;
position: relative;
top: 0;
width: 36px;
height: 36px;
margin: 1px;
padding: 0px;
-webkit-transition: .2s;
transition: .2s;
fill: none;
}
.icon1 {
display: inline-block;
list-style-type: none;
position: relative;
top: 0;
width: 36px;
height: 36px;
margin: 1px;
padding: 0px;
-webkit-transition: .2s;
transition: .2s;
fill: rgba(0, 0, 0, 0.5); ;
}
.iconlogoh {
display: inline-block;
list-style-type: none;
position: relative;
top: 0;
width: 254px;
height: 70px;
margin: 1px;
padding: 0px;
-webkit-transition: .2s;
transition: .2s;
}
.iconlogov {
display: inline-block;
list-style-type: none;
position: relative;
top: 0;
width: 188px;
height: 118px;
margin: 1px;
padding: 0px;
-webkit-transition: .2s;
transition: .2s;
}
.iconsmall {
display: inline-block;
list-style-type: none;
position: relative;
top: 0;
width: 18px;
height: 18px;
margin: -11px;
padding: 0px;
-webkit-transition: .2s;
transition: .2s;
fill: none;
}
.iconsmaller {
display: inline-block;
list-style-type: none;
position: relative;
top: 0;
width: 18px;
height: 18px;
margin: 0px;
padding: 0px;
-webkit-transition: .2s;
transition: .2s;
fill: none;
}
.iconbutton {
display: inline-block;
list-style-type: none;
position: relative;
top: 0;
width: 18px;
height: 18px;
margin: 0px;
padding: 0px;
-webkit-transition: .2s;
transition: .2s;
stroke-width: 0;
fill: rgba(0, 0, 0, 0.5);
}
.icons--stroke .iconsmall {
stroke: rgba(0, 0, 0, 0.5);
stroke-width: 1;
}
.icons--stroke .iconsmall:hover {
stroke: #3366FF;
}
.iconbutton:hover {
fill: #3366ff;
}
.icons--stroke .iconsmaller {
stroke: rgba(0, 0, 0, 0.5);
stroke-width: 1;
}
.icons--stroke .iconsmaller:hover {
stroke: #3366FF;
}
.icons--stroke--header .iconsmall {
stroke: rgba(0, 0, 0, 0.8);
stroke-width: 1;
}
.icons--stroke--header .iconsmall:hover {
stroke: #3366ff;
}
.icons--stroke--header .iconsmaller {
stroke: rgba(0, 0, 0, 0.8);
stroke-width: 1;
}
.icons--stroke--header .iconsmaller:hover {
stroke: #3366FF;
}
.icons--stroke .icon {
stroke: rgba(0, 0, 0, 0.5);
stroke-width: 1;
}
.icons--stroke .icon:hover {
stroke: #3366FF;
}
.icons--stroke .iconlogoh {
stroke: rgba(0, 0, 0, 0.5);
stroke-width: 0;
}
.icons--stroke .iconlogov {
stroke: rgba(0, 0, 0, 0.5);
stroke-width: 0;
}
.icons--dasharray .icon {
stroke: rgba(0, 0, 0, 0.5);
stroke-width: 1;
stroke-dasharray: 2 1;
fill: rgba(0, 0, 0, 0.1);
}
.icons--dasharray .icon:hover {
stroke-dasharray: 2 0;
stroke: #3366FF;
}
.icons--dasharray-anim .icon {
stroke: rgba(0, 0, 0, 0.5);
stroke-width: 1;
stroke-dasharray: 300 0;
stroke-dashoffset: 1000;
-webkit-animation: dasharray 7s infinite alternate;
animation: dasharray 7s infinite alternate;
}
@-webkit-keyframes dasharray {
100% {
stroke-dasharray: 0 300;
}
}
@keyframes dasharray {
100% {
stroke-dasharray: 0 300;
}
}
.icons--gradient .icon {
stroke-width: 1;
stroke: url(#stripes);
}
.icons--gradient2 .icon {
stroke-width: 1;
stroke: url(#stripes2);
}
.fixed-panel {
position: fixed;
top: 0;
left: 0;
z-index: 9997;
width: 100%;
height: 34px;
}
.wrapper {
width: 99%;
margin: 0 auto;
}
.mt34 {
margin-top: 34px;
}
section p {
margin-top: 10px;
}
/*======================================
Selectric v1.9.3
======================================*/
.selectric-wrapper {
position: relative;
cursor: pointer;
}
.selectric-responsive {
width: 100%;
}
.selectric {
border: 1px solid #c3c3c3;
background: #FfFfFf;
position: relative;
width: 50%
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 38px 0 10px;
font-size: 12px;
line-height: 30px;
color: #444;
height: 30px;
}
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
background: #F8F8F8;
width: 38px;
height: 30px;
color: #BBB;
text-align: center;
font: 0/0 a;
*font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #BBB;
border-bottom: none;
}
.selectric-hover .selectric {
border-color: #C4C4C4;
}
.selectric-hover .selectric .button {
color: #A2A2A2;
}
.selectric-hover .selectric .button:after {
border-top-color: #A2A2A2;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric {
border-color: #C4C4C4;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
display: none;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
}
/* Items box */
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #F8F8F8;
border: 1px solid #C4C4C4;
z-index: -1;
box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul, .selectric-items li {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
line-height: 20px;
min-height: 20px;
}
.selectric-items li {
display: block;
padding: 8px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #EEE;
color: #666;
cursor: pointer;
}
.selectric-items li.selected {
background: #EFEFEF;
color: #444;
}
.selectric-items li:hover {
background: #F0F0F0;
color: #444;
}
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
color: #444;
}
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}