CSS Personnaliser les boutons des popups

[Tεuchi PM|T]

Bonjour la

Ajoutez ceci dans le template EXTRA.css:

.breadBoxTop a.callToAction {height: 25px; line-height: 25px;}
.breadBoxTop a.callToAction, .submitUnit .button,  .sectionFooter .button, .afterDiscussionListHandle a.callToAction,
.forum_view .button.primary, .forum_view .button, .smallButton, .buttonBookmarks, a.callToAction{
background: url("@imagePath/xenforo/gradients/css3red.png") repeat-x scroll center top transparent;
background: -moz-linear-gradient(top, #a54359 0%, #a82844 2%, #8e132e 4%, #8e0b27 50%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a54359), color-stop(2%,#a82844), color-stop(4%,#8e132e), color-stop(50%,#8e0b27), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a54359 0%,#a82844 2%,#8e132e 4%,#8e0b27 50%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a54359 0%,#a82844 2%,#8e132e 4%,#8e0b27 50%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a54359 0%,#a82844 2%,#8e132e 4%,#8e0b27 50%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom, #a54359 0%,#a82844 2%,#8e132e 4%,#8e0b27 50%,#6d0019 100%); /* W3C */
border: 1px solid #430b18;
border-radius: 3px;
box-shadow: 0 2px 5px #202020;
color: #fcd2dc;
text-shadow: 0 0 2px #3a0e18;}

.breadBoxTop a.callToAction:hover, .submitUnit .button:hover, .sectionFooter .button:hover,
.afterDiscussionListHandle a.callToAction:hover, .forum_view .button.primary:hover , .forum_view .button:hover,
#AttachmentUploader:hover, .smallButton:hover, .buttonBookmarks:hover {
  opacity: 0.35;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;}

.button:active, .button:focus {
  border-color: red;}
.button:hover, button[href]:hover,.buttonProxy:hover .button {
background-color: transparent !important;
border-color: transparent!important;
color: #fcd2dc!important;
}
a.callToAction span {background: none transparent !important;}
.forum_view .DiscussionListOptions {
background: none #393939;
border: 1px solid #242424;}
.forum_view .itemPageNav a {
  background: none #535353;
  border: 1px solid #282828;
  color: #c8c8c8;}

Avant :

Après :