Dans l'ancien il existe car je l'ai fait imposible de retrouver pour faire un copier coller:

/* $Id: theme.css 3060 2009-01-07 19:52:51Z vdigital $ */
.content div.thumbnailCategory div.illustration {
    width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */
}
.content div.thumbnailCategory {
    height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */
}
.content div.thumbnailCategory div.description .text {
    height: 130px !important; /* -42px than previous one */
}
#comments div.thumbnailCategory div.illustration {
    width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */
}
#comments .thumbnailCategories hr {display:none;}
#comments form.filter input[type="submit"] { margin-top:1.8em; }
/*  Sylvia Theme is close to the Roma Admin theme */
BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {
    color:#666;
}
#imageHeaderBar, #imageToolBar A:hover {
    background-color: transparent;
}
body { background:#111111 url(images/bottom-left-bg.jpg) repeat fixed 0 0; }
#theHeader {
    min-height:110px;
    height:110px;
}
#mbIdentification p, .totalImages {
    color:#999;
}
.header_msgs {
    background:transparent url(images/header_msgs-bg.gif) repeat scroll left top;
    border:0;
    color:#333;
    font-size:24px;
    left:0;
    margin:0;
    padding:10px 0 6px 0;
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    z-index:99;
}
.header_notes {
    background:transparent url(images/header_msgs-bg.gif) repeat scroll left top;
    border:0 none;
    color:#333;
    font-size:16px;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:99;
}
#menubar DL {
    background:transparent url(images/menuBox_top.gif) no-repeat scroll left top;
    margin:0 0 5px 40px;
    padding:0;
    width: 231px;
    min-width: 231px;
    border: 0;
    min-height: 32px;
    overflow-x: hidden;
}
#imageHeaderBar H2 {
    border: 0;
}
#menubar DT {
    background-color:#111;
    border:0;
    display:inline;
    margin-left:8px;
    text-align:left;
}
#menubar DD {
    background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom;
    margin:14px 0 0 0;
    padding:0 0 22px;
    width: 231px;
    min-width: 231px;
    border: 0;
    overflow-x: hidden;
}
#menubar DD P {
  background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
  padding: 2px 16px 0;
  margin: 0;
}
#menubar UL, #menubar #mbCategories p, #menubar .illustration  {
    background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
    margin:0;
}
#menubar DT A {
    font-size: 100%;
}
#menubar UL {
    color:#333;
    font-size: 16px;
    line-height: 15px;
}
#menubar LI {
    padding-left: 12px;
}
#menubar LI UL {
  background: transparent url(images/transparent.gif);
}
#menubar A, .menuInfoCat {
    font-size: 13px;
}
#menubar form {
    background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
    margin:0;
}
#menubar DL#mbIdentification {
    background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important;
}
#menubar #mbIdentification DD {
    background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom;
}
#menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration  {
    background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;
}
#menubar #mbIdentification form {
    background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;
}
#menubar #mbIdentification  .actions, #menubar #mbIdentification form  p {
    background:transparent none repeat-y scroll left bottom;
}
#menubar #mbIdentification p {
    padding: 2px 16px 0;
    margin: 0;
}
#menubar p {
    padding: 16px 16px 0;
}
#menubar .button {
    position:relative;
    right:9px;
    top:16px;
    height:16px;
    width:16px;
}
#menubar #mbIdentification .button {
    height:24px;
    width:24px;
    right:0px;
    top:-40px;
}
#menubar #mbIdentification fieldset {
    border:0;
    margin:0 24px 0 23px;
}
#menubar #mbIdentification legend {
    display: none;
}
#menubar #menuTagCloud {
    margin: 0;
    padding: 0 8px 0 16px;
}

.content {
    background: url(images/fillet.gif) repeat-x scroll left top;
    min-height:466px;
}

