Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!----------
- JAM ICONS: To change, go to
- jam-icons.com
- to choose the icon you want, then just switch out the jam icon code with code name of your choice
- ---------->
- <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
- <style>
- .updatesone {background-color:#f9f9f9;} /*-- Background Color --*/
- .updatesone h1 {color:#ffffff;} /*-- Titles Font Color --*/
- .updatesone h1 {background-color:#95d3e0;} /*-- Titles Background Color --*/
- .updatesone a {color:#000000;} /*-- Links Color --*/
- /*-- MOVE THE UPDATES TAB BY RAISING OR LOWERING THE TOP/LEFT NUMBERS --*/
- .updates_one {top:20px;left:30px;}
- /* --- DO NOT EDIT BELOW --- */
- .updates_one {position:fixed;width:20px;height:40px;text-align:center;padding:0px;z-index:50!important;}
- .updates_one .jam {position:relative;top:0px;left:0px;font-size:15pt;}
- .updates_one:hover .updatesone {height:200px;}
- .updatesone {margin:5px 0px 0px 0px;width:180px;padding:0px 13px 0px 13px;overflow:scroll;height:0px;font-size:10pt;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;}
- .updatesone::-webkit-scrollbar {width:0px;}
- .updatesone h1 {display:block;padding:4px 4px 3px 4px;margin:16px 0px 8px 0px;font-size:10.5pt;font-weight:normal!important;text-transform:uppercase;}
- .updatesone b {font-weight:bold;}
- .updatesone i {font-style:italic;}
- .updatesone a {display:inline-block;padding:0px 1px 3px 1px;text-decoration:none;border-bottom:1px solid;margin:0px 4px;transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;}
- .updatesone a:hover {opacity:0.7;}
- </style>
- <!-- START ETHEREAL UPDATES 01 -->
- <div class="updates_one">
- <!---------- JAM ICONS CODE -->
- <span class="jam jam-star"></span>
- <!-- START UPDATES SECTION -->
- <div class="updatesone">
- <!---------- START UPDATES -->
- <h1>Update Title One</h1>
- Lorem ipsum <b>dolor</b> sit amet, consectetur <i>adipiscing</i> elit. Aliquam pretium magna et velit dignissim, a <b>placerat</b> nisi rutrum.
- <p>
- <a href="/">link</a>
- <a href="/">link</a>
- <a href="/">link</a>
- <br>
- <h1>Update Title Two</h1>
- Lorem <b>ipsum</b> dolor sit amet, <i>consectetur</i> adipiscing elit. Aliquam pretium magna et velit <b>dignissim</b>, a placerat nisi rutrum.
- <!---------- END UPDATES -->
- </div>
- <!-- END UPDATES SECTION -->
- </div>
- <!-- END ETHEREAL UPDATES 01 -->
Add Comment
Please, Sign In to add comment