src/redakcja/static/css/history.css

   1 #history-view-editor {
   2     display: flex;
   3     flex-direction: column;
   4 }
   5
   6 #history-view {
   7     flex: 1;
   8     overflow: auto;
   9 }
  10
  11 /*
  12  * File History
  13  */
  14 #changes-list-container {
  15     margin: 1em auto;
  16     width: 70%;
  17 }
  18
  19 table#changes-list-container {
  20     border-spacing: 0px 15px;
  21 }
  22
  23 #changes-list {
  24     margin: 0.5em 0.2em;
  25 }
  26
  27 #changes-list td {
  28     padding: 0.5em 1em;
  29 }
  30
  31 #changes-list .entry {
  32     position: relative;
  33     padding: 0.5em;
  34     padding-left: 3em;
  35     margin: 0.5em;
  36 }
  37
  38 #changes-list .entry:hover {
  39     background-color: #f0f0f0;
  40 }
  41
  42 #changes-list .entry.selected {
  43     background-color: #ffec63;
  44 }
  45
  46 #changes-list .tag {
  47     display: inline-block;
  48     visibility: hidden;
  49     width: 60px;
  50     margin: 0 0.5em 0 0;
  51     font-size: 11px;
  52     padding: 3px 2px;
  53     text-align: center;
  54     color: black;
  55     background: #add8e6;
  56     cursor: pointer;
  57     vertical-align: middle;
  58     -moz-border-radius: 10px;
  59     -webkit-border-radius: 10px;
  60     border-radius: 10px;
  61 }
  62
  63 #changes-list .entry:hover .tag {
  64     visibility: visible;
  65 }
  66
  67 #changes-list .tag:hover {
  68     background: #bde8f6;
  69 }
  70
  71 #changes-list *[data-version-tag] {
  72     visibility: visible;
  73     border: 1px solid black;
  74     color: black;
  75 }
  76
  77 #changes-list *[data-stub-value =
  78 'version'] {
  79     font-weight: bold;
  80 }
  81
  82 #changes-list td {
  83     vertical-align: text-top;
  84 }
  85
  86 #changes-list *[data-stub-value = 'description'] {
  87     font-size: .8em;
  88     color: gray;
  89     white-space: pre-line;
  90 }
  91
  92 #changes-list *[data-stub-value = 'published'] {
  93     font-size: .7em;
  94     color: gray;
  95 }
  96
  97 /*
  98  * Graphical DIFF view
  99  *
 100  */
 101 #history-view .diff_table {
 102     width: 90%;
 103 }
 104
 105 .editor.DiffPerspective {
 106     overflow-y: scroll;
 107 }
 108
 109 .diff_table {
 110     border-width: 1px;
 111     border-style: solid;
 112     border-color: black;
 113     empty-cells: show;
 114     border-spacing: 0px;
 115 }
 116
 117 .diff_table td {
 118     border-width: 0px 1px 1px 0px;
 119     border-style: dotted;
 120     border-color: grey;
 121     font-size: 10px;
 122     line-height: 20px;
 123     font-family: monospace;
 124     padding: 0px;
 125     white-space: pre-line;
 126     /*word-wrap:break-word;
 127      word-break:break-all; */
 128 }
 129
 130 .diff_table th {
 131     border-width: 0px 1px 1px 0px;
 132     border-style: solid;
 133     border-color: black;
 134     background: #e5ffe5;
 135 }
 136
 137 /* .diff_table td.left, .diff_table td.right {
 138  width: 50%;
 139  }*/
 140 .diff_table tr.change {
 141     background-color: #dcdcdc;
 142 }
 143
 144 .diff_mark {
 145     display: inline-block;
 146     padding: 2px;
 147 }
 148
 149 .diff_mark_removed {
 150     background-color: #ff9c94;
 151 }
 152
 153 .diff_mark_added {
 154     background-color: #90ee90;
 155 }
 156
 157 .diff_mark_changed {
 158     background-color: yellow;
 159 }