SHARE
TWEET

TEFc CSS Template 1

sycamorre Dec 13th, 2017 (edited) 228 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <center>
  2. <small>Base CSS by <a href="http://endlessforest.org/community/unplugged">Unplugged</a>. Layout by <a href="http://endlessforest.org/community/sycamorre">Sycamorre</a>.</small></center>
  3.  
  4. <div style="width:200px;border:2px solid #333;padding:10px;margin:20px auto 60px auto;text-align:center;">• <a href="http://endlessforest.org/community/">Home</a> — <a href="http://endlessforest.org/community/node/102262">Map</a> — <a href="http://endlessforest.org/community/tracker">Recent Posts</a> •</div>
  5.  
  6. <div id="CHANGE BACKGROUND-IMAGE URL W/ YOUR IMAGE URL AND CHANGE WIDTH/HEIGHT IF NEEDED" style="width:800px;height:800px;background-image:url('https://orig00.deviantart.net/3cb5/f/2017/318/5/1/800bigpic_by_sycamorre-dbtrv56.png');margin:auto;"></div>
  7. <div style="max-width:800px;margin:20px auto -25px auto;font-size:50px;text-align:right">Title Right Here My Dude</div>
  8. <div style="margin:auto;width:750px;background:#333;border: 2px solid #222;padding:25px;"><div style="width:100%;height:510px"><div style="width:300px;height:500px;float:left;border:2px solid #222;background:#555;padding:10px;overflow:hidden"><h4>Basics</h4>
  9.  
  10. <div style="width:106%; padding-right:10px; height:430px;overflow:auto;">{ BASICS TEXT HERE }
  11.  
  12. </div></div><div style="width:400px;height:500px;float:right;border:2px solid #222;background:#222;padding:10px;color:#777;overflow:hidden;"><h3>Updates — <small>MM.DD.YY</small></h3>
  13.  
  14. <div style="width:105%; padding-right:10px; height:430px;overflow:auto;">{ UPDATE TEXT HERE }</div></div>
  15. </div>
  16.  
  17. <div style="width:726px;height:350px;border:2px solid #222; background:#555; padding:10px; overflow:hidden"><h4>Appearance</h4>
  18. <div style="width:102%;height:85%;overflow:auto;padding-right:12px">{ APPEARANCE TEXT HERE }</div></div>
  19. <div style="width:726px;height:350px;border:2px solid #222; background:#555; padding:10px; overflow:hidden"><h4>Personality</h4>
  20. <div style="width:102%;height:85%;overflow:auto;padding-right:12px">{ PERSONALITY TEXT HERE }</div></div>
  21. <div style="width:100%;height:410px"><div style="width:220px;height:400px;float:left;border:2px solid #222;background:#555;padding:10px;overflow:hidden;"><h4>Relations A</h4>
  22.  
  23. <div style="width:106%; padding-right:14px; height:430px;overflow:auto;">{ RELATIONS A TEXT }
  24. </div></div><div style="width:220px;height:400px;float:left;border:2px solid #222;background:#555;padding:10px;overflow:hidden;margin:0 9px 0 9px"><h4>Relations B</h4>
  25.  
  26. <div style="width:106%; padding-right:14px; height:430px;overflow:auto;">{ RELATIONS B TEXT }</div></div><div style="width:220px;height:400px;float:left;border:2px solid #222;background:#555;padding:10px;overflow:hidden;"><h4>Relations C</h4>
  27.  
  28. <div style="width:106%; padding-right:14px; height:430px;overflow:auto;">{ RELATIONS C TEXT }</div></div></div>
  29.  
  30. <div style="width:726px;height:350px;border:2px solid #222; background:#555; padding:10px; overflow:hidden"><h4>Extras</h4>
  31. <div style="width:102%;height:85%;overflow:auto;padding-right:12px">{ EXTRAS TEXT }</div></div></div>
  32.  
  33. <div id="CSS PAST THIS POINT" style="display:none;">
  34.  
  35.  
  36.  
  37.  
  38.  
  39. ---------------------------------BRACE YOURSELVES..... CSS IS COMING------------------------------------
  40.  
  41. <style>.preview{background:none;border:none;} #header-region, #header img, .sidebar, .breadcrumb,#squeeze h2,.comment .clear-block .content .clear-block, div.status{display:none;margin:auto;} #wrapper #container #center .right-corner .left-corner{position:relative;margin:auto;padding:0px;background:none}#wrapper #container #center{float:none;top:0px;margin:auto;position:static;margin-bottom:-16px;}body.sidebar-left #center, body.sidebar-left #squeeze{margin:auto; padding:0 50px 0 50px} .comment .content{margin-left:20px; padding:15px;} .node .picture, .node .submitted{display:none} .node{border-bottom:none} #tabs-wrapper{border-bottom:none; padding:0} tbody{border-top:none} #wrapper #container #center{position:absolute;top:0px;} .comment{margin:20px 0px;padding:10px 20px} .node .links, .comment .links{text-align:center} ul.primary{position:absolute;top:0px;left:0px} .node .content{margin:auto;} table{width:auto;margin:0;} tbody{border:none;margin:auto;}#wrapper #container #center .right-corner .left-corner{width:100%;margin:auto;} .node{background:none; margin:auto; padding:0} body{overflow-x:hidden}</style>
  42.  
  43. COLORS N STUFF
  44. <style> body{background:#444;margin:auto;} .comment.odd,tr.odd,.comment.even,tr.even{background:#333} .comment{border:none} body{color: #000; font:12px verdana} a:link, a:visited, ul.pager a{color:#111; transition:all 1s;} a:link:hover, a:visited:hover, ul.pager a:hover{color:#888; text-decoration:none} .new{color:#333} .comment div.links{background:none} span.submitted{color:#111}</style>
  45.  
  46. COMMENT STUFF
  47. <style>.comment{max-width:800px;margin:20px auto 0 auto;border-left:3px solid #aaa} .comment .picture {margin-left: -85px;}</style>
  48.  
  49. HEADERS
  50. <style>h1{font-size:50px;color:#000} h2{font-size:40px;color:#000} h3{font-size:30px;color:#aaa} h4{font-size:30px;color:#222}</style>
  51. </div>
RAW Paste Data
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
 
Top