.content {
    border: 1px solid #000;
    border-top: 0;
    margin:21px 7px 0 290px;
    padding-top:7px;
}
.content h2 {
    margin:0;
    padding:0px 10px 15px 15px;
    border:0;
}
#menubar form {
    background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
    margin:0;
}
.content ul.thumbnailCategories li {
    background: url(images/cat_bottom-right.gif) no-repeat scroll right bottom;
    width:49%;
    margin: 0;
    padding:0;
}
.content div.thumbnailCategory {
    background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom;
    padding: 0;
    margin:0;
}
.content .thumbnailCategory div.illustration {
    background:transparent url(images/cat_top-left.gif) no-repeat scroll left top;
    padding: 0 0 0 10px;
    margin: 0 !important;
}
.content .thumbnailCategory div.illustration a {
    display: block;
    margin: 0;
    padding:20px 0 0 8px;
}
.content .thumbnailCategory div.description {
    background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
    margin: 0;
    padding:15px 10px 3px 0;
    overflow: hidden !important;
}
.content .thumbnailCategory div.description .text {
    display:block;
    margin:10px 2px 0 0;
    overflow: auto;
    overflow-x:hidden;
    padding:0 0 5px;
}
.content div.thumbnailCategory div.description p.dates {
    margin: 0 15px 0 15px;
    text-align: right;
}
.content .thumbnailCategory div.description H3 {
    display: block;
}
.content ul.thumbnailCategories li:hover {
    background-color:#111;
}
.content .navigationBar {
    color:#666;
}
.infos {
    color:#f70;
    border:0;
    background-color: transparent;
    margin-left:125px;
    padding:5px 0px 0pt 10pt;
    min-height: 48px;
    text-align:left;
}
.infos li, .errors li {
    list-style-type:none;
}
.errors {
    color:#f33;
    border:0;
    background: transparent url(icon/errors.png) no-repeat scroll right top;
    margin-left:125px;
    padding:5px 0px 0pt 10pt;
    min-height: 48px;
    text-align:left;
    font-weight:bold;
}
#menubar #menuTagCloud {
    background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
    margin:0;
    padding: 0 12px;
}
H2 {
    border-bottom: 1px solid #000000;
}
#qsearchInput {
    color:#999;
}
FIELDSET, INPUT, SELECT, TEXTAREA {
    border: 1px solid #666;
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
    background-color:#444;
    color:#999;
} /* stupid Line but needed  due to inpact on other themes and deadline of Piwigo 2.0 */
input[type="file"] {
    background-color:#222;
    border: 1px solid #666;
}
INPUT, select, textarea {
    color:#999;
    background-color:#444;
}
input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull {
    background-color: transparent;
}
#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus {
    background-color:#444;
    color:#999;
}
.content UL.thumbnails SPAN.wrap2 {
    border: 1px solid #666;    /* thumbnails border color and style */
    border-radius: 4px 4px;    /* round corners with CSS3 compliant browsers */
}
.content UL.thumbnails SPAN.wrap2:hover {
    color:#666;
    background-color:#111;
    border:1px solid #ff3363;    /* thumbnails border color when mouse cursor is over it */
}
#comments ul.actions li, #comments ul.actions li:hover {
    background:transparent none;
    padding: 0 22px;
    clear:both;
    list-style-type:none;
}
span.calItem {
    border:1px solid #666;
    margin:0 5px;
    padding:2px 5px 0 8px;
}
span.calItemEmpty, td.calDayCellEmpty, td.calDayCellFull {
    border:1px solid #666;
}
A, INPUT.rateButton {
    color:#a51419;
    border-width: 0;
}
A:hover, A:active {
    color:#f33;
    border-bottom: 1px solid #FF3363;
    cursor: pointer;
}
a.external {
    color:#FF3363;
    border:0;
    text-decoration: none;
}
a.external:hover {
    color:#a51419;
    border:0;
}
a.Piwigo {
  font-family: verdana, arial, helvetica, sans-serif !important;
  font-size: 11px; font-weight: normal; letter-spacing: 0;
  color : #F33; text-decoration: none; border: 0; }
a.Piwigo:hover  span.Piwigo  {
  border-bottom: 1px solid #FF3363;
}
#theImage A, .illustration A, A.navThumb, A.navThumb {
    border-bottom-width: 0;
}
#imageToolBar {
    padding:0 7%;
}
#imageHeaderBar .imageNumber {
    margin-right:7%;
}
#imageHeaderBar .browsePath {
    margin-left:7%;
}
*, *:focus, *:active, input:active, a:active, input:focus, a:focus {
    outline: none;
}
#debug {
    margin: 15px 15px 5px 248px;
    font-size:12px;
    clear: both;
}
.rateButtonStarFull, .rateButtonStarEmpty {      
    background-image: url('icon/rating-stars.gif');
}
#menubar #mbIdentification fieldset div input[type="text"] {
    margin: 0 0 3px;
    width: 174px;
    display: inline;
}
input[type="button"], input[type="submit"], input[type="reset"] {
    color:#ff3363;
    background-color:#222;
    border-color:#ff3363;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    color:#999;
    border-color:#666;
}
.titrePage img.button[alt="x"] { margin: 0 3px 3px; }

