Добавляем все файлы

template/start/css.php

@@ -0,0 +1,99 @@
+<?php
+	header("Content-type: text/css; charset: UTF-8");
+	include_once '../../data/footer.css.php';
+	include_once '../../data/top.css.php';
+?>
+
+/* Главные контейнеры */
+#head { 
+	background-image	:url(<?php echo $path.'/img/rpi3.jpg';?>);
+	background-repeat	:no-repeat;
+	background-size		:1500px;
+	background-position	:center;
+	height				:510px;
+	width				:100%;
+	position			:relative;
+	top					:5px;
+	}
+
+#left { 
+	top					:-150px;
+	height				:440px;
+ 	position			:relative;
+    float				:left;
+	width				:32%;
+	margin-bottom		:-100px;
+	}
+
+#right { 
+ 	position			:relative;
+    float				:right;
+	width				:32%;
+	height				:300px;
+	top					:-10px;
+	}
+
+#center { 
+    float				:none;
+	width				:auto;
+	overflow			:hidden;
+	height				:230px;
+	position			:relative;
+	top					:-60px;
+	}
+	
+#basic { 
+	top					:330px;
+    float				:none;
+	width				:100%;
+	height				:150px;
+	position			:relative;
+	}
+
+#main2 { 
+	border				:1px solid #0ffff0;
+    float				:none;
+	margin				:0px auto;
+	border				:1px;
+	height				:100%;
+	}
+
+#left:hover::after,
+#right:hover::after,
+#center:hover::after
+	{
+	content				:attr(data-title); 			/* Выводим текст */
+	position			:absolute; 					/* Абсолютное позиционирование */
+	left				:0; 
+	right				:0; 
+	bottom				:5px;						/* Положение подсказки */
+	z-index				:1;							/* Отображаем подсказку поверх других элементов */
+	background			:rgba(0,42,167,0.6);		/* Полупрозрачный цвет фона */
+	color				:#fff;						/* Цвет текста */
+	text-align			:center;					/* Выравнивание текста по центру */
+	font-family			:Arial,						/* Гарнитура шрифта */
+						sans-serif; 
+	font-size			:15px;						/* Размер текста подсказки */
+	padding				:5px 10px;					/* Поля */
+	border				:1px solid #333;			/* Параметры рамки */
+	border-radius		:10px;
+   }
+
+#basic:hover::after
+	{
+	content				:attr(data-title); 			/* Выводим текст */
+	position			:absolute; 					/* Абсолютное позиционирование */
+	left				:0; 
+	right				:0; 
+	bottom				:5px;						/* Положение подсказки */
+	z-index				:1;							/* Отображаем подсказку поверх других элементов */
+	background			:rgba(194,194,194,0.6);		/* Полупрозрачный цвет фона */
+	color				:#fff;						/* Цвет текста */
+	text-align			:center;					/* Выравнивание текста по центру */
+	font-family			:Arial,						/* Гарнитура шрифта */
+						sans-serif; 
+	font-size			:15px;						/* Размер текста подсказки */
+	padding				:5px 10px;					/* Поля */
+	border				:1px solid #333;			/* Параметры рамки */
+	border-radius		:10px;
+   }