API tools faq
paste
Advertisement
sycamorre

TEFc CSS Template 1

sycamorre
Dec 13th, 2017
470
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.96 KB | None | 0 0
raw download clone embed print report
  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>
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!