[obsolète] Styles pour personnaliser l'interface
Fusionner des documents
Attention, les photos associées ne seront pas supprimées et deviendront orphelines.
Si vous souhaitez juste modifier le titre ou les documents associés (ex : déplacer une sortie vers un autre itinéraire), il suffit de modifier le document.
Si ce document est un doublon comportant des photos, demandez @Modo_Topo_FR de fusionner les doublons pour déplacer les photos sur le document conservé.
Articles
Points de passage
Itinéraires
Livres
Sorties
Rapports incidents/accidents
Utilisateurs
Images
Cette page contient les styles qui vous permettront de personnaliser l'interface Camptocamp. Merci de lire l'article d'aide
Pour faire simple, copier coller tout ce qui suit dans votre CSS, puis supprimez ce que vous ne voulez pas.
/*****************************************/
/* Densité de l’information */
.viewdoc .orientation-svg { /* boussole plus petite */
height: 50px;
}
.post.card-article,
.post.card-outing,
.post.card-waypoint,
.post.route,
.post.area{
margin-bottom:0px;
}
.post .parent-infop .infop-bar {
height:30px;
}
.row-list .post .parent-infop .infop-bar {
height:auto;
}
/*****************************************/
/*****************************************/
/* Des gouts et des couleurs */
/* Valeurs infos en gris (et pas en bleu)*/
.viewdoc .value {
color: #585858;
}
/* Header moins orange */
.page-header {
background-color: #FFF;
}
app-simple-search {
background-color: #FFAA45;
}
.page-header .search{
background-color: white;
border: 2px solid #FFAA45;
}
.page-header .search::placeholder{
color:#fdc684;
}
/*****************************************/
/*****************************************/
/* Refonte du menu */
#sidemenu .glyphicon{
display:none;
}
.menu-selected{
background-color:white;
font-weight: bold;
}
.menu-selected a{
color:#233;
}
#sidemenu a:hover:not(.homepage){
background-color:white;
text-decoration:underline;
color:#233;
}
#sidemenu li.main-menu{
height: 25px;
border: 0;
}
#sidemenu li.main-menu a{
padding: 2px 5px;
}
/*****************************************/
/*****************************************/
/* Petits correctifs */
/* Curseur sur les docs */
.ficontent, .fpcontent {
cursor:default
}
/*****************************************/
/*****************************************/
/* header sobre */
.page-header{
border-bottom: 1px solid #ddd;
}
.page-header .search{
background-color: white;
border: 0;
}
.page-header .search::placeholder{
color:#fdc684;
}
app-simple-search {
background-color: white;
}
app-simple-search .glyphicon-search,
.page-header .search::placeholder{
color: #aaa;
}
/*****************************************/
/*****************************************/
/* rendu general : fond gris */
.viewdoc,
.home-page,
form[app-search-filters],
.documents-list-section, .not-found-section{
background: #F0F0F0;
}
.filters .dropdown-toggle{
border:1px solid #ccc;
border-radius: 2px;
}
/*****************************************/
/*****************************************/
/*box avec shadow manquant */
.viewdoc .view-details-map,
#associated-waypoints-waypoints,
.ficontent, .fpcontent,
#sidemenu,
h3.outings,
.associated-documents,
.page-header{
box-shadow:4px 4px 8px 0 rgba(0,0,0,.14);
background-color: white;
}
/*****************************************/
/*****************************************/
/* ltag */
table.ltag tr:nth-child(even){
background-color: #F8F9F8;
}
table.ltag tr:nth-child(odd){
background-color: #EEE;
}
table.ltag{
border: 1px solid #CCC;
}
table.ltag td,
table.ltag th{
padding:3px 3px;
border:1px solid #CCC;
}
table.ltag th{
padding:3px 3px;
background-color: #E4E4E4;
}
/*****************************************/
/*****************************************/
/*****************************************/
/* test */
.green-btn,
.page-main-title .badge,
.pagination-block ul li a,
.filters .slider-handle,
.orange-btn{
background-color: #337ab7;
border-color: #337ab7;
}
.post .parent-infop .parent-bubble .bubble span,
.green-text,
.list-green ul li::before,
.viewdoc .detail-text .route-activity,
.post .infoa .pportrait .waypoint-type,
.ficontent h4 [class*=icon-],
.glyphicon{
color:#337ab7;
}
.blue-btn .glyphicon, .gray-btn .glyphicon, .green-btn .glyphicon, .orange-btn .glyphicon,
.pagination-block ul li .glyphicon, .pagination-block ul li a{
color:white;
}
.viewdoc h3.collapsible-title{
font-size:1.6rem;
background: white;
margin-bottom: 0;
padding-bottom: 5px;
padding-top: 10px;
padding-left: 10px;
box-shadow: rgba(0, 0, 0, 0.14) 4px 4px 8px 0px;
border-bottom: 1px solid #DDD;
}
.thumbnail{
width:250px;
}
.view-details-section [class^=embedded_]{
padding:5px;
margin-left: 10px;
}
h3[data-target="#licence"],
h3[data-target="#associated-maps"],
h3[data-target="#associated-waypoints-waypoints"],
#license,
#associated-maps{
display:none;
}
#associated-waypoints-waypoints .parent-infop{
display: None;
}
html,body{
font-size:14px
}
.viewdoc h3.collapsible-title,
h3.outings{
float:None;
}
.viewdoc .row-list.view-details-section .associated-documents{
margin-top:0;
}
.viewdoc header.view-title-without-bg h1{
background-color: white;
box-shadow:4px 4px 8px 0 rgba(0,0,0,.14);
width: 100%;
margin-left: 30px;
margin-right: 63px;
margin-top: 0px;
padding: 15px 0px;
}
/******************************/
/* editeur de markdown : pas de retour à la ligne, et font monospace*/
.md-editor textarea{
font-family: monospace;
font-size: 13px;
white-space: nowrap;
overflow: auto;
}
.create-edit-document .document-editing{
width: 90%;
}
/*********************************/
/*****************************************/
/* Table des matières */
.toc{
border:1px solid #ccc;
border-left:7px solid #ffaa45;
display: inline-block;
padding:15px;
padding-left:0px;
margin: 0;
background-color: rgba(168,168,168,.07);
}
.toc ul{
list-style: None;
margin-bottom: 10px;
margin-left: 15px;
}

Commentaires
Ce contenu est sous licence Creative Commons BY-SA 3.0
Les images associées à cette page sont disponibles sous la licence spécifiée sur le document d'origine de chaque image.
Imprimé le 9 août 2025 12:25