170 lines
6.1 KiB
HTML
170 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<title>Сборочная среда</title>
|
||
<script type="text/javascript" src="js/html5shiv.js"></script>
|
||
<link rel="stylesheet" type="text/css" href="styles/main.css" />
|
||
<link rel="stylesheet" type="text/css" href="styles/main.css" />
|
||
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
|
||
<script type="text/javascript" src="js/all.js"></script>
|
||
<script type="text/javascript" src="js/groups-list.js"></script>
|
||
<link rel="stylesheet" href="styles/blue/style.css" type="text/css" id="" media="print, projection, screen" />
|
||
<!-- <script type="text/javascript" src="js/jquery.tablesorter.js"></script> -->
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<!--Top block-->
|
||
<header>
|
||
<div class="left">
|
||
</div>
|
||
<div class="middle">
|
||
<!--Main menu-->
|
||
<menu>
|
||
<ul>
|
||
<li>
|
||
<a href="#" class="first">Главная</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Проекты</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="active">Группы</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Мониторинг</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Платформа</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Документация</a>
|
||
</li>
|
||
</ul>
|
||
<div class="logo">
|
||
<img src="pics/logo-mini.png" alt="logo" />
|
||
</div>
|
||
</menu>
|
||
<div class="information">
|
||
<!--Search-->
|
||
<div class="search">
|
||
<div class="pic">
|
||
</div>
|
||
<div class="field">
|
||
<input type="text" value="Поиск" class="gray" onClick="if(this.value=='Поиск'){this.value='';this.className='black';}" onblur="if(this.value==''){this.value='Поиск';this.className='gray';}" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="user">
|
||
<div class="avatar" onclick="droplist();">
|
||
<img src="pics/ava.png" alt="avatar" height="30" />
|
||
</div>
|
||
<div class="profile" onclick="droplist();">
|
||
<a href="#" onclick="droplist();">mikimaus <img src="pics/expand-white.png" alt="ex" /></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
|
||
<div class="droplist-wrap">
|
||
<div class="droplist" id="droplist">
|
||
<div class="a"><a href="#">Публичный профиль</a></div>
|
||
<div class="a"><a href="#">Настройки</a></div>
|
||
<div class="a"><a href="#">Выйти</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="right">
|
||
</div>
|
||
<div class="both">
|
||
</div>
|
||
</header>
|
||
|
||
<div class="both">
|
||
</div>
|
||
|
||
<!--Page-->
|
||
<article>
|
||
<!--Single page content-->
|
||
<div class="all">
|
||
<a href="#" class="button">Создать группу</a>
|
||
<table id="myTable" class="tablesorter group-list" cellpadding="0" cellspacing="0">
|
||
<thead>
|
||
<tr>
|
||
<th class="th1">Группа</th>
|
||
<th class="th2">Описание</th>
|
||
<th>Покинуть группу</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr id="Row1">
|
||
<td><span style="display: none;">rosa_group</span><a href="#">rosa_group</a></td>
|
||
<td class="td2">Здесь должно быть описание группы. Здесь должно быть описание группы. Здесь должно быть описание группы.</td>
|
||
<td class="td5"><img src="pics/x.png" alt="delete" onclick="deleteRow(1);" /></td>
|
||
</tr>
|
||
|
||
<tr id="Row2">
|
||
<td><span style="display: none;">abs_group</span><a href="#">abs_group</a></td>
|
||
<td class="td2">Здесь должно быть описание группы. Здесь должно быть описание группы. Здесь должно быть описание группы.</td>
|
||
<td class="td5"><img src="pics/x.png" alt="delete" onclick="deleteRow(2);" /></td>
|
||
</tr>
|
||
|
||
<tr id="Row3">
|
||
<td><span style="display: none;">mips_employees</span><a href="#">mips_employees</a></td>
|
||
<td class="td2">Здесь должно быть описание группы. Здесь должно быть описание группы. Здесь должно быть описание группы.</td>
|
||
<td class="td5"><img src="pics/x.png" alt="delete" onclick="deleteRow(3);" /></td>
|
||
</tr>
|
||
|
||
<tr id="Row4">
|
||
<td><span style="display: none;">monkey_fist</span><a href="#">monkey_fist</a></td>
|
||
<td class="td2">Здесь должно быть описание группы. Здесь должно быть описание группы. Здесь должно быть описание группы.</td>
|
||
<td class="td5"><img src="pics/x.png" alt="delete" onclick="deleteRow(4);" /></td>
|
||
</tr>
|
||
|
||
<tr id="Row5">
|
||
<td><span style="display: none;">dt2012</span><a href="#">dt2012</a></td>
|
||
<td class="td2">Здесь должно быть описание группы. Здесь должно быть описание группы. Здесь должно быть описание группы.</td>
|
||
<td class="td5"><img src="pics/x.png" alt="delete" onclick="deleteRow(5);" /></td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="both">
|
||
</div>
|
||
</article>
|
||
|
||
</div>
|
||
<!--Footer-->
|
||
<footer>
|
||
<ul>
|
||
<li>
|
||
ROSA Лаб. © 2012 <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<img src="pics/flag.png" alt="rosa" /> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">О компании</a> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">Контакты</a> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">Условия использования</a> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">Конфиденциальность</a> <img src="pics/square.png" alt="_" />
|
||
</li>
|
||
<li>
|
||
<a href="#">Безопасность</a>
|
||
</li>
|
||
</ul>
|
||
</footer>
|
||
</body>
|
||
</html> |