Обновлены стили

css/feminitives.css

@@ -1,3 +1,43 @@
+a {
+	color: MediumOrchid;
+}
+
+input {
+	width: 70%;
+	font-size:16px;
+	border-color:#cccccc;
+	border-style:solid;
+	padding:3px;
+	margin:3px;
+	border-width:1px;
+	border-radius:7px;
+} 
+
+input:focus {
+	outline:none;
+	text-shadow:0px 0px 0px rgba(42,42,42,.75);
+	box-shadow: 0px 0px 7px 0px rgba(176,104,176,.75);
+}
+
+button {
+	width: 20%;
+	font-family: helvetica;
+	color: #14396A !important;
+	font-size: 16px;
+	padding: 4px;
+	border: 0px;
+	-border-radius: 7px;
+	-webkit-border-radius: 7px;
+	border-radius: 7px;
+	/* background: MediumOrchid; */
+	background: #3CB0FD;
+}
+
+button:hover {
+	color: #14396A !important;
+	background: #38A0E4;
+}
+
 .ending {
 	color: olive;
 }
@@ -87,3 +127,15 @@
 	margin-top: 10px;
 }
 
+.toolbar, .toolbar:visited {
+	font-size: 30px;
+	opacity: 0.3;
+	color: MediumOrchid;
+	text-decoration: none;
+	margin: 0 10px 0 0;
+}
+
+.toolbar:hover {
+	opacity: 1;
+}
+

gofem.html

@@ -16,7 +16,7 @@
         <h1>Феминизатор v1.0</h1>
 
         <input id="definition-word" type="text" class="form-control" placeholder="Слово" autofocus>
-        <button id="convert" type="button" onclick="tr()">Феминитивь!</button>
+        <button id="convert" type="button" class="btn" onclick="tr()">Феминитивь!</button>
 
         <div id="definition-dict"></div>
         <div id="definition-full"></div>
@@ -26,9 +26,9 @@
             <div id="definition-content"></div>
           </div>
         </div>
-        <button type="button" onclick="download_image()">IMG</button>
-        <button type="button" onclick="show_help()">?</button>
-        <button type="button" onclick="location.href='http://vk.com/share.php?url=http://mysite.com'">VK</button>
+        <a class="toolbar" href="javascript:show_help()" title="Справка">?</button>
+        <a class="toolbar" href="javascript:download_image()" title="Сохранить изображение">❇</a>
+        <a class="toolbar" href="http://vk.com/share.php?url=http://mysite.com" title="Поделиться в vk.com">❤</button>
       </div>
     </div>
 

js/feminitives.js

@@ -1,5 +1,5 @@
-// [ ] TODO: vk.com
 // [ ] TODO: валидация
+// [ ] TODO: адаптивная вёрстка
 
 //Иерархия элементов на странице
 var HTML = {
@@ -299,7 +299,8 @@ function show_help() {
 	+ "<p>ФЕМИНИТИВЫ – это слова женского рода, "
 	+ "альтернативные или парные аналогичным понятиям мужского рода, "
 	+ "относящимся ко всем людям независимо от их пола.</p>"
-	+ "<p>При помощи этой небольшой программы, реализующей феминистическую логику, "
+	+ "<p>При помощи <a href='TODO'>этой небольшой программы</a>,"
+	+ "реализующей феминистическую логику, "
 	+ "вы сами можете создать феминитивы к любому слову.</p>"
 	+ "<p>Попробуйте: "
 	+ "<a href=javascript:tr('автор');>автор</a>, "