100 lines
2.9 KiB
PHP
100 lines
2.9 KiB
PHP
<?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;
|
|
}
|