Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---------------------------------------------------------------------------
- ------------------------- updates tab by steyerogers -------------------------
- ----------------------------------------------------------------------------->
- <script>$(document).ready(function(){
- $(".ut").click(function() {
- $('.ua').fadeToggle(400); $('.updates').toggleClass('vis');});
- });</script><style type="text/css">
- .updates {
- position:fixed; top:5px; left:5px; width:120px; margin-left:-145px;
- Z-index:9999; border:1px solid transparent; transition:all 0.6s ease-in-out;
- -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;}
- .updates.vis {
- margin-left:0px;}
- .uc {
- padding:8px; display:block; border-top:1px solid transparent;}
- .uh {
- font:italic 1.2em 'Georgia', serif; padding:8px; margin-bottom:-1px;
- text-align:center; border-top:1px solid transparent;}
- h2 {
- font:italic 1.1em 'Georgia', serif; margin:0; display:inline-block;}
- .ua {
- position:fixed; top:5px; left:5px; padding:3px 5px 4px 5px; line-height:1;
- font-weight:bold; border:1px solid transparent;}
- .close {
- text-align:right; border:none; position:relative; padding:6px 8px;}
- .close a {
- position:absolute; top:6px; left:8px;}
- .ut {
- cursor:help;}
- /* background of updates tab */
- .updates, .ua {background:#fff;}
- /* color of borders */
- .updates, .uh, .uc, .ua {border-color:#eeeeee;}
- /* background of headings */
- .uh {background:#f6f6f6;}
- </style><div class="ua ut" title="updates">»</div><div class="updates">
- <div class="close ut">
- <a href="http://steyerogers.tumblr.com" title="cyantists">©</a>
- <!-- please don't remove the credit link, you can however
- change the © to something else if you want! -->
- <span class="sc tr">X</span>
- </div>
- <div class="uh">heading:</div>
- <div class="uc">
- <h2>subheading:</h2> some text
- </div>
- <div class="uc">
- more text under the same title
- </div>
- <div class="uh">new heading:</div>
- <div class="uc">
- <h2>subheading:</h2> some text
- </div>
- <div class="uc">
- more text under the same title
- </div>
- </div><!-------------------------- //updates tab -------------------------->
Advertisement
Add Comment
Please, Sign In to add comment