<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/xml; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="main.css" media="screen"/>
	<style type="text/css"> 

		.multiTxtDlg {
			position: absolute;
			background: #eeeeee;
			padding: .1em;
		}
		.oc_SizeB {
			position: absolute;
			background: #ff0000;
			bottom: -.5625em;
			right: -.0625em;
			width: .5em;
			height:.5em;
			border-style:none solid solid solid; 
		}
		.oc_MoveB {
			position: absolute;
			background: #0000ff;
 			top: -.5625em;
 			left: -.0625em;
  			width: .5em;
 			height:.5em;
 			border-style:solid solid none solid;
		}
		.iTbElem {
			float: left;
			width: 1em;
			height: 1.2em;
			margin: 0.1em;
			background: #cccccc;
			font:100% bold;
 			border: .0625em solid #bbbbbb;
			text-align: center;
		}
		.toolbar {
			position: absolute;
			height:1.6em;
		}
		.txtBtn{
			float: right;
			width: 2.2em;
			height:1.7em;
		}
		
		p {margin:0; padding: 0;}
		#mm0 {
			margin:  auto;
			height: 5.375em; 
			width:42em; 
			z-index: 2; 
			position: static;
		}
	</style>

	<title>MoiMosk</title>
</head>
<body>
	<div xmlns="http://www.w3.org/1999/xhtml" class="contBox" id="mm0">
		<h2 style="text-align: center;">Вас приветствует мой, векторный, гипертекстовой, чуть более чем на половину готовый, моск.</h2>
	</div>
	<div class="contBox" style="margin: 1em auto 0 auto; position: relative; width: 40em; height: 43em;">

		<div id="toolbar" class="toolbar" style="left: 0.3em;top: 1em; ">

			<div class="oc_MoveB"   >
</div>
			<div class="iTbElem"   >
<img src="icons-shadowless/blog--plus.png" alt='B' title="Create a box"/>
</div>

			<div class="iTbElem"    >
<img src="icons-shadowless/application--arrow.png" alt='M' title="Move a box: click to pick up than click to release" />
</div>
			<div class="iTbElem"     >
<img src="icons-shadowless/application-resize.png" alt='S' title="Size a box: click to pick up than click to release"/>
</div>
			<div class="iTbElem"   >
<img src="icons-shadowless/cross-script.png" alt='D' title="Delete an object"/>
</div>
			<div class="iTbElem"    >
<img src="icons-shadowless/blog--pencil.png" alt='T'  title="Add content into a box"/>
</div>
			<div class="iTbElem" style=""   >
