.container {
display: flex;
}
- templates
- .default
- css
- common.css
- front-page
- header.php
- footer.php
- template_styles.css
- other
- header.php
- footer.php
- template_styles.css
.container {
min-height: 100% // не хватает точки с запятой
display: -ms-flexbox;
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Site.ru: <?$APPLICATION->ShowTitle()?></title>
<?$APPLICATION->ShowMeta("keywords")?>
<?$APPLICATION->ShowMeta("description")?>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<?$APPLICATION->ShowCSS();?>
<?$APPLICATION->ShowHead()?>
</head>
<body>
<?$APPLICATION->ShowPanel();?>
mixin button(spec)
- spec = spec || {}
- spec.__class = spec.__class || 'btn'
- spec.text = spec.text || ''
button(class=spec.__class)&attributes(attributes)
if block
block
else
span=spec.text
+button({__class:'btn btn-primary', text:'Читать'})
+button({__class:'btn-fab'})
i.material-icons add
<?
session_start();
if($_POST['is18years'] == 'yes' || $_POST['is18years'] == 'no') $_SESSION['is18years'] = $_POST['is18years'];
if(isset($_SESSION['is18years'])) {
if($_SESSION['is18years'] == 'no') {
header("Location: /access_denied.html");
exit;
}
}
?>
<?
if(!isset($_SESSION['is18years'])):
?>
<div class="body_overhead">
<div class="overhead_window">
<div class="oh_wnd_header">
<p>Доступ к сайту могут осуществлять только лица, достигшие возраста 18 лет</p>
<p style="font-weight: bold;">Вам уже есть 18 лет?</p>
<p>
<span style="color: green" class="is18years yes18">ДА, мне уже есть 18 лет</span> | <span style="color: red" class="is18years no18">НЕТ, мне еще нет 18 лет</span>
</p>
</div>
</div>
</div>
<style>
.body_overhead {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.95);
z-index: 999999999;
}
.overhead_window {
top: 10%;
left: 30%;
width: 40%;
background: #fff;
position: relative;
}
.oh_wnd_header {
padding: 20px;
color: #333;
text-align: center;
}
.is18years {
cursor: pointer;
}
</style>
<?
endif;
?>
<script>
// проверка на 18 лет
$('.is18years').click(function(){
if($(this).hasClass('yes18') || $(this).hasClass('no18')) {
var is18years = $(this).hasClass('yes18') ? 'yes' : 'no'
$.ajax({
type: "POST",
context: document.head,
data: { is18years: is18years },
success: function(){
if(is18years === 'yes') {
$('.body_overhead').hide()
} else {
document.location.href = '/access_denied.html'
}
}
})
}
})
</script>