applicant-site/resources/views/layouts/new-design-layout.blade.php

251 lines
6.7 KiB
PHP
Raw Normal View History

2024-03-04 15:26:53 +03:00
<!doctype html>
<html class="no-js" lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Абитуриенту ФГБОУ ВО "МГТУ"</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="{{ URL::to('img/front-page/logo.png') }}">
2024-03-04 15:26:53 +03:00
<!-- CSS here -->
<link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.css') }}">
<link rel="stylesheet" type="js" href="{{ asset('js/bootstrap-bundle.js') }}">
@yield('extra_styles')
<!-- css end here-->
2024-04-24 15:27:07 +03:00
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="csrf-param" content="_token"/>
2024-03-04 15:26:53 +03:00
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
2024-05-15 15:57:34 +03:00
<script src="{{ asset('js/jquery-3.7.1.min.js') }}"></script>
2024-03-04 15:26:53 +03:00
</head>
<style>
@font-face {
font-family: "Geologica-Medium";
src: url({{ URL::to('fonts/Geologica/Geologica-Medium.ttf') }}) format("truetype");
}
@font-face {
font-family: "Geologica-ExtraLight";
src: url({{ URL::to('/fonts/Geologica/Geologica-ExtraLight.ttf') }}) format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "Geologica-Light";
src: url({{ URL::to('/fonts/Geologica/Geologica-Light.ttf') }}) format("truetype");
font-style: normal;
font-weight: normal;
}
body {
2024-04-22 16:27:20 +03:00
overflow-x: hidden;
font-family: "Geologica-Medium";!important;
}
a {
text-decoration: none;
color: unset;
}
a:hover {
color: unset;
}
.default-focus{
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25,135,84,.5);
}
.hover1:hover {
transform: scale(1.1);
transition: all .3s ease-in-out;
z-index: 1052;
}
.hover2:hover {
color: #d3d3d3;
transition: all .4s ease-in-out;
/*border: solid;*/
/*border-radius: 8rem;*/
/*padding: 5px 8px;*/
/*border-color: #ffffff;*/
}
.hover3:hover div {
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
color: white;
}
/* Customize the label (the container) */
.checkbox1 {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox1 input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
2024-05-15 15:57:34 +03:00
/*background-color: transparent;*/
border: 1px solid rgb(241, 241, 241);
border-radius: 8px;
2024-04-24 13:19:57 +03:00
}
.checkbox1 input:checked ~ .checkmark {
background-color: rgb(255, 255, 255);
2024-04-24 13:19:57 +03:00
}
.checkbox2 input:checked ~ .checkmark {
2024-05-15 15:57:34 +03:00
background-color: rgb(0, 0, 0)!important;
2024-04-24 13:19:57 +03:00
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
2024-04-24 13:19:57 +03:00
2024-05-15 15:57:34 +03:00
}
/* Show the checkmark when checked */
.checkbox1 input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checkbox1 .checkmark:after {
}
td {
padding-top: 20px;
padding-bottom: 10px;
}
tr {
vertical-align: top;
}
#faculty {
width: 40%;
}
/* width */
.scroll-1::-webkit-scrollbar {
width: 15px;
transition: 0.3s;
border-radius: 20px;
}
/* Track */
.scroll-1::-webkit-scrollbar-track {
background: #bdbdbd;
border-radius: 20px;
}
.accordion-button:not(.collapsed) {
color: #007337;
background-color: transparent;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:focus {
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed)::after {
background-image: url({{ URL::to("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#35af00' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}});
transform: rotate(-180deg);
}
2024-05-15 15:57:34 +03:00
.special .carousel-control-prev-icon {
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")!important;
2024-04-22 16:27:20 +03:00
}
2024-05-15 15:57:34 +03:00
.special .carousel-control-next-icon {
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
2024-04-22 16:27:20 +03:00
}
2024-05-15 15:57:34 +03:00
.special .offcanvas .mx-5 {
margin-top: 5em;
2024-04-22 16:27:20 +03:00
}
2024-05-15 15:57:34 +03:00
.special .btn-close {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important;
2024-04-27 14:56:24 +03:00
}
2024-04-22 16:27:20 +03:00
</style>
2024-04-22 16:27:20 +03:00
<script>
2024-05-15 15:57:34 +03:00
$(document).on("click", "#specialButton", function () {
$("button[title='Обычная версия сайта']").attr('id','specialButton')
if($(".gradient-text").hasClass('gradient-text')){
$(".gradient-text").addClass('gradient-textDISABLED');
$(".gradient-text").removeClass('gradient-text');
}
else {
$(".gradient-textDISABLED").addClass('gradient-text');
$(".gradient-textDISABLED").removeClass('gradient-textDISABLED');
}
if($(".checkbox1").hasClass("checkbox2")){
$(".checkbox1").removeClass('checkbox2')
}
else {
$(".checkbox1").addClass('checkbox2')
}
2024-04-22 16:27:20 +03:00
});
2024-05-15 15:57:34 +03:00
2024-04-22 16:27:20 +03:00
</script>
2024-03-04 15:26:53 +03:00
@yield('content')