« MediaWiki:Common.css » : différence entre les versions
De Remix Biens Communs
(Page blanchie) Balise : Blanchiment |
Aucun résumé des modifications Balise : Révoqué |
||
Ligne 1 : | Ligne 1 : | ||
/* FEUILLE DE STYLE DÉCEMBRE 2022 */ | |||
@import url("polices/polices.css"); | |||
body { | |||
font-family: "Open Sans", Frutiger,"Myriad Pro",sans-serif; | |||
color:#333; | |||
line-height:1.5; | |||
} | |||
h1,h2,h3,h4 { | |||
font-family: museobold ; | |||
font-weight:600; | |||
color: #1c9db6; | |||
} | |||
h3, h4 { | |||
margin-top:1rem; | |||
} | |||
dt { | |||
font-weight:600; | |||
} | |||
.container { | |||
padding: 0 60px; | |||
} | |||
.firstHeading { | |||
border:none; | |||
} | |||
a.active, a { | |||
color: #1c9db6; | |||
} | |||
div#toc { display:none;} | |||
#content { | |||
padding: 0 10px; | |||
background-color:rgba(255,255,255,.8); | |||
} | |||
#sidebar-right {display:none;} | |||
#mw-navigation { | |||
/* background: url(http://wiki.remixthecommons.org/images/Logo_wiki_remixcc.png) no-repeat; | |||
min-height:115px; */ | |||
} | |||
.navbar-brand img, | |||
body.page-Accueil.action-view h1.firstHeading, | |||
body.page-Accueil.action-submit h1.firstHeading { | |||
display: none; | |||
} | |||
.firstHeading, .tweekiFirstHeading { | |||
text-align:left; | |||
} | |||
.mw-content-ltr ul, | |||
.mw-content-rtl .mw-content-ltr ul { | |||
margin-bottom:10px; | |||
} | |||
#page-header { | |||
display:block; | |||
margin-bottom:20px; | |||
min-height:48px; | |||
font-size:.9em; | |||
text-align:center; | |||
} | |||
#page-header ul.nav.pull-right { | |||
position:absolute; | |||
top:10px; | |||
text-transform:uppercase; | |||
} | |||
#page-header ul.nav.pull-right li { | |||
display:block; | |||
float:left; | |||
} | |||
#smw-form-editpage-help,#editpage-copywarn { | |||
display:none; | |||
} | |||
#mw-panel { | |||
position: absolute; | |||
top: 50px; | |||
padding-top: 1em; | |||
width: 10em; | |||
left: 0; | |||
} | |||
#p-logo { | |||
display:block; | |||
width:100%; | |||
text-align:center; | |||
} | |||
#ca-edit { | |||
color:#337ab7; | |||
} | |||
.dataTable { | |||
width:100%; | |||
} | |||
#sidebar-left ul.dropdown-menu { | |||
display:block; | |||
max-width:260px; | |||
} | |||
.mw-editsection { | |||
display:none; | |||
} | |||
.label { | |||
display:inline-block; | |||
} | |||
.label a { | |||
color:black; | |||
} | |||
.label a.new { | |||
color:#aaa; | |||
} | |||
label.checkboxLabel { | |||
display:inline-block; | |||
width:40%; | |||
} | |||
.lead,.jumbotron p { | |||
padding:0 10px; | |||
border-radius:5px; | |||
} | |||
.lead table td { | |||
border:0px !important; | |||
} | |||
div.AppelDBP table.wikitable > * > tr > td { | |||
border:0; | |||
hyphens:auto; | |||
} | |||
div#resumes table.wikitable, | |||
div#resumes table.wikitable tr td { | |||
border-width:0; | |||
line-height:1.45 | |||
} | |||
div.timeline-event-bubble-time {display:none;} | |||
/* CSS pour Résultats sémantiques */ | |||
table.table th.Durée {width:10%;} | |||
.mw-content-ltr .pasdepuces ul { list-style-type:none;padding-left:0;margin-left:0;} | |||
.mw-content-ltr .pasdepuces ul li {font-size:80%;} | |||
.mw-content-ltr .pasdepuces ul li strong, .mw-content-ltr .pasdepuces ul li a {font-size:14px;} | |||
/* CSS pour tabber */ | |||
ul.tabbernav {margin-bottom:0;} | |||
/* CSS pour datatables */ | |||
.srf-datatables .dataTables_filter input { height:24px !important;} | |||
.srf-datatables .container {overflow:visible !important; width:100%;} | |||
#ca-talk.new {font-weight:bold !important} | |||
/* blockquote */ | |||
blockquote .small::before, blockquote footer::before, blockquote small::before {content:"";} | |||
blockquote {padding: 0px 10px;} | |||
/** MISE EN PAGE ARTICLE **/ | |||
body.icat-objet_média {background-image:none;} | |||
body.icat-objet_média .firstHeading {text-align:left;} | |||
body.icat-objet_média div#contentwrapper .row div.col-md-offset-1 { | |||
margin-left: 0px !important; | |||
} | |||
body.icat-objet_média div#contentwrapper .row div.col-md-10 { | |||
width:100% !important; | |||
} | |||
body.icat-objet_média #mw-content-text p, | |||
body.icat-objet_média #mw-content-text ul, | |||
body.icat-objet_média #mw-content-text ol, | |||
body.icat-objet_média #mw-content-text li { | |||
/* font-family: Georgia,"Times New Roman",Times,serif; */ | |||
font-family: "Open Sans",Frutiger,"Myriad Pro",sans-serif; | |||
font-size: 16px; | |||
line-height: 1.67; | |||
color: #000000; | |||
background-color: transparent; | |||
max-width: 42em; | |||
} | |||
body.icat-objet_média #mw-content-text ul, | |||
body.icat-objet_média #mw-content-text ol { | |||
margin-bottom: .8333em; | |||
} | |||
body.icat-objet_média #mw-content-text h1, | |||
body.icat-objet_média #mw-content-text h2, | |||
body.icat-objet_média #mw-content-text h3 { | |||
max-width: 25em; | |||
} | |||
body.icat-objet_média #mw-content-text div.panel p { | |||
font-family: "Open Sans",Frutiger,"Myriad Pro",sans-serif; | |||
font-size:90%; | |||
} | |||
body.icat-objet_média #mw-content-text .lead { | |||
max-width:100%; | |||
font-weight:600; | |||
} | |||
.tc-liste { | |||
columns:4; | |||
} | |||
.tc-liste .srf-tagcloud span { | |||
font-size:100% !important; | |||
} | |||
.tc-liste .srf-tagcloud span { | |||
display:block; | |||
} | |||
/** NOTE **/ | |||
div.note-Commentaire { | |||
margin-left:20%; | |||
margin-bottom:1rem; | |||
width:60%; | |||
font-style:italic; | |||
line-height:1em; | |||
font-size:small !important; | |||
} | |||
div.note-Commentaire p { | |||
line-height:1em; | |||
font-size:small !important; | |||
} | |||
div.note div.ref-note { | |||
text-align:right; | |||
} | |||
div.note-Définition { | |||
width:67%; | |||
} | |||
.srf-listwidget-navigation .ln-letters a { | |||
font-size:1em; | |||
} | |||
/*** CHAMELEON ***/ | |||
.skin-chameleon .navbar-brand img { | |||
display:inline-block; | |||
max-height: 60px; | |||
padding-left:15px; | |||
} | |||
.skin-chameleon .navbar-default, | |||
.skin-chameleon .navbar-default .navbar-brand { | |||
border-color: white; | |||
background-color: white; | |||
} | |||
.skin-chameleon .navbar-tools > li, | |||
.skin-chameleon .navbar-tools li.open { | |||
border-color: white; | |||
} | |||
.skin-chameleon #mw-navigation-collapse ul.nav { | |||
padding-left:5%; | |||
padding-top:18px; | |||
} | |||
.skin-chameleon #mw-navigation-collapse .nav>li>a { | |||
border-radius: 4px; | |||
} | |||
.skin-chameleon #mw-navigation-collapse .nav>li>a { | |||
position: relative; | |||
display: block; | |||
padding: 5px 10px; | |||
} | |||
.skin-chameleon #mw-navigation-collapse .navbar-nav > li > a { | |||
color: #1c9db6; | |||
} | |||
.skin-chameleon #mw-navigation-collapse .navbar-nav > li:hover { | |||
color: black; | |||
background-color:#EEE; | |||
border-bottom:1px black solid; | |||
border-radius:4px 4px 0 0 ; | |||
} | |||
.skin-chameleon #content { | |||
padding-bottom:2em; | |||
} | |||
.skin-chameleon #footer-info { | |||
display: none; | |||
} | |||
.skin-chameleon #catlinks { | |||
display:none; | |||
} | |||
.card { | |||
position: relative; | |||
display: -webkit-box; | |||
display: -ms-flexbox; | |||
display: flex; | |||
-webkit-box-orient: vertical; | |||
-webkit-box-direction: normal; | |||
-ms-flex-direction: column; | |||
flex-direction: column; | |||
min-width: 0; | |||
word-wrap: break-word; | |||
background-color: #fff; | |||
background-clip: border-box; | |||
// border: 1px solid rgba(0,0,0,.125); | |||
border-bottom: 1px solid rgba(0,0,0,.125); | |||
border-radius: .25rem; | |||
margin:.5rem 0; | |||
} | |||
.card-body { | |||
// Enable `flex-grow: 1` for decks and groups so that card blocks take up | |||
// as much space as possible, ensuring footers are aligned to the bottom. | |||
flex: 1 1 auto; | |||
padding: 1.25rem; | |||
} | |||
.card-header { | |||
} | |||
.card-title { | |||
font-size:80%; | |||
margin-bottom: .5rem; | |||
} | |||
.card-subtitle { | |||
margin-bottom: .5rem; | |||
} | |||
.card-image { | |||
} | |||
.card-text:last-child { | |||
margin-bottom: 0; | |||
} | |||
.card-link { | |||
@include hover { | |||
text-decoration: none; | |||
} | |||
+ .card-link { | |||
margin-left: $card-spacer-x; | |||
} | |||
} | |||
span.glyphicon { | |||
color: #1c9db6; | |||
} | |||
.crop { | |||
width: 100%; | |||
height: 60px; | |||
overflow: hidden; | |||
} | |||
/** Onglets tabber - enlever la bordure **/ | |||
.tabber .tabbertab { | |||
border:none; | |||
} | |||
/** PROJETS **/ | |||
.skin-chameleon #contentSub #sbl-breadcrumbs { | |||
border-bottom:7px solid rgba(150, 205, 153,1);; | |||
padding-bottom:2rem; | |||
} | |||
.projet-entête { | |||
border-top:7px solid rgba(150, 205, 153,1);; | |||
border-bottom:4px solid rgba(150, 205, 153,1);; | |||
padding-top:1rem; | |||
padding-bottom:1rem; | |||
} | |||
.projet-bas { | |||
border-bottom:7px solid rgba(150, 205, 153,1);; | |||
border-top:4px solid rgba(150, 205, 153,1);; | |||
margin-top:2rem; | |||
padding-top:1rem; | |||
padding-bottom:1rem; | |||
} | |||
.projet-image { | |||
z-index:1; | |||
} | |||
.projet-intro { | |||
font-size:115%; | |||
z-index:10; | |||
} | |||
.projet-objectif { | |||
background-color: rgba(150, 205, 153,.3); | |||
padding-bottom:1rem; | |||
padding-top:1rem; | |||
} | |||
.mw-collapsible-toggle a { | |||
font-weight: bold; | |||
line-height: 1; | |||
padding:0 2rem 2rem 2rem | |||
font-size: 90%; | |||
} | |||
.mw-collapsible-bracket, | |||
span.mw-collapsible-toggle span { | |||
display:none; | |||
} | |||
.mw-collapsible-toggle-default::before, | |||
.mw-collapsible-toggle-default::after { | |||
display:none | |||
} | |||
/** JUIN 2020 **// | |||
div.LWTable table.wikitable { | |||
border-bottom-color:red !important; | |||
} | |||
.ui-tabs .ui-tabs-nav { | |||
font-size:75%; | |||
} | |||
span#edittab { | |||
display:none; | |||
} | |||
.alphabet-container { | |||
columns:3; | |||
} | |||
.smw-column { | |||
padding-right:.5rem; | |||
} |
Version du 7 décembre 2022 à 11:38
/* FEUILLE DE STYLE DÉCEMBRE 2022 */ @import url("polices/polices.css"); body { font-family: "Open Sans", Frutiger,"Myriad Pro",sans-serif; color:#333; line-height:1.5; } h1,h2,h3,h4 { font-family: museobold ; font-weight:600; color: #1c9db6; } h3, h4 { margin-top:1rem; } dt { font-weight:600; } .container { padding: 0 60px; } .firstHeading { border:none; } a.active, a { color: #1c9db6; } div#toc { display:none;} #content { padding: 0 10px; background-color:rgba(255,255,255,.8); } #sidebar-right {display:none;} #mw-navigation { /* background: url(http://wiki.remixthecommons.org/images/Logo_wiki_remixcc.png) no-repeat; min-height:115px; */ } .navbar-brand img, body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; } .firstHeading, .tweekiFirstHeading { text-align:left; } .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin-bottom:10px; } #page-header { display:block; margin-bottom:20px; min-height:48px; font-size:.9em; text-align:center; } #page-header ul.nav.pull-right { position:absolute; top:10px; text-transform:uppercase; } #page-header ul.nav.pull-right li { display:block; float:left; } #smw-form-editpage-help,#editpage-copywarn { display:none; } #mw-panel { position: absolute; top: 50px; padding-top: 1em; width: 10em; left: 0; } #p-logo { display:block; width:100%; text-align:center; } #ca-edit { color:#337ab7; } .dataTable { width:100%; } #sidebar-left ul.dropdown-menu { display:block; max-width:260px; } .mw-editsection { display:none; } .label { display:inline-block; } .label a { color:black; } .label a.new { color:#aaa; } label.checkboxLabel { display:inline-block; width:40%; } .lead,.jumbotron p { padding:0 10px; border-radius:5px; } .lead table td { border:0px !important; } div.AppelDBP table.wikitable > * > tr > td { border:0; hyphens:auto; } div#resumes table.wikitable, div#resumes table.wikitable tr td { border-width:0; line-height:1.45 } div.timeline-event-bubble-time {display:none;} /* CSS pour Résultats sémantiques */ table.table th.Durée {width:10%;} .mw-content-ltr .pasdepuces ul { list-style-type:none;padding-left:0;margin-left:0;} .mw-content-ltr .pasdepuces ul li {font-size:80%;} .mw-content-ltr .pasdepuces ul li strong, .mw-content-ltr .pasdepuces ul li a {font-size:14px;} /* CSS pour tabber */ ul.tabbernav {margin-bottom:0;} /* CSS pour datatables */ .srf-datatables .dataTables_filter input { height:24px !important;} .srf-datatables .container {overflow:visible !important; width:100%;} #ca-talk.new {font-weight:bold !important} /* blockquote */ blockquote .small::before, blockquote footer::before, blockquote small::before {content:"";} blockquote {padding: 0px 10px;} /** MISE EN PAGE ARTICLE **/ body.icat-objet_média {background-image:none;} body.icat-objet_média .firstHeading {text-align:left;} body.icat-objet_média div#contentwrapper .row div.col-md-offset-1 { margin-left: 0px !important; } body.icat-objet_média div#contentwrapper .row div.col-md-10 { width:100% !important; } body.icat-objet_média #mw-content-text p, body.icat-objet_média #mw-content-text ul, body.icat-objet_média #mw-content-text ol, body.icat-objet_média #mw-content-text li { /* font-family: Georgia,"Times New Roman",Times,serif; */ font-family: "Open Sans",Frutiger,"Myriad Pro",sans-serif; font-size: 16px; line-height: 1.67; color: #000000; background-color: transparent; max-width: 42em; } body.icat-objet_média #mw-content-text ul, body.icat-objet_média #mw-content-text ol { margin-bottom: .8333em; } body.icat-objet_média #mw-content-text h1, body.icat-objet_média #mw-content-text h2, body.icat-objet_média #mw-content-text h3 { max-width: 25em; } body.icat-objet_média #mw-content-text div.panel p { font-family: "Open Sans",Frutiger,"Myriad Pro",sans-serif; font-size:90%; } body.icat-objet_média #mw-content-text .lead { max-width:100%; font-weight:600; } .tc-liste { columns:4; } .tc-liste .srf-tagcloud span { font-size:100% !important; } .tc-liste .srf-tagcloud span { display:block; } /** NOTE **/ div.note-Commentaire { margin-left:20%; margin-bottom:1rem; width:60%; font-style:italic; line-height:1em; font-size:small !important; } div.note-Commentaire p { line-height:1em; font-size:small !important; } div.note div.ref-note { text-align:right; } div.note-Définition { width:67%; } .srf-listwidget-navigation .ln-letters a { font-size:1em; } /*** CHAMELEON ***/ .skin-chameleon .navbar-brand img { display:inline-block; max-height: 60px; padding-left:15px; } .skin-chameleon .navbar-default, .skin-chameleon .navbar-default .navbar-brand { border-color: white; background-color: white; } .skin-chameleon .navbar-tools > li, .skin-chameleon .navbar-tools li.open { border-color: white; } .skin-chameleon #mw-navigation-collapse ul.nav { padding-left:5%; padding-top:18px; } .skin-chameleon #mw-navigation-collapse .nav>li>a { border-radius: 4px; } .skin-chameleon #mw-navigation-collapse .nav>li>a { position: relative; display: block; padding: 5px 10px; } .skin-chameleon #mw-navigation-collapse .navbar-nav > li > a { color: #1c9db6; } .skin-chameleon #mw-navigation-collapse .navbar-nav > li:hover { color: black; background-color:#EEE; border-bottom:1px black solid; border-radius:4px 4px 0 0 ; } .skin-chameleon #content { padding-bottom:2em; } .skin-chameleon #footer-info { display: none; } .skin-chameleon #catlinks { display:none; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; // border: 1px solid rgba(0,0,0,.125); border-bottom: 1px solid rgba(0,0,0,.125); border-radius: .25rem; margin:.5rem 0; } .card-body { // Enable `flex-grow: 1` for decks and groups so that card blocks take up // as much space as possible, ensuring footers are aligned to the bottom. flex: 1 1 auto; padding: 1.25rem; } .card-header { } .card-title { font-size:80%; margin-bottom: .5rem; } .card-subtitle { margin-bottom: .5rem; } .card-image { } .card-text:last-child { margin-bottom: 0; } .card-link { @include hover { text-decoration: none; } + .card-link { margin-left: $card-spacer-x; } } span.glyphicon { color: #1c9db6; } .crop { width: 100%; height: 60px; overflow: hidden; } /** Onglets tabber - enlever la bordure **/ .tabber .tabbertab { border:none; } /** PROJETS **/ .skin-chameleon #contentSub #sbl-breadcrumbs { border-bottom:7px solid rgba(150, 205, 153,1);; padding-bottom:2rem; } .projet-entête { border-top:7px solid rgba(150, 205, 153,1);; border-bottom:4px solid rgba(150, 205, 153,1);; padding-top:1rem; padding-bottom:1rem; } .projet-bas { border-bottom:7px solid rgba(150, 205, 153,1);; border-top:4px solid rgba(150, 205, 153,1);; margin-top:2rem; padding-top:1rem; padding-bottom:1rem; } .projet-image { z-index:1; } .projet-intro { font-size:115%; z-index:10; } .projet-objectif { background-color: rgba(150, 205, 153,.3); padding-bottom:1rem; padding-top:1rem; } .mw-collapsible-toggle a { font-weight: bold; line-height: 1; padding:0 2rem 2rem 2rem font-size: 90%; } .mw-collapsible-bracket, span.mw-collapsible-toggle span { display:none; } .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { display:none } /** JUIN 2020 **// div.LWTable table.wikitable { border-bottom-color:red !important; } .ui-tabs .ui-tabs-nav { font-size:75%; } span#edittab { display:none; } .alphabet-container { columns:3; } .smw-column { padding-right:.5rem; }