Advertisement
Caiir

Incastrato CSS Variant for TEFC

Jun 26th, 2017
427
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.35 KB | None | 0 0
  1. <center><div style="width:400px;background-image:url('http://orig13.deviantart.net/23d9/f/2017/177/5/f/animated_starfield_tile_by_artbit_d3c2ooe_by_caiir-dbe5k7f.png');padding:20px;border:3px solid #000;color:#fff;"><headers>title</headers>
  2.  
  3. <div style="width:350px;padding:15px;height:100%;background-color:rgba(0, 0, 0, 0.7);border:1px solid #cecece;text-align:left;"><div style="width:350px;height:400px;overflow:hidden;"><div style="width:360px;height:400px;padding:5px;overflow:auto;">This div has a hidden scrollbar.
  4.  
  5. It also has <a class="info">hovers.<span>AAAAAAAAAAAAAAAAAA</a>
  6.  
  7. Includes a youtube player at the bottom. The video ID is the last part of the url [the random jumble of letters + numbers]
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41. </div></div></div>
  42. <div style="width:350px;background:#000;padding:5px;height:100%;background-color:rgba(0, 0, 0, 0.7);border:1px solid #cecece;text-align:center;">This is a smaller div, where you can put things like contact info.</div>
  43. <iframe width="30" height="25" src="https://www.youtube.com/embed/IDHERE" frameborder="0"></iframe></div>CSS layout by Shey.</center><div style="display:none;">
  44.  
  45. ***************CSS***************
  46.  
  47.  
  48. <style> headers{font-variant:small-caps;font-size:25px;font-family:Palatino; text-shadow: -0.05em 0 0 #F22613, 0.05em 0 0 #00FFFF} </style> - this is the styling for your title.
  49.  
  50. <style> body{font-size:10px;font-family:'Roboto', sans-serif;} </style> - styling for the body text.
  51.  
  52. <style>#comments{margin:auto;width:600px;} comment.odd,tr.odd,.comment.even,tr.even{background-color:rgba(0, 0, 0, 0.3);} .comment{margin:20px 0px;border:3px solid #000;} .node .links, .comment .links{text-align:center} .node{border-bottom:none}</style> - Styling for comments and the edit/reply links.
  53.  
  54. <style> a:link, a:visited{color:#cecece} a:link:hover, a:visited:hover{color:#d42727;text-decoration:none;}</syle> - Styling for blog links.
  55.  
  56. <style> a.info { position:relative; z-index:24; text-decoration: none;} a.info:hover { z-index:25; color: #d42727;text-decoration:none;} a.info span { display: none; } a.info:hover span { display:block; position:absolute; top:2em; left:0em; width:150px; color: #FFFFFF; border:none; background-color:#000000; font-family:Verdana; padding: 5px; text-align:justify}</style> - Hover styling.
  57.  
  58. ***************END OF CSS***************</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement