« MediaWiki:Common.css » : différence entre les versions
De Keyla project
(Page créée avec « →Le CSS placé ici sera appliqué à tous les habillages. : →pour CodeEditor : .codeEditor-ui-toolbar .tabs span.tab-catalog { display:none; } .infoboxmedia →div : { →Taille : width: min-content; →Font & text : font-size: 0.875em; background: #4c4c4c; →Border : padding: 6px; } .infoboxmedia-media →div : { →Font & text : border: 1px solid #c8ccd1; text-align: center; display:grid; } .infoboxmedia-table →table : { width: 100%;... ») |
(Aucune différence)
|
Version du 15 août 2023 à 19:22
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* pour CodeEditor*/
.codeEditor-ui-toolbar .tabs span.tab-catalog
{
display:none;
}
.infoboxmedia /*div*/
{
/*Taille*/
width: min-content;
/*Font & text*/
font-size: 0.875em;
background: #4c4c4c;
/*Border*/
padding: 6px;
}
.infoboxmedia-media /*div*/
{
/*Font & text*/
border: 1px solid #c8ccd1;
text-align: center;
display:grid;
}
.infoboxmedia-table /*table*/
{
width: 100%;
border-collapse: collapse;
background: #1c212b;
}
.infoboxmedia-caption /*cell*/
{
/*Font & text*/
text-align: left;
font-style: italic;
/*Border*/
background: #4c4c4c ;
padding:3px 2px 3px 2px;
width:min-content;
}
.infoboxmedia-value /*cell*/
{
/*Taille*/
width:min-content;
height:20px;
/*Font & text*/
text-align: left;
font-style: italic;
padding:2px 6px 2px 6px;
}
.infoboxmedia-section /*div*/
{
/*Font & text*/
text-align: center;
font-weight: bold;
/*Border*/
padding:2px 6px 2px 6px;
border-collapse: collapse;
background: #000;
}
.todolistbox /*div*/
{
/*Taille*/
width: 220px;
/*Font & text*/
font-size: 0.875em;
/*Border*/
border-radius: 13px;
border: 3px double #aaa;
background: #FFFCCC;
}
.todolistbox-title /*div*/
{
/*Font & text*/
text-align: center;
font-weight: bold;
/*Border*/
border-top-left-radius: 13px;
border-top-right-radius: 13px;
/*Background*/
background: #FFF ;
background: -moz-linear-gradient(top,#FFF 0%,#FFFCCC 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF ),color-stop(100%,#FFFCCC));
background: -webkit-linear-gradient(top,#FFF 0%,#FFFCCC 100%);
background: -o-linear-gradient(top,#FFF 0%,#FFFCCC 100%);
background: -ms-linear-gradient(top,#FFF 0%,#FFFCCC 100%);
background: linear-gradient(to bottom,#FFF 0%,#FFFCCC 100%);
}
.todolistbox-priority
{
float:right;
color:#E54216
}
.todolistbox-table /*table*/
{
/*Taille*/
width: 100%;
/*Border*/
margin-bottom:6px;
margin-top:6px;
border-collapse: collapse;
}
.todolistbox-param /*cell*/
{
/*Font & text*/
font-style: italic;
text-align: right;
/*Taille*/
width: 50%;
height:20px;
color:#494949;
}
.todolistbox-value /*cell*/
{
/*Font & text*/
text-align: left;
/*Taille*/
width: 50%;
height:20px;
color:#494949;
}
.todolistbox-section /*div*/
{
/*Font & text*/
font-weight: bold;
text-align: center;
color: #686868;
/*Background*/
background: #ffef96;
}
.todolistbox-tasks /*div*/
{
/*Font & text*/
color:#494949;
text-align: left;
/*Border*/
padding:6px;
}
.todolistbox-bottom /*div*/
{
/*Border*/
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
/*Background*/
background: #FFFCCC;
background: -moz-linear-gradient(top,#FFFCCC 0%,#FFF 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFCCC ),color-stop(100%,#FFF));
background: -webkit-linear-gradient(top,#FFFCCC 0%,#FFF 100%);
background: -o-linear-gradient(top,#FFFCCC 0%,#FFF 100%);
background: -ms-linear-gradient(top,#FFFCCC 0%,#FFF 100%);
background: linear-gradient(to bottom,#FFFCCC 0%,#FFF 100%);
}
.infobox /*div*/
{
/*Taille*/
width: 280px;
/*Font & text*/
font-size: 0.875em;
/*Border*/
border-radius: 20px;
/*border: 3px double #aaa;*/
border: 1px solid #c8ccd1;
}
.infobox-title /*div*/
{
/*Font & text*/
font-size: 1.8em;
text-align: center;
font-family: sans-serif;
color: #c1c1c1;
/*Border*/
border-top-left-radius: 20px;
border-top-right-radius: 20px;
/*Background*/
background: #792211 ;
background: -moz-linear-gradient(top,#792211 0%,#390909 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#792211 ),color-stop(100%,#390909));
background: -webkit-linear-gradient(top,#792211 0%,#390909 100%);
background: -o-linear-gradient(top,#792211 0%,#390909 100%);
background: -ms-linear-gradient(top,#792211 0%,#390909 100%);
background: linear-gradient(to bottom,#792211 0%,#390909 100%);
}
.infobox-image /*div*/
{
/*Font & text*/
text-align: center;
}
.infobox-table /*table*/
{
/*Taille*/
width: 100%;
/*Border*/
border-collapse: collapse;
}
.infobox th, .infobox td
{
/*Background*/
background: #000000;
background-image: none;
background-image: -moz-linear-gradient(center top,#1A1D20 60%,#0A0B0C 100%);
background-image: -webkit-gradient(linear,center top,left bottom,color-stop(60%,#1A1D20),color-stop(100%,#0A0B0C));
background-image: -webkit-linear-gradient(top,#1A1D20 60%,#0A0B0C 100%);
background-image: -o-linear-gradient(top,#1A1D20 60%,#0A0B0C 100%);
background-image: -ms-linear-gradient(top,#1A1D20 60%,#0A0B0C 100%);
background-image: linear-gradient(to bottom,#1A1D20 60%,#0A0B0C 100%);
}
.infobox-param /*cell*/
{
/*Font & text*/
color:#D9D9D9;
text-align: right;
/*Taille*/
width: 50%;
height:20px;
}
.infobox-value /*cell*/
{
/*Font & text*/
font-style: italic;
text-align: left;
color: #c1c1c1;
/*Taille*/
width: 50%;
height:20px;
}
.infobox-section /*div*/
{
/*Taille*/
height:23px;
width: 100%;
/*Font & text*/
font-weight: bold;
text-align: center;
color: #FFFFFF;
/*Border*/
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
/*Background*/
background: #804020;
background: -moz-linear-gradient(top,#804020 0%,#331701 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#804020),color-stop(100%,#331701));
background: -webkit-linear-gradient(top,#804020 0%,#331701 100%);
background: -o-linear-gradient(top,#804020 0%,#331701 100%);
background: -ms-linear-gradient(top,#804020 0%,#331701 100%);
background: linear-gradient(to bottom,#804020 0%,#331701 100%);
}
.infobox-bottom /*div*/
{
/*Border*/
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
/*Background*/
background: #792211 ;
background: -moz-linear-gradient(top,#792211 0%,#390909 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#792211 ),color-stop(100%,#390909));
background: -webkit-linear-gradient(top,#792211 0%,#390909 100%);
background: -o-linear-gradient(top,#792211 0%,#390909 100%);
background: -ms-linear-gradient(top,#792211 0%,#390909 100%);
background: linear-gradient(to bottom,#792211 0%,#390909 100%);
}
.infobox-supporting /*div*/
{
/*Font & text*/
font-size: 1.8em;
text-align: left;
font-family: sans-serif;
color: #ffc000;
}