DarkEvils.Com Comunity
Xmass Lights 2 - Tutorials IPB 4.x - DarkEvils.Com Jump to content
keyboard_arrow_down
account_circle Sign In

Sign In



person_add Sign Up
Sign in to follow this  
-coLd-

Xmass Lights 2

Recommended Posts

acp => Customization => Theme => your theme => Edit => add up in globaltemplate =>

Quote

       <div class="xmaslights"></div>
<link type="text/css" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
 <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
                <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
                <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
                <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
                <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  <meta charset="UTF-8" />
  <title>Invision-Romania</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <script type='text/javascript'>
  //<![CDATA[
   jsDebug   = 0; /* Must come before JS includes */
   USE_RTE   = 1;
   DISABLE_AJAX = parseInt(0); /* Disables ajax requests where text is sent to the DB; helpful for charset issues */
   inACP   = false;
   var isRTL  = false;
   var rtlIe  = '';
   var rtlFull  = '';
  //]]>
  </script>
  
  
 
 <style type="text/css" >
  /* Inline CSS */
  
/* CSS: kript-custom*/
.gradient{background:linear-gradient(to left,#e99d3e 10%,#fe4139);-webkit-background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sf-snow-flake{position:fixed;top:-20px;z-index:99999}.sf-snow-anim{top:110%}.sh4rk-snowOnMtitle{position:absolute;width:100%;height:19px;pointer-events:none;top:-6px;left:0;background-image:url(https://i.imgur.com/ERWN2yp.png)}.sh4rk-snowOnMtitle:before{content:"";width:104px;height:45px;position:absolute;top:-1px;left:-6px;background-image:url(https://i.imgur.com/Njtysxc.png);background-repeat:no-repeat;background-size:104px 45px}.sh4rk-snowOnMtitle:after{content:"";width:117px;height:40px;position:absolute;top:-1px;right:-6px;background-image:url(https://i.imgur.com/9qNAG90.png);background-repeat:no-repeat;background-size:117px 40px}.invision-ads.pfx-steamSide{background-color:rgba(0,0,0,0.0);border:0;box-shadow:0 0 0}.invision-ads>div.pfx-steamSidebar-wrap{overflow:hidden;display:block;position:relative;padding:10px;width:100%;height:auto;background-color:rgba(0,0,0,0.0);left:0;right:auto;box-sizing:border-box}.pfx-steamSidebar{position:relative;width:100%;font-family:'Roboto',sans-serif;min-height:50px;border-radius:8px;background-color:transparent;background-image:url("https://i.imgur.com/GYgaKkv.png");background-size:cover;background-repeat:no-repeat;background-position:center;padding:30px;box-sizing:border-box}.pfx-steamSidebar-avatar{position:relative;width:70px;height:70px;background-color:#2141EB;background-size:cover;border-radius:100%;margin:0
auto;transition:all 0.3s}.pfx-steamSidebar-avt-radials{position:absolute;width:100px;height:100px;top:-15px;left:-15px;transform-origin:center;transition:all 0.5s}.pfx-steamSidebar:hover .pfx-steamSidebar-avt-radials{transform:rotate(90deg)}.pfx-sa-rad1{position:absolute;fill:none;stroke-width:4px;stroke:#2141EB;stroke-dasharray:30,100;transform-origin:center;transition:all 0.5s}.pfx-steamSidebar:hover .pfx-sa-rad1{stroke-dasharray:74}.pfx-sa-rad2{position:absolute;fill:none;stroke-width:1.5px;stroke:#2141EB;stroke-dasharray:54;transform-origin:center;transition:all 0.5s}.pfx-steamSidebar:hover .pfx-sa-rad2{stroke-dasharray:30}.pfx-steamSidebar-name{letter-spacing:1.5px;text-transform:uppercase;color:white;text-align:center;margin:20px
0;font-size:14px;font-weight:500}.pfx-steamSidebar-stat{position:relative;width:100%;margin-bottom:5px;padding:5px;font-weight:500;font-size:12px;color:white;box-sizing:border-box}.pfx-steamSidebar-stat:before{content:"";position:absolute;width:5px;height:0;top:8px;left:-10px;background:#2141EB;transition:all 0.1s}.pfx-steamSidebar-stat:hover:before{height:10px}.pfx-steamSidebar-stat:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#2141EB}.pfx-steamSidebar-stat-num{float:right}.pfx-steamSidebar-buttonWrap{position:relative;text-align:center;margin:50px
0}.pfx-steamSidebar-button{display:inline-block;padding:8px
20px;background:#2141EB;color:white;font-weight:500;cursor:pointer;text-transform:uppercase;letter-spacing:0.5px;font-size:13px;transition:all 0.3s}.pfx-steamSidebar-button:hover{background:#333;color:#2141EB}.pfx-steamSidebar-phasefx{color:white;font-size:10px;opacity:0.3;text-align:center;transition:all 0.3s;padding:0
20px;box-sizing:border-box}.pfx-steamSidebar:hover .pfx-steamSidebar-phasefx{opacity:0.8}.pfx-steamSidebar .pfx-steamSidebar-phasefx:hover{opacity:1}.warnbarsec{position:relative;width:100%;height:50px}.warnbar{width:100%;height:3px;position:absolute;top:22px;background-color:#2e2e2e;border:1px
solid #232323;border-radius:2px;margin:4px}.warnbarfill{height:3px;position:absolute;top:22px;border-radius:2px;margin:4px}.profile-rep{position:relative;width:150px;cursor:default;background:#282828;border:4px
solid #1f1f1f}.pp-rep-1{width:150px;height:20px;padding:10px;font-size:12px;color:white}.pp-rep-1
span{opacity:0.3}.pp-rep-1
font{position:absolute;right:10px;padding:2px
8px;top:8px;border-radius:21px;background:-webkit-linear-gradient(#ff5557,#b73032)}.pp-rep-bar{position:relative;width:130px;margin:5px
auto;height:7px;background:rgba(250,250,250,0.1)}.pp-rep-fill{position:absolute;top:0;left:0;height:7px;max-width:130px}.userinfo-placeholder{background:#303030;height:40px;width:130px;position:relative;margin:0
auto;margin-bottom:0px;margin-bottom:-5px;border-radius:20px 20px 0px 0px}.userinfo-placeholder-text{font-size:11px !important;text-transform:uppercase !important;letter-spacing:1px !important;color:#fff !important;text-align:center;font-weight:bold !important;font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif !important;position:relative;top:11px}.userinfo-info-bg{background:#303030;height:50px;width:170px;right:0px;position:relative;margin:0
auto;margin-top:5px}.bg-userinfopane{background:#2a2a2a !important;margin-left:-9px !important;margin-right:-9px !important;padding-bottom:10px}.userinfo-stats-bg{position:relative;margin:0
auto;height:170px;overflow:hidden;transition:all 0.5s ease-in-out}.stats-bg-ui{background:#303030;height:50px;width:170px;position:relative;margin:0
auto;margin-top:5px;line-height:50px}.text-stats-ui{height:20px;width:auto;float:left;top:-8px;position:relative;left:15px;font-size:11px !important;text-transform:uppercase !important;letter-spacing:1px !important;color:#fff !important;text-align:center;font-weight:bold !important;font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif !important}.text-stats-nr{position:relative;top:-34px;height:20px;text-align:left}.bg-userinfopane:hover .userinfo-stats-bg{height:280px;position:relative;display:inline-block}.box{width:600px;height:83px;position:relative;border:1px
solid #222;background:#111;box-shadow:0px 0px 4px #000}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon1{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:left}.ribbon
span{font-size:10px;font-weight:bold;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);width:100px;display:block;background:rgba(14,156,76);background:linear-gradient(rgba(14,156,76) 0%, rgba(14,156,76) 100%);box shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);position:absolute;top:19px;right:-21px}.ribbon span::before{content:"";position:absolute;left:0px;top:100%;z-index:-1;border-left:3px solid rgba(14,156,76);border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid rgba(14,156,76)}.ribbon span::after{content:"";position:absolute;right:0px;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid rgba(14,156,76);border-bottom:3px solid transparent;border-top:3px solid rgba(14,156,76)}}.ribbon1{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon1
span{font-size:10px;font-weight:bold;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);width:100px;display:block;background:rgba(14,156,76);background:linear-gradient(rgba(14,156,76) 0%, rgba(14,156,76) 100%);box shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);position:absolute;top:19px;left:-21px}.ribbon1 span::before{content:"";position:absolute;left:0px;top:100%;z-index:-1;border-left:3px solid rgba(14,156,76);border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid rgba(14,156,76)}.ribbon1 span::after{content:"";position:absolute;right:0px;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid rgba(14,156,76);border-bottom:3px solid transparent;border-top:3px solid rgba(14,156,76)}.xmaslights{position:fixed;z-index:10;top:0;right:0;pointer-events:none;width:522px;height:233px;background-image:url(https://i.imgur.com/ARJvU9k.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation-name:xmaslights;animation-duration:0.5s;animation-iteration-count:infinite}@keyframes
xmaslights{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(45deg)}}
 </style>

 

 

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

Powered by Invision Community




×