/* Definition list */
-div.infos, div.extraInfos {
- margin-bottom: 15px;
-}
-div.extraInfos {
- border-top: 1px solid #949494;
- border-left: 1px solid #949494;
- border-right: 1px solid #949494;
-}
-div.extraInfos div {
- padding: 0 5px;
-}
-div.extraInfos .nett {
- border-bottom: 1px solid #949494;
- position: relative;
- height: 0;
- margin-bottom: -5px;
-}
dl {
position: relative;
margin: 0;
padding-left: .4em;
}
-/* extraInfos item/collection */
+/* infos item/collection */
+.infos, .extraInfos {
+ margin-bottom: 15px;
+}
+.extraInfos div {
+ padding: 0 5px;
+}
+.extraInfos .nett {
+ position: relative;
+ height: 0;
+ margin-bottom: -5px;
+}
.extraInfos h4 {
- background-color: #B8B7C1;
clear: both;
font-size: 0.9em;
line-height: 1.4em;
}
.extraInfos h4 a {
display: block;
- color: #FFF;
+ color: #333;
text-decoration: none;
margin: 0;
- background: transparent url(more.gif) no-repeat left top;
+ background: #fff url(more.gif) no-repeat left top;
padding-bottom: 2px;
- padding-left: 20px;
+ padding-left: 16px;
border-bottom: none;
outline: none;
}
.extraInfos h4 a:hover {
background-color: transparent;
border-bottom: none;
- color: #EFEFEF;
+ color: #555;
+}
+.extraInfos h4.on {
+ border-bottom: 1px dotted #aaa;
+ margin-right: 15px;
}
.extraInfos h4.on a {
- color: #FFF;
+ color: #333;
background-position: 0 -17px;
}
<dt>Région / Village</dt><dd>{{ item.region_village }}</dd>\r
<dt>Ethnie/ Groupe social</dt><dd>{{ item.ethnie_grsocial }}</dd>\r
<dt>Aire culturelle</dt><dd>{{ item.aire_geo_cult }}</dd>\r
- <dt>Contexte ethnographique</dt><dd>?</dd>\r
+ <dt>Contexte ethnographique</dt><dd><!-- champ ? --></dd>\r
<dt>Mots clés</dt><dd>{{ item.fonction_usage }}</dd>\r
<dt>Commentaires</dt><dd>{{ item.comm_fonctusage }}</dd>\r
</dl>\r
<dt>Forme / genre vernaculaire</dt><dd>{{ item.form_genr_style }}</dd>\r
<dt>Forme / genre générique</dt><dd>{{ item.formstyl_generi }}</dd>\r
</dl>\r
- + bloc 4 col\r
+ <!-- + bloc 4 col -->\r
</div>\r
<div class="nett"></div>\r
</div>\r