comparison css/taggingtext.css @ 88:61593b047289 extractapp

merged from extractapp_dev
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Wed, 03 Jun 2015 10:49:00 +0200
parents fb5049fc5dd7
children e681d693240e
comparison
equal deleted inserted replaced
85:966a36752c34 88:61593b047289
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 /*
27 .btn-xs{
28 height: 25px;
29 width: 60px;
30 }
31 .btn-sm{
32 height: 35px;
33 width: 70px;
34 }
35 .btn-md{
36 height: 35px;
37 width: 110px;
38 }
39 .btn-lg{
40 height: 35px;
41 width: 220px;
42 }
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
16 54
17 .info-board{ 55 .info-board{
18 margin:10 30 10 30; 56 margin:10 30 10 30;
19 width: 100%; 57 width: 100%;
20 max-width:1270px; 58 max-width:1270px;
21 min-width: 680px; 59 min-width: 680px;
22 border: 2px solid #A1A1A1; 60 border: 2px solid #A1A1A1;
23 border-radius: 4px; 61 border-radius: 4px;
24 height:70px; 62 max-height:70px;
25 overflow:scroll; 63 overflow:scroll;
26 overflow-x:hidden; 64 overflow-x:hidden;
27 } 65 }
66
67
28 #follow-scroll { 68 #follow-scroll {
29 position:absolute; 69 position:absolute;
30 height:680px; 70 height:680px;
31 overflow:scroll; 71 overflow:scroll;
32 margin:0 5 15 5; 72 margin:0 5 15 5;
33 max-width:280px; 73 max-width:280px;
34 border: 1px solid #A1A1A1; 74 }
35 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;
36 } 88 }
37 89
38 .popup-frame { 90 .popup-frame {
39 position: absolute; 91 position: absolute;
40 display: none; 92 display: none;
43 border-radius: 4px; 95 border-radius: 4px;
44 padding: 5px; 96 padding: 5px;
45 } 97 }
46 98
47 .popup-regex { 99 .popup-regex {
48 left: -400px; 100 left: -450px;
49 width: 400px; 101 width: 450px;
50 height: 300px; 102 height: 300px;
51 top: 100px; 103 top: 120px;
52 z-index: 2; 104 z-index: 2;
53 } 105 }
54 106
55 .popup-loadregex{ 107 .popup-loadregex{
56 left: -300px; 108 left: -300px;
57 width: 300px; 109 width: 300px;
58 height: 70px; 110 height: 85px;
59 top: 100px; 111 top: 100px;
60 z-index: 2; 112 z-index: 3;
61 113
62 } 114 }
63 115
64 .popup-topic { 116 .popup-topic {
65 left: -200px; 117 left: -250px;
66 width: 200px; 118 width: 250px;
67 height: 50px; 119 height: 80px;
68 top: 20px; 120 top: 20px;
69 z-index: 2; 121 z-index: 2;
70 } 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 }