Mercurial > hg > extraction-interface
comparison css/taggingtext.css @ 87:fb5049fc5dd7 extractapp_dev
New:(1)UI(2)generate simple regex by examples(3)coordinates in book metadata
author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
---|---|
date | Tue, 02 Jun 2015 16:52:05 +0200 |
parents | 0141df465205 |
children | e681d693240e |
comparison
equal
deleted
inserted
replaced
86:0141df465205 | 87:fb5049fc5dd7 |
---|---|
1 .bg-danger{ | 1 .bg-danger{ |
2 background-color: #FFD1D1; | 2 background-color: #FFD1D1; |
3 margin: 5 5 5 5; | |
3 } | 4 } |
4 | 5 |
5 .bg-warning{ | 6 .bg-warning{ |
6 background-color: #FFFF99; | 7 background-color: #FFFF99; |
8 margin: 5 5 5 5; | |
7 } | 9 } |
8 | 10 .bg-success{ |
11 background-color: #ADFAAA; | |
12 margin: 5 5 5 5; | |
13 } | |
9 .bg-info{ | 14 .bg-info{ |
10 background-color: #E7F3FF; | 15 background-color: #E7F3FF; |
11 | 16 margin: 5 5 5 5; |
12 } | 17 } |
13 .bg-default{ | 18 .bg-default{ |
14 background-color: #F4F4F4; | 19 background-color: #F4F4F4; |
20 margin: 5 5 5 5; | |
15 } | 21 } |
22 .bg-white{ | |
23 background-color: white; | |
24 margin: 5 5 5 5; | |
25 } | |
26 /* | |
16 .btn-xs{ | 27 .btn-xs{ |
17 height: 25px; | 28 height: 25px; |
18 width: 60px; | 29 width: 60px; |
19 } | 30 } |
20 .btn-sm{ | 31 .btn-sm{ |
28 .btn-lg{ | 39 .btn-lg{ |
29 height: 35px; | 40 height: 35px; |
30 width: 220px; | 41 width: 220px; |
31 } | 42 } |
32 | 43 |
44 */ | |
45 .tool-frame .btn{ | |
46 background-color: #F4F4F4; | |
47 } | |
48 | |
49 .btn:hover { | |
50 border: 2px solid #A1A1A1; | |
51 border-radius: 4px; | |
52 } | |
53 | |
33 | 54 |
34 .info-board{ | 55 .info-board{ |
35 margin:10 30 10 30; | 56 margin:10 30 10 30; |
36 width: 100%; | 57 width: 100%; |
37 max-width:1270px; | 58 max-width:1270px; |
38 min-width: 680px; | 59 min-width: 680px; |
39 border: 2px solid #A1A1A1; | 60 border: 2px solid #A1A1A1; |
40 border-radius: 4px; | 61 border-radius: 4px; |
41 height:70px; | 62 max-height:70px; |
42 overflow:scroll; | 63 overflow:scroll; |
43 overflow-x:hidden; | 64 overflow-x:hidden; |
44 } | 65 } |
66 | |
67 | |
45 #follow-scroll { | 68 #follow-scroll { |
46 position:absolute; | 69 position:absolute; |
47 height:680px; | 70 height:680px; |
48 overflow:scroll; | 71 overflow:scroll; |
49 margin:0 5 15 5; | 72 margin:0 5 15 5; |
50 max-width:280px; | 73 max-width:280px; |
51 border: 1px solid #A1A1A1; | 74 } |
52 border-radius: 4px; | 75 |
76 .tool-frame{ | |
77 background-color: white; | |
78 border: 2px solid #A1A1A1; | |
79 border-radius: 3px; | |
80 padding: 5px; | |
81 } | |
82 .tool-topic { | |
83 background-color: #E7F3FF; | |
84 border-radius: 3px; | |
85 } | |
86 .tool-topic:hover{ | |
87 border: 2px solid #E7F3FF; | |
53 } | 88 } |
54 | 89 |
55 .popup-frame { | 90 .popup-frame { |
56 position: absolute; | 91 position: absolute; |
57 display: none; | 92 display: none; |
60 border-radius: 4px; | 95 border-radius: 4px; |
61 padding: 5px; | 96 padding: 5px; |
62 } | 97 } |
63 | 98 |
64 .popup-regex { | 99 .popup-regex { |
65 left: -400px; | 100 left: -450px; |
66 width: 400px; | 101 width: 450px; |
67 height: 300px; | 102 height: 300px; |
68 top: 100px; | 103 top: 120px; |
69 z-index: 2; | 104 z-index: 2; |
70 } | 105 } |
71 | 106 |
72 .popup-loadregex{ | 107 .popup-loadregex{ |
73 left: -300px; | 108 left: -300px; |
74 width: 300px; | 109 width: 300px; |
75 height: 70px; | 110 height: 85px; |
76 top: 100px; | 111 top: 100px; |
77 z-index: 2; | 112 z-index: 3; |
78 | 113 |
79 } | 114 } |
80 | 115 |
81 .popup-topic { | 116 .popup-topic { |
82 left: -200px; | 117 left: -250px; |
83 width: 200px; | 118 width: 250px; |
84 height: 50px; | 119 height: 80px; |
85 top: 20px; | 120 top: 20px; |
86 z-index: 2; | 121 z-index: 2; |
87 } | 122 } |
123 | |
124 .tagItemDivClass { | |
125 position:absolute; | |
126 background-color: white; | |
127 border: 2px solid #A1A1A1; | |
128 border-radius: 4px; | |
129 padding: 5px; | |
130 z-index:5; | |
131 } | |
132 | |
133 .questionMarkClass { | |
134 position:absolute; | |
135 background-color: white; | |
136 border: 2px solid #A1A1A1; | |
137 border-radius: 4px; | |
138 padding: 5px; | |
139 z-index:4; | |
140 } |