partial commit
This commit is contained in:
Qwann
parent
7ebee733c5
commit
1042b9f9e4
41 changed files with 2444 additions and 29 deletions
|
|
@ -4,21 +4,27 @@
|
|||
{% block title %}{% trans "Matériel" %}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<h1>{% trans "Inventaire" %}</h1>
|
||||
<a href="{% url 'equipment:list' %}" class="module">
|
||||
<span class="glyphicon glyphicon-list-alt"></span>
|
||||
{% trans "Tout le matériel" %}
|
||||
</a>
|
||||
<h2>{% trans "Liste par Propriétaire" %}</h2>
|
||||
<h1 class="equipment">{% trans "Inventaire" %}</h1>
|
||||
<div class="module-list">
|
||||
<a href="{% url 'equipment:list' %}" class="module equipment">
|
||||
<span class="glyphicon glyphicon-list-alt"></span>
|
||||
{% trans "Tout le matériel" %}
|
||||
</a>
|
||||
<a href="#TODO" class="module equipment">
|
||||
<span class="glyphicon glyphicon-list-alt"></span>
|
||||
{% trans "Disponible" %}
|
||||
</a>
|
||||
</div>
|
||||
<h2 class="staff">{% trans "Liste par Propriétaire" %}</h2>
|
||||
<div class="module-list">
|
||||
{% for owner in owners %}
|
||||
<a href="{% url 'equipment:list_by_owner' owner.id %}" class="module">
|
||||
<a href="{% url 'equipment:list_by_owner' owner.id %}" class="module staff">
|
||||
<span class="glyphicon glyphicon-user"></span>
|
||||
{{ owner.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<h2>{% trans "Liste par Catégorie" %}</h2>
|
||||
<h2 class="equipment">{% trans "Liste par Catégorie" %}</h2>
|
||||
<div class="tree">
|
||||
<ul>
|
||||
{% for node in root_cat %}
|
||||
|
|
|
|||
|
|
@ -6,9 +6,9 @@
|
|||
{% block title %}{% trans "Matériel" %}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<h1>Inventaire</h1>
|
||||
<h1 class="equipment">Inventaire</h1>
|
||||
{% if subtitle %}
|
||||
<h2>{{ subtitle }}</h2>
|
||||
<h2 class="equipment">{{ subtitle }}</h2>
|
||||
{% endif %}
|
||||
{% render_table table %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
25
shared/static/config.rb
Normal file
25
shared/static/config.rb
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
require 'compass/import-once/activate'
|
||||
# Require any additional compass plugins here.
|
||||
|
||||
# Set this to the root of your project when deployed:
|
||||
http_path = "/"
|
||||
css_dir = "css"
|
||||
sass_dir = "sass"
|
||||
images_dir = "images"
|
||||
javascripts_dir = "javascripts"
|
||||
|
||||
# You can select your preferred output style here (can be overridden via the command line):
|
||||
# output_style = :expanded or :nested or :compact or :compressed
|
||||
|
||||
# To enable relative paths to assets via compass helper functions. Uncomment:
|
||||
# relative_assets = true
|
||||
|
||||
# To disable debugging comments that display the original location of your selectors. Uncomment:
|
||||
# line_comments = false
|
||||
|
||||
|
||||
# If you prefer the indented syntax, you might want to regenerate this
|
||||
# project again passing --syntax sass, or you can uncomment this:
|
||||
# preferred_syntax = :sass
|
||||
# and then run:
|
||||
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
|
||||
|
|
@ -1 +0,0 @@
|
|||
global.min.css
|
||||
763
shared/static/css/global.css
Normal file
763
shared/static/css/global.css
Normal file
|
|
@ -0,0 +1,763 @@
|
|||
@charset "UTF-8";
|
||||
/*NE PAS MODIFIER LE FICHIER .CSS, MAIS PLUTÔT LE
|
||||
FICHIER .SCSS */
|
||||
/* LEGACY COLORS*/
|
||||
/* COLORS */
|
||||
/* Header */
|
||||
/* Général */
|
||||
/* Le reste */
|
||||
/* Titres */
|
||||
/* FONTS */
|
||||
/* line 2, ../sass/_messages.scss */
|
||||
.message-info {
|
||||
color: #31708f;
|
||||
background-color: #d9edf7;
|
||||
border-color: #bce8f1;
|
||||
}
|
||||
|
||||
/* line 7, ../sass/_messages.scss */
|
||||
.message-success {
|
||||
color: #3c763d;
|
||||
background-color: #dff0d8;
|
||||
border-color: #d6e9c6;
|
||||
}
|
||||
|
||||
/* line 12, ../sass/_messages.scss */
|
||||
.message-warning {
|
||||
color: #8a6d3b;
|
||||
background-color: #fcf8e3;
|
||||
border-color: #faebcc;
|
||||
}
|
||||
|
||||
/* line 17, ../sass/_messages.scss */
|
||||
.message-error {
|
||||
color: #a94442;
|
||||
background-color: #f2dede;
|
||||
border-color: #ebccd1;
|
||||
}
|
||||
|
||||
/* line 22, ../sass/_messages.scss */
|
||||
.alert {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* line 2, ../sass/_header.scss */
|
||||
.strong-banner {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 10px;
|
||||
background-color: #375362;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* line 10, ../sass/_header.scss */
|
||||
.navbar-inverse {
|
||||
background-color: #375362;
|
||||
background-color: transparent;
|
||||
border-style: none;
|
||||
}
|
||||
/* line 15, ../sass/_header.scss */
|
||||
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
|
||||
color: #fff;
|
||||
background-color: #5D8CA6;
|
||||
}
|
||||
|
||||
/* line 24, ../sass/_header.scss */
|
||||
.navbar-collapse {
|
||||
border-top: 0px solid transparent;
|
||||
padding: 0px;
|
||||
/* only < 768px*/
|
||||
background-color: #5D8CA6;
|
||||
padding-left: 25px;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
/* line 24, ../sass/_header.scss */
|
||||
.navbar-collapse {
|
||||
background-color: transparent;
|
||||
padding-left: 0px;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 43, ../sass/_header.scss */
|
||||
.navbar-nav {
|
||||
width: 100%;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
/* line 43, ../sass/_header.scss */
|
||||
.navbar-nav {
|
||||
float: right;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 51, ../sass/_header.scss */
|
||||
.navbar-inverse {
|
||||
/* BRAND */
|
||||
/* ICONE */
|
||||
/* LINKS */
|
||||
}
|
||||
/* line 54, ../sass/_header.scss */
|
||||
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
|
||||
color: white;
|
||||
font-family: "Lily Script One", cursive;
|
||||
font-size: xx-large;
|
||||
border-bottom: 5px solid #FF5C79;
|
||||
}
|
||||
/* line 65, ../sass/_header.scss */
|
||||
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
|
||||
background-color: #FFB363;
|
||||
border-color: #FFB363;
|
||||
}
|
||||
/* line 71, ../sass/_header.scss */
|
||||
.navbar-inverse .navbar-toggle .icon-bar {
|
||||
background-color: #FFF5EB;
|
||||
}
|
||||
/* line 78, ../sass/_header.scss */
|
||||
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
|
||||
font-family: "Work Sans", cursive;
|
||||
font-size: large;
|
||||
color: #FFB363;
|
||||
background: transparent;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
/* line 78, ../sass/_header.scss */
|
||||
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
|
||||
color: #FFF5EB;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 108, ../sass/_forms.scss */
|
||||
.btn-primary {
|
||||
/**
|
||||
* This mixins allows defining color-related properties of buttons.
|
||||
*
|
||||
* It sets the following properties:
|
||||
* color: $color, except for disabled-like buttons.
|
||||
* border-color: $border.
|
||||
* background-color: Depending on button state:
|
||||
* - Default, disabled:
|
||||
* $background-base
|
||||
* - Hovered, focused, actived, responsible of an opened dropdown:
|
||||
* (one is sufficent)
|
||||
* $background-special
|
||||
*
|
||||
* ## Bootstrap compatibility
|
||||
*
|
||||
* This mixin can be used to replace colors behaviors of Bootstrap buttons.
|
||||
* Indeed, this mixin aims to replace each definition done by the
|
||||
* 'button-variant' Bootstrap mixin.
|
||||
*
|
||||
*/
|
||||
color: white;
|
||||
background-color: #FF6969;
|
||||
border-color: #FF6969;
|
||||
/**
|
||||
* This mixin applies content if the button is in at least one of the
|
||||
* following states:
|
||||
*
|
||||
* - hovered,
|
||||
* - focused,
|
||||
* - actived,
|
||||
* - is responsible of an opened dropdown.
|
||||
*
|
||||
* Where possible, state is checked from class attribute and
|
||||
* :pseudo-classes.
|
||||
*
|
||||
* ## Bootstrap compatibility
|
||||
*
|
||||
* If content defines 'color', 'background-color' and 'border', it is safe
|
||||
* to use this mixin with Bootstrap buttons as it will overrides all
|
||||
* Bootstrap color defaults of the previous cases.
|
||||
* To be precise, this covers all special important-like cases of the
|
||||
* Bootstrap mixin 'button-variant' (except the 'disabled' case).
|
||||
*
|
||||
*/
|
||||
}
|
||||
/* line 10, ../sass/_forms.scss */
|
||||
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
|
||||
color: white;
|
||||
background-color: #FF9191;
|
||||
border-color: #FF6969;
|
||||
}
|
||||
/* line 3, ../sass/_forms.scss */
|
||||
.btn-primary:active, .btn-primary.active {
|
||||
color: white;
|
||||
background-color: #FF9191;
|
||||
border-color: #FF6969;
|
||||
}
|
||||
/* line 10, ../sass/_forms.scss */
|
||||
.btn-primary:active:focus, .btn-primary:active.focus, .btn-primary:active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary.active:hover {
|
||||
color: white;
|
||||
background-color: #FF9191;
|
||||
border-color: #FF6969;
|
||||
}
|
||||
/* line 26, ../sass/_forms.scss */
|
||||
.open > .btn-primary.dropdown-toggle {
|
||||
color: white;
|
||||
background-color: #FF9191;
|
||||
border-color: #FF6969;
|
||||
}
|
||||
/* line 10, ../sass/_forms.scss */
|
||||
.open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:hover {
|
||||
color: white;
|
||||
background-color: #FF9191;
|
||||
border-color: #FF6969;
|
||||
}
|
||||
/* line 10, ../sass/_forms.scss */
|
||||
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:hover {
|
||||
background-color: #FF6969;
|
||||
border-color: #FF6969;
|
||||
}
|
||||
/* line 102, ../sass/_forms.scss */
|
||||
.btn-primary .badge {
|
||||
color: #FF6969;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/* line 113, ../sass/_forms.scss */
|
||||
form#filter_form .form-group {
|
||||
padding-right: 20px;
|
||||
}
|
||||
/* line 117, ../sass/_forms.scss */
|
||||
form#filter_form ul.form-control {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* line 2, ../sass/_tree.scss */
|
||||
.tree {
|
||||
font-size: large;
|
||||
}
|
||||
/* line 4, ../sass/_tree.scss */
|
||||
.tree ul, .tree li {
|
||||
position: relative;
|
||||
}
|
||||
/* line 8, ../sass/_tree.scss */
|
||||
.tree ul {
|
||||
list-style: none;
|
||||
padding-left: 32px;
|
||||
}
|
||||
/* line 13, ../sass/_tree.scss */
|
||||
.tree li::before,
|
||||
.tree li::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -12px;
|
||||
}
|
||||
/* line 19, ../sass/_tree.scss */
|
||||
.tree li::before {
|
||||
border-top: 3px solid #FFC282;
|
||||
top: 9px;
|
||||
width: 8px;
|
||||
height: 0;
|
||||
}
|
||||
/* line 25, ../sass/_tree.scss */
|
||||
.tree li::after {
|
||||
border-left: 3px solid #FFC282;
|
||||
height: 100%;
|
||||
width: 0px;
|
||||
top: 2px;
|
||||
}
|
||||
/* line 31, ../sass/_tree.scss */
|
||||
.tree ul > li:last-child::after {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
/* line 4, ../sass/_filters.scss */
|
||||
#filter_form .form-group .col-md-3, #filter_form .form-group .col-md-9 {
|
||||
float: none;
|
||||
}
|
||||
/* line 7, ../sass/_filters.scss */
|
||||
#filter_form .form-group ul.form-control {
|
||||
padding-left: 15px;
|
||||
list-style: none;
|
||||
height: auto;
|
||||
}
|
||||
/* line 12, ../sass/_filters.scss */
|
||||
#filter_form .form-group ul.form-control a.selected {
|
||||
text-decoration: underline;
|
||||
color: #c40000;
|
||||
}
|
||||
|
||||
/* line 18, ../sass/_dashed-shadows.scss */
|
||||
.dashed-shadow {
|
||||
position: relative;
|
||||
top: 8px;
|
||||
left: 8px;
|
||||
display: inline-block;
|
||||
color: #ba9186;
|
||||
}
|
||||
|
||||
/* line 25, ../sass/_dashed-shadows.scss */
|
||||
.dashed-shadow:before {
|
||||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
left: -8px;
|
||||
bottom: -2px;
|
||||
right: -2px;
|
||||
z-index: 1;
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMi41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIvPjxzdG9wIG9mZnNldD0iMTIuNSUiIHN0b3AtY29sb3I9IiNlOGUzYzciIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM3LjUlIiBzdG9wLWNvbG9yPSIjZThlM2M3Ii8+PHN0b3Agb2Zmc2V0PSI2Mi41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiNlOGUzYzciIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4Ny41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg3LjUlIiBzdG9wLWNvbG9yPSIjZThlM2M3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
|
||||
background-size: 100%;
|
||||
background-image: -moz-linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%);
|
||||
background-image: -webkit-linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%);
|
||||
background-image: linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%);
|
||||
background-size: 6px 6px;
|
||||
}
|
||||
|
||||
/* line 54, ../sass/_dashed-shadows.scss */
|
||||
.dashed-shadow:hover:before {
|
||||
animation: dash-animation 30s infinite linear;
|
||||
}
|
||||
|
||||
/* line 58, ../sass/_dashed-shadows.scss */
|
||||
.dashed-shadow:after {
|
||||
z-index: 2;
|
||||
content: attr(data-text);
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
top: -8px;
|
||||
color: #b85b3f;
|
||||
text-shadow: 3px 3px #e8e3c7;
|
||||
}
|
||||
|
||||
/* MISE EN FORME GÉNÉRALE */
|
||||
/* line 12, ../sass/global.scss */
|
||||
html {
|
||||
height: 100%;
|
||||
background-color: #FFFBEF;
|
||||
}
|
||||
|
||||
/* line 17, ../sass/global.scss */
|
||||
body {
|
||||
font-family: "Saira Semi Condensed", sans-serif;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
/* line 22, ../sass/global.scss */
|
||||
#principal {
|
||||
background-color: #FFFBEF;
|
||||
}
|
||||
|
||||
/*MAIN*/
|
||||
/* line 27, ../sass/global.scss */
|
||||
main {
|
||||
background-color: #FFFBEF;
|
||||
border-width: 2px;
|
||||
border-color: #375362;
|
||||
border-style: none;
|
||||
border-collapse: collapse;
|
||||
display: table-cell;
|
||||
margin-top: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
/* line 37, ../sass/global.scss */
|
||||
main .fuid, main h1, main h2, main h3 {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
/* line 43, ../sass/global.scss */
|
||||
main h1, main h2, main h3 {
|
||||
margin-top: -2px;
|
||||
margin-bottom: -2px;
|
||||
margin-left: -17px;
|
||||
margin-right: -17px;
|
||||
color: white;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
/* line 52, ../sass/global.scss */
|
||||
main h1 {
|
||||
font-family: "Capriola", sans-serif;
|
||||
font-weight: 600;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 15px;
|
||||
background-color: #4F778C;
|
||||
}
|
||||
/* line 59, ../sass/global.scss */
|
||||
main h1.activity {
|
||||
background-color: #4FADB8;
|
||||
}
|
||||
/* line 62, ../sass/global.scss */
|
||||
main h1.event {
|
||||
background-color: #3488A6;
|
||||
}
|
||||
/* line 65, ../sass/global.scss */
|
||||
main h1.todo {
|
||||
background-color: #F19F5D;
|
||||
}
|
||||
/* line 68, ../sass/global.scss */
|
||||
main h1.equipment {
|
||||
background-color: #E75571;
|
||||
}
|
||||
/* line 71, ../sass/global.scss */
|
||||
main h1.staff {
|
||||
background-color: #3BAD89;
|
||||
}
|
||||
/* line 75, ../sass/global.scss */
|
||||
main h2, main h3 {
|
||||
border-bottom: 2px solid #5D8CA6;
|
||||
padding-bottom: 5px;
|
||||
padding-top: 10px;
|
||||
font-family: "Capriola", sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: x-large;
|
||||
background-color: #BDD2DE;
|
||||
}
|
||||
/* line 84, ../sass/global.scss */
|
||||
main h2.activity, main h3.activity {
|
||||
background-color: #5ED1DC;
|
||||
border-color: #4FADB8;
|
||||
}
|
||||
/* line 88, ../sass/global.scss */
|
||||
main h2.event, main h3.event {
|
||||
background-color: #3999BA;
|
||||
border-color: #3488A6;
|
||||
}
|
||||
/* line 92, ../sass/global.scss */
|
||||
main h2.todo, main h3.todo {
|
||||
background-color: #FF9C4D;
|
||||
border-color: #F19F5D;
|
||||
}
|
||||
/* line 96, ../sass/global.scss */
|
||||
main h2.equipment, main h3.equipment {
|
||||
background-color: #FF5C79;
|
||||
border-color: #E75571;
|
||||
}
|
||||
/* line 100, ../sass/global.scss */
|
||||
main h2.staff, main h3.staff {
|
||||
background-color: #42C2A2;
|
||||
border-color: #3BAD89;
|
||||
}
|
||||
/* line 105, ../sass/global.scss */
|
||||
main h3 {
|
||||
background-color: #F0FAFF;
|
||||
color: #4F778C;
|
||||
}
|
||||
/* line 108, ../sass/global.scss */
|
||||
main h3.activity {
|
||||
background-color: #F0FAFF;
|
||||
color: #5ED1DC;
|
||||
}
|
||||
/* line 112, ../sass/global.scss */
|
||||
main h3.event {
|
||||
background-color: #F0FAFF;
|
||||
color: #3999BA;
|
||||
}
|
||||
/* line 116, ../sass/global.scss */
|
||||
main h3.todo {
|
||||
background-color: #F0FAFF;
|
||||
color: #FF9C4D;
|
||||
}
|
||||
/* line 120, ../sass/global.scss */
|
||||
main h3.equipment {
|
||||
background-color: #F0FAFF;
|
||||
color: #FF5C79;
|
||||
}
|
||||
/* line 124, ../sass/global.scss */
|
||||
main h3.staff {
|
||||
background-color: #F0FAFF;
|
||||
color: #42C2A2;
|
||||
}
|
||||
/* line 129, ../sass/global.scss */
|
||||
main a {
|
||||
color: #FF6969;
|
||||
}
|
||||
/* line 132, ../sass/global.scss */
|
||||
main a:hover, main a:active, main a:focus {
|
||||
color: #FF6969;
|
||||
}
|
||||
/* line 139, ../sass/global.scss */
|
||||
main .text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
/*ASIDE*/
|
||||
/* line 145, ../sass/global.scss */
|
||||
aside {
|
||||
background-color: #375362;
|
||||
color: white;
|
||||
margin-top: 0px;
|
||||
padding: 0px !important;
|
||||
}
|
||||
/* line 151, ../sass/global.scss */
|
||||
aside a {
|
||||
color: #FF9191;
|
||||
}
|
||||
/* line 154, ../sass/global.scss */
|
||||
aside a:hover, aside a:active, aside a:focus {
|
||||
color: #FF9191;
|
||||
}
|
||||
/* line 161, ../sass/global.scss */
|
||||
aside code {
|
||||
color: #375362;
|
||||
background-color: #BDD2DE;
|
||||
}
|
||||
/* line 166, ../sass/global.scss */
|
||||
aside .heading {
|
||||
padding: 8px 15px;
|
||||
font-size: 32px;
|
||||
line-height: 1.3;
|
||||
text-align: center;
|
||||
}
|
||||
/* line 172, ../sass/global.scss */
|
||||
aside .heading.inverted {
|
||||
background-color: #FFF5EB;
|
||||
color: black;
|
||||
}
|
||||
/* line 177, ../sass/global.scss */
|
||||
aside .heading.small {
|
||||
font-size: 25px;
|
||||
}
|
||||
/* line 180, ../sass/global.scss */
|
||||
aside .heading.small .sub {
|
||||
font-size: 0.7em;
|
||||
font-weight: normal;
|
||||
}
|
||||
/* line 186, ../sass/global.scss */
|
||||
aside .heading .sub {
|
||||
font-size: 0.7em;
|
||||
font-weight: normal;
|
||||
}
|
||||
/* line 191, ../sass/global.scss */
|
||||
aside .heading.separator {
|
||||
border-bottom-color: #FF9191;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
/* line 197, ../sass/global.scss */
|
||||
aside .text {
|
||||
padding: 15px;
|
||||
}
|
||||
/* line 200, ../sass/global.scss */
|
||||
aside .text.inverted {
|
||||
background-color: #FFF5EB;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
/* line 209, ../sass/global.scss */
|
||||
main {
|
||||
margin-top: 20px;
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
/* line 213, ../sass/global.scss */
|
||||
aside {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
/* line 218, ../sass/global.scss */
|
||||
hr {
|
||||
border-top: 1px solid #FFB363;
|
||||
}
|
||||
|
||||
/* line 223, ../sass/global.scss */
|
||||
span.vsep {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
/* line 228, ../sass/global.scss */
|
||||
div.tag-list {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* line 232, ../sass/global.scss */
|
||||
code {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
/* line 236, ../sass/global.scss */
|
||||
.module-list {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* line 244, ../sass/global.scss */
|
||||
a.module {
|
||||
padding: 20px 40px;
|
||||
margin: 5px;
|
||||
border-bottom-style: solid;
|
||||
font-size: large;
|
||||
display: block;
|
||||
border-bottom-color: #375362;
|
||||
background-color: #BDD2DE;
|
||||
color: #375362;
|
||||
}
|
||||
/* line 256, ../sass/global.scss */
|
||||
a.module.activity {
|
||||
border-bottom-color: #4FADB8;
|
||||
background-color: #CAE4E7;
|
||||
color: #4FADB8;
|
||||
}
|
||||
/* line 262, ../sass/global.scss */
|
||||
a.module.event {
|
||||
border-bottom-color: #3488A6;
|
||||
background-color: #AAD5E2;
|
||||
color: #3488A6;
|
||||
}
|
||||
/* line 268, ../sass/global.scss */
|
||||
a.module.todo {
|
||||
border-bottom-color: #F19F5D;
|
||||
background-color: #FFDEBC;
|
||||
color: #F19F5D;
|
||||
}
|
||||
/* line 274, ../sass/global.scss */
|
||||
a.module.equipment {
|
||||
border-bottom-color: #E75571;
|
||||
background-color: #FECAD6;
|
||||
color: #E75571;
|
||||
}
|
||||
/* line 280, ../sass/global.scss */
|
||||
a.module.staff {
|
||||
border-bottom-color: #3BAD89;
|
||||
background-color: #A9E1D7;
|
||||
color: #3BAD89;
|
||||
}
|
||||
/* line 286, ../sass/global.scss */
|
||||
a.module:hover, a.module:active, a.module:focus {
|
||||
text-decoration: none;
|
||||
color: #F0FAFF;
|
||||
background-color: #375362;
|
||||
}
|
||||
/* line 293, ../sass/global.scss */
|
||||
a.module:hover.activity, a.module:active.activity, a.module:focus.activity {
|
||||
background-color: #5ED1DC;
|
||||
}
|
||||
/* line 296, ../sass/global.scss */
|
||||
a.module:hover.event, a.module:active.event, a.module:focus.event {
|
||||
background-color: #3999BA;
|
||||
}
|
||||
/* line 299, ../sass/global.scss */
|
||||
a.module:hover.equipment, a.module:active.equipment, a.module:focus.equipment {
|
||||
background-color: #FF5C79;
|
||||
}
|
||||
/* line 302, ../sass/global.scss */
|
||||
a.module:hover.todo, a.module:active.todo, a.module:focus.todo {
|
||||
background-color: #FF9C4D;
|
||||
}
|
||||
/* line 305, ../sass/global.scss */
|
||||
a.module:hover.staff, a.module:active.staff, a.module:focus.staff {
|
||||
background-color: #42C2A2;
|
||||
}
|
||||
|
||||
/* line 311, ../sass/global.scss */
|
||||
.collapsible {
|
||||
background-color: #777;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
padding: 18px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: left;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
}
|
||||
/* line 322, ../sass/global.scss */
|
||||
.collapsible:after {
|
||||
content: '\002B';
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
/* line 330, ../sass/global.scss */
|
||||
.collapsible:hover {
|
||||
background-color: #555;
|
||||
}
|
||||
/* line 334, ../sass/global.scss */
|
||||
.collapsible h3 {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* line 341, ../sass/global.scss */
|
||||
.active {
|
||||
background-color: #555;
|
||||
}
|
||||
/* line 344, ../sass/global.scss */
|
||||
.active:after {
|
||||
content: "\2212";
|
||||
}
|
||||
|
||||
/* line 348, ../sass/global.scss */
|
||||
.content {
|
||||
padding: 8px 18px;
|
||||
display: none;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
/* line 353, ../sass/global.scss */
|
||||
.content.fluid {
|
||||
padding: 0px 0px;
|
||||
background-color: transparent;
|
||||
}
|
||||
/* line 358, ../sass/global.scss */
|
||||
.content h4 {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin: 0px 0px;
|
||||
}
|
||||
|
||||
/* line 367, ../sass/global.scss */
|
||||
.planning .activity {
|
||||
padding: 8px 18px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 12px;
|
||||
border-left: none;
|
||||
border-right: 6px solid #FF9191;
|
||||
}
|
||||
/* line 375, ../sass/global.scss */
|
||||
.planning .activity.inverted {
|
||||
border-left: 6px solid #FF9191;
|
||||
border-right: none;
|
||||
}
|
||||
/* line 380, ../sass/global.scss */
|
||||
.planning .activity .activity-title {
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
/* line 387, ../sass/global.scss */
|
||||
.glyphicon.yes {
|
||||
color: #55C487 !important;
|
||||
}
|
||||
/* line 390, ../sass/global.scss */
|
||||
.glyphicon.no {
|
||||
color: #E36268 !important;
|
||||
}
|
||||
/* line 393, ../sass/global.scss */
|
||||
.glyphicon.dunno {
|
||||
color: #5599C4 !important;
|
||||
}
|
||||
|
||||
/* line 398, ../sass/global.scss */
|
||||
.sending-request {
|
||||
position: relative;
|
||||
}
|
||||
/* line 401, ../sass/global.scss */
|
||||
.sending-request:after {
|
||||
content: "Chargement...";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
opacity: 0.8;
|
||||
color: #777;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 8%;
|
||||
}
|
||||
1
shared/static/css/global.min.css
vendored
1
shared/static/css/global.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -6,6 +6,7 @@
|
|||
@import '_forms';
|
||||
@import '_tree';
|
||||
@import '_filters';
|
||||
//i@import '_dashed-shadows';
|
||||
|
||||
/* MISE EN FORME GÉNÉRALE */
|
||||
html {
|
||||
|
|
@ -49,24 +50,81 @@ main {
|
|||
padding-right: 15px;
|
||||
}
|
||||
h1 {
|
||||
background-color: $h1_background;
|
||||
font-family: $font_bold;
|
||||
font-weight: 600;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 15px;
|
||||
|
||||
background-color: $h1_background;
|
||||
&.activity {
|
||||
background-color: $h1_background_activity;
|
||||
}
|
||||
&.event {
|
||||
background-color: $h1_background_event;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $h1_background_todo;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $h1_background_equipment;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $h1_background_staff;
|
||||
}
|
||||
}
|
||||
h2, h3 {
|
||||
background-color: $h2_background;
|
||||
border-bottom : 2px solid $main_c5;
|
||||
padding-bottom : 5px ;
|
||||
padding-top: 10px;
|
||||
font-family: $font_bold;
|
||||
font-weight: 600;
|
||||
font-size: x-large;
|
||||
|
||||
background-color: $h2_background;
|
||||
&.activity {
|
||||
background-color: $h2_background_activity;
|
||||
border-color: $activity_c8;
|
||||
}
|
||||
&.event {
|
||||
background-color: $h2_background_event;
|
||||
border-color: $event_c8;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $h2_background_todo;
|
||||
border-color: $todo_c8;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $h2_background_equipment;
|
||||
border-color: $equipment_c8;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $h2_background_staff;
|
||||
border-color: $staff_c8;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
background-color: $h3_background;
|
||||
color: main_c6
|
||||
color: $main_c6;
|
||||
&.activity {
|
||||
background-color: $h3_background_activity;
|
||||
color: $activity_c7;
|
||||
}
|
||||
&.event {
|
||||
background-color: $h3_background_event;
|
||||
color: $event_c7;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $h3_background_todo;
|
||||
color: $todo_c7;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $h3_background_equipment;
|
||||
color: $equipment_c7;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $h3_background_staff;
|
||||
color: $staff_c7;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: $main_bold_color;
|
||||
|
|
@ -101,8 +159,8 @@ aside {
|
|||
}
|
||||
|
||||
code {
|
||||
color: white;
|
||||
background-color: $second_bold_color;
|
||||
color: $main_c7;
|
||||
background-color: $main_c3;
|
||||
}
|
||||
|
||||
.heading {
|
||||
|
|
@ -176,27 +234,77 @@ code {
|
|||
}
|
||||
|
||||
.module-list {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
a.module {
|
||||
background-color: $second_bold_color;
|
||||
color: $second_white_color;
|
||||
padding: 20px 40px;
|
||||
margin: 5px;
|
||||
border-bottom-color: $main_soft_color;
|
||||
border-bottom-style: solid;
|
||||
font-size: large;
|
||||
display: block;
|
||||
|
||||
border-bottom-color: $main_c7;
|
||||
background-color: $main_c3;
|
||||
color: $main_c7;
|
||||
|
||||
|
||||
&.activity {
|
||||
border-bottom-color: $activity_c8;
|
||||
background-color: $activity_c3;
|
||||
color: $activity_c8;
|
||||
}
|
||||
|
||||
&.event {
|
||||
border-bottom-color: $event_c8;
|
||||
background-color: $event_c3;
|
||||
color: $event_c8;
|
||||
}
|
||||
|
||||
&.todo {
|
||||
border-bottom-color: $todo_c8;
|
||||
background-color: $todo_c3;
|
||||
color: $todo_c8;
|
||||
}
|
||||
|
||||
&.equipment {
|
||||
border-bottom-color: $equipment_c8;
|
||||
background-color: $equipment_c3;
|
||||
color: $equipment_c8;
|
||||
}
|
||||
|
||||
&.staff {
|
||||
border-bottom-color: $staff_c8;
|
||||
background-color: $staff_c3;
|
||||
color: $staff_c8;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color: $second_white_color;
|
||||
background-color: $second_soft_color;
|
||||
text-decoration: none;
|
||||
color: $main_c1;
|
||||
background-color: $main_c7;
|
||||
|
||||
&.activity {
|
||||
background-color: $activity_c7;
|
||||
}
|
||||
&.event {
|
||||
background-color: $event_c7;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $equipment_c7;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $todo_c7;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $staff_c7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
5
shared/static/css/ie.css
Normal file
5
shared/static/css/ie.css
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
/* Welcome to Compass. Use this file to write IE specific override styles.
|
||||
* Import this file using the following HTML or equivalent:
|
||||
* <!--[if IE]>
|
||||
* <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
* <![endif]--> */
|
||||
3
shared/static/css/print.css
Normal file
3
shared/static/css/print.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
/* Welcome to Compass. Use this file to define print styles.
|
||||
* Import this file using the following HTML or equivalent:
|
||||
* <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
|
||||
68
shared/static/css/screen.css
Normal file
68
shared/static/css/screen.css
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
/* Welcome to Compass.
|
||||
* In this file you should write your main styles. (or centralize your imports)
|
||||
* Import this file using the following HTML or equivalent:
|
||||
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
|
||||
/* line 5, ../../../../../.gem/ruby/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font: inherit;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/* line 22, ../../../../../.gem/ruby/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
html {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/* line 24, ../../../../../.gem/ruby/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* line 26, ../../../../../.gem/ruby/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
/* line 28, ../../../../../.gem/ruby/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
caption, th, td {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* line 30, ../../../../../.gem/ruby/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
q, blockquote {
|
||||
quotes: none;
|
||||
}
|
||||
/* line 103, ../../../../../.gem/ruby/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
q:before, q:after, blockquote:before, blockquote:after {
|
||||
content: "";
|
||||
content: none;
|
||||
}
|
||||
|
||||
/* line 32, ../../../../../.gem/ruby/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* line 116, ../../../../../.gem/ruby/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
|
||||
display: block;
|
||||
}
|
||||
114
shared/static/old_css/_dashed-shadows.scss
Normal file
114
shared/static/old_css/_dashed-shadows.scss
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
//@import "compass/css3";
|
||||
|
||||
//Variables here:
|
||||
//(alongside with commented suggestions)
|
||||
$foreground-color:#b85b3f;//black;
|
||||
$background-color:#e8e3c7;//white
|
||||
$shadow-color:#ba9186;//$foreground-color;
|
||||
$distance:8px;
|
||||
$cut-distance:3px;//$distance/4;
|
||||
$strips-size:6px; //10px
|
||||
$strips-ratio:50%;//70%
|
||||
$strips-angle:45deg;//90deg;
|
||||
|
||||
//cray stuff yo. be sure to try (if you please)
|
||||
$animate:false;//true
|
||||
$fixed:false;//true
|
||||
|
||||
body{
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
font-size:85pt;
|
||||
background-color:$background-color;
|
||||
text-align:center;
|
||||
line-height:1.2em;
|
||||
padding-top:70px;
|
||||
}
|
||||
.dashed-shadow{
|
||||
position:relative;
|
||||
top:$distance;
|
||||
left:$distance;
|
||||
display:inline-block;
|
||||
color:$shadow-color;
|
||||
}
|
||||
.dashed-shadow:before{
|
||||
content:" ";
|
||||
display:block;
|
||||
|
||||
position:absolute;
|
||||
$bleeding-horizontal:10px;
|
||||
$bleeding-vertical:0px;
|
||||
top:-$bleeding-vertical - $distance;
|
||||
left:-$bleeding-vertical - $distance;
|
||||
bottom:-$bleeding-horizontal + $distance;
|
||||
right:-$bleeding-horizontal + $distance;
|
||||
z-index:1;
|
||||
$color:$background-color;
|
||||
$size:$strips-ratio/2;
|
||||
$halfSize:$size/2;
|
||||
$p1:$halfSize;
|
||||
$p2:50%-$halfSize;
|
||||
$p3:50%+$halfSize;
|
||||
$p4:100%-$halfSize;
|
||||
$transparent:transparentize($color,1);
|
||||
@include background-image(linear-gradient($strips-angle,$color $p1, $transparent $p1, $transparent $p2,$color $p2, $color $p3, $transparent $p3, $transparent $p4, $color $p4));
|
||||
background-size:$strips-size $strips-size;
|
||||
@if($animate){
|
||||
animation:dash-animation 30s infinite linear;
|
||||
}
|
||||
@if($fixed){
|
||||
background-attachment:fixed;
|
||||
}
|
||||
}
|
||||
.dashed-shadow:hover:before{
|
||||
animation:dash-animation 30s infinite linear;
|
||||
}
|
||||
|
||||
.dashed-shadow:after{
|
||||
z-index:2;
|
||||
content:attr(data-text);
|
||||
position:absolute;
|
||||
left:-$distance;
|
||||
top:-$distance;
|
||||
color:$foreground-color;
|
||||
text-shadow:$cut-distance $cut-distance $background-color;
|
||||
}
|
||||
|
||||
//fancy stuff - just useless fluff, don't mind from here onwards
|
||||
|
||||
.hello{
|
||||
font-family:'Cookie',cursive;
|
||||
font-size:140pt;
|
||||
}
|
||||
.sorta-block{
|
||||
font-size:50pt;
|
||||
line-height:1.1em;
|
||||
@include transform(skew(0,-5deg));
|
||||
z-index:3;
|
||||
position:relative;
|
||||
margin-top:20px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.sorta{
|
||||
border-top:4px solid $foreground-color;
|
||||
border-bottom:4px solid $foreground-color;
|
||||
|
||||
text-transform:uppercase;
|
||||
z-index:3;
|
||||
//position:relative;
|
||||
//display:block;
|
||||
//width:300px;
|
||||
font-style:italic;
|
||||
}
|
||||
.hipsterish{
|
||||
font-family: 'Sancreek', cursive;
|
||||
font-size:70pt;
|
||||
}
|
||||
.dashed-shadow-text{
|
||||
font-size:140pt;
|
||||
line-height:0.7em;
|
||||
//left:-10px;
|
||||
}
|
||||
.shadow{
|
||||
font-size:120pt;
|
||||
line-height:0.8em;
|
||||
}
|
||||
|
|
@ -72,6 +72,26 @@ $h1_background: $main_c6;
|
|||
$h2_background: $main_c3;
|
||||
$h3_background: $main_c1;
|
||||
|
||||
$h1_background_activity: $activity_c8;
|
||||
$h2_background_activity: $activity_c7;
|
||||
$h3_background_activity: $main_c1;
|
||||
|
||||
$h1_background_event: $event_c8;
|
||||
$h2_background_event: $event_c7;
|
||||
$h3_background_event: $main_c1;
|
||||
|
||||
$h1_background_todo: $todo_c8;
|
||||
$h2_background_todo: $todo_c7;
|
||||
$h3_background_todo: $main_c1;
|
||||
|
||||
$h1_background_equipment: $equipment_c8;
|
||||
$h2_background_equipment: $equipment_c7;
|
||||
$h3_background_equipment: $main_c1;
|
||||
|
||||
$h1_background_staff: $staff_c8;
|
||||
$h2_background_staff: $staff_c7;
|
||||
$h3_background_staff: $main_c1;
|
||||
|
||||
/* FONTS */
|
||||
$font_brand:'Lily Script One', cursive;
|
||||
$font_nav:'Work Sans', cursive;
|
||||
1
shared/static/old_css/global.css
Symbolic link
1
shared/static/old_css/global.css
Symbolic link
|
|
@ -0,0 +1 @@
|
|||
global.min.css
|
||||
1
shared/static/old_css/global.min.css
vendored
Normal file
1
shared/static/old_css/global.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
416
shared/static/old_css/global.scss
Normal file
416
shared/static/old_css/global.scss
Normal file
|
|
@ -0,0 +1,416 @@
|
|||
/*NE PAS MODIFIER LE FICHIER .CSS, MAIS PLUTÔT LE
|
||||
FICHIER .SCSS */
|
||||
@import '_variables';
|
||||
@import '_messages';
|
||||
@import '_header';
|
||||
@import '_forms';
|
||||
@import '_tree';
|
||||
@import '_filters';
|
||||
//@import '_dashed-shadows';
|
||||
|
||||
/* MISE EN FORME GÉNÉRALE */
|
||||
html {
|
||||
height : 100% ;
|
||||
background-color: $html-background;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: $font_normal;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
#principal {
|
||||
background-color: $html-background;
|
||||
}
|
||||
|
||||
/*MAIN*/
|
||||
main {
|
||||
background-color:$content-background;
|
||||
border-width: 2px;
|
||||
border-color: $content-border;
|
||||
border-style: none;
|
||||
border-collapse: collapse;
|
||||
display: table-cell;
|
||||
margin-top:0px;
|
||||
padding: 0px;
|
||||
|
||||
.fuid, h1, h2, h3 {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
margin-top: -2px;
|
||||
margin-bottom: -2px;
|
||||
margin-left: -17px;
|
||||
margin-right: -17px;
|
||||
color: white;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
h1 {
|
||||
font-family: $font_bold;
|
||||
font-weight: 600;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 15px;
|
||||
|
||||
background-color: $h1_background;
|
||||
&.activity {
|
||||
background-color: $h1_background_activity;
|
||||
}
|
||||
&.event {
|
||||
background-color: $h1_background_event;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $h1_background_todo;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $h1_background_equipment;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $h1_background_staff;
|
||||
}
|
||||
}
|
||||
h2, h3 {
|
||||
border-bottom : 2px solid $main_c5;
|
||||
padding-bottom : 5px ;
|
||||
padding-top: 10px;
|
||||
font-family: $font_bold;
|
||||
font-weight: 600;
|
||||
font-size: x-large;
|
||||
|
||||
background-color: $h2_background;
|
||||
&.activity {
|
||||
background-color: $h2_background_activity;
|
||||
border-color: $activity_c8;
|
||||
}
|
||||
&.event {
|
||||
background-color: $h2_background_event;
|
||||
border-color: $event_c8;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $h2_background_todo;
|
||||
border-color: $todo_c8;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $h2_background_equipment;
|
||||
border-color: $equipment_c8;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $h2_background_staff;
|
||||
border-color: $staff_c8;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
background-color: $h3_background;
|
||||
color: $main_c6;
|
||||
&.activity {
|
||||
background-color: $h3_background_activity;
|
||||
color: $activity_c7;
|
||||
}
|
||||
&.event {
|
||||
background-color: $h3_background_event;
|
||||
color: $event_c7;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $h3_background_todo;
|
||||
color: $todo_c7;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $h3_background_equipment;
|
||||
color: $equipment_c7;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $h3_background_staff;
|
||||
color: $staff_c7;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: $main_bold_color;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color : $main_bold_color;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/*ASIDE*/
|
||||
aside {
|
||||
background-color:$aside-background;
|
||||
color: white;
|
||||
margin-top: 0px;
|
||||
padding: 0px!important;
|
||||
|
||||
a {
|
||||
color: $main_soft_color;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color : $main_soft_color;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
color: $main_c7;
|
||||
background-color: $main_c3;
|
||||
}
|
||||
|
||||
.heading {
|
||||
padding: 8px 15px;
|
||||
font-size: 32px;
|
||||
line-height: 1.3;
|
||||
text-align:center;
|
||||
|
||||
&.inverted {
|
||||
background-color:$second_white_color;
|
||||
color:black;
|
||||
}
|
||||
|
||||
&.small {
|
||||
font-size: 25px;
|
||||
|
||||
.sub {
|
||||
font-size: 0.7em;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.sub {
|
||||
font-size: 0.7em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
&.separator {
|
||||
border-bottom-color: $main_soft_color;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
padding: 15px;
|
||||
|
||||
&.inverted {
|
||||
background-color:$second_white_color;
|
||||
color:black;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
main {
|
||||
margin-top:20px;
|
||||
border-style: dashed;
|
||||
}
|
||||
aside {
|
||||
margin-top:20px;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
border-top : 1px solid $second_bold_color ;
|
||||
}
|
||||
|
||||
|
||||
span.vsep {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
div.tag-list {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.module-list {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
a.module {
|
||||
padding: 20px 40px;
|
||||
margin: 5px;
|
||||
border-bottom-style: solid;
|
||||
font-size: large;
|
||||
display: block;
|
||||
|
||||
border-bottom-color: $main_c7;
|
||||
background-color: $main_c3;
|
||||
color: $main_c7;
|
||||
|
||||
|
||||
&.activity {
|
||||
border-bottom-color: $activity_c8;
|
||||
background-color: $activity_c3;
|
||||
color: $activity_c8;
|
||||
}
|
||||
|
||||
&.event {
|
||||
border-bottom-color: $event_c8;
|
||||
background-color: $event_c3;
|
||||
color: $event_c8;
|
||||
}
|
||||
|
||||
&.todo {
|
||||
border-bottom-color: $todo_c8;
|
||||
background-color: $todo_c3;
|
||||
color: $todo_c8;
|
||||
}
|
||||
|
||||
&.equipment {
|
||||
border-bottom-color: $equipment_c8;
|
||||
background-color: $equipment_c3;
|
||||
color: $equipment_c8;
|
||||
}
|
||||
|
||||
&.staff {
|
||||
border-bottom-color: $staff_c8;
|
||||
background-color: $staff_c3;
|
||||
color: $staff_c8;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
color: $main_c1;
|
||||
background-color: $main_c7;
|
||||
|
||||
&.activity {
|
||||
background-color: $activity_c7;
|
||||
}
|
||||
&.event {
|
||||
background-color: $event_c7;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $equipment_c7;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $todo_c7;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $staff_c7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.collapsible {
|
||||
background-color: #777;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
padding: 18px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: left;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
|
||||
&:after {
|
||||
content: '\002B';
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #555;
|
||||
|
||||
&:after {
|
||||
content: "\2212";
|
||||
}
|
||||
}
|
||||
.content {
|
||||
padding: 8px 18px;
|
||||
display : none;
|
||||
background-color: #f1f1f1;
|
||||
|
||||
&.fluid {
|
||||
padding: 0px 0px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin: 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.planning {
|
||||
.activity {
|
||||
padding: 8px 18px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 12px;
|
||||
|
||||
border-left: none;
|
||||
border-right: 6px solid $main_soft_color;
|
||||
|
||||
&.inverted {
|
||||
border-left: 6px solid $main_soft_color;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.activity-title {
|
||||
font-size: large;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.glyphicon {
|
||||
&.yes {
|
||||
color:$yes_color!important;
|
||||
}
|
||||
&.no {
|
||||
color:$no_color!important;
|
||||
}
|
||||
&.dunno {
|
||||
color:$dunno_color!important;
|
||||
}
|
||||
}
|
||||
|
||||
.sending-request {
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: "Chargement...";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
opacity: 0.8;
|
||||
color: #777;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 8%;
|
||||
}
|
||||
}
|
||||
66
shared/static/sass/_dashed-shadows.scss
Normal file
66
shared/static/sass/_dashed-shadows.scss
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
@import "compass/css3";
|
||||
|
||||
//Variables here:
|
||||
//(alongside with commented suggestions)
|
||||
$foreground-color:#b85b3f;//black;
|
||||
$background-color:#e8e3c7;//white
|
||||
$shadow-color:#ba9186;//$foreground-color;
|
||||
$distance:8px;
|
||||
$cut-distance:3px;//$distance/4;
|
||||
$strips-size:6px; //10px
|
||||
$strips-ratio:50%;//70%
|
||||
$strips-angle:45deg;//90deg;
|
||||
|
||||
//cray stuff yo. be sure to try (if you please)
|
||||
$animate:false;//true
|
||||
$fixed:false;//true
|
||||
|
||||
.dashed-shadow{
|
||||
position:relative;
|
||||
top:$distance;
|
||||
left:$distance;
|
||||
display:inline-block;
|
||||
color:$shadow-color;
|
||||
}
|
||||
.dashed-shadow:before{
|
||||
content:" ";
|
||||
display:block;
|
||||
|
||||
position:absolute;
|
||||
$bleeding-horizontal:10px;
|
||||
$bleeding-vertical:0px;
|
||||
top:-$bleeding-vertical - $distance;
|
||||
left:-$bleeding-vertical - $distance;
|
||||
bottom:-$bleeding-horizontal + $distance;
|
||||
right:-$bleeding-horizontal + $distance;
|
||||
z-index:1;
|
||||
$color:$background-color;
|
||||
$size:$strips-ratio/2;
|
||||
$halfSize:$size/2;
|
||||
$p1:$halfSize;
|
||||
$p2:50%-$halfSize;
|
||||
$p3:50%+$halfSize;
|
||||
$p4:100%-$halfSize;
|
||||
$transparent:transparentize($color,1);
|
||||
@include background-image(linear-gradient($strips-angle,$color $p1, $transparent $p1, $transparent $p2,$color $p2, $color $p3, $transparent $p3, $transparent $p4, $color $p4));
|
||||
background-size:$strips-size $strips-size;
|
||||
@if($animate){
|
||||
animation:dash-animation 30s infinite linear;
|
||||
}
|
||||
@if($fixed){
|
||||
background-attachment:fixed;
|
||||
}
|
||||
}
|
||||
.dashed-shadow:hover:before{
|
||||
animation:dash-animation 30s infinite linear;
|
||||
}
|
||||
|
||||
.dashed-shadow:after{
|
||||
z-index:2;
|
||||
content:attr(data-text);
|
||||
position:absolute;
|
||||
left:-$distance;
|
||||
top:-$distance;
|
||||
color:$foreground-color;
|
||||
text-shadow:$cut-distance $cut-distance $background-color;
|
||||
}
|
||||
18
shared/static/sass/_filters.scss
Normal file
18
shared/static/sass/_filters.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
// main: global.scss
|
||||
#filter_form {
|
||||
.form-group {
|
||||
.col-md-3, .col-md-9 {
|
||||
float: none;
|
||||
}
|
||||
ul.form-control {
|
||||
padding-left: 15px;
|
||||
list-style: none;
|
||||
height: auto;
|
||||
|
||||
a.selected {
|
||||
text-decoration: underline;
|
||||
color: darken($main_soft_color, 40%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
122
shared/static/sass/_forms.scss
Normal file
122
shared/static/sass/_forms.scss
Normal file
|
|
@ -0,0 +1,122 @@
|
|||
// main: global.scss
|
||||
@mixin active {
|
||||
&:active,
|
||||
&.active {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin hover-focus {
|
||||
&:focus,
|
||||
&.focus,
|
||||
&:hover {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin disabled {
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin dropdown-open {
|
||||
.open > &.dropdown-toggle { @content }
|
||||
}
|
||||
|
||||
@mixin btn-special {
|
||||
/**
|
||||
* This mixin applies content if the button is in at least one of the
|
||||
* following states:
|
||||
*
|
||||
* - hovered,
|
||||
* - focused,
|
||||
* - actived,
|
||||
* - is responsible of an opened dropdown.
|
||||
*
|
||||
* Where possible, state is checked from class attribute and
|
||||
* :pseudo-classes.
|
||||
*
|
||||
* ## Bootstrap compatibility
|
||||
*
|
||||
* If content defines 'color', 'background-color' and 'border', it is safe
|
||||
* to use this mixin with Bootstrap buttons as it will overrides all
|
||||
* Bootstrap color defaults of the previous cases.
|
||||
* To be precise, this covers all special important-like cases of the
|
||||
* Bootstrap mixin 'button-variant' (except the 'disabled' case).
|
||||
*
|
||||
*/
|
||||
@include hover-focus { @content }
|
||||
|
||||
@include active {
|
||||
@content;
|
||||
@include hover-focus { @content }
|
||||
}
|
||||
|
||||
@include dropdown-open {
|
||||
@content;
|
||||
@include hover-focus { @content }
|
||||
}
|
||||
}
|
||||
|
||||
@mixin button-variant-2modes($color, $background-base, $background-special, $border) {
|
||||
/**
|
||||
* This mixins allows defining color-related properties of buttons.
|
||||
*
|
||||
* It sets the following properties:
|
||||
* color: $color, except for disabled-like buttons.
|
||||
* border-color: $border.
|
||||
* background-color: Depending on button state:
|
||||
* - Default, disabled:
|
||||
* $background-base
|
||||
* - Hovered, focused, actived, responsible of an opened dropdown:
|
||||
* (one is sufficent)
|
||||
* $background-special
|
||||
*
|
||||
* ## Bootstrap compatibility
|
||||
*
|
||||
* This mixin can be used to replace colors behaviors of Bootstrap buttons.
|
||||
* Indeed, this mixin aims to replace each definition done by the
|
||||
* 'button-variant' Bootstrap mixin.
|
||||
*
|
||||
*/
|
||||
color: $color;
|
||||
background-color: $background-base;
|
||||
border-color: $border;
|
||||
|
||||
@include btn-special {
|
||||
color: $color;
|
||||
background-color: $background-special;
|
||||
border-color: $border;
|
||||
}
|
||||
|
||||
@include disabled {
|
||||
@include hover-focus {
|
||||
background-color: $background-base;
|
||||
border-color: $border;
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
color: $background-base;
|
||||
background-color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
@include button-variant-2modes($btn-font-color, $btn-bg-base, $btn-bg-special, $btn-border);
|
||||
}
|
||||
|
||||
form#filter_form {
|
||||
.form-group {
|
||||
padding-right:20px;
|
||||
}
|
||||
|
||||
ul.form-control {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
91
shared/static/sass/_header.scss
Normal file
91
shared/static/sass/_header.scss
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
// main: global.scss
|
||||
.strong-banner {
|
||||
padding-top : 20px;
|
||||
padding-bottom : 10px ;
|
||||
background-color : $header-background;
|
||||
color: $header-color;
|
||||
}
|
||||
|
||||
|
||||
.navbar-inverse {
|
||||
background-color : $header-background;
|
||||
background-color : transparent ;
|
||||
border-style : none ;
|
||||
.navbar-nav {
|
||||
& > .open > a,
|
||||
& > .open > a:focus,
|
||||
& > .open > a:hover {
|
||||
color: #fff;
|
||||
background-color: $header-second-backgroud;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-collapse {
|
||||
border-top: 0px solid transparent ;
|
||||
padding : 0px ;
|
||||
|
||||
/* only < 768px*/
|
||||
background-color : $header-second-backgroud;
|
||||
padding-left: 25px;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
background-color : transparent;
|
||||
padding-left: 0px;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-nav {
|
||||
width: 100%;
|
||||
@media (min-width: 768px) {
|
||||
float : right ;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-inverse {
|
||||
/* BRAND */
|
||||
.navbar-brand {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: white;
|
||||
font-family: $font_brand;
|
||||
font-size: xx-large;
|
||||
border-bottom: 5px solid $underline-brand;
|
||||
}
|
||||
}
|
||||
/* ICONE */
|
||||
.navbar-toggle {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $second_bold_color;
|
||||
border-color: $second_bold_color;
|
||||
}
|
||||
.icon-bar {
|
||||
background-color: $second_white_color;
|
||||
}
|
||||
}
|
||||
/* LINKS */
|
||||
.navbar-nav {
|
||||
& > li > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
font-family: $font_nav;
|
||||
font-size: large;
|
||||
color: $second_bold_color;
|
||||
background: transparent;
|
||||
@media (min-width: 768px) {
|
||||
color: $second_white_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
24
shared/static/sass/_messages.scss
Normal file
24
shared/static/sass/_messages.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
// main: global.scss
|
||||
.message-info {
|
||||
color : #31708f;
|
||||
background-color: #d9edf7;
|
||||
border-color : #bce8f1;
|
||||
}
|
||||
.message-success {
|
||||
color : #3c763d;
|
||||
background-color: #dff0d8;
|
||||
border-color : #d6e9c6;
|
||||
}
|
||||
.message-warning {
|
||||
color : #8a6d3b;
|
||||
background-color: #fcf8e3;
|
||||
border-color : #faebcc;
|
||||
}
|
||||
.message-error {
|
||||
color : #a94442;
|
||||
background-color: #f2dede;
|
||||
border-color : #ebccd1;
|
||||
}
|
||||
.alert {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
38
shared/static/sass/_tree.scss
Normal file
38
shared/static/sass/_tree.scss
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
// main: global.scss
|
||||
.tree {
|
||||
font-size:large;
|
||||
ul, li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 32px;
|
||||
}
|
||||
|
||||
li::before,
|
||||
li::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -12px;
|
||||
}
|
||||
li::before {
|
||||
border-top: 3px solid $second_soft_color;
|
||||
top: 9px;
|
||||
width: 8px;
|
||||
height: 0;
|
||||
}
|
||||
li::after {
|
||||
border-left: 3px solid $second_soft_color;
|
||||
height: 100%;
|
||||
width: 0px;
|
||||
top: 2px;
|
||||
}
|
||||
ul > li:last-child::after {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.category_node {
|
||||
|
||||
}
|
||||
}
|
||||
99
shared/static/sass/_variables.scss
Normal file
99
shared/static/sass/_variables.scss
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
// main: global.scss
|
||||
$main_c7: #375362;
|
||||
$main_c6: #4F778C;
|
||||
$main_c5: #5D8CA6;
|
||||
$main_c3: #BDD2DE;
|
||||
$main_c1: #F0FAFF;
|
||||
|
||||
$neutral_c2 : #F2EDDC;
|
||||
$neutral_c1: #FFFBEF;
|
||||
|
||||
$activity_c8: #4FADB8;
|
||||
$activity_c7: #5ED1DC;
|
||||
$activity_c3: #CAE4E7;
|
||||
|
||||
$event_c8: #3488A6;
|
||||
$event_c7: #3999BA;
|
||||
$event_c3: #AAD5E2;
|
||||
|
||||
$todo_c8: #F19F5D;
|
||||
$todo_c7: #FF9C4D;
|
||||
$todo_c3: #FFDEBC;
|
||||
|
||||
$equipment_c8: #E75571;
|
||||
$equipment_c7: #FF5C79;
|
||||
$equipment_c3: #FECAD6;
|
||||
|
||||
$staff_c8: #3BAD89;
|
||||
$staff_c7: #42C2A2;
|
||||
$staff_c3: #A9E1D7;
|
||||
|
||||
/* LEGACY COLORS*/
|
||||
$main_bold_color: #FF6969;
|
||||
$main_soft_color: #FF9191;
|
||||
$main_white_color: #FFEBEB;
|
||||
|
||||
$second_bold_color: #FFB363;
|
||||
$second_soft_color: #FFC282;
|
||||
$second_white_color: #FFF5EB;
|
||||
|
||||
$third_bold_color: #48B0C7;
|
||||
$third_soft_color: #8FD4E3;
|
||||
$third_white_color: #DCEAED;
|
||||
|
||||
/* COLORS */
|
||||
/* Header */
|
||||
$header-background: $main_c7;
|
||||
$header-second-backgroud: $main_c5;
|
||||
$header-color: white;
|
||||
$underline-brand: $equipment_c7;
|
||||
|
||||
/* Général */
|
||||
$html-background: $neutral_c1;
|
||||
$content-background: $neutral_c1;
|
||||
$content-border: $main_c7;
|
||||
$aside-background: $main_c7;
|
||||
$aside-inverted-background: $main_c5;
|
||||
|
||||
$title_border: $main_c7;
|
||||
|
||||
/* Le reste */
|
||||
$btn-font-color: white;
|
||||
$btn-bg-base: $main_bold_color;
|
||||
$btn-bg-special: $main_soft_color;
|
||||
$btn-border: $main_bold_color;
|
||||
|
||||
$yes_color: #55C487;
|
||||
$no_color: #E36268;
|
||||
$dunno_color: #5599C4;
|
||||
|
||||
/* Titres */
|
||||
$h1_background: $main_c6;
|
||||
$h2_background: $main_c3;
|
||||
$h3_background: $main_c1;
|
||||
|
||||
$h1_background_activity: $activity_c8;
|
||||
$h2_background_activity: $activity_c7;
|
||||
$h3_background_activity: $main_c1;
|
||||
|
||||
$h1_background_event: $event_c8;
|
||||
$h2_background_event: $event_c7;
|
||||
$h3_background_event: $main_c1;
|
||||
|
||||
$h1_background_todo: $todo_c8;
|
||||
$h2_background_todo: $todo_c7;
|
||||
$h3_background_todo: $main_c1;
|
||||
|
||||
$h1_background_equipment: $equipment_c8;
|
||||
$h2_background_equipment: $equipment_c7;
|
||||
$h3_background_equipment: $main_c1;
|
||||
|
||||
$h1_background_staff: $staff_c8;
|
||||
$h2_background_staff: $staff_c7;
|
||||
$h3_background_staff: $main_c1;
|
||||
|
||||
/* FONTS */
|
||||
$font_brand:'Lily Script One', cursive;
|
||||
$font_nav:'Work Sans', cursive;
|
||||
$font_bold:'Capriola', sans-serif;
|
||||
$font_normal:'Saira Semi Condensed', sans-serif;
|
||||
416
shared/static/sass/global.scss
Normal file
416
shared/static/sass/global.scss
Normal file
|
|
@ -0,0 +1,416 @@
|
|||
/*NE PAS MODIFIER LE FICHIER .CSS, MAIS PLUTÔT LE
|
||||
FICHIER .SCSS */
|
||||
@import '_variables';
|
||||
@import '_messages';
|
||||
@import '_header';
|
||||
@import '_forms';
|
||||
@import '_tree';
|
||||
@import '_filters';
|
||||
@import '_dashed-shadows';
|
||||
|
||||
/* MISE EN FORME GÉNÉRALE */
|
||||
html {
|
||||
height : 100% ;
|
||||
background-color: $html-background;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: $font_normal;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
#principal {
|
||||
background-color: $html-background;
|
||||
}
|
||||
|
||||
/*MAIN*/
|
||||
main {
|
||||
background-color:$content-background;
|
||||
border-width: 2px;
|
||||
border-color: $content-border;
|
||||
border-style: none;
|
||||
border-collapse: collapse;
|
||||
display: table-cell;
|
||||
margin-top:0px;
|
||||
padding: 0px;
|
||||
|
||||
.fuid, h1, h2, h3 {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
margin-top: -2px;
|
||||
margin-bottom: -2px;
|
||||
margin-left: -17px;
|
||||
margin-right: -17px;
|
||||
color: white;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
h1 {
|
||||
font-family: $font_bold;
|
||||
font-weight: 600;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 15px;
|
||||
|
||||
background-color: $h1_background;
|
||||
&.activity {
|
||||
background-color: $h1_background_activity;
|
||||
}
|
||||
&.event {
|
||||
background-color: $h1_background_event;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $h1_background_todo;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $h1_background_equipment;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $h1_background_staff;
|
||||
}
|
||||
}
|
||||
h2, h3 {
|
||||
border-bottom : 2px solid $main_c5;
|
||||
padding-bottom : 5px ;
|
||||
padding-top: 10px;
|
||||
font-family: $font_bold;
|
||||
font-weight: 600;
|
||||
font-size: x-large;
|
||||
|
||||
background-color: $h2_background;
|
||||
&.activity {
|
||||
background-color: $h2_background_activity;
|
||||
border-color: $activity_c8;
|
||||
}
|
||||
&.event {
|
||||
background-color: $h2_background_event;
|
||||
border-color: $event_c8;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $h2_background_todo;
|
||||
border-color: $todo_c8;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $h2_background_equipment;
|
||||
border-color: $equipment_c8;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $h2_background_staff;
|
||||
border-color: $staff_c8;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
background-color: $h3_background;
|
||||
color: $main_c6;
|
||||
&.activity {
|
||||
background-color: $h3_background_activity;
|
||||
color: $activity_c7;
|
||||
}
|
||||
&.event {
|
||||
background-color: $h3_background_event;
|
||||
color: $event_c7;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $h3_background_todo;
|
||||
color: $todo_c7;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $h3_background_equipment;
|
||||
color: $equipment_c7;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $h3_background_staff;
|
||||
color: $staff_c7;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: $main_bold_color;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color : $main_bold_color;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/*ASIDE*/
|
||||
aside {
|
||||
background-color:$aside-background;
|
||||
color: white;
|
||||
margin-top: 0px;
|
||||
padding: 0px!important;
|
||||
|
||||
a {
|
||||
color: $main_soft_color;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color : $main_soft_color;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
color: $main_c7;
|
||||
background-color: $main_c3;
|
||||
}
|
||||
|
||||
.heading {
|
||||
padding: 8px 15px;
|
||||
font-size: 32px;
|
||||
line-height: 1.3;
|
||||
text-align:center;
|
||||
|
||||
&.inverted {
|
||||
background-color:$second_white_color;
|
||||
color:black;
|
||||
}
|
||||
|
||||
&.small {
|
||||
font-size: 25px;
|
||||
|
||||
.sub {
|
||||
font-size: 0.7em;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.sub {
|
||||
font-size: 0.7em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
&.separator {
|
||||
border-bottom-color: $main_soft_color;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
padding: 15px;
|
||||
|
||||
&.inverted {
|
||||
background-color:$second_white_color;
|
||||
color:black;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
main {
|
||||
margin-top:20px;
|
||||
border-style: dashed;
|
||||
}
|
||||
aside {
|
||||
margin-top:20px;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
border-top : 1px solid $second_bold_color ;
|
||||
}
|
||||
|
||||
|
||||
span.vsep {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
div.tag-list {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.module-list {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
a.module {
|
||||
padding: 20px 40px;
|
||||
margin: 5px;
|
||||
border-bottom-style: solid;
|
||||
font-size: large;
|
||||
display: block;
|
||||
|
||||
border-bottom-color: $main_c7;
|
||||
background-color: $main_c3;
|
||||
color: $main_c7;
|
||||
|
||||
|
||||
&.activity {
|
||||
border-bottom-color: $activity_c8;
|
||||
background-color: $activity_c3;
|
||||
color: $activity_c8;
|
||||
}
|
||||
|
||||
&.event {
|
||||
border-bottom-color: $event_c8;
|
||||
background-color: $event_c3;
|
||||
color: $event_c8;
|
||||
}
|
||||
|
||||
&.todo {
|
||||
border-bottom-color: $todo_c8;
|
||||
background-color: $todo_c3;
|
||||
color: $todo_c8;
|
||||
}
|
||||
|
||||
&.equipment {
|
||||
border-bottom-color: $equipment_c8;
|
||||
background-color: $equipment_c3;
|
||||
color: $equipment_c8;
|
||||
}
|
||||
|
||||
&.staff {
|
||||
border-bottom-color: $staff_c8;
|
||||
background-color: $staff_c3;
|
||||
color: $staff_c8;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
color: $main_c1;
|
||||
background-color: $main_c7;
|
||||
|
||||
&.activity {
|
||||
background-color: $activity_c7;
|
||||
}
|
||||
&.event {
|
||||
background-color: $event_c7;
|
||||
}
|
||||
&.equipment {
|
||||
background-color: $equipment_c7;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $todo_c7;
|
||||
}
|
||||
&.staff {
|
||||
background-color: $staff_c7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.collapsible {
|
||||
background-color: #777;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
padding: 18px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: left;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
|
||||
&:after {
|
||||
content: '\002B';
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #555;
|
||||
|
||||
&:after {
|
||||
content: "\2212";
|
||||
}
|
||||
}
|
||||
.content {
|
||||
padding: 8px 18px;
|
||||
display : none;
|
||||
background-color: #f1f1f1;
|
||||
|
||||
&.fluid {
|
||||
padding: 0px 0px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin: 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.planning {
|
||||
.activity {
|
||||
padding: 8px 18px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 12px;
|
||||
|
||||
border-left: none;
|
||||
border-right: 6px solid $main_soft_color;
|
||||
|
||||
&.inverted {
|
||||
border-left: 6px solid $main_soft_color;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.activity-title {
|
||||
font-size: large;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.glyphicon {
|
||||
&.yes {
|
||||
color:$yes_color!important;
|
||||
}
|
||||
&.no {
|
||||
color:$no_color!important;
|
||||
}
|
||||
&.dunno {
|
||||
color:$dunno_color!important;
|
||||
}
|
||||
}
|
||||
|
||||
.sending-request {
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: "Chargement...";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
opacity: 0.8;
|
||||
color: #777;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 8%;
|
||||
}
|
||||
}
|
||||
5
shared/static/sass/ie.scss
Normal file
5
shared/static/sass/ie.scss
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
/* Welcome to Compass. Use this file to write IE specific override styles.
|
||||
* Import this file using the following HTML or equivalent:
|
||||
* <!--[if IE]>
|
||||
* <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
* <![endif]--> */
|
||||
3
shared/static/sass/print.scss
Normal file
3
shared/static/sass/print.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
/* Welcome to Compass. Use this file to define print styles.
|
||||
* Import this file using the following HTML or equivalent:
|
||||
* <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
|
||||
6
shared/static/sass/screen.scss
Normal file
6
shared/static/sass/screen.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/* Welcome to Compass.
|
||||
* In this file you should write your main styles. (or centralize your imports)
|
||||
* Import this file using the following HTML or equivalent:
|
||||
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
|
||||
|
||||
@import "compass/reset";
|
||||
|
|
@ -6,13 +6,12 @@
|
|||
{% block content %}
|
||||
<h1>Bienvenue sur Poulpe !</h1>
|
||||
<h2>Modules</h2>
|
||||
<h3>Delete me Test</h3>
|
||||
<div class="module-list">
|
||||
<a href="{% url 'equipment:home' %}" class="module">
|
||||
<a href="{% url 'equipment:home' %}" class="module equipment">
|
||||
<span class="glyphicon glyphicon-list-alt"></span>
|
||||
Inventaire
|
||||
</a>
|
||||
<a href="{% url 'equipment:home' %}" class="module">
|
||||
<a href="{% url 'equipment:home' %}" class="module event">
|
||||
<span class="glyphicon glyphicon-calendar"></span>
|
||||
Évènements
|
||||
</a>
|
||||
|
|
@ -23,10 +22,10 @@
|
|||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<h2>Sur le feu</h2>
|
||||
<h2 class="event">Sur le feu</h2>
|
||||
<div class="module-list">
|
||||
{% for event in events %}
|
||||
<a href="{% url 'event:event' event.slug %}" class="module">
|
||||
<a href="{% url 'event:event' event.slug %}" class="module event">
|
||||
<span class="glyphicon glyphicon-calendar"></span>
|
||||
{{ event }}
|
||||
</a>
|
||||
|
|
@ -41,13 +40,13 @@
|
|||
<ul>
|
||||
<li>La gestion du matériel (uniquement via l'interface d'administration)</li>
|
||||
<li>Connexion via CAS</li>
|
||||
<li>Création/gestion d'évènements</li>
|
||||
<li>Gestion des permanences</li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>Dans la liste des choses qui sont partiellement ou totalement à implémenter :
|
||||
<ul>
|
||||
<li>Création/gestion d'évènements</li>
|
||||
<li>Affichage d'un agenda</li>
|
||||
<li>Gestion des permanences</li>
|
||||
<li>Affectation du matériel à des évènements</li>
|
||||
<li>Gestion de matériel spéfique à un évènement</li>
|
||||
<li>Gestion des salles</li>
|
||||
|
|
|
|||
Loading…
Reference in a new issue