2012-02-28 15:40:22 +00:00
|
|
|
|
<!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>
|
|
|
|
|
|
<link href="styles/cusel.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<script type="text/javascript" src="js/all.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="js/create-group.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="js/cusel-2.5.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="js/cusel-init.js"></script>
|
|
|
|
|
|
<script type='text/javascript' src='js/radio.js'></script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div class="wrap">
|
|
|
|
|
|
<!--Top block-->
|
|
|
|
|
|
<header>
|
|
|
|
|
|
<div class="left">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="middle">
|
|
|
|
|
|
<!--Main menu-->
|
|
|
|
|
|
<menu>
|
2012-04-04 22:36:41 +01:00
|
|
|
|
<div class="logo">
|
|
|
|
|
|
<a href="#"><img src="pics/logo-mini.png" alt="Главная" /></a>
|
|
|
|
|
|
</div>
|
2012-02-28 15:40:22 +00:00
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
2012-04-04 22:36:41 +01:00
|
|
|
|
<a href="#">Главная</a>
|
2012-02-28 15:40:22 +00:00
|
|
|
|
</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>
|
2012-04-04 22:36:41 +01:00
|
|
|
|
|
2012-02-28 15:40:22 +00:00
|
|
|
|
</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 bigpadding">
|
|
|
|
|
|
<h3 class="bpadding10">Создать группу</h3>
|
|
|
|
|
|
<div class="leftlist">
|
|
|
|
|
|
Название:
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="rightlist nomargin">
|
|
|
|
|
|
<input type="text" id="name"></input>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="both"></div>
|
|
|
|
|
|
<div class="leftlist">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="error-warp" style="display: none;">
|
|
|
|
|
|
<div class="right-error">
|
|
|
|
|
|
<p>Такое имя уже занято. Попробуйте выбрать другое имя.</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="both"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="leftlist">
|
|
|
|
|
|
Описание:
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="rightlist">
|
|
|
|
|
|
<textarea></textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="both"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="leftlist">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="rightlist">
|
|
|
|
|
|
<a class="button width70" id="catchError" href="#">Создать</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="both"></div>
|
|
|
|
|
|
|
|
|
|
|
|
</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>
|
