gestioCOF/gestioncof/static/css/cof.css
Aurélien Delobelle 05eeb6a25c core -- Install django-allauth-ens
Refer to allauth doc for an accurate features list:
  http://django-allauth.readthedocs.io/en/latest/

Users can now change their password, ask for a password reset, or set
one if they don't have one.

In particular, it allows users whose account has been created via a
clipper authentication to configure a password before losing their
clipper. Even if they have already lost it, they are able to get one
using the "Reset password" functionality.

Allauth multiple emails management is deactivated. Requests to the
related url redirect to the home page.

All the login and logout views are replaced by the allauth' ones. It
also concerns the Django and Wagtail admin sites.

Note that users are no longer logged out of the clipper CAS server when
they authenticated via this server. Instead a message suggests the user
to disconnect.

Clipper connections and `login_clipper`
---------------------------------------

- Non-empty `login_clipper` are now unique among `CofProfile` instances.
- They are created once for users with a non-empty 'login_clipper' (with
the data migration 0014_create_clipper_connections).
- The `login_clipper` of CofProfile instances are sync with their
clipper connections:
    * `CofProfile.sync_clipper_connections` method updates the
connections based on `login_clipper`.
    * Signals receivers `sync_clipper…` update `login_clipper` based on
connections creations/updates/deletions.

Misc
----

- Add NullCharField (model field) which allows to use `unique=True` on
CharField (even with empty strings).
- Parts of kfet mixins for TestCase are now in shared.tests.testcase,
  as they are used elsewhere than in the kfet app.
2018-10-21 17:09:12 +02:00

1135 lines
18 KiB
CSS

html,body {
background-color : #A7D4CD;
/*
font-family: 'Hind', sans-serif;
*/
font-family: 'Roboto', sans-serif;
}
#principal {
background-color : white;
padding : 0;
}
@font-face {
font-family: 'Droid Serif';
font-style: normal;
font-weight: bold;
src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('droidserif.woff') format('woff');
}
.no-padding {
padding : 0;
}
.espace {
clear: both;
min-height : 30px;
}
.no-bottom-margin {
margin-bottom: 0px !important;
}
.spacer {
clear: both;
}
a {
color: #111;
background: transparent;
}
div.empty-form {
padding-bottom: 2em;
}
a:hover {
color: #444;
background: transparent;
text-decoration: none;
}
form#profile table {
border-collapse: collapse;
}
table#bda_formset {
width: 100%;
}
.bda-field-spectacle select {
width: 96%;
margin: 0 2%;
}
.bda-field-double_choice select {
width: 94%;
margin: 0 3%;
}
.bda-field-double, .bda-field-autoquit, .bda-field-priority {
text-align: center;
}
.bda-field-double {
width: 15%;
}
.bda-field-autoquit {
width: 15%;
}
.tools-cell {
width: 32px;
}
/*
.tools {
width: 32px;
}
.tools a.icon.drag-handler, .tools a.icon.delete-handler {
float: left;
}
.tools a.icon.drag-handler {
margin-right: 5px;
}*/
.form-horizontal .form-group {
margin-right: 0px;
margin-left: 0px;
}
form .control-label {
color: #B56A59;
}
.remove-btn {
color: #E6516A !important;
font-size: large;
}
.drag-btn {
color :#4F504B !important;
font-size: large;
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #DE826B;
border-color: #AB6452;
}
.btn-primary:active:hover,
.btn-primary:hover {
color: #fff;
background-color: #D89C8D;
border-color: #AB6452;
}
label {
font-weight: normal;
}
form#bda_form {
margin-top:15px;
}
form#bda_form p {
font-size: 0.8em;
}
form#bda_form thead {
color : #B56A59
}
form#bda_form label.control-label {
display: none;
}
form#bda_form .form-group {
margin-top : 15px;
}
form#bda_form thead {
background-color: #F7F7F7;
}
form#bda_form {
margin-top: 0px;
margin-left: -20px;
margin-right: -20px;
}
table#bda_formset {
border-spacing: 0px 5px;
}
table#bda_formset th:first-child {
padding-left: 20px;
}
form.petit-cours_form table#bda_formset td:first-child,
form.petit-cours_form table#bda_formset th:first-child {
padding-left: 20px;
}
form.petit-cours_form table#bda_formset td:last-child,
form.petit-cours_form table#bda_formset th:last-child {
padding-right: 20px;
}
form.petit-cours_form .remove-btn {
margin-top : 10px;
}
tr.dynamic-form td {
background: #F0F0F0;
}
tr.dynamic-form.predelete td {
background-color: #FFECEC;
}
tr.ui-sortable-placeholder td, .placeholder-cell {
background: transparent;
}
/*
tr.dynamic-form td {
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #888;
background: #EEE;
}
tr.dynamic-form td:first-child {
border-left-width: 1px;
}
tr.dynamic-form.predelete td {
background-color: #FFECEC;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CCC;
}
tr.dynamic-form.predelete td:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid #CCC;
}
tr.dynamic-form.predelete td:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.ui-sortable-helper {
}
tr.ui-sortable-placeholder td, .placeholder-cell {
background: transparent;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CCC;
}
tr.ui-sortable-placeholder td:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid #CCC;
}
tr.ui-sortable-placeholder td:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}*/
form {
padding: 0;
}
#form-placeholder {
margin-top: 15px;
}
#form-placeholder form#profile {
margin-top: 10px;
}
form#profile table td, form#profile table th {
width: 400px;
}
/* centered columns styles */
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
/* reset the text-align */
text-align:left;
/* inline-block space fix */
}
form#profile table th {
text-align: right;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
float: left;
clear: none;
width: auto;
}
fieldset legend {
display: none;
}
.title-link {
float: none;
display: block;
}
@media (min-width: 480px) {
.title-link {
float: right !important;
}
}
#main-content {
background-color: white ;
padding: 20px;
}
#main-content a,
#main-content a:hover {
color : #D81138;
}
#main-content h3 {
font-weight: 700;
font-size: large;
color:#DE826B;
padding-bottom: .5em;
}
#main-content h4 {
color:#DE826B;
padding-bottom: .5em;
}
#main-content h2,
#main-content h3.horizontal-title {
display : block;
padding : 12px;
margin: -20px -20px 10px -20px ;
font-family: 'Dosis', sans-serif;
font-weight: 700;
color: white;
border-style: solid;
border-color: #4F504B;
}
#main-content h2 {
font-size: x-large;
background-color:#DE826B;
border-width: 0px 0px 5px 0px;
}
#main-content h2 a {
color : #C9E5E1;
}
#main-content h2 a:hover {
color : #ABB8B6;
}
#main-content h3.horizontal-title {
font-weight: 700;
font-size: large;
background-color:#EAA594;
border-width: 0px 0px 3px 0px;
}
/*
main-container {
max-width: 95%;
width: 1000px;
margin: 7em auto;
display: block;
}*/
/*
#main {
border: 15px solid #333;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 2em;
box-shadow: 0 0 100px #AAA inset;
}*/
/*
#main #main-content {
font-size: 1.25em;
margin-top: 10px;
}
#main #main-content ul {
line-height: 1.3em;
}
#main h1 {
font-size: 3em;
}
#main h1 a {
color: #333;
text-decoration: none;
}
#main h2 {
font-size: 1.5em;
margin-bottom: 10px;
}
#main h3 {
font-size: 1.3em;
margin-top: 5px;
}
#main h4 {
margin-top: 10px;
font-weight: bold;
}
#main p {
margin-top: 8px;
margin-bottom: 8px;
}*/
.home-link {
font-family: 'Dosis', sans-serif;
font-weight: 700;
font-size: large ;
}
.banner h1 {
display : inline;
}
.block-title {
display : block;
padding : 10px;
font-family: 'Dosis', sans-serif;
font-weight: 700;
}
h3.block-title {
color: white;
background-color:#DE826B;
border-style: solid;
border-width: 0px 0px 5px 0px;
border-color: #4F504B;
}
h4.block-title {
color: white;
background-color:#EAA594;
border-style: solid;
border-width: 0px 0px 2px 0px;
border-color: #4F504B;
}
.hm-block h4 {
color: #B56A59;
}
.hm-block {
background-color : white ;
padding : 15px;
}
.buro-user-hm,
.normal-user-hm,
.foot-banner{
padding-left : 0px;
padding-right : 0px;
}
@media (min-width: 768px) {
.buro-user-hm,
.normal-user-hm,
.foot-banner {
padding-left : 15px;
padding-right : 15px;
}
}
.container-fluid {
padding : 0;
}
.buro-user-hm h3.block-title {
background: repeating-linear-gradient(
45deg,
#DE826B,
#DE826B 4px,
#B56A59 4px,
#B56A59 8px
);
}
.home-menu h3.block-title {
font-size: large;
text-transform: uppercase;
}
#main-content form li {
list-style: none;
}
#main form ul.errorlist li {
font-weight: bold;
color: #B00000;
background-color: transparent;
list-style: disc;
}
.inscription-bottom {
display: block;
padding: 0px 20px 20px 20px ;
margin-top : 15px;
}
.bda-prix {
font-weight: bold;
color:#DE826B;
}
.table-top {
background-color: #F0F0F0;
margin: -20px;
margin-top: 0px;
padding:20px;
padding-bottom: 28px;
padding-top: 8px;
}
form#bda_form ul.errorlist li {
padding-left: 0px;
list-style: none;
}
#main-login.login_block {
padding: 2em;
}
#login_clipper, #login_outsider {
height: 200px;
text-align: center;
font-size: 2em;
font-weight: bold;
text-decoration: none;
color: #FFF;
padding: 70px 20px 40px 20px;
}
#login_clipper {
background-color: #49A5E3;
}
#login_clipper:hover {
background-color: #71B5E3;
}
#login_outsider {
background-color: #E36748;
}
#login_outsider:hover {
background-color: #E38871;
}
#main-login label {
font-size: 11px;
}
#main-login label span.accesskey {
text-decoration: underline;
}
#main-login input {
letter-spacing: 1px;
}
#main-login .btn-row {
float: right;
}
.btn-submit, .btn-addmore {
float: none;
clear: none;
display: inline;
letter-spacing: 0;
color: #333;
padding: 5px;
text-transform: uppercofe;
font-variant: small-caps;
border: 1px solid #ccc;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC));
background: -moz-linear-gradient(19% 75% 90deg,#EEE, #CCC);
background: linear-gradient(center top, #EEE, #CCC);
}
#main-login .btn-reset {
float: none;
clear: none;
margin-left: 5px;
border: 0;
border-left: 1px solid #ddd;
background: transparent;
color: #777;
text-transform: lowercase;
letter-spacing: 0;
}
/* RESET --------------------------------- */
/* reset some properties for elements since defaults are not crossbrowser - http: //meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,h1,h2,h3,h4,p,a,img,ul,li,fieldset,form,label,legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
/*
font-weight: inherit;
font-style: inherit;
font-family: inherit;
*/
font-size: 100%;
vertical-align: baseline;
}
:focus {
outline: 0;
}
ul {
font-size: 1.1em;
padding: 6px 0 6px 12px;
}
.home-menu ul {
padding: 0px 0px 15px 0px;
list-style-type: none;
}
.home-menu ul:last-child {
padding: 0;
list-style-type: none;
}
/*
body {
font: normal 400 62.5%/1.0 Verdana, sans-serif;
background-color: #eee;
color: #333;
}*/
/* HEADER --------------------------------- */
header {
background-color :#4F504B;
font-size:large;
color: white;
padding: 0;
}
header .banner {
padding-top : 15px;
padding-bottom : 15px;
}
header a,
header a:hover,
header a:focus,
header a:active {
color : white ;
}
/*
#header h1 {
font-family: 'Droid Serif', serif;
font-weight: bold;
font-size: 18px;
margin-bottom: 5px;
float: left;
}*/
.user-is-cof {
color : #ADE297;
}
.user-is-not-cof {
color: #EE8585;
}
/*
#header #homelink {
float: right;
}*/
tt {
font-weight: bold;
}
header h1 {
font-family: 'Dosis', sans-serif;
font-size: x-large;
}
header h2 {
display : inline-block;
}
.member-status {
float: left;
display : block;
width:100%;
padding-top: 3px;
}
@media (min-width: 480px) {
.member-status {
float: right;
display: inline;
width: auto;
}
}
.hidden-xxs {
display: none;
}
@media (min-width: 480px) {
.hidden-xxs {
display: inline;
}
}
.secondary {
float:right;
}
header .btn-toolbar {
float : left ;
}
header .btn-default {
color: white;
background-color: #4F504B;
border-color: white;
}
header .btn-default:focus,
header .btn-default.focus {
color: white;
background-color: #686965;
border-color: white;
}
header .btn-default:hover {
color: white;
background-color: #686965;
border-color: white;
}
header .btn-default:active,
header .btn-default.active,
header .open > .dropdown-toggle.btn-default {
background-color: #686965;
border-color: white;
}
/* Announcements banner ------------------ */
#banner {
background-color: #d86b01;
width: 100%;
text-align: center;
padding: 10px;
color: white;
font-size: larger;
}
/* FORMS --------------------------------- */
input[disabled], input[readonly] {
color: #BBB;
}
input[type="text"], input[type=password] {
border: 1px solid #888;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 0 3px #AAA inset;
padding: 0px 2px 0px 2px;
}
input#search_autocomplete {
width: 90%;
font-size: 18px;
height: 40px;
padding: 10px 8px;
margin: 0 auto;
margin-top: 0px;
display: block;
color: #aaa;
}
input#search_autocomplete:focus {
color: #343a4a;
}
input[type=number][readonly] {
-moz-appearance:textfield;
}
input[type=number][readonly]::-webkit-inner-spin-button,
input[type=number][readonly]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.autocomplete {
margin-bottom:5px;
}
.yourlabs-autocomplete ul {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 1.5em;
}
.yourlabs-autocomplete li {
padding: 6px 5px;
display: block;
}
.yourlabs-autocomplete li a {
text-decoration: none;
}
.yourlabs-autocomplete li a span.highlight {
text-decoration: underline;
font-weight: bold;
}
.yourlabs-autocomplete li.autocomplete-header {
background-color: #FFEF9E;
padding: 3px 5px;
color: #000;
}
.yourlabs-autocomplete li.autocomplete-value {
cursor: pointer;
}
.yourlabs-autocomplete li.hilight {
background-color: #EA4839;
color: #FFF;
}
.yourlabs-autocomplete li.hilight a {color: #FFF; }
.yourlabs-autocomplete {
border: solid;
border-width: 0px 1px 1px 1px;
border-color: #B3B3B3;
background: #FAFAFA;
display: block;
}
.yourlabs-autocomplete.outer-container { position: relative; }
.yourlabs-autocomplete.inner-container {
position: absolute;
left: -1px;
top: 2px;
border: 1px solid #B7B7B7;
width: 618px;
background: #fff;
}
#main-content > .yourlabs-autocomplete {
display:none;
}
.yourlabs-autocomplete.inner-container {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
position: relative;
list-style-type: none;
}
hr {
border-color : #D4D6C8;
}
/*
hr {
border: 0;
height: 1px;
background: #333;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,70%,0)), color-stop(50%,hsla(0,0%,70%,.75)), color-stop(100%,hsla(0,0%,70%,0)));
background: -webkit-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%);
background: -moz-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%);
background: -ms-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%);
background: -o-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%);
background: linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%);
}*/
.tristate:hover {
cursor: pointer;
}
abbr[title] {
cursor: help;
border-bottom: 1px dotted #999999;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 0 0 0 15px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
blockquote p {
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 25px;
}
blockquote small {
display: block;
line-height: 20px;
color: #999999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
blockquote.pull-right small:before {
content: '';
}
blockquote.pull-right small:after {
content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 20px;
}
code,
pre {
padding: 0 3px 2px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 12px;
color: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
code {
padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
pre.prettyprint {
margin-bottom: 20px;
}
pre code {
padding: 0;
color: inherit;
background-color: transparent;
border: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
/* Louis pour etat places*/
.greenratio {
background-color: #ADE297;
text-align: center;
}
.orangeratio {
background-color: #EEE285;
text-align: center;
}
.redratio {
background-color: #EE8585;
text-align: center;
}
th[data-sort]{
cursor:pointer;
}
tbody tr.clickable-row {
cursor:pointer;
}
tr.awesome{
color: red;
}
.title-foot {
padding-right:0px;
padding-left:0px;
}
.foot-banner {
font-family: 'Dosis', sans-serif;
background-color :#4F504B;
color: white;
padding: 20px;
}
.petitcours-raw {
padding:20px;
background:#fff;
}
/* Messages */
.messages .alert .close {
top:0;
right:0;
}
.messages .alert {
padding:10px 15px;
margin:0;
border:0;
border-radius:0;
}
div.messages div.alert-info {
background-color: #659C94;
}
div.messages div.alert-success {
background-color: #41C342;
}
div.messages div.alert-warning {
background-color: #efa50f;
}
div.messages div.alert-error {
background-color: #e14b4b;
}
div.messages div.alert-info div.container,
div.messages div.alert-error div.container,
div.messages div.alert-warning div.container,
div.messages div.alert-success div.container {
color: white;
}
div.messages div.alert div.container a {
color: inherit;
}
/* Help text */
p.help-block {
margin: 5px auto;
width: 90%;
}
div.bg-info {
border-radius: 3px;
padding: 0.3em 1em;
margin-left: 1em;
margin-right: 1em;
}
.bootstrap-form-reduce > .form-group {
margin-top: -16px;
}