1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Xmas Red Notification v1

A red xmas notification themed card to wish your members a merry xmas.

  1. Shelley
    [​IMG] xmas2_preview.png

    Summary You will need to have Notifications - powered by Gritter - Developed by Chris Deeming to use this.

    Install Upload the images in the archive and put that in your /gradients folder. You will then have to create your notification and use the custom field and insert "xmas2" without the quotes. and then paste the following into your Extra.css template and done.

    .xmas2 .gritter-item{
        background: url("@imagePath/xenforo/gradients/xmas2.png") no-repeat scroll center bottom transparent !important;
        width: 300px;
        height: 250px; }
    .xmas2 .gritter-with-image {
        width: 200px;
        padding-right: 25px;
        padding-top: 50px;
        color: #ffeaea; }
    .xmas2 .gritter-without-image {
        width: 260px;
        padding-left: 20px;
        padding-top: 50px;
        color: #ffeaea; }
    .xmas2 .gritter-with-image .gritter-title {
      color: #ffeca8 !important;
      font-size: 14px !important; }
    .xmas2 .gritter-without-image .gritter-title {
      color: #ffeca8 !important;
      font-size: 14px !important;
      text-align: center; }
    .xmas2 .gritter-with-image  a, .tablet .gritter-without-image a {
      color: #921717 !important; }
    .xmas2 .gritter-with-image  a:hover { opacity: 0.6; }
    .xmas2 .gritter-image {
      padding-left: 18px;
      padding-top: 85px; }
    .xmas2 .gritter-dismiss {
      padding-bottom: 25px;
      padding-right: 25px;
      font-size: 10px; }
    .xmas2 .gritter-dismiss a { color: #ffeca8 !important; }
    .xmas2 .gritter-dismiss a:hover { opacity: 0.6; }
    .xmas2 .gritter-close  {
        background: url("@imagePath/xenforo/gradients/xmas2close.png") no-repeat scroll top left transparent;
        right: 150px !important;
        top: 35px !important; }
    Conditions of use: This pack may be used on forums, websites but cannot be redistributed or repackaged in any way shape or form for any reason without prior consent of the author.
    principia, oman, Adam Howard and 2 others like this.

Recent Reviews

  1. Adam Howard
    Adam Howard
    Version: v1
    Loving this. Thank you Shelley :-)