annotate interfaces/timeline.css @ 2536:527020a63203

Survey not storing
author Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date Mon, 14 Nov 2016 12:11:38 +0000
parents 713a2d059a16
children 464c6c6692d6
rev   line source
nicholas@2479 1 div.timeline-element {
nicholas@2479 2 display: flex;
nicholas@2479 3 justify-content: center;
nicholas@2479 4 }
nicholas@2479 5
nicholas@2479 6 div.timeline-element-content {
nicholas@2479 7 max-width: 800px;
nicholas@2479 8 min-width: 200px;
nicholas@2479 9 border: 1px solid black;
nicholas@2479 10 margin: 10px 0px;
nicholas@2479 11 padding: 20px;
nicholas@2479 12 }
nicholas@2479 13
nicholas@2479 14 div.timeline-element-canvas-holder {
nicholas@2479 15 display: flex;
nicholas@2479 16 width: inherit;
nicholas@2480 17 height: 160px;
nicholas@2479 18 margin-left: 50px;
nicholas@2479 19 }
nicholas@2479 20
nicholas@2479 21 canvas.canvas-layer1{
nicholas@2479 22 position: absolute;
nicholas@2479 23 }
nicholas@2479 24 canvas.canvas-layer2 {
nicholas@2479 25 position: absolute;
nicholas@2479 26 z-index: -1;
nicholas@2479 27 }
nicholas@2479 28 canvas.canvas-layer3 {
nicholas@2479 29 position: absolute;
nicholas@2479 30 z-index: -2;
nicholas@2479 31 }
nicholas@2479 32 canvas.canvas-layer4 {
nicholas@2479 33 position: absolute;
nicholas@2479 34 z-index: -3;
nicholas@2479 35 }
nicholas@2479 36
nicholas@2479 37 canvas.timeline-element-canvas {
nicholas@2479 38 border: 1px solid black;
nicholas@2479 39 }
nicholas@2479 40
nicholas@2479 41 canvas.canvas-disabled {
nicholas@2479 42 background-color: gray;
nicholas@2480 43 }
nicholas@2480 44
nicholas@2480 45 div.timeline-element-comment-holder {
nicholas@2480 46 display: flex;
nicholas@2480 47 flex-wrap: wrap;
nicholas@2480 48 justify-content: space-between;
nicholas@2480 49 }
nicholas@2480 50
nicholas@2480 51 div.comment-entry {
nicholas@2480 52 border: 1px solid #444444;
nicholas@2480 53 max-width: 600px;
nicholas@2480 54 min-width: 400px;
nicholas@2480 55 margin: 0px 0px 5px 5px;
nicholas@2480 56 padding: 5px;
nicholas@2480 57 height: 80px;
nicholas@2480 58 border-radius: 10px;
nicholas@2480 59 display: flex;
nicholas@2480 60 flex-direction: column;
nicholas@2480 61 }
nicholas@2480 62
nicholas@2480 63 div.comment-entry-header {
nicholas@2480 64 display: flex;
nicholas@2480 65 justify-content: space-between;
nicholas@2480 66 }
nicholas@2480 67
nicholas@2480 68 textarea.comment-entry-text {
nicholas@2480 69 resize: none;
nicholas@2480 70 margin: auto;
nicholas@2479 71 }