mirror of
https://github.com/ConjureETS/site-2015.git
synced 2026-03-24 04:21:23 +00:00
Rendre l'interface responsive et un leger redesign
This commit is contained in:
antoine.mcnabb
parent
6887b52665
commit
e0993057a2
@ -1,8 +1,7 @@
|
|||||||
{% extends 'template.html' %}
|
{% extends 'template.html' %}
|
||||||
{% load staticfiles %}
|
{% load staticfiles %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="boxContent">
|
<section id = "admin" class="success">
|
||||||
<section id = "membre">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 text-center">
|
<div class="col-lg-12 text-center">
|
||||||
@ -12,13 +11,14 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
{% for admin in admins %}
|
{% for admin in admins %}
|
||||||
|
|
||||||
<div class="col-sm-4 list-item membre">
|
<div class="col-sm-4 list-item membre">
|
||||||
<h3 class="text-center">{{ admin.position }}</h3>
|
<a class="list-link membre">
|
||||||
<a data-toggle="modal" href="{% url 'member:show' admin.id %}" data-target="#myModal" class="list-link membre">
|
|
||||||
<div class="caption membre bordered">
|
<div class="caption membre bordered">
|
||||||
<div class="caption-content">
|
<div class="caption-content">
|
||||||
<i class="fa fa-search-plus fa-3x"><h3>{{ admin.first_name }} {{ admin.last_name }}</h3></i>
|
<i class="fa fa-search-plus fa-3x"><h3>{{ admin.first_name }} {{ admin.last_name }}</h3></i>
|
||||||
</div>
|
</div>
|
||||||
|
<BR><h3 class="text-center">{{ admin.position }}</h3>
|
||||||
</div>
|
</div>
|
||||||
{% if admin.photo %}
|
{% if admin.photo %}
|
||||||
<img src="{{ admin.photo.url }}" class="avatar" alt="">
|
<img src="{{ admin.photo.url }}" class="avatar" alt="">
|
||||||
@ -28,12 +28,13 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- list Grid Section -->
|
<!-- list Grid Section -->
|
||||||
<section id="membre">
|
<section id="membre" class="success">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 text-center">
|
<div class="col-lg-12 text-center">
|
||||||
@ -43,8 +44,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
{% for member in members %}
|
{% for member in members %}
|
||||||
<div class="col-sm-4 list-item">
|
<div class="col-sm-4 list-item membre">
|
||||||
<a data-toggle="modal" href="{% url 'member:show' member.id %}" data-target="#myModal" class="list-link membre">
|
<a class="list-link membre">
|
||||||
|
|
||||||
<div class="caption membre bordered">
|
<div class="caption membre bordered">
|
||||||
<div class="caption-content">
|
<div class="caption-content">
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
{% load staticfiles %}
|
{% load staticfiles %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<!-- projet Grid Section -->
|
<!-- projet Grid Section -->
|
||||||
<section id="projet">
|
<section class = "success">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 text-center">
|
<div class="col-lg-12 text-center">
|
||||||
@ -12,8 +12,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
{% for project in projects %}
|
{% for project in projects %}
|
||||||
<div class="col-sm-4 list-item">
|
<div class="col-md-4 list-item projet">
|
||||||
<a href="{% url 'project:show' project.id %}" class="list-link projet bordered">
|
<a href="{% url 'project:show' project.id %}" class="list-link bordered">
|
||||||
<div class="caption">
|
<div class="caption">
|
||||||
<div class="caption-content">
|
<div class="caption-content">
|
||||||
<i class="fa fa-search-plus fa-3x"><h3>{{ project.name }}</h3></i>
|
<i class="fa fa-search-plus fa-3x"><h3>{{ project.name }}</h3></i>
|
||||||
@ -29,6 +29,5 @@
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
{% extends 'template.html' %}
|
{% extends 'template.html' %}
|
||||||
{% load staticfiles %}
|
{% load staticfiles %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section id="projet">
|
<section class="success" id="projet">
|
||||||
<div class="boxContent">
|
<div class="boxContent">
|
||||||
<h1>{{ project.name }}</h1>
|
<h1>{{ project.name }}</h1>
|
||||||
|
|
||||||
@ -15,10 +15,11 @@
|
|||||||
<h4>Descripiton du projet:</h4>
|
<h4>Descripiton du projet:</h4>
|
||||||
<p id = "descriptionProjet">{{ project.description }}</p>
|
<p id = "descriptionProjet">{{ project.description }}</p>
|
||||||
|
|
||||||
<a class="btn btn-primary right" href="{{ project.download }}" download>Download</a>
|
<a class="btn btn-outline-inverted right" href="{{ project.download }}" download>
|
||||||
|
<i class="fa fa-download"></i> Download</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="membre">
|
<section class ="success" id="membre">
|
||||||
|
|
||||||
<div class="boxContent">
|
<div class="boxContent">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|||||||
587
static/css/bootstrap-theme.css
vendored
587
static/css/bootstrap-theme.css
vendored
@ -1,587 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Bootstrap v3.3.5 (http://getbootstrap.com)
|
|
||||||
* Copyright 2011-2015 Twitter, Inc.
|
|
||||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
||||||
*/
|
|
||||||
.btn-default,
|
|
||||||
.btn-primary,
|
|
||||||
.btn-success,
|
|
||||||
.btn-info,
|
|
||||||
.btn-warning,
|
|
||||||
.btn-danger {
|
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
|
||||||
}
|
|
||||||
.btn-default:active,
|
|
||||||
.btn-primary:active,
|
|
||||||
.btn-success:active,
|
|
||||||
.btn-info:active,
|
|
||||||
.btn-warning:active,
|
|
||||||
.btn-danger:active,
|
|
||||||
.btn-default.active,
|
|
||||||
.btn-primary.active,
|
|
||||||
.btn-success.active,
|
|
||||||
.btn-info.active,
|
|
||||||
.btn-warning.active,
|
|
||||||
.btn-danger.active {
|
|
||||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
|
||||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
|
||||||
}
|
|
||||||
.btn-default.disabled,
|
|
||||||
.btn-primary.disabled,
|
|
||||||
.btn-success.disabled,
|
|
||||||
.btn-info.disabled,
|
|
||||||
.btn-warning.disabled,
|
|
||||||
.btn-danger.disabled,
|
|
||||||
.btn-default[disabled],
|
|
||||||
.btn-primary[disabled],
|
|
||||||
.btn-success[disabled],
|
|
||||||
.btn-info[disabled],
|
|
||||||
.btn-warning[disabled],
|
|
||||||
.btn-danger[disabled],
|
|
||||||
fieldset[disabled] .btn-default,
|
|
||||||
fieldset[disabled] .btn-primary,
|
|
||||||
fieldset[disabled] .btn-success,
|
|
||||||
fieldset[disabled] .btn-info,
|
|
||||||
fieldset[disabled] .btn-warning,
|
|
||||||
fieldset[disabled] .btn-danger {
|
|
||||||
-webkit-box-shadow: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
.btn-default .badge,
|
|
||||||
.btn-primary .badge,
|
|
||||||
.btn-success .badge,
|
|
||||||
.btn-info .badge,
|
|
||||||
.btn-warning .badge,
|
|
||||||
.btn-danger .badge {
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
.btn:active,
|
|
||||||
.btn.active {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
.btn-default {
|
|
||||||
text-shadow: 0 1px 0 #fff;
|
|
||||||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
|
|
||||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #dbdbdb;
|
|
||||||
border-color: #ccc;
|
|
||||||
}
|
|
||||||
.btn-default:hover,
|
|
||||||
.btn-default:focus {
|
|
||||||
background-color: #e0e0e0;
|
|
||||||
background-position: 0 -15px;
|
|
||||||
}
|
|
||||||
.btn-default:active,
|
|
||||||
.btn-default.active {
|
|
||||||
background-color: #e0e0e0;
|
|
||||||
border-color: #dbdbdb;
|
|
||||||
}
|
|
||||||
.btn-default.disabled,
|
|
||||||
.btn-default[disabled],
|
|
||||||
fieldset[disabled] .btn-default,
|
|
||||||
.btn-default.disabled:hover,
|
|
||||||
.btn-default[disabled]:hover,
|
|
||||||
fieldset[disabled] .btn-default:hover,
|
|
||||||
.btn-default.disabled:focus,
|
|
||||||
.btn-default[disabled]:focus,
|
|
||||||
fieldset[disabled] .btn-default:focus,
|
|
||||||
.btn-default.disabled.focus,
|
|
||||||
.btn-default[disabled].focus,
|
|
||||||
fieldset[disabled] .btn-default.focus,
|
|
||||||
.btn-default.disabled:active,
|
|
||||||
.btn-default[disabled]:active,
|
|
||||||
fieldset[disabled] .btn-default:active,
|
|
||||||
.btn-default.disabled.active,
|
|
||||||
.btn-default[disabled].active,
|
|
||||||
fieldset[disabled] .btn-default.active {
|
|
||||||
background-color: #e0e0e0;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
.btn-primary {
|
|
||||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
|
|
||||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #245580;
|
|
||||||
}
|
|
||||||
.btn-primary:hover,
|
|
||||||
.btn-primary:focus {
|
|
||||||
background-color: #265a88;
|
|
||||||
background-position: 0 -15px;
|
|
||||||
}
|
|
||||||
.btn-primary:active,
|
|
||||||
.btn-primary.active {
|
|
||||||
background-color: #265a88;
|
|
||||||
border-color: #245580;
|
|
||||||
}
|
|
||||||
.btn-primary.disabled,
|
|
||||||
.btn-primary[disabled],
|
|
||||||
fieldset[disabled] .btn-primary,
|
|
||||||
.btn-primary.disabled:hover,
|
|
||||||
.btn-primary[disabled]:hover,
|
|
||||||
fieldset[disabled] .btn-primary:hover,
|
|
||||||
.btn-primary.disabled:focus,
|
|
||||||
.btn-primary[disabled]:focus,
|
|
||||||
fieldset[disabled] .btn-primary:focus,
|
|
||||||
.btn-primary.disabled.focus,
|
|
||||||
.btn-primary[disabled].focus,
|
|
||||||
fieldset[disabled] .btn-primary.focus,
|
|
||||||
.btn-primary.disabled:active,
|
|
||||||
.btn-primary[disabled]:active,
|
|
||||||
fieldset[disabled] .btn-primary:active,
|
|
||||||
.btn-primary.disabled.active,
|
|
||||||
.btn-primary[disabled].active,
|
|
||||||
fieldset[disabled] .btn-primary.active {
|
|
||||||
background-color: #265a88;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
.btn-success {
|
|
||||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
|
|
||||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #3e8f3e;
|
|
||||||
}
|
|
||||||
.btn-success:hover,
|
|
||||||
.btn-success:focus {
|
|
||||||
background-color: #419641;
|
|
||||||
background-position: 0 -15px;
|
|
||||||
}
|
|
||||||
.btn-success:active,
|
|
||||||
.btn-success.active {
|
|
||||||
background-color: #419641;
|
|
||||||
border-color: #3e8f3e;
|
|
||||||
}
|
|
||||||
.btn-success.disabled,
|
|
||||||
.btn-success[disabled],
|
|
||||||
fieldset[disabled] .btn-success,
|
|
||||||
.btn-success.disabled:hover,
|
|
||||||
.btn-success[disabled]:hover,
|
|
||||||
fieldset[disabled] .btn-success:hover,
|
|
||||||
.btn-success.disabled:focus,
|
|
||||||
.btn-success[disabled]:focus,
|
|
||||||
fieldset[disabled] .btn-success:focus,
|
|
||||||
.btn-success.disabled.focus,
|
|
||||||
.btn-success[disabled].focus,
|
|
||||||
fieldset[disabled] .btn-success.focus,
|
|
||||||
.btn-success.disabled:active,
|
|
||||||
.btn-success[disabled]:active,
|
|
||||||
fieldset[disabled] .btn-success:active,
|
|
||||||
.btn-success.disabled.active,
|
|
||||||
.btn-success[disabled].active,
|
|
||||||
fieldset[disabled] .btn-success.active {
|
|
||||||
background-color: #419641;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
.btn-info {
|
|
||||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
|
|
||||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #28a4c9;
|
|
||||||
}
|
|
||||||
.btn-info:hover,
|
|
||||||
.btn-info:focus {
|
|
||||||
background-color: #2aabd2;
|
|
||||||
background-position: 0 -15px;
|
|
||||||
}
|
|
||||||
.btn-info:active,
|
|
||||||
.btn-info.active {
|
|
||||||
background-color: #2aabd2;
|
|
||||||
border-color: #28a4c9;
|
|
||||||
}
|
|
||||||
.btn-info.disabled,
|
|
||||||
.btn-info[disabled],
|
|
||||||
fieldset[disabled] .btn-info,
|
|
||||||
.btn-info.disabled:hover,
|
|
||||||
.btn-info[disabled]:hover,
|
|
||||||
fieldset[disabled] .btn-info:hover,
|
|
||||||
.btn-info.disabled:focus,
|
|
||||||
.btn-info[disabled]:focus,
|
|
||||||
fieldset[disabled] .btn-info:focus,
|
|
||||||
.btn-info.disabled.focus,
|
|
||||||
.btn-info[disabled].focus,
|
|
||||||
fieldset[disabled] .btn-info.focus,
|
|
||||||
.btn-info.disabled:active,
|
|
||||||
.btn-info[disabled]:active,
|
|
||||||
fieldset[disabled] .btn-info:active,
|
|
||||||
.btn-info.disabled.active,
|
|
||||||
.btn-info[disabled].active,
|
|
||||||
fieldset[disabled] .btn-info.active {
|
|
||||||
background-color: #2aabd2;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
.btn-warning {
|
|
||||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
|
|
||||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #e38d13;
|
|
||||||
}
|
|
||||||
.btn-warning:hover,
|
|
||||||
.btn-warning:focus {
|
|
||||||
background-color: #eb9316;
|
|
||||||
background-position: 0 -15px;
|
|
||||||
}
|
|
||||||
.btn-warning:active,
|
|
||||||
.btn-warning.active {
|
|
||||||
background-color: #eb9316;
|
|
||||||
border-color: #e38d13;
|
|
||||||
}
|
|
||||||
.btn-warning.disabled,
|
|
||||||
.btn-warning[disabled],
|
|
||||||
fieldset[disabled] .btn-warning,
|
|
||||||
.btn-warning.disabled:hover,
|
|
||||||
.btn-warning[disabled]:hover,
|
|
||||||
fieldset[disabled] .btn-warning:hover,
|
|
||||||
.btn-warning.disabled:focus,
|
|
||||||
.btn-warning[disabled]:focus,
|
|
||||||
fieldset[disabled] .btn-warning:focus,
|
|
||||||
.btn-warning.disabled.focus,
|
|
||||||
.btn-warning[disabled].focus,
|
|
||||||
fieldset[disabled] .btn-warning.focus,
|
|
||||||
.btn-warning.disabled:active,
|
|
||||||
.btn-warning[disabled]:active,
|
|
||||||
fieldset[disabled] .btn-warning:active,
|
|
||||||
.btn-warning.disabled.active,
|
|
||||||
.btn-warning[disabled].active,
|
|
||||||
fieldset[disabled] .btn-warning.active {
|
|
||||||
background-color: #eb9316;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
.btn-danger {
|
|
||||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
|
|
||||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #b92c28;
|
|
||||||
}
|
|
||||||
.btn-danger:hover,
|
|
||||||
.btn-danger:focus {
|
|
||||||
background-color: #c12e2a;
|
|
||||||
background-position: 0 -15px;
|
|
||||||
}
|
|
||||||
.btn-danger:active,
|
|
||||||
.btn-danger.active {
|
|
||||||
background-color: #c12e2a;
|
|
||||||
border-color: #b92c28;
|
|
||||||
}
|
|
||||||
.btn-danger.disabled,
|
|
||||||
.btn-danger[disabled],
|
|
||||||
fieldset[disabled] .btn-danger,
|
|
||||||
.btn-danger.disabled:hover,
|
|
||||||
.btn-danger[disabled]:hover,
|
|
||||||
fieldset[disabled] .btn-danger:hover,
|
|
||||||
.btn-danger.disabled:focus,
|
|
||||||
.btn-danger[disabled]:focus,
|
|
||||||
fieldset[disabled] .btn-danger:focus,
|
|
||||||
.btn-danger.disabled.focus,
|
|
||||||
.btn-danger[disabled].focus,
|
|
||||||
fieldset[disabled] .btn-danger.focus,
|
|
||||||
.btn-danger.disabled:active,
|
|
||||||
.btn-danger[disabled]:active,
|
|
||||||
fieldset[disabled] .btn-danger:active,
|
|
||||||
.btn-danger.disabled.active,
|
|
||||||
.btn-danger[disabled].active,
|
|
||||||
fieldset[disabled] .btn-danger.active {
|
|
||||||
background-color: #c12e2a;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
.thumbnail,
|
|
||||||
.img-thumbnail {
|
|
||||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
|
||||||
}
|
|
||||||
.dropdown-menu > li > a:hover,
|
|
||||||
.dropdown-menu > li > a:focus {
|
|
||||||
background-color: #e8e8e8;
|
|
||||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
|
||||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.dropdown-menu > .active > a,
|
|
||||||
.dropdown-menu > .active > a:hover,
|
|
||||||
.dropdown-menu > .active > a:focus {
|
|
||||||
background-color: #2e6da4;
|
|
||||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
|
||||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.navbar-default {
|
|
||||||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
|
|
||||||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-radius: 4px;
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
|
||||||
}
|
|
||||||
.navbar-default .navbar-nav > .open > a,
|
|
||||||
.navbar-default .navbar-nav > .active > a {
|
|
||||||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
|
|
||||||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
|
||||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
|
||||||
}
|
|
||||||
.navbar-brand,
|
|
||||||
.navbar-nav > li > a {
|
|
||||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
|
|
||||||
}
|
|
||||||
.navbar-inverse {
|
|
||||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
|
|
||||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.navbar-inverse .navbar-nav > .open > a,
|
|
||||||
.navbar-inverse .navbar-nav > .active > a {
|
|
||||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
|
|
||||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
|
||||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
|
||||||
}
|
|
||||||
.navbar-inverse .navbar-brand,
|
|
||||||
.navbar-inverse .navbar-nav > li > a {
|
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
|
|
||||||
}
|
|
||||||
.navbar-static-top,
|
|
||||||
.navbar-fixed-top,
|
|
||||||
.navbar-fixed-bottom {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
.navbar .navbar-nav .open .dropdown-menu > .active > a,
|
|
||||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
|
|
||||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
|
|
||||||
color: #fff;
|
|
||||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
|
||||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.alert {
|
|
||||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
|
||||||
}
|
|
||||||
.alert-success {
|
|
||||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
|
|
||||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #b2dba1;
|
|
||||||
}
|
|
||||||
.alert-info {
|
|
||||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
|
|
||||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #9acfea;
|
|
||||||
}
|
|
||||||
.alert-warning {
|
|
||||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
|
|
||||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #f5e79e;
|
|
||||||
}
|
|
||||||
.alert-danger {
|
|
||||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
|
|
||||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #dca7a7;
|
|
||||||
}
|
|
||||||
.progress {
|
|
||||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
|
|
||||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.progress-bar {
|
|
||||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
|
|
||||||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.progress-bar-success {
|
|
||||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
|
|
||||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.progress-bar-info {
|
|
||||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
|
|
||||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.progress-bar-warning {
|
|
||||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
|
|
||||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.progress-bar-danger {
|
|
||||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
|
|
||||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.progress-bar-striped {
|
|
||||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
|
||||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
|
||||||
}
|
|
||||||
.list-group {
|
|
||||||
border-radius: 4px;
|
|
||||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
|
||||||
}
|
|
||||||
.list-group-item.active,
|
|
||||||
.list-group-item.active:hover,
|
|
||||||
.list-group-item.active:focus {
|
|
||||||
text-shadow: 0 -1px 0 #286090;
|
|
||||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
|
|
||||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #2b669a;
|
|
||||||
}
|
|
||||||
.list-group-item.active .badge,
|
|
||||||
.list-group-item.active:hover .badge,
|
|
||||||
.list-group-item.active:focus .badge {
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
.panel {
|
|
||||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
|
||||||
}
|
|
||||||
.panel-default > .panel-heading {
|
|
||||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
|
||||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.panel-primary > .panel-heading {
|
|
||||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
|
||||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.panel-success > .panel-heading {
|
|
||||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
|
|
||||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.panel-info > .panel-heading {
|
|
||||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
|
|
||||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.panel-warning > .panel-heading {
|
|
||||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
|
|
||||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.panel-danger > .panel-heading {
|
|
||||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
|
|
||||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
.well {
|
|
||||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
|
|
||||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
border-color: #dcdcdc;
|
|
||||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
|
||||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
|
||||||
}
|
|
||||||
/*# sourceMappingURL=bootstrap-theme.css.map */
|
|
||||||
File diff suppressed because one or more lines are too long
5
static/css/bootstrap-theme.min.css
vendored
5
static/css/bootstrap-theme.min.css
vendored
File diff suppressed because one or more lines are too long
2391
static/css/bootstrap.css
vendored
2391
static/css/bootstrap.css
vendored
File diff suppressed because it is too large
Load Diff
12
static/css/bootstrap.min.css
vendored
12
static/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1,88 +0,0 @@
|
|||||||
/* GLOBAL STYLES
|
|
||||||
-------------------------------------------------- */
|
|
||||||
/* Padding below the footer and lighter body text */
|
|
||||||
|
|
||||||
body {
|
|
||||||
padding-bottom: 40px;
|
|
||||||
color: #fff;
|
|
||||||
/*background-color:#808080;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* CUSTOMIZE THE NAVBAR
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
/* Special class on .container surrounding .navbar, used for positioning it into place. */
|
|
||||||
.navbar-wrapper {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 20;
|
|
||||||
}
|
|
||||||
/* Flip around the padding for proper display in narrow viewports */
|
|
||||||
.navbar-wrapper > .container {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
.navbar-wrapper .navbar {
|
|
||||||
padding-right: 15px;
|
|
||||||
padding-left: 15px;
|
|
||||||
}
|
|
||||||
.navbar-wrapper .navbar .container {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
/* MARKETING CONTENT
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
/* Center align the text within the three columns below the carousel */
|
|
||||||
.marketing .col-lg-4 {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.marketing h2 {
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
.marketing .col-lg-4 p {
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Featurettes
|
|
||||||
------------------------- */
|
|
||||||
|
|
||||||
.featurette-divider {
|
|
||||||
margin: 80px 0; /* Space out the Bootstrap <hr> more */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Thin out the marketing headings */
|
|
||||||
.featurette-heading {
|
|
||||||
font-weight: 300;
|
|
||||||
line-height: 1;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* RESPONSIVE CSS
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
/* Navbar positioning foo */
|
|
||||||
.navbar-wrapper {
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
.navbar-wrapper .container {
|
|
||||||
padding-right: 15px;
|
|
||||||
padding-left: 15px;
|
|
||||||
}
|
|
||||||
.navbar-wrapper .navbar {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* The navbar becomes detached from the top, so we round the corners */
|
|
||||||
.navbar-wrapper .navbar {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -22,7 +22,7 @@ a:focus,
|
|||||||
a:active,
|
a:active,
|
||||||
a.active {
|
a.active {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
color: #18bc9c;
|
color: #1A7AC5;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
@ -63,19 +63,16 @@ hr.star-light {
|
|||||||
|
|
||||||
hr.star-light:after {
|
hr.star-light:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
/*background-color:transparent;*/
|
|
||||||
background-color: #1A7AC5;
|
background-color: #1A7AC5;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr.star-primary {
|
hr.star-primary {
|
||||||
/*background: rgba(24,188,156,.9);*/
|
|
||||||
border-color: #2c3e50;
|
border-color: #2c3e50;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr.star-primary:after {
|
hr.star-primary:after {
|
||||||
color: #2c3e50;
|
color: #2c3e50;
|
||||||
background-color:transparent;
|
background-color: #fff;
|
||||||
/*background-color:#808080;*/
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-centered {
|
.img-centered {
|
||||||
@ -125,8 +122,83 @@ header .intro-text .skills {
|
|||||||
font-size: 1.75em;
|
font-size: 1.75em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media(min-width:768px) {
|
||||||
|
.navbar-fixed-top {
|
||||||
|
padding: 10px 0;
|
||||||
|
-webkit-transition: padding .3s;
|
||||||
|
-moz-transition: padding .3s;
|
||||||
|
transition: padding .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-fixed-top .navbar-brand {
|
||||||
|
font-size: 2em;
|
||||||
|
-webkit-transition: all .3s;
|
||||||
|
-moz-transition: all .3s;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*.navbar-fixed-top.navbar-shrink {
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-fixed-top.navbar-shrink .navbar-brand {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color:#1A7AC5;
|
||||||
|
}
|
||||||
|
.navbar a:focus {
|
||||||
|
outline: 0;
|
||||||
|
color:#1A7AC5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .navbar-nav {
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .navbar-nav li a:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default,
|
||||||
|
.navbar-inverse {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.navbar-fixed-top .navbar-brand {
|
||||||
|
padding:1%;
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
|
||||||
|
color: #1A7AC5;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.logo{
|
||||||
|
|
||||||
|
height:50px;
|
||||||
|
width:200px;
|
||||||
|
padding:5px;
|
||||||
|
|
||||||
|
content: url('../img/logo_blanc.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover{
|
||||||
|
|
||||||
|
content: url('../img/logo_noir.png') ;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
section {
|
section {
|
||||||
padding: 50px 0;
|
padding: 100px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
section h2 {
|
section h2 {
|
||||||
@ -136,7 +208,7 @@ section h2 {
|
|||||||
|
|
||||||
section.success {
|
section.success {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #18bc9c;
|
background: #1A7AC5;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.success a,
|
section.success a,
|
||||||
@ -157,21 +229,21 @@ section.success a.active {
|
|||||||
padding-top: 75px;
|
padding-top: 75px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
/*#jams .portfolio-item {
|
||||||
.list-item {
|
|
||||||
right: 0;
|
right: 0;
|
||||||
margin: 0 0 15px;
|
margin: 0 0 15px;
|
||||||
|
width: 40%;
|
||||||
|
height:40%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-item .list-link {
|
#jams .portfolio-item .portfolio-link {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 400px;
|
|
||||||
border: 5px solid rgba(255,255,255,0.5);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#projet .list-item .list-link .caption {
|
#jams .portfolio-item .portfolio-link .caption {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -182,11 +254,11 @@ section.success a.active {
|
|||||||
transition: all ease .5s;
|
transition: all ease .5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
#projet .list-item .list-link .caption:hover {
|
#jams .portfolio-item .portfolio-link .caption:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#projet .list-item .list-link .caption .caption-content {
|
#jams .portfolio-item .portfolio-link .caption .caption-content {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -195,29 +267,36 @@ section.success a.active {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#projet .list-item .projet-link .caption .caption-content i {
|
#jams .portfolio-item .portfolio-link .caption .caption-content i {
|
||||||
margin-top: -12px;
|
margin-top: -12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#projet .list-item .projet-link .caption .caption-content h3,
|
#jams .portfolio-item .portfolio-link .caption .caption-content h3,
|
||||||
#projet.list-item .projet-link .caption .caption-content h4 {
|
#jams .portfolio-item .portfolio-link .caption .caption-content h4 {
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
#projet * {
|
#jams * {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(min-width:767px) {
|
@media(min-width:767px) {
|
||||||
#projet .projet-item {
|
#portfolio .portfolio-item {
|
||||||
margin: 0 0 30px;
|
margin: 0 0 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-outline {
|
.btn-outline {
|
||||||
|
margin-top: 15px;
|
||||||
|
border: solid 2px #1A7AC5;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #1A7AC5;
|
||||||
|
background: 0 0;
|
||||||
|
transition: all .3s ease-in-out;
|
||||||
|
}
|
||||||
|
.btn-outline-inverted {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
border: solid 2px #fff;
|
border: solid 2px #fff;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
@ -226,13 +305,22 @@ section.success a.active {
|
|||||||
transition: all .3s ease-in-out;
|
transition: all .3s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-outline-inverted:hover,
|
||||||
|
.btn-outline-inverted:focus,
|
||||||
|
.btn-outline-inverted:active,
|
||||||
|
.btn-outline-inverted.active {
|
||||||
|
border: solid 2px #fff;
|
||||||
|
color: #1A7AC5;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-outline:hover,
|
.btn-outline:hover,
|
||||||
.btn-outline:focus,
|
.btn-outline:focus,
|
||||||
.btn-outline:active,
|
.btn-outline:active,
|
||||||
.btn-outline.active {
|
.btn-outline.active {
|
||||||
border: solid 2px #fff;
|
border: solid 2px #1A7AC5;
|
||||||
color: #18bc9c;
|
color: #fff;
|
||||||
background: #fff;
|
background: #1A7AC5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-label-form-group {
|
.floating-label-form-group {
|
||||||
@ -291,15 +379,38 @@ form .row:first-child .floating-label-form-group {
|
|||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer h3 {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .footer-above {
|
||||||
|
padding-top: 50px;
|
||||||
|
background-color: #2c3e50;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .footer-col {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .footer-below {
|
||||||
|
padding: 25px 0;
|
||||||
|
background-color: #233140;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-social {
|
.btn-social {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
padding-top:8px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
border: 2px solid #fff;
|
border: 2px solid #fff;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 20px;
|
font-size: 30px;
|
||||||
line-height: 45px;
|
line-height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn:focus,
|
.btn:focus,
|
||||||
@ -328,3 +439,17 @@ form .row:first-child .floating-label-form-group {
|
|||||||
.scroll-top .btn:focus {
|
.scroll-top .btn:focus {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
.sectionImage
|
||||||
|
{
|
||||||
|
min-width:100px;
|
||||||
|
max-width:300px;
|
||||||
|
width:75%;
|
||||||
|
padding:0px;
|
||||||
|
margin:0 auto;
|
||||||
|
-webkit-border-radius: 50%;
|
||||||
|
-moz-border-radius: 50%;
|
||||||
|
border-radius: 50%;
|
||||||
|
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
|
||||||
|
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
|
||||||
|
box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
|
||||||
|
}
|
||||||
@ -1,122 +1,3 @@
|
|||||||
html {
|
|
||||||
position: relative;
|
|
||||||
min-height: 1054px;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
p,a
|
|
||||||
{
|
|
||||||
font-family: 'Ubuntu', serif;
|
|
||||||
font-size:15px;
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
/*min-height:1200px;
|
|
||||||
max-height:1200px;*/
|
|
||||||
margin-bottom: 0px;
|
|
||||||
padding-bottom: 0px;
|
|
||||||
color: #696969 ;
|
|
||||||
background-color:#1A7AC5;
|
|
||||||
/*background: rgba(24,188,156,.9);*/
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6,h7,h8,h9,h1
|
|
||||||
{
|
|
||||||
font-family: 'Ubuntu', serif;
|
|
||||||
color:white;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
hr.star-light,
|
|
||||||
hr.star-primary {
|
|
||||||
margin: 25px auto 30px;
|
|
||||||
padding: 0;
|
|
||||||
max-width: 250px;
|
|
||||||
border: 0;
|
|
||||||
border-top: solid 5px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.star-light:after,
|
|
||||||
hr.star-primary:after {
|
|
||||||
content: "\f005";
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
top: -.8em;
|
|
||||||
padding: 0 .25em;
|
|
||||||
font-family: FontAwesome;
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.star-light {
|
|
||||||
border-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.star-light:after {
|
|
||||||
color: #fff;
|
|
||||||
/*background-color:transparent;*/
|
|
||||||
background-color: #1A7AC5;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.star-primary {
|
|
||||||
/*background: rgba(24,188,156,.9);*/
|
|
||||||
border-color: #2c3e50;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr.star-primary:after {
|
|
||||||
color: #2c3e50;
|
|
||||||
background-color:transparent;
|
|
||||||
/*background-color:#808080;*/
|
|
||||||
}
|
|
||||||
.navbar-wrapper {
|
|
||||||
height:52px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
width:100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-wrapper .navbar-brand {
|
|
||||||
padding:5px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-wrapper .navbar-brand img {
|
|
||||||
height:40px;
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
#conjure
|
|
||||||
{
|
|
||||||
background-image: url("../img/conjure_logo.png");
|
|
||||||
width:228.3px;
|
|
||||||
height:52px;
|
|
||||||
background-size: 200px 25px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
#projet
|
|
||||||
{
|
|
||||||
margin-left:10px;
|
|
||||||
background-color:#1A7AC5;
|
|
||||||
}
|
|
||||||
.nouvelle
|
|
||||||
{
|
|
||||||
width:100%;
|
|
||||||
height:100%;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
padding:0;
|
|
||||||
}
|
|
||||||
.light-font
|
|
||||||
{
|
|
||||||
color:fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
footer {
|
|
||||||
margin: 50px 0;
|
|
||||||
}
|
|
||||||
/* Custom page CSS
|
|
||||||
-------------------------------------------------- */
|
|
||||||
/* Not required for template or sticky footer method. */
|
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
@ -149,7 +30,6 @@ footer {
|
|||||||
.projectImage
|
.projectImage
|
||||||
{
|
{
|
||||||
width:100%;
|
width:100%;
|
||||||
height:50%;
|
|
||||||
min-width:800px;
|
min-width:800px;
|
||||||
max-width:1000px;
|
max-width:1000px;
|
||||||
max-height:400px;
|
max-height:400px;
|
||||||
@ -159,6 +39,13 @@ footer {
|
|||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
.list-item {
|
||||||
|
right: 0;
|
||||||
|
margin:0 auto;
|
||||||
|
width: 40%;
|
||||||
|
height:40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.list-item .list-link .caption {
|
.list-item .list-link .caption {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -202,119 +89,12 @@ footer {
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.infobox
|
|
||||||
{
|
|
||||||
padding-top:10px;
|
|
||||||
min-height:400px;
|
|
||||||
height:30%;
|
|
||||||
max-height:400px;
|
|
||||||
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
|
|
||||||
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
|
|
||||||
box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
|
|
||||||
font-family: 'Ubuntu', serif;
|
|
||||||
font-size:20px;
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
.boxContent
|
.boxContent
|
||||||
{
|
|
||||||
padding-left:25%;
|
|
||||||
padding-right:25%;
|
|
||||||
}
|
|
||||||
#descriptionProjet
|
|
||||||
{
|
|
||||||
color:white;
|
|
||||||
}
|
|
||||||
#jams li
|
|
||||||
{
|
|
||||||
display:inline;
|
|
||||||
padding:20px;
|
|
||||||
}
|
|
||||||
#mtlgamejam
|
|
||||||
{
|
|
||||||
background-color:#f8f8f8;
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
#mtlgamejam h1
|
|
||||||
{
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
#mtlgamejam button
|
|
||||||
{
|
|
||||||
float:right;
|
|
||||||
}
|
|
||||||
#jams
|
|
||||||
{
|
{
|
||||||
|
|
||||||
color:white;
|
padding:0 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#contact
|
|
||||||
{
|
|
||||||
background-color:#f8f8f8;
|
|
||||||
height:10%;
|
|
||||||
max-height:160px;
|
|
||||||
min-height:160px;
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
#contact .boxContent
|
|
||||||
{
|
|
||||||
margin:0px;
|
|
||||||
}
|
|
||||||
#contact ul
|
|
||||||
{
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
#contact li
|
|
||||||
{
|
|
||||||
display:block;
|
|
||||||
padding:5px;
|
|
||||||
}
|
|
||||||
#conjure
|
|
||||||
{
|
|
||||||
color:white;
|
|
||||||
}
|
|
||||||
.sectionImage
|
|
||||||
{ min-height:350px;
|
|
||||||
max-height:350px;
|
|
||||||
min-width:300px;
|
|
||||||
max-width:350px;
|
|
||||||
height:35%;
|
|
||||||
width:35%;
|
|
||||||
|
|
||||||
padding:0px;
|
|
||||||
margin:1%;
|
|
||||||
-webkit-border-radius: 50%;
|
|
||||||
-moz-border-radius: 50%;
|
|
||||||
border-radius: 50%;
|
|
||||||
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
|
|
||||||
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
|
|
||||||
box-shadow: 0px 1px 5px 0px rgba(0,0,0,1);
|
|
||||||
}
|
|
||||||
.sectionImage .left
|
|
||||||
{
|
|
||||||
margin-right:3%;
|
|
||||||
margin-left:3%;
|
|
||||||
}
|
|
||||||
.sectionImage.right
|
|
||||||
{
|
|
||||||
margin-right:3%;
|
|
||||||
margin-left:3%;
|
|
||||||
}
|
|
||||||
.imgJams
|
|
||||||
{
|
|
||||||
height:30%;
|
|
||||||
width:40%;
|
|
||||||
}
|
|
||||||
.imgJams
|
|
||||||
{
|
|
||||||
height:30%;
|
|
||||||
width:40%;
|
|
||||||
}
|
|
||||||
.logo
|
|
||||||
{
|
|
||||||
width:29px;
|
|
||||||
padding:5px;}
|
|
||||||
.left
|
.left
|
||||||
{
|
{
|
||||||
float:left;
|
float:left;
|
||||||
@ -325,30 +105,7 @@ footer {
|
|||||||
float:right;
|
float:right;
|
||||||
}
|
}
|
||||||
@media(min-width:767px) {
|
@media(min-width:767px) {
|
||||||
#projet .list-item {
|
.list-item {
|
||||||
margin: 0 0 30px;
|
margin: 0 0 30px;
|
||||||
}
|
}
|
||||||
}
|
} */
|
||||||
#modalWindow h3,table,td
|
|
||||||
{
|
|
||||||
color:black;
|
|
||||||
}
|
|
||||||
#modalWindow h3
|
|
||||||
{
|
|
||||||
margin-left:10px;
|
|
||||||
}
|
|
||||||
.modal
|
|
||||||
{
|
|
||||||
padding-top:15%;
|
|
||||||
}
|
|
||||||
#pageAcceuil p,a
|
|
||||||
{
|
|
||||||
font-size:20px;
|
|
||||||
}
|
|
||||||
.modal-dialog
|
|
||||||
{
|
|
||||||
height:50%;
|
|
||||||
width:50%;
|
|
||||||
min-width:500px;
|
|
||||||
min-height:250px;
|
|
||||||
}
|
|
||||||
|
|||||||
BIN
static/img/logo_blanc.png
Normal file
BIN
static/img/logo_blanc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
BIN
static/img/logo_noir.png
Normal file
BIN
static/img/logo_noir.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
@ -1,65 +1,96 @@
|
|||||||
{% extends 'template.html' %}
|
{% extends 'template.html' %}
|
||||||
{% load staticfiles %}
|
{% load staticfiles %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="content" id="pageAcceuil">
|
<!-- Club Section -->
|
||||||
<div class="infobox" id="conjure">
|
<section id="club" class="success">
|
||||||
<img class="sectionImage left" src={% static 'img/conjureMiniLogo.png' %}>
|
<div class="container">
|
||||||
<div class="boxContent">
|
<div class="row">
|
||||||
<h1>Le Club</h1>
|
<div class="col-lg-12 text-center">
|
||||||
<p>
|
<h2>Le Club</h2>
|
||||||
Conjure est le club de développement de jeux vidéo de l’École des Technologie Supérieure.
|
<hr class="star-light">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class=" hidden-xs col-lg-4">
|
||||||
|
<img class="img-responsive sectionImage" src="{% static 'img/conjureMiniLogo.png' %}" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<p>Conjure est le club de développement de jeux vidéo de l’École des Technologie Supérieure.
|
||||||
Nos membres ont comme projet le développement d’un jeu de leur choix.Les outils utilisée sont les outils utilisée dans l'industrie du jeu.
|
Nos membres ont comme projet le développement d’un jeu de leur choix.Les outils utilisée sont les outils utilisée dans l'industrie du jeu.
|
||||||
Ils participent aussi à plusieurs évenements reliés à l’industrie du jeu vidéo telle que des compétitions et des conférences.
|
Ils participent aussi à plusieurs évenements reliés à l’industrie du jeu vidéo telle que des compétitions et des conférences.</p></div>
|
||||||
Conjure est d’ailleurs le fondateur de l’un de ces évènements, le Montréal Game Jam, qui est une compétition de développement de jeux vidéo en 48h.
|
<div class="col-lg-4">
|
||||||
Venez rejoindre notre équipe de gens motivé et passioné pour vivre votre passion de création de jeux vidéo.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="infobox" id="mtlgamejam">
|
|
||||||
<img class="sectionImage right" src={% static 'img/MTLGJ_logo.png' %}>
|
|
||||||
<div class="boxContent">
|
|
||||||
<h1>Le Montreal Game Jam</h1>
|
|
||||||
<p>
|
<p>
|
||||||
Le Montreal Game Jam est le chapitre Montréalais pour le Global Game Jam.
|
Conjure est d’ailleurs le fondateur de l’un de ces évènements, le Montréal Game Jam, qui est une compétition de développement de jeux vidéo en 48h.
|
||||||
|
Venez rejoindre notre équipe de gens motivé et passioné pour vivre votre passion de création de jeux vidéo.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Montreal Game Jam Section -->
|
||||||
|
<section id="mtlgamejam">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12 text-center">
|
||||||
|
<h2>Le Montreal Game Jam</h2>
|
||||||
|
<hr class="star-primary">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<p>Le Montreal Game Jam est le chapitre Montréalais pour le Global Game Jam.
|
||||||
Cet événement international donne comme défi aux participants de réaliser un
|
Cet événement international donne comme défi aux participants de réaliser un
|
||||||
prototype de jeu basé sur une thématique spécifique pendant une période de 48 heures.
|
prototype de jeu basé sur une thématique spécifique pendant une période de 48 heures.
|
||||||
Plus de 10 684 participants dans 47 pays ont accepté le défi en 2012 et plus de 2209 jeux ont étés réalisés lors de l’événement.
|
.</p></div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<p>Plus de 10 684 participants dans 47 pays ont accepté le défi en 2012 et plus de 2209 jeux ont étés réalisés lors de l’événement.
|
||||||
L’organisation du Montreal Game Jam est constitué de l’union de multiples universités et professionnels de Montréal
|
L’organisation du Montreal Game Jam est constitué de l’union de multiples universités et professionnels de Montréal
|
||||||
dont le mandat commun est de promouvoir l’industrie du jeu vidéo.
|
dont le mandat commun est de promouvoir l’industrie du jeu vidéo</p>
|
||||||
</p>
|
</div>
|
||||||
<button><a href="http://mtlgamejam.org/">En savoir plus</a></button>
|
<div class=" hidden-xs col-lg-4">
|
||||||
|
<img class="img-responsive sectionImage" src="{% static 'img/MTLGJ_logo.png' %}" alt="">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-12 col-lg-offset-2 text-center">
|
||||||
|
<a href="#" class="btn btn-lg btn-outline">
|
||||||
|
En savoir plus
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="infobox" id="jams">
|
</div>
|
||||||
<div class="boxContent"><h1>Autre Jams</h1>
|
</section>
|
||||||
<p>
|
|
||||||
Voici quelque Game Jam auquel Conjure participe:
|
<!-- Contact Section -->
|
||||||
<ul>
|
<section id="jams" class="success">
|
||||||
<li>
|
<div class="container">
|
||||||
<img src={% static 'img/jams/ggjlogo.png' %} class="imgJams">
|
<div class="row">
|
||||||
</li>
|
<div class="col-lg-12 text-center">
|
||||||
<li>
|
<h2>Les autres Jams</h2>
|
||||||
<img src={% static 'img/jams/pixelChalenge.png' %} class="imgJams">
|
<hr class="star-light">
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src={% static 'img/jams/gameJamBattle.png' %} class="imgJams">
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<img src={% static 'img/jams/OJamLogo.png' %} class="imgJams">
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="infobox" id="contact">
|
<div class="row text-center">
|
||||||
<ul class="left"><li><p>local A-1744</p></li>
|
<div class="col-lg-3 col-md-4 list-item">
|
||||||
<li><a href="mailto:Conjure@ens.etsmtl.ca">Conjure@ens.etsmtl.ca</a></li>
|
<img src="{% static 'img/jams/ggjlogo.png' %}" class="hidden-xs img-responsive" alt="">
|
||||||
<li><p>(514) 396-8800 poste: #7713</p></li>
|
<p class="visible-xs">Global Game Jam</p>
|
||||||
</ul>
|
</div>
|
||||||
<ul class="right">
|
<div class="col-lg-3 col-md-4 list-item">
|
||||||
<li><a href="https://www.facebook.com/ConjureETS"><img src={% static 'img/fblogo.png' %} class="logo"/>ConjureETS</a></li>
|
<img src="{% static 'img/jams/pixelChalenge.png' %}" class="hidden-xs img-responsive" alt="">
|
||||||
<li><a href="https://www.youtube.com/user/ConjureETS"><img src={% static 'img/ytlogo.png' %} class="logo"/>Youtube</a></li>
|
<p class="visible-xs">Pixel Chalenge</p>
|
||||||
</ul>
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-4 list-item">
|
||||||
|
<img src="{% static 'img/jams/GameJamBattle.png' %}" class="hidden-xs img-responsive" alt="">
|
||||||
|
<p class="visible-xs">Game Jam Battle</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-3 col-md-4 list-item">
|
||||||
|
<img src="{% static 'img/jams/OjamLogo.png' %}" class="hidden-xs img-responsive" alt="">
|
||||||
|
<p class="visible-xs">O Jam</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@ -14,8 +14,8 @@
|
|||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
|
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
|
||||||
<!-- Custom CSS -->
|
<!-- Custom CSS -->
|
||||||
<link href="{% static 'css/style.css' %}" rel="stylesheet">
|
<link href="{% static 'css/style.css' %}" rel="stylesheet"-->
|
||||||
<!--link href="{% static 'css/timeline2.css' %}" rel="stylesheet"-->
|
<link href="{% static 'css/freelancer.css' %}" rel="stylesheet">
|
||||||
<!-- Custom Fonts -->
|
<!-- Custom Fonts -->
|
||||||
<link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
|
<link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
|
||||||
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
|
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
|
||||||
@ -23,49 +23,109 @@
|
|||||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
|
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body id="page-top">
|
||||||
<div class="navbar-wrapper">
|
<!-- Navigation -->
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top">
|
<nav class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar-header">
|
<!-- Brand and toggle get grouped for better mobile display -->
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
<div class="navbar-header page-scroll">
|
||||||
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||||
<span class="sr-only">Toggle navigation</span>
|
<span class="sr-only">Toggle navigation</span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
</button>
|
</button>
|
||||||
<a class="navbar-brand" href="{% url 'index' %}"><img src="{% static 'img/conjure_logo.png' %}" height="40px"></a>
|
<a class="navbar-brand" href="{% url 'index' %}"> <img class="logo"/></a>
|
||||||
</div>
|
</div>
|
||||||
<div id="navbar" class="navbar-collapse collapse">
|
|
||||||
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||||
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
<li class="hidden">
|
||||||
|
<a href="#page-top"></a>
|
||||||
|
</li>
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li><a href="{% url 'index' %}">Accueil</a></li>
|
<li><a href="{% url 'index' %}">Accueil</a></li>
|
||||||
<!--li><a href="{% url 'blog:index' %}">Blog</a></li-->
|
|
||||||
<li><a href="{% url 'project:index' %}">Projets</a></li>
|
<li><a href="{% url 'project:index' %}">Projets</a></li>
|
||||||
<li><a href="{% url 'member:index' %}">Membres</a></li>
|
<li><a href="{% url 'member:index' %}">Membres</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- /.navbar-collapse -->
|
||||||
</div>
|
</div>
|
||||||
|
<!-- /.container-fluid -->
|
||||||
</nav>
|
</nav>
|
||||||
|
<!--/.navbar -->
|
||||||
</div>
|
|
||||||
</div><!--/.navbar -->
|
|
||||||
|
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="text-center">
|
||||||
|
<div class="footer-above">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="footer-col col-md-6">
|
||||||
|
<h3>Emplacement</h3>
|
||||||
|
<p>local A-1744<br><a href="mailto:Conjure@ens.etsmtl.ca">Conjure@ens.etsmtl.ca</a><br>(514) 396-8800 poste: #7713</p>
|
||||||
|
</div>
|
||||||
|
<div class="footer-col col-md-6">
|
||||||
|
<h3>Nous Contacter</h3>
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li>
|
||||||
|
<a href="https://www.facebook.com/ConjureETS" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.youtube.com/user/ConjureETS" class="btn-social btn-outline"><i class="fa fa-fw fa-youtube"></i></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://twitter.com/conjureets" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="mailto:Conjure@ens.etsmtl.ca" class="btn-social btn-outline"><i class="fa fa-fw fa-paper-plane"></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-below">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
Copyright © Conjure
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
|
||||||
<div class="scroll-top page-scroll visible-xs visible-sm">
|
<div class="scroll-top page-scroll visible-xs visible-sm">
|
||||||
<a class="btn btn-primary" href="#page-top">
|
<a class="btn btn-primary" href="#page-top">
|
||||||
<i class="fa fa-chevron-up"></i>
|
<i class="fa fa-chevron-up"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
<!-- Portfolio Modals -->
|
||||||
<script src="{% static 'js/bootstrap.min.js' %}"></script>
|
|
||||||
<script src="{% static 'js/jquery.js' %}"></script>
|
<!-- jQuery -->
|
||||||
|
<script src="js/jquery.js"></script>
|
||||||
|
|
||||||
|
<!-- Bootstrap Core JavaScript -->
|
||||||
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Plugin JavaScript -->
|
||||||
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
|
||||||
<script src="{% static 'js/jqBootstrapValidation.js' %}"></script>
|
<script src="js/classie.js"></script>
|
||||||
<script src="{% static 'js/contact_me.js' %}"></script>
|
<script src="js/cbpAnimatedHeader.js"></script>
|
||||||
<script src="{% static 'js/modalWindow.js' %}"></script>
|
|
||||||
|
<!-- Contact Form JavaScript -->
|
||||||
|
<script src="js/jqBootstrapValidation.js"></script>
|
||||||
|
<script src="js/contact_me.js"></script>
|
||||||
|
|
||||||
|
<!-- Custom Theme JavaScript -->
|
||||||
|
<script src="js/freelancer.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user