recrutement merge
[auf_rh_dae.git] / src / qbe / django_qbe / static / django_qbe / css / qbe.css
1 /**
2 * Containers
3 */
4
5 div.qbeDiagram {
6 margin-top: 10px;
7 margin-right: 5px;
8 }
9
10 div.qbeDiagram div.body {
11 margin: 0px;
12 background: white;
13 color: black;
14 border: 2px solid #417690;
15 line-height: 20px;
16 width: 170px;
17 z-index: 20;
18 float: left;
19 position: absolute;
20 box-shadow: 2px 2px 5px #aaa;
21 -o-box-shadow: 2px 2px 5px #aaa;
22 -webkit-box-shadow: 2px 2px 5px #aaa;
23 -moz-box-shadow: 2px 2px 5px #aaa;
24 opacity: 0.8;
25 filter: alpha(opacity=80);
26 }
27
28 div.qbeDiagram div.body:hover {
29 box-shadow: 2px 2px 5px #444;
30 -o-box-shadow: 2px 2px 5px #444;
31 -webkit-box-shadow: 2px 2px 5px #444;
32 -moz-box-shadow: 2px 2px 5px #444;
33 opacity: 0.95;
34 filter: alpha(opacity=95);
35 }
36
37 div.qbeDiagram div.title {
38 width: 100%;
39 height: 20px;
40 background: #417690;
41 color: #F4F379;
42 font-weight: normal;
43 text-align: center;
44 padding-top: 2px;
45 line-height: 150%;
46 cursor: move;
47 font-size: 12px;
48 overflow: hidden;
49 }
50
51 div.qbeDiagram div.fieldsContainer {
52 /* border-top: 1px dashed #99999D;*/
53 height: 95px;
54 overflow: auto;
55 }
56
57 div.qbeDiagram div.noOverflow {
58 /* border-top: 1px dashed #99999D;*/
59 overflow: none;
60 }
61
62 option.field,div.qbeDiagram div.field {
63 color: #99999D;
64 height: 20px;
65 font-size: 12px;
66 padding: 2px 5px 2px 5px;
67 overflow: hidden;
68 }
69
70 option.primary,div.qbeDiagram div.primary {
71 font-weight: bold;
72 background: url("/static/django_qbe/img/key.gif") no-repeat center right #eee;
73 }
74
75 option.foreign,div.qbeDiagram div.foreign {
76 font-style: italic;
77 background: url("/static/django_qbe/img/right_arrow.gif") no-repeat scroll right center #FAFAFA;
78 cursor: pointer;
79 }
80
81 option.many,div.qbeDiagram div.many {
82 font-style: italic;
83 text-decoration: underline;
84 background: url("/static/django_qbe/img/right_arrow_red.gif") no-repeat scroll right center #FAFAFA;
85 cursor: pointer;
86 }
87
88 div.qbeDiagram #qbeDiagramContainer {
89 /* background-color: #EEE0FE;*/
90 border: 1px dashed #EEE0FE;
91 float: left;
92 height: 300px;
93 opacity: 0.9;
94 overflow: auto;
95 position: relative;
96 width: 100%;
97 background: url("/static/django_qbe/img/grid.jpg") scroll left top #FAFAFA;
98 margin-bottom: 0px;
99 }
100
101 div.qbeDiagram #qbeBoxAnchor {
102 position: relative;
103 float: left;
104 border: 1px #eee dashed;
105 left: 500px;
106 }
107
108 div.qbeDiagram .resizehandle {
109 position: absolute;
110 bottom: 0;
111 right: 0;
112 width: 10px;
113 height: 10px;
114 cursor: se-resize;
115 }
116
117
118
119 /**
120 * Layers
121 */
122
123 div.qbeLeftMenu {
124 position: absolute;
125 }
126
127 code#qbeSQL {
128 font-size: 15px;
129 font-weight: bold;
130 display: block;
131 }
132
133 #qbeResultsOptions {
134 font-size: 10px;
135 }
136
137 #qbeResultsOptions a {
138 font-size: 10px;
139 }
140
141 #qbeSaveQueryLi {
142 background: none;
143 padding: 2px 5px 0 0;
144 }
145
146 #qbeSaveQueryLi a {
147 background: none;
148 color: #999;
149 }
150
151 .qbeContainer {
152 float: left;
153 width: 100%;
154 }
155
156 input.qbeCheckModels {
157 /* display: none;*/
158 float: right;
159 }
160
161 #changelist-filter {
162 display: none;
163 position: relative;
164 width: 14%;
165 float: right;
166 overflow: auto;
167 margin-top: 10px;
168 }
169
170 .qbeTabular .hidden {
171 display: none;
172 }