fd3ad030b4f25c19082fa646763520aad6dbe7a5
[redakcja.git] / 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 }