Skip to content
Snippets Groups Projects
Commit d4436e7a authored by Elian Loraux's avatar Elian Loraux
Browse files

Initial commit

parents
No related branches found
No related tags found
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
Showing
with 1311 additions and 0 deletions
README.md 0 → 100644
+ 4
− 0
View file @ d4436e7a
# Daxid
Ceci est le résultat d'une statification d'un framasite [cf ticket](https://gitlab.tetras-libre.fr/tetras-libre-admin/sys-admin/-/issues/118).
Cette page est issue de la coopération avec la metropole de Grenoble dans le cadre de la gestion de poste linux pour les écoles.
app/views/base/footer/footer.js 0 → 100644
+ 6
− 0
View file @ d4436e7a
$(document).ready(function(){
// the "href" attribute of the modal trigger must specify the modal ID that wants to be triggered
$('#login-modal').modal();
});
\ No newline at end of file
app/views/base/nav/nav.js 0 → 100644
+ 71
− 0
View file @ d4436e7a
$(document).ready(function () {
//pour l'édition du menu
$('.editMenuLabel').click(function () {
console.log('coucou')
//on récupere toutes les infos stockées dans l'id du boutton
let splittedId = this.id.split("-")
//et on remplit le formulaire caché avec
$('.addToMenuForm input[name = id]').val(splittedId[1])
//on modifie le titre et le boutton de la fenetre modale "à la sauvage"
$('#add-to-menu-modal h4').html("Modifier l'élement du menu");
$('#add-to-menu-modal button').html("Editer");
//gestion du pré-remplissage avec l'ancien nom
$('#add-to-menu-modal input[name=label]').val(splittedId[2]);
setTimeout(function () {
Materialize.updateTextFields();
},50)
//et on ouvre la modale
$('#add-to-menu-modal').modal('open');
})
$('.goToEditParams').click(function (event) {
event.preventDefault()
$("#siteOptionsModal").modal('open')
$("a[href=#options-params]").click()
})
$(".button-collapse").sideNav();
$('.navItems').click(()=>{
$('.button-collapse').sideNav('hide');
})
// Hide Header on on scroll down
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('#mainNav').outerHeight();
$(window).scroll(function(event){
didScroll = true;
});
setInterval(function() {
if (didScroll) {
hasScrolled();
didScroll = false;
}
}, 250);
function hasScrolled() {
var st = $(this).scrollTop();
// Make sure they scroll more than delta
if(Math.abs(lastScrollTop - st) <= delta)
return;
// If they scrolled down and are past the navbar, add class .nav-up.
// This is necessary so you never see what is "behind" the navbar.
if (st > lastScrollTop && st > navbarHeight){
// Scroll Down
$('#mainNav').removeClass('nav-down').addClass('nav-up');
} else {
// Scroll Up
if(st + $(window).height() < $(document).height()) {
$('#mainNav').removeClass('nav-up').addClass('nav-down');
}
}
lastScrollTop = st;
}
})
\ No newline at end of file
app/views/modules/button/show.js 0 → 100644
+ 0
− 0
View file @ d4436e7a
app/views/modules/contact/show.js 0 → 100644
+ 0
− 0
View file @ d4436e7a
app/views/modules/headband/show.js 0 → 100644
+ 9
− 0
View file @ d4436e7a
$(document).ready(function () {
$('.headbandShowOnScroll').each(function (i, el) {
scrollFireOptions.push(
{selector: '#'+el.id, offset: 200, callback: function(el1) {
$(el1).animate({'left' :'-=2000'}, 300, 'swing')
} })
})
})
\ No newline at end of file
app/views/modules/paralax/show.js 0 → 100644
+ 4
− 0
View file @ d4436e7a
$(document).ready(function () {
$('.parallax').parallax();
})
\ No newline at end of file
app/views/modules/separator/show.js 0 → 100644
+ 0
− 0
View file @ d4436e7a
app/views/modules/three_cards/img.jpg 0 → 100644
+ 0
− 0
View file @ d4436e7a
app/views/modules/three_cards/img.jpg

53.2 KiB

app/views/modules/three_cards/show.js 0 → 100644
+ 0
− 0
View file @ d4436e7a
app/views/modules/three_goals/show.js 0 → 100644
+ 0
− 0
View file @ d4436e7a
index.html 0 → 100644
+ 436
− 0
View file @ d4436e7a
<!DOCTYPE html>
<html lang="fr">
<head>
<style type="text/css">
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url('public/fonts/iconfont/MaterialIcons-Regular.eot'); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url('public/fonts/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
url('public/fonts/iconfont/MaterialIcons-Regular.woff') format('woff'),
url('public/fonts/iconfont/MaterialIcons-Regular.ttf') format('truetype');
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Prestations et contributions Primtux / Eole par T&eacute;tras Libre</title>
<meta property="og:image" content="medias/5c544f51a0654.png" />
<meta name="description" content="Prestations et contributions Primtux / Eole par T" />
<meta name="keywords" content="Primtux, Eole, Education, Linux, Infrastructure, T" />
<meta http-equiv="content-language" content="fr_FR" />
<meta name="language" content="fr_FR" />
<link rel="icon" type="image/png" href="medias/5c544f51a0654.png" />
<!-- CSS -->
<link href="public/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="public/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<style type="text/css" id="themeClassCSS">
.menu-background {
background-color: #000000 !important;
}
.main-background {
background-color: #ffffff !important;
}
.main-color, .main-color * {
color: #202020 !important;
}
.contrasted-color, .contrasted-color * {
color: #ffffff !important;
}
.second-background {
background-color: #2a251f !important;
}
.second-color, .second-color * {
color: #274f7c !important;
}
</style>
<style type="text/css">
@font-face {
font-family: 'Maven Pro';
src: url('public/fonts/customFonts/MavenPro-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Maven Pro';
src: url('public/fonts/customFonts/MavenPro-Regular.ttf') format('truetype');
}
</style>
<style type="text/css" id="fontClassCSS">
.title-font, .title-font * {
font-family: 'Maven Pro','sans-serif' ;
font-size: 200 % !important ;
}
.main-font , .main-font * {
font-family: 'Maven Pro','sans-serif' ;
font-stretch: ultra-expanded !important;
}
</style>
</head><body>
<nav class="nav menu-background fixed nav-down" id="mainNav" role="navigation" style="z-index: 999">
<div class=" nav-wrapper container parent-hover">
<a id="logo-container" href="#" class="brand-logo second-color title-font relative " >
<img style="height: 59px; width: auto; margin-right: 20px; vertical-align: middle; padding: 0 0 5px 0" src="medias/5c544f402578e.png" alt="">
<span id="siteTitle" style="font-size: 0.9em !important; vertical-align: middle" class="">Prestations et contributions Primtux / Eole par T&eacute;tras Libre</span>
</a>
<ul class="right hide-on-med-and-down" style="max-width : 70%; max-height: 60px; overflow: hidden !important; padding-left: 30px !important; margin-left: -30px !important;">
<li class="relative ">
<a href="#5c545207eba14" class="second-color main-font" style="font-size: larger">Références</a>
</li>
</ul>
<a href="#" data-activates="mobileNav" class="button-collapse no-margin"><i class="material-icons second-color">menu</i></a>
<ul class="side-nav menu-background" id="mobileNav" style=" margin-top: 56px" id="mobileNav">
<li class="relative " style="margin-top: -10px">
<a href="#5c545207eba14" class="second-color main-font navItems" style="font-size: larger">Références</a>
</li>
</ul>
</div>
</nav>
<div class="" style="margin-top: 64px">
<section class="relative moduleSectionContainer" id="5c544a13c3e18">
<div class="parallax-container valign-wrapper module paralax" >
<div class="section no-pad-bot relative">
<div class="container " style="margin-top: 50px !important; margin-bottom: 50px !important;">
<div class=" row center contrasted-color title-font editable " id="moduleValue-text" style="font-size: 130%">
<h4><br /></h4>
</div>
</div>
</div>
<div class="parallax"><img id="moduleValue-imgUrl" src="medias/5c544eabeab0f.png" alt=""></div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c56c57011b2c">
<div class="second-background">
<div class="container module ">
<div class="section" style="padding-top: 50px !important;padding-bottom: 50px !important;">
<div class="row valign-wrapper no-margin relative">
<div class="col s12 headbandShowOnScroll relative" style=" left: +2000px" id="headbandShowOnScroll-5c56c57011b2c">
<div class=" second-color title-font editable center-align" id="moduleValue-title">
<h4 align="center"><b>Infrastructures Linux clé en main pour les écoles et l'éducation</b><br /></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c544a13c3e89">
<div class="main-background">
<div class="container module">
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
<!-- Icon Section -->
<div class="row center-align">
<div class="three-block">
<div class="icon-block center-align" style="text-align: center; width: 100%">
<div class="relative">
<h2 class="center second-color center-align">
<i class="material-icons" id="moduleValue-icon1">import_s</i>
</h2>
</div>
<div class=" main-color main-font editable center-align" id="moduleValue-content1">
<div align="justify"><ul><li><div><h5>Primtux et Eole sont des distributions <b>GNU/Linux </b><br /></h5></div></li><li><div><h5><b>Primtux</b> rassemble des activités pédagogiques à destination des écoles :<a href="https://primtux.fr/"><span> https://primtux.fr/</span></a></h5></div></li><li><div><h5><b>Eole</b> est bien adapté pour les serveurs gérant l'infrastructure d'une école, en particulier un parc de postes Primtux :<a href="https://pcll.ac-dijon.fr/eole/"><span><br />https://pcll.ac-dijon.fr/eole/</span></a></h5></div></li><li><div><h5><a href="https://pcll.ac-dijon.fr/eole/"><span></span></a>Nous intervenons aussi sur d'autres distros (<b>Edubuntu</b>, etc.) <br /></h5></div></li></ul></div><p><br /></p>
</div>
</div>
</div>
<div class="three-block">
<div class="icon-block center-align" style="text-align: center; width: 100%">
<div class="relative">
<h2 class="center second-color center-align">
<i class="material-icons" id="moduleValue-icon2">verified_user</i>
</h2>
</div>
<div class=" main-color main-font editable center-align" id="moduleValue-content2">
<h5><b>Nous déployons et développons l'infrastructure de votre école</b><br /></h5><div align="justify"><ul><li><h5><b>Postes Primtux</b> dans les classes pour élèves et enseignants</h5></li><li><h5><b>Serveur Eole</b> pour gérer l'infra.<br />(sécurité, accès, imprimantes, postes à distance, etc.)</h5></li><li><h5>Des <b>espaces partagés</b>, configurés sur mesure et accessibles par des postes MS-Windows<br /></h5></li></ul></div>
</div>
</div>
</div>
<div class="three-block">
<div class="icon-block center-align" style="text-align: center; width: 100%">
<div class="relative">
<h2 class="center second-color center-align">
<i class="material-icons" id="moduleValue-icon3">business_center</i>
</h2>
</div>
<div class=" main-color main-font editable center-align" id="moduleValue-content3">
<h5 align="left">Nous intervenons à chaque niveau pour votre <b>solution pédagogique innovante</b> :</h5><div align="left"><ul><li><h5>Conseil et étude</h5></li><li><h5>Développements sur mesure</h5></li><li><h5>Déploiements sur sites</h5></li><li><h5>Maintenance et assistance</h5></li><li><h5>Formation des équipes</h5></li><li><h5>Mutualisation des résultats</h5></li></ul></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c544a13c4029">
<div class="main-background relative module" style="overflow: hidden">
<img class="absolute " id="moduleValue-imgUrl" src="" alt="" style="width: 100% ; height: auto; top: 0; right: 0">
<div class="container ">
<div class="section relative" style="padding-top: 40px !important;padding-bottom: 40px !important; z-index: 10">
<div class="row">
<div class="col s12 second-color title-font editable center" id="moduleValue-text" style="text-align: justify; margin-bottom: 00px !important; font-size: 130%">
<h5 align="center">Retrouvez les contributions pour nos clients sur notre Gitlab :<br /></h5><p></p>
</div>
</div>
<div class="row center-align relative">
<span class="relative" style="width: content-box">
<a target="_blank" class="btn-large second-color second-background waves-effect waves-light" id="btnModuleBtn-5c544a13c4029" href="https://gitlab.tetras-libre.fr/primtux-eole">Accéder au code sur Gitlab</a>
</span>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c545207eba14">
<div class="second-background">
<div class="container module ">
<div class="section" style="padding-top: 50px !important;padding-bottom: 50px !important;">
<div class="row valign-wrapper no-margin relative">
<div class="col s12 headbandShowOnScroll relative" style=" left: +2000px" id="headbandShowOnScroll-5c545207eba14">
<div class=" second-color title-font editable center-align" id="moduleValue-title">
<h4 align="left"><b>Références :</b><br /></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c5451fdf1c01">
<div class="main-background">
<div class="container module">
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
<!-- Icon Section -->
<div class="row center-align">
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c5452ac2c1ab.jpg" id="moduleValue-imgUrl1" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title1" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<h5><u>Ville et métropole de Grenoble</u><br /></h5>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content1">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c5453f121876.png" id="moduleValue-imgUrl2" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title2" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<h5><u>Ville de Plan-de-Cuques</u><br /></h5>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content2">
<h4><b>Témoignage à l'issue de notre intervention :</b></h4><div><p><b><a href="https://forum.primtux.fr/viewtopic.php?pid=17118#p17118">https://forum.primtux.fr/viewtopic.php?pid=17118#p17118</a></b></p></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="app/views/modules/three_cards/img.jpg" id="moduleValue-imgUrl3" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title3" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<h5>Et bientôt votre collectivité ?<br /></h5>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer module" id="footer">
<footer class="page-footer second-background base ">
<div class="container main-color">
<div class="row">
<div class="col m12 l5 s12 relative" >
<div class="editable main-font second-color relative" id="moduleValue-leftText" style="margin: 0 20px !important;">
<h5><b>Tétras Libre, 2019</b></h5>
</div>
</div>
</div>
</div>
</footer>
</section>
<a class="fixed btn-floating btn-large menu-background waves-effect waves-light tooltipped light-shadow" data-position="left"
data-delay="350" data-tooltip="retour haut de page" id="ScrollTopBtn" style="opacity : 0; z-index: 200 !important; bottom: 20px; right: 20px ">
<i class="material-icons second-color medium">arrow_upward</i>
</a>
</div>
<!-- Scripts-->
<script src="public/js/jquery-2.1.1.min.js"></script>
<script src="public/js/materialize.min.js"></script>
<script>
SiteOptions = {"font":{"name":"Pro","title":{"name":"Maven Pro","local":"MavenPro","css1":"Maven Pro","css2":"sans-serif"},"main":{"name":"Maven Pro","local":"MavenPro","css1":"Maven Pro","css2":"sans-serif"}},"theme":{"name":"Deep Blue","menu_background":"#000000","main_background":"#ffffff","main_color":"#202020","contrasted_color":"#ffffff","second_background":"#2a251f","second_color":"#274f7c"},"params":{"title":"Prestations et contributions Primtux \/ Eole par T&eacute;tras Libre","titleSize":"small","favIcon":"..\/medias\/5c544f51a0654.png","siteLogo":"..\/medias\/5c544f402578e.png","lang":"fr_FR","description":"Prestations et contributions Primtux \/ Eole par T","keywords":"Primtux, Eole, Education, Linux, Infrastructure, T","isPublished":"true"}};
CSRFToken= ''
isAdminPage =""
scrollFireOptions = []
</script>
<script src="public/js/init.js"></script>
<script src="app/views/base/nav/nav.js"></script>
<script src="app/views/base/footer/footer.js" ></script>
<script src="public/js/adminEditScripts.js"></script>
<script src="app/views/modules/paralax/show.js"></script>
<script src="app/views/modules/headband/show.js"></script>
<script src="app/views/modules/three_goals/show.js"></script>
<script src="app/views/modules/button/show.js"></script>
<script src="app/views/modules/three_cards/show.js"></script>
<script src="app/views/modules/separator/show.js"></script>
<script src="app/views/modules/contact/show.js"></script>
<script>
$(document).ready(function () {
Materialize.scrollFire(scrollFireOptions);
})
</script>
<div id="modalCroppingImage" class="modal big-modal modal-fixed-header" style="z-index: 12000">
<div class="modal-header" style="z-index: 6001">
<h5 class="white-text" style="padding: 15px !important; margin: 0 !important;">Recadrer l'image <i>(optionnel)</i></h5>
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat right"><i class="material-icons white-text">clear</i></a>
</div>
<div class="modal-content relative" id="croppingModalContainer" style="padding: 0 !important;">
</div>
</div></body>
</html>
medias/5c544eabeab0f.png 0 → 100644
+ 0
− 0
View file @ d4436e7a
medias/5c544eabeab0f.png

118 KiB

medias/5c544f402578e.png 0 → 100644
+ 0
− 0
View file @ d4436e7a
medias/5c544f402578e.png

17.7 KiB

medias/5c544f51a0654.png 0 → 100644
+ 0
− 0
View file @ d4436e7a
medias/5c544f51a0654.png

4.99 KiB

medias/5c5452ac2c1ab.jpg 0 → 100644
+ 0
− 0
View file @ d4436e7a
medias/5c5452ac2c1ab.jpg

43.2 KiB

medias/5c5453f121876.png 0 → 100644
+ 0
− 0
View file @ d4436e7a
medias/5c5453f121876.png

67.1 KiB

public/css/grille.png 0 → 100644
+ 0
− 0
View file @ d4436e7a
public/css/grille.png

179 B

public/css/materialize.min.css 0 → 100644
+ 0
− 0
View file @ d4436e7a
This diff is collapsed.
public/css/style.css 0 → 100644
+ 781
− 0
View file @ d4436e7a
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
/* Custom Stylesheet */
/**
* Use this file to override Materialize files so you can update
* the core Materialize files in the future
*
* Made By MaterializeCSS.com
*/
body, html {
overflow-x: hidden;
}
nav ul a,
nav .brand-logo {
color: #444;
}
p {
line-height: 30px;
}
.button-collapse {
color: #26a69a;
}
.parallax-container {
min-height: 380px;
height: auto;
color: rgba(255, 255, 255, .9);
}
.parallax-container .section {
width: 100%;
}
@media only screen and (max-width: 992px) {
.parallax-container .section {
position: absolute;
top: 40%;
}
#index-banner .section {
top: 10%;
}
}
@media only screen and (max-width: 600px) {
#index-banner .section {
top: 0;
}
}
.icon-block {
padding: 0 15px;
}
.icon-block .material-icons {
font-size: inherit;
}
footer.page-footer {
margin: 0;
}
.borderInBox {
-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
box-shadow: inset 0px 0px 0px 6px #C48A1B;
}
.hoverBorderInBox:hover {
-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
box-shadow: inset 0px 0px 0px 6px #C48A1B;
}
.hoverBorderInBox2 {
padding: 6px !important;
}
.hoverBorderInBox2:hover {
-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
box-shadow: inset 0px 0px 0px 6px #C48A1B;
}
/*******************************
COLORS
*/
.frama-purple {
background-color: #635182 !important;
}
.frama-purple-text {
color: #635182 !important;
}
.frama-orange {
background-color: #C48A1B !important;
}
.frama-orange-text {
color: #C48A1B !important;
}
.hover-frama-purple:hover {
background-color: #635182 !important;
}
.hover-frama-orange:hover {
background-color: #C48A1B !important;
}
.frama-border-orange:hover {
border: 4px solid #C48A1B
}
/****************************
TOOLS
*/
.no-margin {
margin: 0 !important;
}
.small-margin {
margin: 5px !important;
}
.small-padding {
padding: 10px !important;
}
.no-padding {
padding: 0 !important;
}
.inline-block {
display: inline-block !important;
}
.static {
position: static !important;
}
.relative {
position: relative !important;
}
.absolute {
position: absolute !important;
}
.hidden {
visibility: hidden !important;
}
.displaynone {
display: none;
}
.light-opacity {
opacity: 0.9 !important;
}
.opacity1 {
opacity: 1 !important;
}
.btn-floating {
webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
}
.fixed {
position: fixed !important;
}
.big-modal {
width: 85% !important;
max-height: 80% !important;
height: 80% !important;
}
.small-modal {
width: 60% !important;
max-height: 50% !important;
height: 50% !important;
}
.show-on-li-hover {
visibility: hidden;
}
li:hover .show-on-li-hover {
visibility: visible;
}
.show-on-section-hover {
opacity: 0 !important;
}
section:hover .show-on-section-hover {
opacity: 1 !important;
}
.children-hover {
opacity: 0;
}
.parent-hover:hover .children-hover {
opacity: 1;
}
.lightButton {
background-color: rgba(255, 255, 255, 0.24);
}
.lightButton:hover {
background-color: #C48A1B;
}
.lightButton:hover i {
color: white !important;
}
.lightButton i {
color: #1e1e1e !important;
}
section:hover .show-on-li-hover {
visibility: visible;
}
.addSectionBtn {
opacity: 0;
}
.addSectionBtn-parent:hover .addSectionBtn {
opacity: 1;
}
.moduleBtn {
opacity: 0;
}
.module:hover .moduleBtn {
opacity: 1;
}
.edit-btn {
background-color: rgba(196, 138, 27, 0.89) !important;
}
.col5 {
width: 20%;
}
.shadow-bottom {
-webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
}
.light-shadow {
-webkit-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
}
.blockList {
width: 100% !important;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
height: auto;
}
.columnContainer {
/* Prevent vertical gaps */
line-height: 0;
-webkit-column-count: 5;
-webkit-column-gap: 0px;
-moz-column-count: 5;
-moz-column-gap: 0px;
column-count: 5;
column-gap: 0px;
}
.columnItem {
/* Just in case there are inline attributes */
height: auto !important;
margin: 20px 10px !important;
}
@media (max-width: 1400px) {
.columnContainer {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media (max-width: 800px) {
.columnContainer {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media (max-width: 400px) {
.columnContainer {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
.pickUpImageToUglyForm {
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
cursor: pointer !important;
}
.editable a {
color: inherit !important;
text-decoration: underline !important;
}
.editable b, .editable i, .editable u {
font-size: inherit !important;
}
.editable ul {
margin-left: 40px !important;
}
.editable li {
list-style-type: disc !important;
padding-left: 5px !important;
}
.editable h6, .editable p {
font-size: 1em;
line-height: 30px;
margin: 1em 0;
}
.editable h5 {
font-size: 1.5em !important;
}
.editable h4 {
font-size: 2em !important;
}
.medium-editor-button-active * {
color: #191919;
}
.teamImg {
width: 130px;
height: 130px;
}
.threeColumn *, .twoColumn *, .columnContainer * {
break-inside: avoid-column;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
}
.background-img {
background-size: cover;
}
.helpDiscoverUL li {
background-color: white;
border-radius: 10px;
color: #4f4f4f;
padding: 15px;
margin: 10px 0;
}
.helpDiscoverUL img {
text-align: right !important;
}
.three-block {
width: 33%;
padding: 20px 0;
display: inline-flex;
}
@media only screen and (max-width: 600px) {
.three-block {
width: 100%;
}
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
.threeColumn {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
@media only screen and (min-width: 993px) {
.threeColumnText, .threeColumn {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
.flexImagesContainer {
width: 100% !important;
display: flex;
}
.flexImagesContainer img {
width: 100%;
height: auto;
}
.infoModule {
background-color: rgba(99, 81, 130, 0.51) !important;;
}
.zoomIn {
cursor: zoom-in;
}
.medium-editor-placeholder {
opacity: 0.8 !important;
margin: 15px 0 !important;
padding: -15px 0 !important;
}
.medium-editor-placeholder:after {
padding: -15px 0 !important;
}
.medium-editor-toolbar-form-active {
background-color: white !important;
color: #1c1c1c;
border-radius: 10px !important;
padding: 10px;
border: 4px solid #C48A1B;
webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
}
.medium-editor-toolbar-save, .medium-editor-toolbar-close, .medium-editor-toolbar-input {
color: #282828 !important;
}
.medium-editor-toolbar-input::placeholder {
color: #666666 !important;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-background {
background: #000;
position: absolute;
width: 100%;
height: auto;
overflow-y: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -99;
}
.screen {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -10;
}
.filter-grille {
background-image: url(grille.png);
background-repeat: repeat;
}
.filter-blue {
background-color: rgba(35, 71, 102, 0.71);
}
.filter-orange {
background-color: rgba(220, 128, 5, 0.61);
}
.filter-green {
background-color: rgba(0, 148, 134, 0.56);
}
.filter-red {
background-color: rgba(93, 16, 24, 0.61);
}
.filter-dark {
background-color: rgba(22, 22, 22, 0.61);
}
.filter-soft {
background-color: rgba(255, 255, 255, 0.44);
}
.video-foreground,
.video-background iframe {
position: absolute;
top: -15vh;
left: 0;
width: 100%;
height: 130vh;
pointer-events: none;
}
.border-orange {
border: 4px solid #C48A1B;
}
.modal.modal-fixed-header {
padding: 0;
height: 70%;
}
.modal.modal-fixed-header .modal-content {
margin-top: 50px;
position: absolute;
height: calc(100% - 50px);
max-height: 100%;
width: 100%;
overflow-y: auto;
}
.modal.modal-fixed-header .modal-header {
width: 100%;
height: 50px;
background-color: #635182 !important;
color: white !important;
position: absolute;
top: 0;
}
.modal.modal-fixed-header .modal-header .modal-close {
position: absolute;
right: 0;
top: 0;
padding: 5px 15px;
}
#tagsContainer {
bottom: -35px;
left: 250px;
}
#tagsContainer ul li {
display: inline;
padding-right: 7px;
}
#tagsContainer a {
margin-bottom: 5px !important;
}
.border-orange-tag {
border: 3px solid #C48A1B;
/*-webkit-box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
/*box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
}
.border-orange-tag i {
top: -3px;
left: -3px;
}
.module-tag:hover {
background-color: white !important;
}
.moduleTag:hover i {
color: #171717 !important;
}
.codeHiglight p, .codeHiglight h6 {
font-size: 0.9em;
line-height: 1.2em;
margin: 0.5em 0;
}
.codeHiglight > span {
display: none !important;
}
pre {
height: calc(100% - 60px) !important;
overflow-y: hidden !important;
}
pre .relative {
display: none !important;
}
pre code {
padding: 0 20px !important;
}
.btnDesignContainer {
z-index: 100;
}
@media only screen and (max-width: 840px) {
.btnDesignContainer {
bottom: 20px !important;
max-width: 100% !important;
}
}
@media only screen and (min-width: 840px) {
.btnDesignContainer {
padding: 30px;
margin: 40px;
bottom: 20px;
left: 0 !important;
max-width: 50vw;
}
}
.btnVideoDesignContainer {
z-index: 100;
}
.socialMedia {
display: inline-block;
height: 110px;
}
.socialMedia a {
}
.socialMedia a img {
max-width: 4.3em !important;
}
.socialMedia:hover a {
margin: -0.3em !important;
}
.socialMedia:hover a img {
max-width: 4.6em !important;
}
@media only screen and (max-width: 840px) {
.btnVideoDesignContainer {
max-width: 100% !important;
}
.socialMedia {
width: 32%;
}
}
@media only screen and (min-width: 840px) {
.btnVideoDesignContainer {
padding: 50px;
margin: 30px;
right: 0 !important;
max-width: 50vw;
}
.socialMediaContainer {
display: flex;
}
.socialMedia {
flex: 1
}
}
.agenda-container {
position: relative;
padding-bottom: 100%;
padding-top: -50px;
height: 0;
}
.agenda-container iframe,
.agenda-container object,
.agenda-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#mainNav {
height: 64px;
position: fixed;
top: 0;
transition: top 0.2s ease-in-out;
width: 100%;
}
.nav-up {
top: -64px !important;
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment