date.chapril.org-framadate/css/style.css

575 lines
10 KiB
CSS
Raw Normal View History

/* This software is governed by the CeCILL-B license. If a copy of this license
* is not distributed with this file, you can obtain one at
* http://www.cecill.info/licences/Licence_CeCILL_V2.1-en.txt
*
* Authors of STUdS (initial project) : Guilhem BORGHESI (borghesi@unistra.fr) and Raphaël DROZ
* Authors of OpenSondage : Framasoft (https://github.com/framasoft)
*
* =============================
*
* Ce logiciel est régi par la licence CeCILL-B. Si une copie de cette licence
* ne se trouve pas avec ce fichier vous pouvez l'obtenir sur
* http://www.cecill.info/licences/Licence_CeCILL_V2.1-fr.txt
*
* Auteurs de STUdS (projet initial) : Guilhem BORGHESI (borghesi@unistra.fr) et Raphaël DROZ
* Auteurs d'OpenSondage : Framasoft (https://github.com/framasoft)
*/
2015-03-26 00:00:27 +01:00
@font-face {
font-family: "DejaVu Sans";
src: url('../fonts/DejaVuSans.ttf');
}
2014-10-21 01:31:26 +02:00
body {
font-family: "DejaVu Sans", Verdana, Geneva, sans-serif;
color:#333;
background:#eee;
}
2019-03-20 10:58:06 +01:00
.footer {
text-align: right;
margin-bottom: 1em;
margin-right: 1em;
}
2014-10-21 01:31:26 +02:00
.trait { /* hr */
background-color: #EEE;
2015-04-11 17:56:49 +02:00
height: 5px;
margin: 5px 0;
border: none;
}
2014-10-21 01:31:26 +02:00
.ombre {
background-color: #FFF;
box-shadow: -4px 6px 9px rgba(50, 50, 50, 0.5);
2015-04-11 17:56:49 +02:00
margin: 15px auto 30px;
}
.hide {
display: none;
}
/* Commentaires */
div.comment{
2015-04-11 17:56:49 +02:00
margin-bottom: 10px;
border-left: 1px dashed #999;
background: #F5F5F5;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 14px;
}
2015-10-12 23:14:21 +02:00
.comment_date {
font-style: italic;
font-size: 12px;
letter-spacing: -0.7px;
color: grey;
}
/* Règles générales */
a:focus { /* a11y */
outline:#000 dotted 1px;
}
2015-04-11 17:56:49 +02:00
header, footer {
}
main {
margin-top: 20px;
}
header h1 {
margin-top: 0;
}
.container {
padding: 30px;
2015-04-11 17:56:49 +02:00
}
.container .jumbotron {
padding: 20px 20px;
2015-04-11 17:56:49 +02:00
border-radius: 2px;
}
.container .jumbotron p {
font-size: 1em;
}
2018-02-14 15:23:21 +01:00
.container .jumbotron .btn-group >.btn {
margin-bottom: 20px;
white-space: normal;
}
2014-11-06 15:52:59 +01:00
.summary h4 {
2014-10-21 01:31:26 +02:00
margin-top:0;
}
.summary {
font-weight:bold;
}
.summary img {
max-width:100px;
}
2015-04-11 17:56:49 +02:00
.alert {
border-radius: 2px;
}
2015-04-23 23:18:31 +02:00
.very-small {
font-size: 70%;
}
/* Effet sur les images en page d'accueil */
2014-10-21 01:31:26 +02:00
.opacity img {
opacity: 0.8;
}
2014-10-21 01:31:26 +02:00
.opacity:hover img {
opacity: 1;
}
.home-choice {
margin-bottom:50px;
}
/* Description du sondage */
/* studs.php et adminstuds.php */
header .lead {
padding: 10px 0;
margin:0;
}
header form .input-group .form-control {
margin-bottom: 20px;
}
header form .input-group .input-group-btn {
vertical-align: top;
}
#admin-link, #public-link {
cursor:text;
}
.admin-link, .public-link,
.admin-link:hover, .public-link:hover {
color:#333;
text-decoration:none;
border:none;
}
2014-11-06 15:52:59 +01:00
.jumbotron h3, .jumbotron .js-title {
margin-bottom:20px;
2015-04-14 22:43:04 +02:00
margin-top:0;
}
.poll-description {
font-family: inherit;
2015-09-14 23:33:14 +02:00
word-break: initial;
}
/** Description in markdown **/
2016-05-12 16:20:47 +02:00
.form-group .CodeMirror, .form-group .CodeMirror-scroll {
min-height: 200px;
}
2016-05-12 16:20:47 +02:00
#description-form .CodeMirror {
background-color: #f5f5f5;
}
2016-05-12 16:20:47 +02:00
.editor-toolbar {
margin-top: 10px;
background-color: #eee;
}
#poll_comments {
margin-top: 10px;
}
2014-11-06 15:52:59 +01:00
h4.control-label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
font-size: 14px;
line-height: 1.42857;
2014-10-21 01:31:26 +02:00
margin-top:0;
}
caption {
padding: 0 10px 10px;
font-weight:bold;
}
2015-04-15 13:43:40 +02:00
.results a.btn-default.btn-sm {
padding: 3px 7px;
font-size: 0.7em;
}
/* adminstuds.php */
#title-form h3 .btn-edit,
#email-form .btn-edit,
2014-10-21 01:31:26 +02:00
#description-form .btn-edit,
#poll-rules-form .btn-edit,
#poll-hidden-form .btn-edit,
#expiration-form .btn-edit,
#password-form .btn-edit,
#name-form .btn-edit {
position:absolute;
left:-2000px;
}
#title-form .btn-edit:focus,
2014-11-06 15:52:59 +01:00
#title-form h3:hover .btn-edit,
#email-form .btn-edit:focus,
#email-form:hover .btn-edit,
#description-form .btn-edit:focus,
2014-10-21 01:31:26 +02:00
#description-form:hover .btn-edit,
#poll-rules-form .btn-edit:focus,
#poll-rules-form:hover .btn-edit,
#poll-hidden-form .btn-edit:focus,
#poll-hidden-form:hover .btn-edit,
#expiration-form .btn-edit:focus,
#expiration-form:hover .btn-edit,
#password-form .btn-edit:focus,
#password-form:hover .btn-edit,
#name-form .btn-edit:focus,
#name-form:hover .btn-edit {
position:relative !important;
left:0;
2015-04-14 22:43:04 +02:00
padding: 0 10px;
}
.js-desc textarea {
margin-bottom:5px;
}
#author-form .form-control-static {
margin-bottom:0;
}
#poll-rules-form p, #poll-hidden-form p,
2014-10-21 01:31:26 +02:00
.jumbotron p.well {
font-size:16px;
}
.jumbotron p {
font-weight: normal;
}
/* Tableau du sondage */
#tableContainer {
overflow-x:auto;
margin:5px auto;
}
table.results {
margin:0 auto;
}
table.results > tbody > tr:hover > td,
table.results > tbody > tr:hover > th {
opacity:0.85;
}
table.results > tbody > tr#vote-form:hover > td,
table.results > tbody > tr#vote-form:hover > th {
opacity:1;
}
table.results tbody td {
text-align:center;
padding:1px 5px;
border-bottom: 2px solid white;
border-top: 2px solid white;
}
table.results thead th {
text-align:center;
border:2px solid white;
padding: 5px;
min-width:40px;
2014-10-21 01:31:26 +02:00
font-size:12px;
max-width:100px;
overflow:hidden;
text-overflow:ellipsis;
}
2018-03-28 22:34:24 +02:00
table.results thead th img {
max-width: 100%;
}
table.results thead .btn {
margin: 0 auto;
display: block;
}
table.results th.rbd.day,
table.results th.rbd.bg-info,
table.results td.rbd {
border-right: 2px dotted white;
}
table.results th.bg-primary.month,
table.results th.day,
table.results th.bg-info {
border-bottom:none;
border-top:none;
border-right: 2px dotted white;
border-left: 2px dotted white;
}
table.results tbody th.bg-info {
border-right: 2px solid white;
border-left: 2px solid white;
text-align:center;
min-width:150px;
}
table.results th.bg-primary.month,
table.results th.day {
text-align:left;
}
table.results #nom {
width:115px;
}
table.results .btn-link.btn-sm {
padding:2px;
}
2015-06-17 22:39:14 +02:00
#addition {
vertical-align:top;
}
#showChart {
margin-top:30px;
}
#Chart {
padding-right:30px;
}
2018-02-18 17:56:10 +01:00
/* Formulaire de création de sondage */
@media (max-width: 767px) {
#formulaire .col-xs-12 {
padding-left: 0;
margin-bottom: 20px;
}
}
/* Formulaire de vote */
#vote-form td ul, #vote-form td label {
margin:0;
font-size:12px;
}
2018-02-18 17:56:10 +01:00
#vote-form td label {
padding: 1px 3px;
}
#vote-form td {
border-top:2px solid white;
}
#vote-form td:first-child {
min-width: 180px;
}
.yes input, .ifneedbe input,.no input {
2015-10-26 13:44:23 +01:00
position: absolute;
width: 1px;
height: 1px;
padding: 0;
2015-10-26 13:44:23 +01:00
margin: -1px;
overflow: hidden;
clip: rect(0px, 0px, 0px, 0px);
border: 0 none;
}
.choice input:focus + label {
outline: 2px dotted #000;
outline-offset: -2px;
}
.choice {
width: 35px;
margin:0 auto !important;
}
.choice label {
cursor: pointer;
}
td.btn-edit {
padding: 5px;
}
span.edit-username-left {
float: right;
}
.yes .btn, .ifneedbe .btn, .no .btn {
width: 35px;
color: #555;
}
.yes .btn,.yes .btn:hover {
2015-04-11 17:56:49 +02:00
border-bottom-right-radius:0 !important;
border-bottom-left-radius:0 !important;
margin-bottom:-1px !important;
margin-top:4px !important;
color: #677835;
}
.ifneedbe .btn,.ifneedbe .btn:hover {
2015-04-11 17:56:49 +02:00
border-radius: 0;
color: #C48A1B;
}
.no .btn,.no .btn:hover{
2015-04-11 17:56:49 +02:00
border-top-right-radius:0 !important;
border-top-left-radius:0 !important;
margin-bottom:4px !important;
margin-top:-1px !important;
color: #AD220F;
}
.yes input[type="radio"]:checked + label { /* =.btn-success.active */
2014-10-21 01:31:26 +02:00
color: #fff;
background-color: #768745;
border-color: #67753C;
2015-04-14 22:43:04 +02:00
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.ifneedbe input[type="radio"]:checked + label { /* =.btn-warning.active */
2014-10-21 01:31:26 +02:00
color: #fff;
background-color: #CF9800;
border-color: #BD8A00;
2015-04-14 22:43:04 +02:00
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.no input[type="radio"]:checked + label { /* =.btn-danger.active */
2014-10-21 01:31:26 +02:00
color: #fff;
background-color: #BF2511;
border-color: #AD220F;
2015-04-14 22:43:04 +02:00
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
/* Button and results "No" */
.no .btn.startunchecked {
box-shadow:none !important;
color:#AD220F !important;
background:#fff !important;
border-color:#bdbdbd !important;
}
.no .btn.startunchecked:hover {
background-color: #E0E0E0 !important;
border-color: #949494 !important;
}
Collecting Polled Users Emails Modification de la BDD : ajout de la colonne mail dans la table vote Modification de la BDD : ajout de la colonne mail dans la table vote (bis) MAJ de VoteRepository : méthode insert et update MAJ de PollService : méthodes updateVote, addVote et splitVotes Modification studs.php, adminstuds.php et vote_table_date.tpl : OK pour l'ajout d'un vote avec nom + mail Modification de vote_table_classic.tpl : OK pour l'ajout d'un vote avec nom + mail Ajout d'un bouton enveloppe pour chaque colonne avec méthode de traitement pour test Le numéro de la colonne est enfin récupéré correctement Implémentation récupération des adresses mails des sondés intéressants dans adminstuds.php et appel d'un fichier display_mails.tpl qui affichent ces adresses mails. Extension du traitement pour les sondages classic Ajout récupération des adresses des non aussi, et ajouts de tests pour l'affichage Changement des input type=text en type=email Corrections automatiques pour passage pipelines Corrections suite aux remarques sur la merge request Corrections 2 suite aux remarques sur la merge request Corrections 3 suite aux remarques sur la merge request Modif BDD : ajout colonne collect_mail dans poll Modif classes Form, PollRepository Passage de la collecte des mails des sondés en fonctionalité optionnelle Si la collecte de mail est activée, la saisie du mail est obligatoire Ajout avertissements collect_mail + editableByAll dans création de sondage et tableaux de vote Update create poll string and put a danger background on warning Signed-off-by: Thomas Citharel <tcit@tcit.fr> Translation strings updated and better position for the email public warning message Also, a CSS tweak and cleanup Signed-off-by: Thomas Citharel <tcit@tcit.fr> CS Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2018-03-18 10:40:38 +01:00
/* TODO : Refactor me ! */
table.results .bg-danger .glyphicon:not(.glyphicon-alert) {
opacity:0;
animation-name: hideNoIcon;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 2s;
}
@-moz-keyframes hideNoIcon {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-webkit-keyframes hideNoIcon {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes hideNoIcon {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
table.results > tbody > tr:hover > td .glyphicon {
opacity:1
}
/* create_date_poll.php */
#selected-days .form-group {
margin-left:0;
margin-right:0;
}
#selected-days legend input {
box-shadow: none;
2015-04-11 17:56:49 +02:00
border-width:0;
color: #333;
font-size: 21px;
border-radius:0;
margin-bottom:-1px;
background:transparent;
}
#selected-days legend input:hover,
#selected-days legend input:focus {
border-bottom-width:1px;
background-color:#E6E6E6;
}
#selected-days legend .input-group-addon {
border:none;
background:transparent;
}
#selected-days legend .input-group-addon:last-of-type {
padding-top: 0;
padding-bottom: 0;
}
#selected-days legend {
height: 33px;
}
.datepicker {
/* workaround for the bootstrap-datepicker appearing below the #add_days modal */
z-index: 1060 !important;
}
/* create_classic_poll.php */
2014-10-21 01:31:26 +02:00
.md-a-img {
text-decoration:none !important;
}
2014-10-21 01:31:26 +02:00
#md-a-imgModal .form-group {
2015-04-14 22:43:04 +02:00
margin:10px 0;
2014-10-21 01:31:26 +02:00
}
#md-a-imgModalLabel {
font-size: 24px;
}
/* Admin */
#poll_search {
cursor: pointer;
}
.table-of-polls {
overflow-x: scroll;
margin-bottom: 0;
border: 0;
box-shadow: none;
}
/* Studs */
.password_request {
padding-top: 15px;
padding-bottom: 15px;
}
#password-form .btn-cancel {
float: right;
}
2018-02-18 17:56:10 +01:00
/* Buttons */
.btn {
white-space: normal;
}