Advertisement
smyntah

Capitol About Me Theme

Aug 29th, 2012
858
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.52 KB | None | 0 0
  1. <html>
  2.  
  3. <!--    Capitol Theme by Nana Lee.
  4.        Base code and everything by Nana.
  5.        Inspired by thecapitol.pn.
  6.        Don't claim as your own or redistribute.
  7.        I work hard on it ok. IT'S OK TO ASK QUESTION TOO :)--!>
  8.  
  9. <head>
  10. <title>C I T I Z E N T E R M I N A L</title>
  11. <style>
  12. /* styling */
  13. body {color:#000000; background:url(http://static.tumblr.com/lr9x3v0/2k3m9ieez/d5.png) #131218; background-repeat:fixed; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif}
  14. #pagebody {margin:auto; padding:0px; margin-top:-115px; padding-top:115px; width:900px; background:url(http://i45.tinypic.com/352luv5.jpg) repeat-y; background-position:545px top}
  15. #container {background:url(http://i47.tinypic.com/34y2vxw.jpg) #15171c no-repeat center 100px; margin:auto; min-width:1200px}
  16. #container-inner {margin:auto; background:url(http://i45.tinypic.com/omt8w.jpg)}
  17. #content-footer {clear:both; height:0px; background:none}
  18. #cage { width:442px; height:246px; float:left; margin-top:0px; padding:30px; margin-right:190px; padding-bottom:90px; background:url(http://i50.tinypic.com/vrsuhh.jpg); border:1px solid #303647; border-top:7px; -moz-border-radius:7px 7px 7px 7px; border-radius:7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px; -moz-box-shadow:0px 5px 15px #111; -webkit-box-shadow:0px 5px 15px #111; box-shadow:0px 5px 15px #111; min-height:100px; text-align:justify; font-size:12px; font-family:arial, sans-serif; color:#9ea7ad; font-style:normal; line-height:150%}
  19. a { color:#b3a5b7; text-decoration:none; }
  20. a:hover { color:#90b2bb; }
  21. i, em { color:#90b2bb; }
  22. strong, b { color:#b3a5b7 ; }
  23. .title {margin:auto; padding:0px; margin-top:0px; padding-top:0px; background:url(http://static.tumblr.com/lr9x3v0/aLfm9iwhe/97da5.png) ; background-repeat:no-repeat; background-position:center 48px; border:0; border-bottom:0px solid #3a2b1b; margin:0; margin-top:px; margin-left:-1px; color:white; height:220px }
  24. #cagetwo { width:542px; float:right; margin-top:10px; padding:30px; margin-right:190px; padding-bottom:40px; background:url(http://i50.tinypic.com/vrsuhh.jpg); border:1px solid #303647; border-top:7px; -moz-border-radius:7px 7px 7px 7px; border-radius:7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px; -moz-box-shadow:0px 5px 15px #111; -webkit-box-shadow:0px 5px 15px #111; box-shadow:0px 5px 15px #111; min-height:100px; text-align:justify; font-size:12px; font-family:arial, sans-serif; color:#9ea7ad; font-style:normal; line-height:150% }
  25. h2 {margin:0; padding:0; min-height:50px;width:450px; background:url(http://i48.tinypic.com/j59nia.jpg); border:0; border:1px solid #303647; border-bottom:1px solid #212731; -moz-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -moz-box-shadow:0px 5px 15px #111; -webkit-box-shadow:0px 5px 15px #111; box-shadow:0px 5px 15px #111}
  26. h2 span {padding:20px; margin-right:50px; font-family:arial narrow, serif; font-size:20px; line-height:16px; text-align:left!important; font-weight:caps , bold; text-transform:uppercase; letter-spacing:0px; color:#bac5cc; text-shadow:0 0 25px #677580}
  27. li { list-style-type:none;margin:0px;display:inline; }
  28. li a { background-color:#90b2bb;color:#fff;padding:2px 5px;border:1px solid #ccd9dc;font-family:georgia;font-style:italic;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; }
  29. li a:hover {  color:#fff;border:1px solid #e7cde8;background-color:#b3a5b7; }
  30. .credit { position:fixed; bottom:5px;right:5px;color:#688d97;font-size:10px;font-family:times new roman; }
  31.  
  32. #idimage {text-align:center;}
  33. #idimage img {width: 300px; height: 200px; margin-right: -18px; border-radius: 20px 20px 20px 20px; margin-bottom: -10px; -moz-box-shadow:2px 1px 7px #c1b4a6, 0px 0px 24px #355e4f inset; -webkit-box-shadow:2px 1px 7px #c1b4a6, 0px 0px 24px #355e4f inset;  }
  34.  
  35. </style>
  36. </head>
  37.  
  38.  
  39. <body>
  40. <!-- title div -->
  41.  
  42. <table><tr><td><img src="http://static.tumblr.com/lr9x3v0/NmZm9iw9z/97da5.png" "display:block; width:; height:26px; border:0; position: no-repeat top left ; font-size:8pt; padding-top:15px"></div></td><td><div style="display:inline; border:0px;line-height:-50px; font-size:9px; font-family:arial, serif; text-transform:uppercase; letter-spacing:2px; text-align:left; color:#959fab; font-weight:normal"><a href="/">HOME</a>
  43. <a href="#">Random Link 1</a>
  44. <a href="#">Random link 2</a>
  45. <a href="#">Random link 3</a></div></tr></td></table>
  46. <div class="title"></div>
  47. <table><tr><td><img src="http://i46.tinypic.com/15qevjm.jpg" alt="capitol seal"/></td><td></td><td><span style="display: block; line-height: normal; font-family: Arial Narrow; font-size: 25px; line-height: 13px; color: #bac5cc; margin-left:80px;-moz-box-shadow:0px 5px 15px #111; -webkit-box-shadow:0px 5px 15px #111;">CITIZEN INFORMATION TERMINAL</span></td></tr></table>
  48. <!-- icon image div -->
  49. <table><tr><td><div id="cagetwo">
  50. <table><tr><td><h2><span>CITIZEN INFORMATION TERMINAL</span></h2></td><td></td><td><img src="http://i46.tinypic.com/35jghg9.jpg" alt="capitol seal"/></td></tr></table>
  51. <p>Here is where you should put you little bio. You can Talk about EVERYTHING, but it must not be long. Why? because you'll fuck up the theme. haha . seriously. but it should be long enough to show people how much it's big on the inside and stuff like that..</p>
  52. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend sollicitudin felis, quis lacinia velit varius interdum. In in purus tellus, eu hendrerit felis. Praesent hendrerit, sem at auctor tempor, lacus elit ornare dui, vel lobortis mi sapien dapibus arcu. Donec tristique placerat purus, id tempus turpis adipiscing nec. Sed iaculis quam a lacus rhoncus pellentesque. Suspendisse elementum nunc quis nisi consequat sed tempor tellus commodo. Duis euismod mauris a massa rutrum pulvinar sit amet in turpis. Donec rhoncus, nunc et lobortis pharetra, erat enim rutrum erat, porttitor facilisis urna sem eget metus. Proin aliquet suscipit mollis. Nullam eu rhoncus ligula. In aliquet, dolor quis laoreet ornare, sapien nisi convallis orci, vitae blandit purus orci ac nunc. Proin a mollis magna.</p>
  53.  
  54.  
  55. </div></td>
  56. <br>
  57. <!-- content div -->
  58. <td><div id="cage">
  59. <center><div style="width: 442px;-moz-border-radius:20px 20px 0px 20px; -webkit-border-radius:20px 20px 0px 20px"><table width="100%"><tr><td width="210px;" valign="top"><img src="http://static.tumblr.com/lr9x3v0/Klum9iygc/d6.png" style="margin: 5px; padding: 3px;" />
  60. <img src="http://static.tumblr.com/lr9x3v0/ESom9iy98/d6.png" style=" margin: 5px;padding: 3px;" /><small><small><small>© - smynter</small></small></small></td>
  61. <td valign="top"><span style="font-family: arial; letter-spacing: 2px; margin-left: 5px; text-transform: lowercase; font-size: 10px;  line-height: 7px;"><p>DISTRICT - Identification Pass</p></span>
  62. <div style="background-color: #c0c0c0; height: 25px; width: 272px;"><span style="font-size: 20px; font-family: arial; font-weight: bolder; letter-spacing: -2px; text-transform: lowercase;font-style:smallcaps;">NAME/NICKNAME</span></div>
  63. <table><tr><td><b><span style="font-size: 15px; font-family: Courier New; line-height: 7px;">Date Of Birth</span></b><br>
  64. <span style="font-size: 15px; font-family: Courier New; line-height: 7px;">DOB</span></td><td><b><span style="font-size: 15px; font-family: Courier New; line-height: 7px;">Gender</span></b><br>
  65. <span style="font-size: 15px; font-family: Courier New; line-height: 7px;">FEMALE/MALE</span></td><tr></table><br>
  66. <table><tr><td><b><p><span style="font-size: 15px; font-family: Courier New; line-height: 7px;">District</p></span></b>
  67. <span style="font-size: 15px; font-family: Courier New; line-height: 7px;">DISTRICT HERE</span><br><td>
  68. <b><p><span style="font-size: 15px; font-family: Courier New; line-height: 7px;">Occupation</p></span></b>
  69. <span style="font-size: 15px; font-family: Courier New; line-height: 7px;">OCCUPATION</span>
  70. </span><br>
  71. </td></tr></table>
  72. <table><tr><td><b><p><span style="font-size: 15px; font-family: Courier New; line-height: 7px;">Migrated From</p></span></b>
  73. <span style="font-size: 15px; font-family: Courier New; line-height: 7px;">WHERE YOU LIVE</span><br><td>
  74. <b><p><span style="font-size: 15px; font-family: Courier New; line-height: 7px;">Country</p></span></b>
  75. <span style="font-size: 15px; font-family: Courier New; line-height: 7px;">COUNTRY</span>
  76. </span><br>
  77. </td></tr></table></div></center>
  78.  
  79.  
  80. </div></td></tr></table>
  81.  
  82. <!-- do not edit anything below here! -->
  83. <a href="http://dougie-judd.tumblr.com" title="Capitol About Page by Nana Lee"><div class="credit">Dougie-Judd</div></a>
  84. </body>
  85. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement