API tools faq
paste
Advertisement
Caiir

Free CSS for TEFc

Caiir
Aug 16th, 2014
1,135
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.88 KB | None | 0 0
raw download clone embed print report
  1. <center>
  2.  
  3. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="75" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent"> <param name="FlashVars" value="mp3=musichere" /></object> <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="75" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent"> <param name="FlashVars" value="mp3=musichere" /></object> <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="75" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent"> <param name="FlashVars" value="mp3=musichere" /></object>
  4.  
  5.  
  6. <div style="width:450px;height:280px;overflow:hidden;background:#080808;"><div style="width:457px;height:280px;padding:5px;overflow:auto;"><a class="info">Hover<span> Extended info in here, displayed on hover </a> x <a class="info">Hover<span> Extended info in here, displayed on hover </a> x <a class="info">Hover<span> Extended info in here, displayed on hover </a>
  7.  
  8. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  9.  
  10. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  11.  
  12. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  13.  
  14. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  15.  
  16. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  17.  
  18. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  19.  
  20. </div>
  21. </div>
  22. <div style="width:450px;height:250px;overflow:hidden;background:#080808;"><div style="width:457px;height:250px;padding:5px;overflow:auto;text-align:left;"><span id="one" class="tab" style="display:inline;">One
  23.  
  24. Put info inside of span tags
  25.  
  26. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  27.  
  28. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</span><span id="two" class="tab" style="display:none;">Two
  29.  
  30. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate condimentum justo. Proin non risus ipsum. Vestibulum tortor augue, pulvinar ac dapibus in, tristique at turpis. Nam blandit, nunc quis mattis auctor, leo lectus ornare erat, nec ornare lorem lorem vitae dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi feugiat at nunc congue sagittis. Vestibulum consectetur nec orci a mollis. Fusce nec metus iaculis, sollicitudin est nec, tristique neque. Aenean quis urna euismod enim egestas ornare. Aenean viverra porta lacus sit amet gravida. Sed bibendum nibh ac erat ullamcorper pulvinar.</span><span id="three"class="tab" style="display:none;">Three
  31. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula libero quam, id convallis velit consectetur in. Vestibulum et sapien pretium, tempor massa nec, congue nisl. Proin vitae tellus in ante placerat congue. Fusce dapibus condimentum tempor. Quisque pharetra diam eros, quis hendrerit nisl elementum ac. Etiam non quam rutrum, auctor tellus sit amet, facilisis est. Aliquam laoreet massa turpis, et dictum mauris interdum ac. Integer varius massa quis scelerisque mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur luctus rutrum lacinia. Sed sit amet tristique mauris. Donec sed lacinia mi. Donec sit amet magna tristique, mattis tortor ac, luctus elit. Cras aliquam, purus sed sagittis facilisis, elit lacus ultrices est, ut fringilla dolor est nec leo.</span><span id="four"class="tab" style="display:none;">Four
  32.  
  33. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac odio vitae purus vulputate aliquam aliquam ac ante. Aenean vel felis libero. Etiam vestibulum facilisis condimentum. Maecenas consectetur et nisi quis bibendum. Proin porttitor purus ut libero mattis, vel dignissim quam accumsan. Nam in sapien porta, pulvinar leo at, porttitor diam. Duis rutrum at enim et volutpat. Vivamus sit amet leo vulputate, tristique massa id, molestie dolor. Cras sodales mauris vel tincidunt ultrices. Pellentesque lectus metus, posuere eget interdum vel, cursus eu urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque vitae mauris malesuada libero auctor tristique ac id justo. In et quam tristique, varius odio at, iaculis libero. Aliquam fringilla arcu id turpis sollicitudin, sit amet consequat tortor venenatis. Fusce a sapien in lorem rhoncus tincidunt.</span><span id="five"class="tab" style="display:none;">Five
  34.  
  35. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempus condimentum tortor. Nunc nibh ante, accumsan in est vel, iaculis vulputate est. Proin lobortis et tortor sed auctor. Nullam dignissim nunc sed mi pharetra lobortis. Nam nunc magna, porttitor volutpat tempus at, congue nec sem. Maecenas in gravida mauris. Mauris non lectus ullamcorper, laoreet erat ut, malesuada sem. Praesent ullamcorper, ligula vitae posuere tincidunt, odio enim iaculis nisi, ut blandit erat orci a nisl.</span>
  36.  
  37.  
  38.  
  39.  
  40. </div></div>
  41. <div style="width:450px;height:15px;overflow:hidden;background:#080808;"><a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('one').style.display='inline';">i</a> x <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('two').style.display='inline';">ii</a> x <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('three').style.display='inline';">iii</a> x <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('four').style.display='inline';">iv</a> x <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('five').style.display='inline';">v</a>
  42.  
  43. </div>
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72. <div style="position:fixed;top:270px; left:6%;height:100px; width:200px;background:#000000;background-color:transparent;">[url=http://endlessforest.org/community/]home[/url]
  73. [url=http://endlessforest.org/community/tracker]recent[/url]
  74. [url=http://endlessforest.org/community/current-map-forest]map[/url]
  75.  
  76. <a href="javascript:;" onmousedown="document.getElementById('disclaimer').style.display=(document.getElementById('disclaimer').style.display=='inline')?'none':'inline';">disclaimer</a> <span id="disclaimer" style="display:none">
  77. Loop JS, JS Show-hide content by AlisonRobin
  78. Css template by Unplugged
  79. Css by Shey
  80.  
  81. Warnings, credits/etc go here
  82. please do not remove credit.</span></div>
  83.  
  84.  
  85. <div style="position:fixed;top:270px; right:6%;height:100px; width:100px;background:#000000;background-color:transparent;"><style>.preview{background:none;border:none} #header-region, #header img, .sidebar, .breadcrumb,#squeeze h2,.comment .clear-block .content .clear-block{display:none} #wrapper #container #center .right-corner .left-corner{position:relative;margin:auto;}#wrapper #container #center{float:none;position:absolute;top:0px}body.sidebar-left #center, body.sidebar-left #squeeze{margin-left:0px} .comment .picture{display:none} .comment .content{margin-left:10px} .node .picture, .node .submitted{display:none} .node{border-bottom:none} #tabs-wrapper{border-bottom:none} tbody{border-top:none} <br />
  86. #wrapper #container #center{position:absolute;top:0px} .comment{margin:0px 0px} .node .links, .comment .links{text-align:center}</style><br />
  87. <br />
  88. <style>/*<br />
  89. BLOG WIDTH + BLOG BG COLOR<br />
  90. */#wrapper #container #center .right-corner .left-corner{width:575px;background:url('http://fc00.deviantart.net/fs71/f/2014/228/5/a/starrrs_by_caiir-d7vf42k.jpg'); background-repeat: no-repeat;}/*<br />
  91. MAIN BG COLOR<br />
  92. */body{background:#030303}/*<br />
  93. COMMENT BG COLOR<br />
  94. */.comment.odd,tr.odd,.comment.even,tr.even{background:#050505;font-size:9px;} .comment .submitted{color:#303030;}/*<br />
  95. COMMENT BORDER<br />
  96. */.comment{border:none}/*<br />
  97. TEXT COLOR<br />
  98. */body{color:#474747;font-size:9px;}/*<br />
  99. LINK COLOR<br />
  100. */a:link, a:visited, ul.pager a{color:#858585;letter-spacing: 3px;}/*<br />
  101. LINK HOVER COLOR<br />
  102. */a:link:hover, a:visited:hover, ul.pager a:hover{color:#ffffff;text-decoration:none;}/*<br />
  103. NEW COLOR<br />
  104. */.new{color:#000000}/*<br />
  105. EDIT + REPLY BACKGROUND<br />
  106. */.comment div.links{background:none}/*<br />
  107. UPDATE BOX STYLING<br />
  108. */div.status{background:none;border:1px solid #000000;color:#000}/*<br />
  109. */
  110.  
  111. a.info { position:relative; z-index:24; text-decoration:none } a.info { position:relative; z-index:24; text-decoration:none } a.info { position:relative; z-index:24; text-decoration:none } a.info:hover { z-index:25;} a.info span { display: none; } a.info:hover span { display:block; position:absolute; top:2em; left:-12em; width:250px; background:#050505; text-align: center; padding: 2px; }
  112.  
  113. a.info { position:relative; z-index:24; text-decoration:none; border-bottom: 0px solid #000000; }</style></div>
  114.  
  115.  
  116.  
  117.  
  118. <center><body onload="document.getElementById('comments').style.display='none';"></body><a href="javascript:;" onmousedown="var a=document.getElementById('comments'); if(a.style.display!='none'&&a.style.display!='block') {a.style.display='block';} if(a.style.display == 'none') { a.style.display = 'block'; } else if(a.style.display == 'block') { a.style.display = 'none'; }">Comments</a></center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!