Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

Tech Green Notification v1

Dark themed notification that may appeal to gaming, sci-fi sites.

  1. XenForo Rocks
    uEgLSm5.png uEgLSm5.png

    uEgLSm5.png uEgLSm5.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 "bbsmileytech" without the quotes. and then paste the following into your Extra.css template and done.


    Code:
    /* BBSMILEY TECH GREEN NOTIFICATION ENHANCEMENT */
    
    .bbsmileytech .gritter-item {
        background: url("@imagePath/xenforo/gradients/bbsmileytechgreen.png") no-repeat scroll center bottom transparent !important;
        width: 300px;
        height: 250px; }
    
    .bbsmileytech .gritter-with-image {
        width: 170px;
        padding-right: 40px;
        padding-top: 55px;
        color: #d4e5fd; }
    
    .bbsmileytech .gritter-without-image {
        width: 225px;
        padding-left: 40px;
        padding-top: 60px;
        color: #b2b2b2; }
    
    .bbsmileytech .gritter-with-image .gritter-title {
       color: #a5d82b !important;
       font-size: 14px !important; }
    
    .bbsmileytech .gritter-without-image .gritter-title {
       color: #a5d82b!important;
       font-size: 14px !important;
       text-align: center; }
    
    .bbsmileytech .gritter-with-image  a, .bbsmileytech .gritter-without-image a {
       color: #a5d82b !important; }
    
    .bbsmileytech .gritter-with-image  a:hover { opacity: 0.6; }
    
    .bbsmileytech .gritter-image {
       padding-left: 35px;
       padding-top: 90px; }
    
    .bbsmileytech .gritter-dismiss {
       padding-bottom: 10px;
       padding-right: 25px;
       font-size: 10px; }
    
    .bbsmileytech .gritter-dismiss a { color: #8aa814 !important; }
    
    .bbsmileytech .gritter-dismiss a:hover { opacity: 0.6; }
    
    .bbsmileytech .gritter-close  {
        background: url("@imagePath/xenforo/gradients/techgreenclose.png") no-repeat scroll top left transparent;
        right: 140px !important;
        top: 20px !important;
        width: 50px;
        height: 30px; }
    
    /* BBSMILEY TECH GREEN NOTIFICATION ENHANCEMENT */
    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.
    Olika120 likes this.
  • About Us

    Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.
  • Like us on Facebook

  • Buy us a beer!

    The management works very hard to make sure the community is running the best software, best designs, and all the other bells and whistles. Care to buy us a beer? We'd really appreciate it!

    Donate to us!