#thePicturePage .thumbnailCategory {
    padding: 15px 2px 6px 12px;
    border: 1px solid #666;
}
#thePicturePage .thumbnailCategory  .date, #thePicturePage .thumbnailCategory  .author {
    font-weight:bold;
}
#thePicturePage .thumbnailCategories {
    padding-left: 12px;
    padding-right: 12px;
}
#thePicturePage .odd {
    background-color: #222;
    border-top:0 !important;
}
#addComment fieldset {
  color: #f70;
    border-color: #f70;
}
#addComment fieldset  label {
  color: #666;
}
#theCommentsPage .content ul.thumbnailCategories li,
#theCommentsPage .content div.thumbnailCategory ,
#theCommentsPage .content div.thumbnailCategory div.description,
#theCommentsPage .content .thumbnailCategory div.illustration {
    background-image: none;
}
#theCommentsPage .content div.thumbnailCategory {
    padding: 15px 2px 6px 12px;
    border: 1px solid #666;
}
#theCommentsPage .content .odd {
    background-color: #222;
    border-top:0 !important;
}
#theCommentsPage .content .even {
    background-color: #111;
}
#theCommentsPage .content ul.thumbnailCategories li:hover {
    background-color: transparent;
}
#theCommentsPage div#comments {
    padding: 0 0 5px 10px;
}
tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
    border-color: #666666;
}
#the_page .content div.thumbnailCategory div.description { height:158px;}#the_page .content div.thumbnailCategory div.description .text {height:122px !important;}

Bon, alors maintenant, tu vas surtout virer tes modifs du theme.css d'origine et te créer un css personnalisé via LocalFile Editor. Comme cela tes problèmes d'aujourd'hui ne se reproduiront plus à la prochaine mise à jour de la galerie ;-)

Si tu ne te sens pas, je peux te guider mais pas le faire pour toi (il faut être webmaster pour pouvoir modifier des template-extension et CSS).

Aller, je t'aide de suite:
Dans LocalFile Editor, tu vas sur l'onglet CSS puis tu édites le fichier local/css/Sylvia-rules.css (en ouvrant la liste des fichiers). Ce fichier est vide pour l'instant et il n'apparait que

/* Dans cette fenêtre, écrivez les informations pour configurer votre galerie Piwigo. */

A la place de cette phrase, tu colles ceci:

.content {
    background: url(images/fillet.gif) repeat-x scroll left top;
    min-height:466px;
}

.content .thumbnailCategories li {
    background: url(images/cat_bottom-right.gif) no-repeat scroll right bottom;
    width:49%;
    margin: 0;
    padding:0;
}

Et tu sauvegardes la modification. Ensuite, tu peux remettre le fichier theme.css originel (non modifié) du thème Sylvia. Et tu devrais retrouver ton rendu.

thierry.f91 a écrit:

Oui je vois ce que tu veux dire Eric.

Question:

Si je créer un fichier avec le plugin il seras le même avec mais modif on ai bien d'accord sans que l'original soit toucher ?

Oui, c'est çà.

thierry.f91 a écrit:

Mais la ou je comprend pas c'est que;

Si j'ai bien compris si une mise à jour il y a lieu du thème sylvia donc en même temps du fichier theme.css le mien de l'ancienne version modifié ne fonctionera pas non plus ou alors j'ai louper un wagon lol.

Comprend tu ce que je veux dire.

Je pense que je comprends ^^
En fait, dans ton fichier CSS local, tu n'y fait apparaitre que les modifications. Inutile de reprendre tout le CSS original. Ce CSS local surchargera alors l'original et cela devrait fonctionner quelque soit les mises à jours de Piwigo (sauf quelques ajustements mineurs éventuels).

thierry.f91 a écrit:

Car le fichier theme.css de la version 2.1.6 (modifié) était a part l'original existait encore.

Cela signifie que le fichier 2.1.6 modifié venait en surcharge de l'original. Les parties non modifiées ne changent rien et seules les modifs sont prises en compte.

Waouuu ça marche pas, même si je fait tout un copier coller

Eric a écrit:

thierry.f91 a écrit:

Merci eric je vais le faire...

Une derniere question comment c'est t'il qui faute remplacer les autres ?

Là, désolé, mais je ne comprends pas la question. :-(

Oui on re-écrit un ligne de code, mais comment c'est t'il que c'est a la place des ancienne ligne de code ?

thierry.f91 a écrit:

Eric a écrit:

thierry.f91 a écrit:

Merci eric je vais le faire...

Une derniere question comment c'est t'il qui faute remplacer les autres ?

Là, désolé, mais je ne comprends pas la question. :-(

Oui on re-écrit un ligne de code, mais comment c'est t'il que c'est a la place des ancienne ligne de code ?

Ah Ok ! En fait "il" (Piwigo) le sait parce qu'il s'agit d'un identifiant CSS identique. Par exemple, si tu as ".content" dans le fichier original et que Piwigo trouve ce même ".content" dans ton fichier CSS local, il utilisera celui-là en dernier ce qui écrasera celui d'origine.