prettier history view
[redakcja.git] / redakcja / static / css / history.css
1 #history-view {
2     overflow: auto;
3     position: absolute;
4     top: 30px; /* 0 for no toolbar, 30 for toolbar */
5     bottom: 0px;
6     left: 0px;
7     right: 0px;
8     z-index: 1;
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 /*
93  * Graphical DIFF view
94  *
95  */
96 #history-view .diff_table {
97     width: 90%;
98 }
99
100 .editor.DiffPerspective {
101     overflow-y: scroll;
102 }
103
104 .diff_table {
105     border-width: 1px;
106     border-style: solid;
107     border-color: black;
108     empty-cells: show;
109     border-spacing: 0px;
110 }
111
112 .diff_table td {
113     border-width: 0px 1px 1px 0px;
114     border-style: dotted;
115     border-color: grey;
116     font-size: 10px;
117     line-height: 20px;
118     font-family: monospace;
119     padding: 0px;
120     white-space: pre-line;
121     /*word-wrap:break-word;
122      word-break:break-all; */
123 }
124
125 .diff_table th {
126     border-width: 0px 1px 1px 0px;
127     border-style: solid;
128     border-color: black;
129     background: #e5ffe5;
130 }
131
132 /* .diff_table td.left, .diff_table td.right {
133  width: 50%;
134  }*/
135 .diff_table tr.change {
136     background-color: #dcdcdc;
137 }
138
139 .diff_mark {
140     display: inline-block;
141     padding: 2px;
142 }
143
144 .diff_mark_removed {
145     background-color: #ff9c94;
146 }
147
148 .diff_mark_added {
149     background-color: #90ee90;
150 }
151
152 .diff_mark_changed {
153     background-color: yellow;
154 }