<img src="icons-shadowless/chain.png" alt='L'  title="Link two boxes" />
</div>
		</div>
		<div style="text-align:center;" >
			<h3>
				<a href="http://moimosk.ru/moimosk.xml">
					Начать работу мозга
				</a>
			</h3>

		</div>

		<div xmlns="http://www.w3.org/1999/xhtml" class="contBox" style="left: 3em; top: 3em; height: 39.25em; width: 35.5625em; z-index: 2; position: absolute;" >
			<div class="contBox" style="left: 1em; top: 28em; height: 9.9375em; width: 14.3125em; z-index: 11; position: absolute;">
				<div class="txtNode" style="position: static;">
					<h3>Благодарности</h3>
					<ul>
						<li>
							<p>Icons by <a href="http://p.yusukekamiyamane.com/">Yusuke Kamiyamane</a>
							</p>
						</li>
						<li>Rich text редактор <a href="http://tinymce.moxiecode.com">TinyMCE</a>
						</li>
						<li>Плагин для отрисовки формул <a href="http://www.imathas.com">IMathAS</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="txtNode" style="position: static;" id="mm1">
				<h2 style="text-align: center;">Как работать с мозгом
				</h2>
			</div>
			<div class="contBox" style="left: 6em; top: 4em; height: 12.375em; width: 20em; z-index: 2; position: absolute;" id="mm2">
				<div class="txtNode" style="position: static;" id="mm5">
					<h3 style="text-align: center;">Панель инструментов
					</h3>
					<ul>
						<li>Добавить нейрон <img width="16" height="16" src="icons-shadowless/blog--plus.png" alt=""/>
						</li>
						<li>Переместить нейрон <img width="16" height="16" src="icons-shadowless/application--arrow.png" alt=""/>
						</li>
						<li>Изменить размер нейрона <img width="16" height="16" src="icons-shadowless/application-resize.png" alt=""/>
						</li>
						<li>Удалить элемент <img width="16" height="16" src="icons-shadowless/cross-script.png" alt=""/>
						</li>
						<li>Редактировать текст нейрона <img width="16" height="16" src="icons-shadowless/blog--pencil.png" alt=""/>
						</li>
						<li>Добавить аксон (связь) <img width="16" height="16" src="icons-shadowless/chain.png" alt=""/>
						</li>

					</ul>
				</div>
			</div>
			<div class="contBox" style="left: 3em; top: 19em; height: 8.0625em; width: 11.3125em; z-index: 3; position: absolute;" id="mm3">
				<div class="txtNode" style="position: static;" id="mm6">
					<p style="margin: 0.2em;">Для операций с панелью инструментов нужно кликнуть на инструмент, затем на элемент. После для окончания операции нужно кликнуть еще раз.
					</p>
				</div>
			</div>
			<div class="contBox" style="left: 19em; top: 16em; height: 8em; width: 15.5625em; z-index: 4; position: absolute;" id="mm4">
				<div class="txtNode" style="position: static;" id="mm17">
					<p style="text-align: justify; margin: 0.2em;">Для сохранения мозга нужно кликнуть на кнопку "save". Получатся две ссылки. Одна только для просмотра и другая с возможностью редактирования. Вы сможете передать свой моск.
					</p>
				</div>
			</div>
			<div class="contBox" style="left: 17em; top: 25em; height: 11em; width: 14em; z-index: 10;">
				<div class="contBox" style="left: 1em; top: 1em; height: 3.875em; width: 4em; z-index: 2; position: absolute;">
					<div class="txtNode" style="position: static;">
						<h3 style="text-align: center;">нейрон</h3>
					</div>
				</div>
				<div class="contBox" style="left: 4em; top: 7em; height: 3em; width: 3em; z-index: 3; position: absolute;">
					<div class="txtNode" style="position: static;">
						<p>Мой</p>
					</div>
				</div>
				<div class="contBox" style="left: 10em; top: 6em; height: 3em; width: 3em; z-index: 4; position: absolute;">
					<div class="txtNode" style="position: static;">
						<p style="text-align: center;">Моск</p>
					</div>
				</div>
				<div class="contBox" style="left: 8em; top: 1em; height: 3.875em; width: 3.3125em; z-index: 5; position: absolute;">
					<div class="txtNode" style="position: static;">
						<h3 style="text-align: center;">аксон</h3>
					</div>
				</div>
				<div style="position: absolute; left: 1.28125em; top: 3.3125em; z-index: 7;" id="mm15">
					<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="72" height="61" style="position: absolute; left: 0pt; top: 0pt; z-index: 0;">
						<desc>Created with Raphaël</desc>
						<defs/>
						<path fill="none" stroke="#000000" d="M30,30L61.90389556605612,53.13032428539069"/>
					</svg>
					<div style="position: absolute; left: 2.05649em; top: 1.50815em;">
						<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="58" height="58">
							<desc>Created with Raphaël</desc>
							<defs/>
							<path fill="#000000" stroke="none" d="M21.968,30.383L21.068,22.89C21.068,22.89,21.374000000000002,25.04,27.446,27.142C36.811,30.384,38.075,30.33,38.075,30.33S36.184000000000005,30.133,27.446000000000005,32.457C21.687000000000005,33.987,19.616000000000007,34.802,19.616000000000007,34.802L21.968,30.383Z" transform="rotate(35.9421, 28.8455, 28.846)"/>
						</svg>
					</div>
				</div>
				<div style="position: absolute; left: 5.4375em; top: 5.78125em; z-index: 8;" id="mm16">
					<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="75" height="48" style="position: absolute; left: 0pt; top: 0pt; z-index: 0;">
						<desc>Created with Raphaël</desc>
						<defs/>
						<path fill="none" stroke="#000000" d="M30,46L63.62778148942438,33.487337120214185"/>
					</svg>
					<div style="position: absolute; left: 2.16424em; top: 0.280459em;">
						<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="58" height="58">
							<desc>Created with Raphaël</desc>
							<defs/>
							<path fill="#000000" stroke="none" d="M21.968,30.383L21.068,22.89C21.068,22.89,21.374000000000002,25.04,27.446,27.142C36.811,30.384,38.075,30.33,38.075,30.33S36.184000000000005,30.133,27.446000000000005,32.457C21.687000000000005,33.987,19.616000000000007,34.802,19.616000000000007,34.802L21.968,30.383Z" transform="rotate(-20.4099, 28.8455, 28.846)"/>
						</svg>
					</div>
				</div>
				<div style="position: absolute; left: 7.5em; top: 3.4em; z-index: 3;">
					<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="37" height="71" style="position: absolute; left: 0pt; top: 0pt; z-index: 0;">
						<desc>Created with Raphaël</desc>
						<defs/>
						<path fill="none" stroke="#000000" d="M35,30L31.271643159853653,59.0811833531415"/>
					</svg>
					<div style="position: absolute; left: 0.141978em; top: 1.88007em;">
						<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="58" height="58">
							<desc>Created with Raphaël</desc>
							<defs/>
							<path fill="#000000" stroke="none" d="M21.968,30.383L21.068,22.89C21.068,22.89,21.374000000000002,25.04,27.446,27.142C36.811,30.384,38.075,30.33,38.075,30.33S36.184000000000005,30.133,27.446000000000005,32.457C21.687000000000005,33.987,19.616000000000007,34.802,19.616000000000007,34.802L21.968,30.383Z" transform="rotate(97.3058, 28.8455, 28.846)"/>
						</svg>
					</div>
				</div>
			</div>
		</div>
		<div style="position: absolute; left: 2.6875em; top: .725em; z-index: 4;">
			<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="103" height="164" style="position: absolute; left: 0pt; top: 0pt; z-index: 0;">
				<desc>Created with Raphaël</desc>
				<defs/>
				<path fill="none" stroke="#000000" d="M101,162L34.73701911545181,38.806852439994906"/>
			</svg>
			<div style="position: absolute; left: 0.358564em; top: 0.612928em;">
				<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="58" height="58">
					<desc>Created with Raphaël</desc>
					<defs/>
					<path fill="#000000" stroke="none" d="M21.968,30.383L21.068,22.89C21.068,22.89,21.374000000000002,25.04,27.446,27.142C36.811,30.384,38.075,30.33,38.075,30.33S36.184000000000005,30.133,27.446000000000005,32.457C21.687000000000005,33.987,19.616000000000007,34.802,19.616000000000007,34.802L21.968,30.383Z" transform="rotate(-118.275, 28.8455, 28.846)"/>
				</svg>
			</div>
		</div>
	</div>
</body>
</html>

