biblio_histoire.md
... ...
@@ -24,21 +24,11 @@ title: ""
24 24
<input type="button" class="button" value="histoire" onclick="filterSelection('biblio_histoire');" >
25 25
26 26
--->
27
-<div id="container" style="z-index:1">
28
-<div class="border_image" style="width: 100%; height: 100%; ">
29
-<img src="media/images/border_black.png" style="display: none; background-color: transparent; width: 100%; height: 100%; margin: 0;"/>
30
-</div>
31
-<img ondragstart="return false" id="drag-img" src="media/images/mermaid-diagram-theorie.png" />
32
-</div>
33 27
34
-<p align="center">
35
-<input type="button" id="zoomout" class="button" value="Zoom Out">
36
-<input type="button" id="zoomin" class="button" value="Zoom In">
37
-</p>
28
+<div class="row" >
29
+<div class="column" >
38 30
39
-<p align="center" style="z-index: 1; display: inline-block" >
40
-<a href="/Bibliographie.md#diagramme"><button class="button_header button_home" style="float: left; margin-bottom: 10px">Retour au diagramme de la Bibliographie</button></a>
41
-</p>
31
+<div class="tooltipPin">Lorsque &#9749; apparait, vous pouvez cliquer sur le titre/texte et accéder à des commentaires</div>
42 32
43 33
<h2 style="text-align: left; Border-bottom: none;">Anthropologie anarchiste</h2>
44 34
... ...
@@ -85,7 +75,24 @@ title: ""
85 75
<li>Scott, Joan. 1990. « <a href="https://www.persee.fr/doc/arss_0335-5322_1990_num_83_1_2932">‘L’ouvrière, mot impie, sordide’. Le discours de l&#39;économie politique française sur les ouvrières (1840-1860)</a> », Actes de la Recherche en Sciences Sociales, 83, pp. 2-15.</li>
86 76
<li>Taylor, Verta. 1989. « <a href="https://www.jstor.org/stable/2117752">Social Movement Continuity: The Women’s Movement in Abeyance »</a>, <i>American Sociological Review</i>, 54 (5), pp. 761-775.</li>
87 77
</ul>
78
+</div>
88 79
80
+<div class="column">
89 81
82
+<div id="container" style="z-index:1;border: 1px solid white;">
83
+<div class="border_image" style="width: 100%; height: 100%; ">
84
+<img src="media/images/border_black.png" style="display: none; background-color: transparent; width: 100%; height: 100%; margin: 0;"/>
85
+</div>
86
+<img ondragstart="return false" id="drag-img" src="media/images/mermaid-diagram-theorie.png" />
87
+</div>
88
+
89
+<p align="center">
90
+<input type="button" id="zoomout" class="button" value="Zoom Out">
91
+<input type="button" id="zoomin" class="button" value="Zoom In">
92
+<a href="/Bibliographie.md"><button class="button_header button_home" style="float: left; margin-bottom: 10px">Retour Bibliographie</button></a>
93
+</p>
94
+
95
+</div>
96
+</div>
90 97
91 98
<script src="/custom.js" language="JavaScript"></script>
... ...
\ No newline at end of file
biblio_militantisme.md
... ...
@@ -91,27 +91,13 @@ mindmap
91 91
-->
92 92
93 93
94
-<div id="container" style="z-index:1">
95
-<div class="border_image" style="width: 100%; height: 100%; ">
96
-<img src="media/images/border_black.png" style="display: none; background-color: transparent; width: 100%; height: 100%; margin: 0;"/>
97
-</div>
98
-<img ondragstart="return false" id="drag-img" src="media/images/mermaid-diagram-theorie.png" />
99
-</div>
100
-
101
-<p align="center">
102
-<input type="button" id="zoomout" class="button" value="Zoom Out">
103
-<input type="button" id="zoomin" class="button" value="Zoom In">
104
-</p>
105 94
106
-
107
-<p align="center" style="z-index: 1; display: inline-block" >
108
-<a href="/Bibliographie.md#diagramme"><button class="button_header button_home" style="float: left; margin-bottom: 10px">Retour au diagramme de la Bibliographie</button></a>
109
-</p>
95
+<div class="row" >
96
+<div class="column" >
110 97
111 98
<div class="tooltipPin">Lorsque &#9749; apparait, vous pouvez cliquer sur le titre/texte et accéder à des commentaires</div>
112 99
113 100
114
-
115 101
<h2 style="text-align: left; Border-bottom: none;">Tactiques et stratégies</h2>
116 102
117 103
<ul>
... ...
@@ -154,5 +140,25 @@ mindmap
154 140
- [We don't Agree on Capitalism](http://humaniterations.net/) : blog de Frank Miroslav
155 141
156 142
<br />
143
+</div>
144
+
145
+<div class="column">
146
+
147
+<div id="container" style="z-index:1;border: 1px solid white;">
148
+<div class="border_image" style="width: 100%; height: 100%; ">
149
+<img src="media/images/border_black.png" style="display: none; background-color: transparent; width: 100%; height: 100%; margin: 0;"/>
150
+</div>
151
+<img ondragstart="return false" id="drag-img" src="media/images/mermaid-diagram-theorie.png" />
152
+</div>
153
+
154
+<p align="center">
155
+<input type="button" id="zoomout" class="button" value="Zoom Out">
156
+<input type="button" id="zoomin" class="button" value="Zoom In">
157
+<a href="/Bibliographie.md"><button class="button_header button_home" style="float: left; margin-bottom: 10px">Retour Bibliographie</button></a>
158
+</p>
159
+
160
+</div>
161
+
162
+</div>
157 163
158 164
<script src="/custom.js" language="JavaScript"></script>