forked from DGNum/gestioCOF
CSS pour home gestioBDS
This commit is contained in:
parent
02958b4866
commit
8ee173cd8c
25
bds/static/bds/config.rb
Normal file
25
bds/static/bds/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,48 +1,60 @@
|
||||||
|
@import url("https://fonts.googleapis.com/css?family=Muli:400,700&display=swap");
|
||||||
|
/* line 9, ../sass/bds.scss */
|
||||||
html {
|
html {
|
||||||
font-family: sans-serif;
|
font-family: Muli, sans-serif;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 15, ../sass/bds.scss */
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: #c8e9a0;
|
background: #DC004E;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 21, ../sass/bds.scss */
|
||||||
header {
|
header {
|
||||||
background-color: #545F66;
|
background-color: #76002a;
|
||||||
height: 75px;
|
height: 75px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 26, ../sass/bds.scss */
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #f0f0f0;
|
color: #FBE000;
|
||||||
line-height: 75px;
|
line-height: 75px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 33, ../sass/bds.scss */
|
||||||
h2 {
|
h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #6dd3ce;
|
background-color: #ffee62;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
border-bottom: 1px solid #0767A0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 41, ../sass/bds.scss */
|
||||||
li {
|
li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 46, ../sass/bds.scss */
|
||||||
a {
|
a {
|
||||||
color: black;
|
color: black;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 51, ../sass/bds.scss */
|
||||||
a:hover {
|
a:hover {
|
||||||
color: #444;
|
color: #011f32;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 56, ../sass/bds.scss */
|
||||||
#main-container {
|
#main-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column wrap;
|
flex-flow: column wrap;
|
||||||
|
@ -50,23 +62,31 @@ a:hover {
|
||||||
min-height: calc(100vh - 50px - 75px);
|
min-height: calc(100vh - 50px - 75px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 63, ../sass/bds.scss */
|
||||||
section {
|
section {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 72, ../sass/bds.scss */
|
||||||
article {
|
article {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin: 30px;
|
margin: 30px;
|
||||||
/* background: #90baad; */
|
/* background: #90baad; */
|
||||||
background: white;
|
background: #FFF9CB;
|
||||||
|
min-width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 80, ../sass/bds.scss */
|
||||||
footer {
|
footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-color: #545F66;
|
background-color: #76002a;
|
||||||
color: #f0f0f0;
|
color: #f0f0f0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
87
bds/static/bds/sass/bds.scss
Normal file
87
bds/static/bds/sass/bds.scss
Normal file
|
@ -0,0 +1,87 @@
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Muli:400,700&display=swap');
|
||||||
|
|
||||||
|
$main: #DC004E;
|
||||||
|
$aux1: #FBE000;
|
||||||
|
$aux2: #0767A0;
|
||||||
|
$white: #FFF9CB;
|
||||||
|
$black: darken(#013352, 20%);
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: Muli, sans-serif;
|
||||||
|
height: 100%;
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
background: $main;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
background-color: darken($main, 20%);
|
||||||
|
height: 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
color: $aux1;
|
||||||
|
line-height: 75px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
background-color: lighten($aux1, 20%);
|
||||||
|
padding: 10px 0;
|
||||||
|
margin: 0;
|
||||||
|
border-bottom: 1px solid $aux2;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: black;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: lighten($black, 10%);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-container {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column wrap;
|
||||||
|
font-size: large;
|
||||||
|
min-height: calc(100vh - 50px - 75px);
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
flex: 1;
|
||||||
|
margin: 30px;
|
||||||
|
/* background: #90baad; */
|
||||||
|
background: $white;
|
||||||
|
min-width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-color: darken($main, 20%);
|
||||||
|
color: #f0f0f0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
|
@ -15,6 +15,16 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{% block content %}{% endblock %}
|
<header class="header">
|
||||||
|
<h1>GestioBDS</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{% block content %}{% endblock %}
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
Développé par <a href="https://www.eleves.ens.fr/kde">KDEns</a> -
|
||||||
|
Pour tout problème :
|
||||||
|
<a href="mailto:klub-dev@ens.fr"><tt>klub-dev@ens.fr</tt></a>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -1,10 +1,6 @@
|
||||||
{% extends "bds/base.html" %}
|
{% extends "bds/base.html" %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<header>
|
|
||||||
<h1>GestioBDS</h1>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div id="main-container">
|
<div id="main-container">
|
||||||
<section>
|
<section>
|
||||||
<article>
|
<article>
|
||||||
|
@ -17,7 +13,7 @@
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section class="section columns">
|
||||||
<article>
|
<article>
|
||||||
<h2>Gestion des clubs</h2>
|
<h2>Gestion des clubs</h2>
|
||||||
|
|
||||||
|
@ -42,9 +38,4 @@
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer>
|
|
||||||
Développé par <a href="https://www.eleves.ens.fr/kde">KDEns</a> -
|
|
||||||
Pour tout problème :
|
|
||||||
<a href="mailto:klub-dev@ens.fr"><tt>klub-dev@ens.fr</tt></a>
|
|
||||||
</footer>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -2,4 +2,5 @@ from django.contrib.staticfiles.apps import StaticFilesConfig
|
||||||
|
|
||||||
|
|
||||||
class IgnoreSrcStaticFilesConfig(StaticFilesConfig):
|
class IgnoreSrcStaticFilesConfig(StaticFilesConfig):
|
||||||
ignore_patterns = StaticFilesConfig.ignore_patterns + ["src/**"]
|
ignore_patterns = StaticFilesConfig.ignore_patterns + [
|
||||||
|
"src/**", "config.rb", "sass/"]
|
||||||
|
|
Loading…
Reference in a new issue