Activités :
Catégories : info site
Type d'article : collaboratif (CC by-sa)
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;
}
Articles
Qualité du document : moyen