diff --git a/css/main-5.0.css b/css/main-5.0.css deleted file mode 100644 index fdb685528e3c31e34c5941d48c261fa296ab209c..0000000000000000000000000000000000000000 --- a/css/main-5.0.css +++ /dev/null @@ -1,2056 +0,0 @@ -/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */ - -html { - color: #222; - font-size: 1em; - line-height: 1.4; -} - -::-moz-selection { - background: #b3d4fc; - text-shadow: none; -} - -::selection { - background: #b3d4fc; - text-shadow: none; -} - -hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; -} - -audio, -canvas, -iframe, -img, -svg, -video { - vertical-align: middle; -} - -fieldset { - border: 0; - margin: 0; - padding: 0; -} - -textarea { - resize: vertical; -} - -.browserupgrade { - margin: 0.2em 0; - background: #ccc; - color: #000; - padding: 0.2em 0; -} - - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers. - */ - -body { - margin: 0; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/****************/ -/** Fonts Face **/ -/****************/ -@font-face { - font-family: 'DejaVu Sans'; - src: url('../src/fonts/DejaVuSans-ExtraLight.woff2') format('woff2'), - url('../src/fonts/DejaVuSans-ExtraLight.woff') format('woff'); - font-weight: 200; - font-style: normal; -} - - -/* Grouping content - ========================================================================== */ - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Remove the gray background on active links in IE 10. - */ - -a { - background-color: transparent; - text-decoration: none; - color: #1C2F82; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -strong{ - font-weight: bold; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove the border on images inside links in IE 10. - */ - -img { - border-style: none; -} - -svg { - vertical-align: middle; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ - -/** - * Add the correct display in IE 10+. - */ - -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ - -[hidden] { - display: none; -} - -/*-------------------------------------------------------------- -# Typography ---------------------------------------------------------------*/ -body, -button, -input, -select, -optgroup, -textarea { - font-family: 'DejaVu Sans', sans-serif; - font-weight: 100; - font-size: 16px; - font-size: 1rem; - line-height: 1.5; - color: #1C2F82; -} - -h1, h2, h3, h4, h5, h6 { - clear: both; -} - -h1, h2 { - font-family: "Lekton", monospace; - font-weight: 700; -} - -h3, h4{ - font-weight: 500; -} - -h2{ - font-family: "Lekton", monospace; - font-weight: 500; - font-size: 1.17em; -} - -p { - margin-bottom: 1.5em; -} - -dfn, cite, em, i { - font-style: italic; -} - -blockquote { - margin: 0 1.5em; -} - -address { - margin: 0 0 1.5em; -} - -pre { - background: #eee; - font-family: "Courier 10 Pitch", Courier, monospace; - font-size: 15px; - font-size: 0.9375rem; - line-height: 1.6; - margin-bottom: 1.6em; - max-width: 100%; - overflow: auto; - padding: 1.6em; -} - -code, kbd, tt, var { - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; - font-size: 15px; - font-size: 0.9375rem; -} - -abbr, acronym { - border-bottom: 1px dotted #666; - cursor: help; -} - -mark, ins { - background: #fff9c0; - text-decoration: none; -} - -big { - font-size: 125%; -} - -/*-------------------------------------------------------------- -# Elements ---------------------------------------------------------------*/ -html { - box-sizing: border-box; -} - -*, -*:before, -*:after { - /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ - box-sizing: inherit; -} - -body { - background: #fff; - /* Fallback for when there is no custom background color defined. */ -} - -hr { - border: 0; - height: 1px; - margin-bottom: 1.5em; -} - -ul, ol { -} - - -ol { - list-style: decimal; -} - -li{ - display: inline-block; -} - -li > ul, -li > ol { - margin-bottom: 0; -} - -dt { - font-weight: bold; -} - -dd { - margin: 0 1.5em 1.5em; -} - -img { - height: auto; - /* Make sure images are scaled correctly. */ - max-width: 100%; - /* Adhere to container width. */ -} - -figure { - margin: 1em 0; - /* Extra wide images within figure tags don't overflow the content area. */ -} - -table { - margin: 0 0 1.5em; - width: 100%; -} - -/*-------------------------------------------------------------- -# Forms ---------------------------------------------------------------*/ -button, -input[type="button"], -input[type="reset"], -input[type="submit"] { - border: 1px solid; - border-color: #ccc #ccc #bbb; - border-radius: 3px; - background: #e6e6e6; - color: rgba(0, 0, 0, 0.8); - font-size: 12px; - font-size: 0.75rem; - line-height: 1; - padding: .6em 1em .4em; -} - -button:hover, -input[type="button"]:hover, -input[type="reset"]:hover, -input[type="submit"]:hover { - border-color: #ccc #bbb #aaa; -} - -button:active, button:focus, -input[type="button"]:active, -input[type="button"]:focus, -input[type="reset"]:active, -input[type="reset"]:focus, -input[type="submit"]:active, -input[type="submit"]:focus { - border-color: #aaa #bbb #bbb; -} - -input[type="text"], -input[type="email"], -input[type="url"], -input[type="password"], -input[type="search"], -input[type="number"], -input[type="tel"], -input[type="range"], -input[type="date"], -input[type="month"], -input[type="week"], -input[type="time"], -input[type="datetime"], -input[type="datetime-local"], -input[type="color"], -textarea { - color: #666; - border: 1px solid #ccc; - border-radius: 3px; - padding: 3px; -} - -input[type="text"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="password"]:focus, -input[type="search"]:focus, -input[type="number"]:focus, -input[type="tel"]:focus, -input[type="range"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="week"]:focus, -input[type="time"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="color"]:focus, -textarea:focus { - color: #111; -} - -select { - border: 1px solid #ccc; -} - -textarea { - width: 100%; -} - -/*-------------------------------------------------------------- -# Navigation ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -## Links ---------------------------------------------------------------*/ -a { - color: #1C2F82; -} - -a:visited { - color: #1C2F82; -} - -a:hover, a:focus, a:active { - color: #1C2F82; -} - -a:focus { - outline: none; -} - -a:hover, a:active { - outline: 0; -} - -a:-webkit-any-link{ - text-decoration: none; -} - -:focus { - outline: -webkit-focus-ring-color auto 0px; -} - -.container-site { - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} -@media (min-width: 768px) { - .container-site { - width: 750px; - } -} -@media (min-width: 992px) { - .container-site { - width: 970px; - } -} -@media (min-width: 1200px) { - .container-site { - width: 1170px; - } -} - -/*.site-content{ - position: relative; -}*/ - -/*-------------------------------------------------------------- -## Menus ---------------------------------------------------------------*/ -.main-navigation { - clear: both; - display: block; - float: left; - width: 100%; -} - -.main-navigation ul { - display: none; - list-style: none; - margin: 0; - padding-left: 0; -} - -.main-navigation ul ul { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); - float: left; - position: absolute; - top: 100%; - left: -999em; - z-index: 99999; -} - -.main-navigation ul ul ul { - left: -999em; - top: 0; -} - -.main-navigation ul ul li:hover > ul, -.main-navigation ul ul li.focus > ul { - left: 100%; -} - -.main-navigation ul ul a { - width: 200px; -} - -.main-navigation ul li:hover > ul, -.main-navigation ul li.focus > ul { - left: auto; -} - -.main-navigation li { - float: left; - position: relative; -} - -.main-navigation a { - display: block; - text-decoration: none; -} - -/* Small menu. */ -.menu-toggle, -.main-navigation.toggled ul { - display: block; -} - -@media screen and (min-width: 37.5em) { - .menu-toggle { - display: none; - } - .main-navigation ul { - display: block; - } -} - -.site-main .comment-navigation, .site-main -.posts-navigation, .site-main -.post-navigation { - margin: 0 0 1.5em; - overflow: hidden; -} - -.comment-navigation .nav-previous, -.posts-navigation .nav-previous, -.post-navigation .nav-previous { - float: left; - width: 50%; -} - -.comment-navigation .nav-next, -.posts-navigation .nav-next, -.post-navigation .nav-next { - float: right; - text-align: right; - width: 50%; -} - -/*Other menu from web*/ - -label .menu { - position: absolute; - /*right: -100px;*/ - left: -100px; - top: -100px; - /*left: -80px;*/ - /*top: -80px;*/ - z-index: 100; - width: 200px; - height: 200px; - /*width: 150px;*/ - /*height: 150px;*/ - background: #FFF; - /*background: #FFD14C;*/ - border-radius: 50% 50% 50% 50%; - transition: .5s ease-in-out; - box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF; - cursor: pointer; - text-align: center; -} -label .hamburger { - position: absolute; - top: 135px; - /*top: 108px;*/ - /*left: 50px;*/ - right: 50px; - /*right: 30px;*/ - width: 30px; - height: 2px; - background: #1C2F82; - display: block; - -webkit-transform-origin: center; - transform-origin: center; - transition: .5s ease-in-out; -} -label .hamburger:after, label .hamburger:before { - transition: .5s ease-in-out; - content: ""; - position: absolute; - display: block; - width: 100%; - height: 100%; - background: #1C2F82; -} -label .hamburger:before { - top: -10px; -} -label .hamburger:after { - bottom: -10px; -} -label input { - display: none; -} -label input:checked + .menu { - box-shadow: 0 0 0 100vw #FFF, 0 0 0 100vh #FFF; - border-radius: 0; -} -label input:checked + .menu .hamburger { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} -label input:checked + .menu .hamburger:after { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - bottom: 0; -} -label input:checked + .menu .hamburger:before { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - top: 0; -} - -/*label input:checked + label .menu{ - background-color: #fff; -}*/ -label input:checked + .menu + .menu-home_menu-container { - opacity: 1; - display: block; -} -label .menu-home_menu-container { - z-index: 200; - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - opacity: 0; - display: none; - transition: .25s 0s ease-in-out; -} -label a { - margin-bottom: 1em; - display: block; - color: #1C2F82; - text-decoration: none; - font-family: "Lekton", monospace; - font-weight: 700; - margin: 0 0 25px; - text-transform: uppercase; - font-size: 20px; -} - -.label-menu{ - display: block; -} - - -@media (min-width: 992px) { - .label-menu { - display: none; - } -} - - -/*-------------------------------------------------------------- -# Accessibility ---------------------------------------------------------------*/ -/* Text meant only for screen readers. */ -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute !important; - width: 1px; - word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ -} - -.screen-reader-text:focus { - background-color: #f1f1f1; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - clip-path: none; - color: #21759b; - display: block; - font-size: 14px; - font-size: 0.875rem; - font-weight: bold; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; - /* Above WP toolbar. */ -} - -/* Do not show the outline on the skip link target. */ -#content[tabindex="-1"]:focus { - outline: 0; -} - -/*-------------------------------------------------------------- -# Alignments ---------------------------------------------------------------*/ -.alignleft { - display: inline; - float: left; - margin-right: 1.5em; -} - -.alignright { - display: inline; - float: right; - margin-left: 1.5em; -} - -.aligncenter { - clear: both; - display: block; - margin-left: auto; - margin-right: auto; -} - -/*-------------------------------------------------------------- -# Clearings ---------------------------------------------------------------*/ -.clear:before, -.clear:after, -.entry-content:before, -.entry-content:after, -.comment-content:before, -.comment-content:after, -.site-header:before, -.site-header:after, -.site-content:before, -.site-content:after, -.site-footer:before, -.site-footer:after { - content: ""; - display: table; - table-layout: fixed; -} - -.clear:after, -.entry-content:after, -.comment-content:after, -.site-header:after, -.site-content:after, -.site-footer:after { - clear: both; -} - -/*-------------------------------------------------------------- -# Widgets ---------------------------------------------------------------*/ -.widget { - margin: 0 0 1.5em; - /* Make sure select elements fit in widgets. */ -} - -.widget select { - max-width: 100%; -} - -/*-------------------------------------------------------------- -# Content ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -## Posts and pages ---------------------------------------------------------------*/ -.sticky { - display: block; -} - -.hentry { - margin: 0 0 1.5em; -} - -.updated:not(.published) { - display: none; -} - -.page-content, -.entry-content, -.entry-summary { - margin: 1.5em 0 0; -} - -.page-links { - clear: both; - margin: 0 0 1.5em; -} - -/*-------------------------------------------------------------- -## Comments ---------------------------------------------------------------*/ -.comment-content a { - word-wrap: break-word; -} - -.bypostauthor { - display: block; -} - -/*-------------------------------------------------------------- -# Infinite scroll ---------------------------------------------------------------*/ -/* Globally hidden elements when Infinite Scroll is supported and in use. */ -.infinite-scroll .posts-navigation, -.infinite-scroll.neverending .site-footer { - /* Theme Footer (when set to scrolling) */ - display: none; -} - -/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ -.infinity-end.neverending .site-footer { - display: block; -} - -/*-------------------------------------------------------------- -# Media ---------------------------------------------------------------*/ -.page-content .wp-smiley, -.entry-content .wp-smiley, -.comment-content .wp-smiley { - border: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; -} - -/* Make sure embeds and iframes fit their containers. */ -embed, -iframe, -object { - max-width: 100%; -} - -/* Make sure logo link wraps around logo image. */ -.custom-logo-link { - display: inline-block; -} - -/*-------------------------------------------------------------- -## Captions ---------------------------------------------------------------*/ -.wp-caption { - margin-bottom: 1.5em; - max-width: 100%; -} - -.wp-caption img[class*="wp-image-"] { - display: block; - margin-left: auto; - margin-right: auto; -} - -.wp-caption .wp-caption-text { - margin: 0.8075em 0; -} - -.wp-caption-text { - text-align: center; -} - -/*-------------------------------------------------------------- -## Galleries ---------------------------------------------------------------*/ -.gallery { - margin-bottom: 1.5em; -} - -.gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; -} - -.gallery-columns-2 .gallery-item { - max-width: 50%; -} - -.gallery-columns-3 .gallery-item { - max-width: 33.33%; -} - -.gallery-columns-4 .gallery-item { - max-width: 25%; -} - -.gallery-columns-5 .gallery-item { - max-width: 20%; -} - -.gallery-columns-6 .gallery-item { - max-width: 16.66%; -} - -.gallery-columns-7 .gallery-item { - max-width: 14.28%; -} - -.gallery-columns-8 .gallery-item { - max-width: 12.5%; -} - -.gallery-columns-9 .gallery-item { - max-width: 11.11%; -} - -.gallery-caption { - display: block; -} - -/***************/ -/** Home Page **/ -/***************/ - -.home { - height: 100%; - background-color: #fff; - padding-right: 15px; - padding-left: 15px; -} - -.home-content { - display: flex; - display: -webkit-flex; - align-items: center; - -webkit-align-items: center; - justify-content: center; - -webkit-justify-content: center; - text-align: center; - color: #1C2F82; - padding-top: 50px; - flex-direction: column; - z-index: 2; -} - -.home-content h1 { - font-family: "Lekton", monospace; - font-weight: 700; - margin: 0 0 15px; - text-transform: uppercase; - max-width: 600px; - margin: 0 auto; - margin-top: 30px; - margin-bottom: 50px; - z-index: 3; -} - -.home-content hr { - width: 100px; - border-top: 1px solid #1C2F82; - margin: 0 auto; -} - -.home-content p { - max-width: 400px; - margin: 15px auto 25px; -} - -@media screen and (max-width: 450px) { - .home-content h1 { font-size: 1.5em; } - .home-button { width: 100px;} -} - -.logo-home-filament{ - z-index: 3; -} - -.logo-home-filament img{ - max-width: 180px; - margin: 30px; - z-index: 3; -} - -.menu-home{ - margin: 0 auto; - margin-top: -120px; -} - -#masthead{ - position: inherit; - width: 100%; - height: 80px; - background-color: rgb(255, 255, 255); - /*height: 80px;*/ -} - -#top-container{ - display: none; - margin-top: 40px; -} - -@media (min-width: 992px) { - #top-container{ - display: block; - } -} - - -.menu-top{ - margin: 0 auto; - /*margin-top: -100px;*/ - height: 290px; - display: flex; - justify-content: center; -} - -.menu-top2{ - margin: 0 auto; - display: flex; - justify-content: center; -} - -.menu-home svg, .menu-top svg{ - width: 25px; -} - -.menu-content{ - display: inline-block; - display: flex; - margin: 0 auto; - /*margin-right: 40px;*/ -} - -.menu-top-content { - display: inline-block; - display: flex; - justify-content: center; - margin: 0 auto; -} - -#menu-top-content-2{ - display: none; - margin-right: 75px; -} - -.title-menu{ - margin-top: 123px; -} - -.title-menu a, .title-menu2 a { - display: inline-block; - font-size: 14px; - text-decoration: none; - color: #1C2F82; - margin: 12px 12px; - position: relative; - z-index: 2; -} - -.title-menu2 a{ - margin: 0px; -} - -.menu-item a{ - position: relative; -} - -.title-menu a:after, .title-menu2 a:after, .menu-item a:after{ - content: ""; - width: 100px; - height: 100px; - background-color: #ffd14c; - border-radius: 100%; - position: absolute; - top: 0; - left: 50%; - margin-left: -50px; - opacity: 0; - -webkit-transition:all .25s; - -moz-transition:all .25s; - -ms-transition:all .25s; - -o-transition:all .25s; - transition:all .25s; - z-index: -3; -} - -.menu-page a:after{ - content: ""; - width: 40px; - height: 40px; - top:-5px; - margin-left: -15px; -} - -.title-menu:hover a:after, .title-menu2:hover a:after, .menu-item:hover a:after{ - z-index: -3; - top:-20px; - margin-left: -25px; - width: 55px; - height: 55px; - background-color: #ffd14c; - opacity: 1; - -webkit-animation: spin_circle 2s infinite; - -moz-animation: spin_circle 2s infinite; - -ms-animation: spin_circle 2s infinite; - -o-animation: spin_circle 2s infinite; - animation: spin_circle 2s infinite; -} - -.menu-page:hover a:after{ - width: 25px; - height: 25px; - margin-left: -10px; - top:-5px; -} - -.title-menu2:hover a:after { - width: 25px; - height: 25px; - margin-left: -10px; - top: -5px; - z-index: -1; -} - -.span-title{ - display: none; - margin-top: 10px; - position: absolute; -} - -.menu-page:hover .span-title{ - display: block; - background-color: #fff; -} - -.lien-home { - width: 25px; - margin: 0px 10px; -} - -.menu-top, .menu-home, .menu-top2{ - display: none; -} - -.contact-yellow-top-home, .label-menu-home{ - display: block; -} - -@media (min-width: 992px) { - .menu-top, .menu-home, .menu-top2{ - display: flex; - } - - .contact-yellow-top-home, .label-menu-home{ - display: none; -} -} - -@-webkit-keyframes spin_circle { - 0%{ - -webkit-transform: scale(1,1); - } - 50% { - -webkit-transform: scale(1.2,1.2) rotate(20deg); - } - 100% { - -webkit-transform: scale(1,1); - } -} -@-moz-keyframes spin_circle { - 0%{ - -moz-transform: scale(1,1); - } - 50% { - -moz-transform: scale(1.2,1.2) rotate(20deg); - } - 100% { - -moz-transform: scale(1,1); - } -} -@-ms-keyframes spin_circle { - 0%{ - -ms-transform: scale(1,1); - } - 50% { - -ms-transform: scale(1.2,1.2) rotate(20deg); - } - 100% { - -ms-transform: scale(1,1); - } -} -@-o-keyframes spin_circle { - 0%{ - -o-transform: scale(1,1); - } - 50% { - -o-transform: scale(1.2,1.2) rotate(20deg); - } - 100% { - -o-transform: scale(1,1); - } -} -@keyframes spin_circle { - 0%{ - transform: scale(1,1); - } - 50% { - transform: scale(1.2,1.2) rotate(20deg); - } - 100% { - transform: scale(1,1); - } -} - -.svg-courbe-droite{ - width: 260px !important; - margin-bottom: 15px; -} - -.svg-courbe-droite-page{ - width: 90px !important; - margin-bottom: 18px; - margin-right: 75px; -} - -.svg-courbe-gauche{ - width: 100px !important; - margin-bottom: 140px; -} - -/**********************/ -/** Menu & header site * -/**********************/ - -.site-branding .custom-logo-link{ - width: 155px; - margin-top: 30px; - /*z-index: 999;*/ - /*margin-left: 40px;*/ -} - -.site-branding{ - display: flex; - justify-content: center; - background-color: #fff; - /*position: inherit;*/ -} - -@media (min-width: 768px) { - .site-branding{ - justify-content: space-between; - } -} - -.contact-yellow-top { - margin-top: 30px; - display: none; -} - -@media (min-width: 768px) { -.contact-yellow-top { - display: block; - } -} - -.contact-yellow { - width: 80px; - height: 30px; - cursor: pointer; - background-color: #FFD14C; - z-index: -1; - padding-right: 5px; - padding-left: 3px; - padding-bottom: 5px; - padding-top: 5px; - margin-right: 3px; -} - -#contact{ - width: 80px; - height: 30px; - text-decoration: none; - font-size: 13px; - color: #1C2F82; - z-index: 1; - border: 1px solid #1C2F82; - padding-bottom: 7px; - padding-right: 17px; - padding-left: 15px; - padding-top: 8px; - background-color: transparent; - font-family: "Lekton", monospace; -} - -#contact-section h2 { - max-width: 550px; - margin: 0 auto; - margin-top: 70px; -} - -.intro h2 { - margin-top: 70px; -} - -@media (min-width: 992px) { - #contact-section h2 { - margin-top: 130px; - } - - .intro h2 { - margin-top: 130px; - } -} - -.intro { - margin: 0px auto; - text-align: center; -} -.intro h1 { - font-size: 24px; -} -.intro hr { - width: 90px; - border-top: 1px solid rgb(0, 180, 149); - margin: 0 auto 8px; -} - -.menu-section li{ - font-family: "Lekton", monospace; - font-weight: 700; - margin: 0px 20px; - text-transform: uppercase; -} - -.menu-section li a{ - font-size: 20px; - padding: 10px; -} - -.menu-section .title-hover { - background-color: #FFD14C; - border-radius: 10px; - margin: -20px auto; - left: 0; - height: 15px; - z-index: -1; -} - -ul.menu-section{ - padding: 0px; - margin-top: 35px; -} - -.title-hover{ - background-color: #FFD14C; - border-radius: 10px; - margin: -19px auto; - left: 0; - height: 13px; - z-index: -1; -} - -/******************/ -/** Page contact **/ -/******************/ - -.contact-content { - max-width: 750px; - margin: 0 auto; - display: flex; - justify-content: space-around; - margin-top: 40px; - flex-wrap: wrap; -} - -.courbe-contact { - position: absolute; - bottom: 0px; - left: 0px; - width: 400px; - display: none; -} - -.courbe-contact svg { - padding-top: 20px; - padding-right: 40px; -} - -@media (min-width: 992px) { - .courbe-contact { - display: block; - } -} - -.map-oikos { - position: relative; - bottom: -10px; - right: 0px; -} - -.map-oikos svg { - height: 400px; -} - -@media (min-width: 992px) { - .map-oikos { - position: absolute; - bottom: -10px; - right: 0px; - } -} - -.contact-content h3{ - font-family: "Lekton", monospace; - font-weight: 700; - text-transform: uppercase; -} - -.contact-info h4 { - font-family: Lekton, monospace; - font-weight: 700; - font-size: 18px; - color: rgb(0, 180, 149); - margin-bottom: 0px; -} - -.contact-info p{ - margin: 0; -} - -.contact-info a{ - font-family: "Lekton", monospace; - font-weight: 700; -} - -/**********************/ -/** Page partenaires **/ -/**********************/ -.swiper-slide-partenaires { - display: flex; - justify-content: center; - flex-wrap: wrap; -} - -.partenaires { - width: 200px; - margin: 20px; - /*padding: 25px;*/ -} - -.partenaires h3, .equipe-personne h3{ - text-transform: uppercase; - font-family: "Lekton", monospace; - font-weight: 700; -} - -.equipe-personne h3{ - margin-bottom: 25px; -} - -.equipe-personne .title-hover{ - height: 15px; - margin: -20px auto; -} - -.equipe-personne p{ - color: rgb(0, 180, 149); - font-weight: 300; -} - -.equipe-personne .activite{ - color: #1C2F82; -} - -.equipe-personne a{ - font-family: "Lekton", monospace; - font-weight: 700; -} - - -.logo-partenaires { - display: flex; - flex-direction: column; - padding: 10px; -} - -.logo-partenaire { - max-width: 100px; - margin: 20px 25px; -} - -.logo-partenaire-palanca { - max-width: 130px; - margin: 10px 25px; -} - -/******************/ -/** Page posture **/ -/******************/ -.posture-content , .bloc-personne{ - display: flex; - flex-wrap: wrap; - justify-content: space-around; -} - -.posture-content{ - padding-top: 0px; - flex-wrap: wrap-reverse; - padding-bottom: 100px; -} - -@media (min-width: 1200px) { -.posture-content{ - padding-top: 60px; -} -} - -.equipe-photo{ - width: 300px; - margin: auto; -} - -.equipe-photo img{ - padding: 20px; -} - -.equipe{ - margin: auto; - width: 800px; -} - -/*******************/ -/** Page démarche **/ -/*******************/ -.bloc-demarche { - min-height: 300px; - display: flex; - flex-wrap: wrap; - justify-content: space-between; -} - -.image-droite{ - flex-wrap: wrap-reverse; -} - -.demarche-img { - margin: 0px; - padding: 0px; - width: 300px; - margin: auto; -} - -.demarche-img img{ - height: 200px; -} - -.demarche-text { - margin: auto; - padding: 20px 0px; - width: 800px; -} - -@media (min-width: 768px) { - .demarche-text { - padding: 30px 50px; - } - .demarche-img{ - margin: 0px 50px; - padding: 0px 60px; - margin: auto; - } -} - -.demarche-text h3{ - font-family: "Lekton", monospace; - text-transform: uppercase; - font-weight: 700; -} - -.logo-outils{ - display: flex; - flex-wrap: wrap; - justify-content: center; -} - -@media (min-width: 768px) { - .logo-outils{ - justify-content: space-between; - } -} - -.outil-bloc-logo{ - width: 120px; -} - -.outil-bloc-logo h4{ - font-size: 13px; - margin-bottom: 0; - font-family: 'Lekton', monospace; - font-weight: 700; - color:rgb(0, 180, 149); -} - -.outil-image{ - margin: auto; - width: 100px; - height: 90px; - display: flex; -} - -.outil-image img{ - margin: auto; -} - -/*********************/ -/** Page conviction **/ -/*********************/ -.manifest-div{ - text-align: justify; - padding: 20px 0px; - font-weight: 100; - font-size: 16px; - max-width: 800px; - margin: 0 auto; - line-height: 1.9; -} - -.manifest-div ul { - list-style: none; - padding-left: 10px; -} -.manifest-div li::before {content: "•" ; color: #00B495; padding-right: 15px; } - -.manifest-div li { - margin-bottom: 5px; -} - -.manifest-div h3{ - font-weight: 700; -} - -.signature-manifest{ - max-width: 800px; - margin: 0 auto; - text-align: right; -} - -.para-italic{ - font-style: italic; -} -/* -.img-gauche{ - float: left; -} - -.img-droite{ - float: right; -} -*/ -.nav-page img, -.nav-page-droite img, -.nav-page-gauche img{ - width: 30px; - display: none; - /*margin-bottom: -8px;*/ -} - -.nav-page a{ - font-family: 'Lekton', monospace; -} - -.nav-page-droite{ - position: absolute; - /*top: 90%;*/ - right: 20px; - bottom: 30px; -} - -.nav-page-gauche{ - position: absolute; - /*top: 90%;*/ - bottom: 30px; - left: 20px; -} - -@media (min-width: 768px) { - .nav-page-droite img, - .nav-page-gauche img { - display: block; - } -} - -.nav-page{ - position: absolute; - top: 50%; - left: -35px; - /* right: 21px; */ - width: 106%; -/* position: absolute; - top: 50%; - width: calc(100% - 30px);*/ -} - -/*Pagination*/ - -.swiper-pagination-bullet { - width: 15px; - height: 15px; - display: inline-block; - border-radius: 100%; - opacity: 1; - background: transparent; -} - -.swiper-pagination-yellow { - width: 15px; - height: 15px; - border-radius: 100%; - border: 1px solid #20307d; - opacity: 1; - background: transparent; - margin-top: 2px; - margin-left: 2px; -} - -.swiper-pagination-bullet-active { - background: #FFD14C; -} - -#myBtnTop { - display: none; - position: fixed; - bottom: 20px; - right: 30px; - z-index: 99; - font-size: 18px; - color: white; - cursor: pointer; - padding: 0px 5px; - background-color: #FFD14C; - border-radius: 0px; - height: 25px; - width: 25px; - border: none; -} - -#myBtnTop i{ - color: #1C2F82; - font-size: 20px; - margin-top: 3px; - margin-left: 2px; -} - -.button-top{ - content: ''; - border: 1px solid #1C2F82; - height: 25px; - width: 25px; - margin-top: -21px; - margin-left: -3px; -} - -#myBtnTop:hover { -/* background-color: #555;*/ -} - -footer { - text-align: center; - font-size: 12px; -} - -footer img{ - height: 20px; - margin: 10px; -} - -.content-mentions { - margin-top: 50px; - text-align: justify; -} - -@media (min-width: 992px) { - .content-mentions { - margin-top: 140px; - } -} - - -.impact-global{ - display: flex; - flex-direction: column; - justify-content: center; -} - -.impact-middle{ - margin: 20px auto; - max-width: 500px; -} - -.impact{ - max-width: 500px; - margin: 20px auto; -} - -@media (min-width: 768px) { - .impact-global { - flex-direction: row; - } - .impact-middle{ - margin: 20px; -} -} \ No newline at end of file diff --git a/js/main.js b/js/main.js deleted file mode 100644 index cecb33b20d1131665ac6faf3631c6cf1c4115325..0000000000000000000000000000000000000000 --- a/js/main.js +++ /dev/null @@ -1,127 +0,0 @@ -// --------- -// SVG C -// --------- - - var snapC = Snap("#svgC"); - - // SVG C - "Squiggly" Path - var myPathC = snapC.path("M2.5,2.51c73-.07,212.25,0,283.08,17.4C351.73,36.2,429.67,72.73,466.63,133.45c31.89,52.38,12.92,114.12-18.15,161.92C421.7,336.58,336,397.46,341.84,451.73c3.8,35.43,44.85,59.76,76.17,64.58,10.73,1.65,21.9,2.67,32.29-.48s19.9-11.35,21.66-22.06-6.81-22.82-17.65-22.29C443.23,472,436.17,484,434.82,495c-4.41,35.92,30.78,66.75,66.63,71.65s71.34-8.61,105.29-21.14c67.47-24.89,125.29-25,163.88,44.53,14.28,25.75,18.94,58,7,84.94-7.8,17.62-28,33.22-45.34,24.88-18.31-8.78-15.78-39.4,1.76-49.64s41.14-3,55.34,11.55,21.08,34.52,26.9,54a955.58,955.58,0,0,1,39.8,289.87").attr({ - id: "éclats", - class:"courbe", - fill: "none", - strokeWidth: "5", - stroke: "#ffd14c", - strokeLineCap: "round", - strokeMiterLimit: "10", - strokeDasharray: "20 13", - // strokeDashOffset: "988.01" - }); - - var lenC = myPathC.getTotalLength(); - - var elem1 = snapC.path("M25.56,37a4.85,4.85,0,0,0,3.65,6.25,15,15,0,0,0,3.94-.35c3.36-.42,6.72.54,10.07,1,9.44,1.29,19-1.4,28.5-.61,4.24.36,8.4,1.4,12.65,1.64a66.58,66.58,0,0,0,9.15-.3l13.42-1L80.51,36.08").attr({ - id: "elem1", - fill: "#fff", - }); - - var elem2 = snapC.path("M107.91,42.29a416.67,416.67,0,0,0-59-39.76,3.69,3.69,0,0,0-2.3-.68,3.63,3.63,0,0,0-1.77,1.07A290.38,290.38,0,0,0,24.3,23.43a41.18,41.18,0,0,1,10.13,1.62l71.25,17.66").attr({ - id: "elem2", - fill: "#fff", - }); - - var elem3 = snapC.path("M109.32,40.89A427.21,427.21,0,0,0,61.79,7.66c-4-2.38-8.11-5.4-12.41-7.12a5,5,0,0,0-5.52.64C36.1,6.75,29.31,15,22.89,22a2,2,0,0,0,1.41,3.4c6.81.2,13.61,2.54,20.19,4.18l20.22,5,40.44,10c2.49.62,3.55-3.22,1.06-3.84L63.84,30.29,42.66,25c-6-1.5-12.1-3.42-18.36-3.6l1.41,3.4c5.71-6.26,11.65-12.3,17.87-18.06,1.44-1.33,2.3-2.65,4.35-2.53,1.71.09,4.84,2.73,6.35,3.6q5.13,3,10.18,6.1a419.67,419.67,0,0,1,42,29.75c2,1.59,4.82-1.21,2.82-2.81Z").attr({ - id: "elem3", - fill: "#ffd14c", - }); - - var elem4 = snapC.path("M108,42.67A624.36,624.36,0,0,1,2,75.1L12.51,45.37a3.87,3.87,0,0,1,1.19-2,3.87,3.87,0,0,1,2.21-.48q42.3-.6,84.57,1.8").attr({ - id: "elem4", - fill: "#fff", - }); - - var elem5 = snapC.path("M107.42,40.75A634.13,634.13,0,0,1,1.5,73.18L4,75.63,9.19,60.76c1.45-4.12,2.53-9.16,4.59-13,1.68-3.14,2.5-2.86,6.06-2.9l7.87-.06q6.88,0,13.78,0,29.5.21,59,1.89c2.56.14,2.55-3.84,0-4q-33.41-1.87-66.86-1.92c-5.25,0-10.5,0-15.74.09-2.92.07-5.12,0-6.73,2.61-2.48,4-3.56,9.86-5.14,14.34L.11,74.57C-.43,76.09,1.18,77.31,2.55,77A634,634,0,0,0,108.48,44.59c2.34-.94,1.32-4.8-1.06-3.84Z").attr({ - id: "elem5", - fill: "#ffd14c", - }); - - var elem6 = snapC.path("M24.69,23").attr({ - id: "elem6", - fill: "#fff", - }); - - var elem7 = snapC.path("M24.69,24.94c2.56,0,2.56-4,0-4s-2.57,4,0,4Z").attr({ - id: "elem7", - fill: "#ffd14c", - }); - - var elem8 = snapC.path("M26,41.77").attr({ - id: "elem8", - fill: "#fff", - }); - - var elem9 = snapC.path("M26,43.76c2.57,0,2.57-4,0-4s-2.56,4,0,4Z").attr({ - id: "elem9", - fill: "#ffd14c", - }); - - var elem10 = snapC.path("M24.3,23.43c.07,5.17,1.12,11,1.06,16.82").attr({ - id: "elem10", - fill: "#fff", - }); - - var elem11 = snapC.path("M22.31,23.43c.15,5.62,1.05,11.19,1.06,16.82,0,2.56,4,2.57,4,0,0-5.63-.91-11.2-1.06-16.82-.07-2.56-4.05-2.57-4,0Z").attr({ - id: "elem11", - fill: "#ffd14c", - }); - - var enveloppe = snapC.g( elem1, elem2, elem3, elem4, elem5, elem6, elem7, elem8, elem9, elem10, elem11 ); // Group polyline - - var triangleGroup = snapC.g( enveloppe ); // Group polyline - - - function myStartFunction() { - setTimeout( function() { - Snap.animate(0, lenC, function( value ) { - movePoint = myPathC.getPointAtLength( value ); - triangleGroup.transform( 't' + parseInt(movePoint.x - 15) + ',' + parseInt( movePoint.y - 15) + 'r' + (movePoint.alpha - 180)); - }, 4500,mina.easeinout); - }); -} - - window.onload = myStartFunction; - -window.addEventListener("keydown", function (event) { - if (event.defaultPrevented) { - return; // Should do nothing if the key event was already consumed. - } - - switch (event.key) { - case "ArrowDown": - // Do something for "down arrow" key press. - break; - case "ArrowUp": - // Do something for "up arrow" key press. - break; - case "ArrowLeft": - // Do something for "left arrow" key press. - break; - case "ArrowRight": - setTimeout( function() { - Snap.animate(0, lenC, function( value ) { - movePoint = myPathC.getPointAtLength( value ); - triangleGroup.transform( 't' + parseInt(movePoint.x - 15) + ',' + parseInt( movePoint.y - 15) + 'r' + (movePoint.alpha - 180)); - }, 4500,mina.easeinout); - }); - case "Enter": - // Do something for "enter" or "return" key press. - break; - case "Escape": - // Do something for "esc" key press. - break; - default: - return; // Quit when this doesn't handle the key event. - } - - // Consume the event for suppressing "double action". - event.preventDefault(); -}, true); diff --git a/js/plugins.js b/js/plugins.js deleted file mode 100644 index 3d13d9fce9198fe24660c20475c28321eb65387e..0000000000000000000000000000000000000000 --- a/js/plugins.js +++ /dev/null @@ -1,91 +0,0 @@ -// Avoid `console` errors in browsers that lack a console. -(function() { - - $(function() { - /** - * Smooth scrolling to page anchor on click - **/ - // if (document.body.scrollTop > 180 || document.documentElement.scrollTop > 180) { - $("a[href*='#']:not([href='#'])").click(function() { - if ( - location.hostname == this.hostname - && this.pathname.replace(/^\//,"") == location.pathname.replace(/^\//,"") - ) { - var anchor = $(this.hash); - anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) +"]"); - if ( anchor.length ) { - val = anchor.offset().top - 150; - $("html, body").animate( { scrollTop: val }, 1500); - } - } - }); - }); - - - // function topFunction() { - // document.body.scrollTop = 0; - // document.documentElement.scrollTop = 0; - // } - - $("#myBtnTop").click(function(){ - $("html,body").animate({scrollTop:$("#page").offset().top},"1000"); - return false; - }); - - window.onscroll = function() {scrollFunction()}; - - function scrollFunction() { - - var w = window.innerWidth; - console.log(w); - if (w > 992) { - if (document.body.scrollTop > 190 || document.documentElement.scrollTop > 190) { - if (document.getElementById("myBtnTop")) { - document.getElementById("myBtnTop").style.display = "block"; - } - document.getElementById("menu-top-content-2").style.display = "block"; - document.getElementById("menu-top-content").style.display = "none"; - document.getElementById("content").style.paddingTop = "117px"; - if (document.getElementById("menu-section")) { - document.getElementById("menu-section").style.display = "none"; - } - document.getElementById("masthead").style.position = "fixed"; - document.getElementById("masthead").style.width = "100%"; - document.getElementById("masthead").style.height = "80px"; - document.getElementById("masthead").style.backgroundColor = "#fff"; - - } else { - if (document.getElementById("menu-section")) { - document.getElementById("menu-section").style.display = "block"; - } - if (document.getElementById("myBtnTop")) { - document.getElementById("myBtnTop").style.display = "none"; - } - document.getElementById("content").style.paddingTop = "0px"; - document.getElementById("menu-top-content-2").style.display = "none"; - document.getElementById("menu-top-content").style.display = "block"; - document.getElementById("masthead").style.position = "inherit"; - } - } - } - - var method; - var noop = function () {}; - var methods = [ - 'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error', - 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', - 'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd', - 'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn' - ]; - var length = methods.length; - var console = (window.console = window.console || {}); - - while (length--) { - method = methods[length]; - - // Only stub undefined methods. - if (!console[method]) { - console[method] = noop; - } - } -}());