Advertisement
iamthemelocked

Iamthemelocked Page 1 - Navigation 1

Mar 11th, 2014
136
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.20 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- base theme by jess @ gwencoops --->
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11.  
  12.  
  13. <style type="text/css">
  14.  
  15. body {
  16. background:{color:background};
  17. margin:0px;
  18. color:{color:text};
  19. font-family:arial;
  20. font-size:10px;
  21. line-height:100%;
  22. font-style: none;
  23. }
  24.  
  25. a:link, a:visited, a:active {
  26. color: #ffffff;
  27. text-decoration: none;
  28. font-weight: normal;
  29. }
  30.  
  31. a:hover {
  32. color: {color:link hover};
  33. text-decoration: none;
  34. font-weight: normal;
  35. }
  36.  
  37.  
  38. #header {
  39. width:705px;
  40. border: 2px #000000 solid;
  41. position:fixed;
  42. margin-left:330px;
  43. margin-top:10px;
  44. height:120px;
  45. padding:5px;
  46. }
  47.  
  48. #headerimage {
  49. width:705px;
  50. height:120px;
  51. }
  52.  
  53. #headerimage img {
  54. width:705px;
  55. height:120px;
  56. }
  57.  
  58. #links1 {
  59. color:#000000;
  60. position:fixed;
  61. font-family:"trajan pro";
  62. letter-spacing:2px;
  63. text-align:center;
  64. font-size:13px;
  65. margin-top:20px;
  66. margin-left:0px;
  67. line-height:30px;
  68. border: 0px #000000 solid;
  69. padding:2px;
  70. width:120px;
  71. height:270px;
  72. background-color:#ffffff;
  73. z-index:100;
  74. }
  75.  
  76.  
  77. #links2 {
  78. color:#000000;
  79. position:fixed;
  80. font-family:"trajan pro";
  81. letter-spacing:2px;
  82. text-align:center;
  83. font-size:13px;
  84. margin-top:20px;
  85. margin-left:145px;
  86. line-height:30px;
  87. border: 0px #000000 solid;
  88. padding:2px;
  89. width:120px;
  90. height:270px;
  91. background-color:#ffffff;
  92. z-index:100;
  93. }
  94.  
  95. #links3 {
  96. color:#ffffff;
  97. position:fixed;
  98. font-family:"trajan pro";
  99. letter-spacing:2px;
  100. text-align:center;
  101. font-size:13px;
  102. margin-top:20px;
  103. margin-left:290px;
  104. line-height:30px;
  105. border: 0px #000000 solid;
  106. padding:2px;
  107. width:120px;
  108. height:270px;
  109. background-color:#ffffff;
  110. z-index:100;
  111. }
  112.  
  113. #links4 {
  114. color:#000000;
  115. position:fixed;
  116. font-family:"trajan pro";
  117. letter-spacing:2px;
  118. text-align:center;
  119. font-size:13px;
  120. margin-top:20px;
  121. margin-left:435px;
  122. line-height:30px;
  123. border: 0px #000000 solid;
  124. padding:2px;
  125. width:120px;
  126. height:270px;
  127. background-color:#ffffff;
  128. z-index:100;
  129. }
  130.  
  131. #links5 {
  132. color:#000000;
  133. position:fixed;
  134. font-family:"trajan pro";
  135. letter-spacing:2px;
  136. text-align:center;
  137. font-size:13px;
  138. margin-top:20px;
  139. margin-left:580px;
  140. line-height:30px;
  141. border: 0px #000000 solid;
  142. padding:2px;
  143. width:120px;
  144. height:270px;
  145. background-color:#ffffff;
  146. z-index:100;
  147. }
  148.  
  149. #link1
  150. {
  151. border: 1px solid #b6b6b6;
  152. background-color:#000000;
  153. color:#ffffff;
  154. }
  155.  
  156. #link2
  157. {
  158. border: 1px solid #b6b6b6;
  159. background-color:#000000;
  160. color:#ffffff;
  161. }
  162.  
  163. #link3
  164. {
  165. border: 1px solid #b6b6b6;
  166. background-color:#000000;
  167. color:#ffffff;
  168. }
  169.  
  170. #link4
  171. {
  172. border: 1px solid #b6b6b6;
  173. background-color:#000000;
  174. color:#ffffff;
  175. }
  176.  
  177. #link5
  178. {
  179. border: 1px solid #b6b6b6;
  180. background-color:#000000;
  181. color:#ffffff;
  182. }
  183.  
  184.  
  185. #link1:hover
  186. {
  187. color:#000000;
  188. background-color:#b6b6b6;
  189. -moz-transition-duration:1s;
  190. -webkit-transition-duration:1s;
  191. -o-transition-duration:1s;
  192. }
  193.  
  194. #link2:hover
  195. {
  196. color:#000000;
  197. background-color:#b6b6b6;
  198. -moz-transition-duration:1s;
  199. -webkit-transition-duration:1s;
  200. -o-transition-duration:1s;
  201. }
  202.  
  203. #link3:hover
  204. {
  205. color:#000000;
  206. background-color:#b6b6b6;
  207. -moz-transition-duration:1s;
  208. -webkit-transition-duration:1s;
  209. -o-transition-duration:1s;
  210. }
  211.  
  212. #link4:hover
  213. {
  214. color:#000000;
  215. background-color:#b6b6b6;
  216. -moz-transition-duration:1s;
  217. -webkit-transition-duration:1s;
  218. -o-transition-duration:1s;
  219. }
  220.  
  221. #link5:hover
  222. {
  223. color:#000000;
  224. background-color:#b6b6b6;
  225. -moz-transition-duration:1s;
  226. -webkit-transition-duration:1s;
  227. -o-transition-duration:1s;
  228. }
  229.  
  230. #title {
  231. color:#ffffff;
  232. font-family:"vijaya";
  233. text-transform:uppercase;
  234. letter-spacing:3px;
  235. text-align:center;
  236. font-size:40px;
  237. margin-top:-65px;
  238. margin-left:100px;
  239. padding:2px;
  240. width:500px;
  241. z-index:100;
  242. }
  243.  
  244. #titlea {
  245. color:#000000;
  246. position:fixed;
  247. font-family:"trajan pro";
  248. letter-spacing:2px;
  249. text-align:center;
  250. font-size:13px;
  251. margin-top:40px;
  252. margin-left:0px;
  253. line-height:30px;
  254. border: 1px #000000 solid;
  255. padding:2px;
  256. width:120px;
  257. height:30px;
  258. background-color:#ffffff;
  259. z-index:100;
  260. }
  261.  
  262. #titleb {
  263. color:#000000;
  264. position:fixed;
  265. font-family:"trajan pro";
  266. letter-spacing:2px;
  267. text-align:center;
  268. font-size:13px;
  269. margin-top:40px;
  270. margin-left:145px;
  271. border: 1px #000000 solid;
  272. padding:2px;
  273. padding:2px;
  274. line-height:30px;
  275. width:120px;
  276. height:30px;
  277. background-color:#ffffff;
  278. z-index:100;
  279. }
  280.  
  281. #titlec {
  282. color:#000000;
  283. font-family:"trajan pro";
  284. letter-spacing:2px;
  285. text-align:center;
  286. font-size:13px;
  287. margin-top:40px;
  288. border: 1px #000000 solid;
  289. padding:2px;
  290. margin-left:290px;
  291. padding:2px;
  292. width:120px;
  293. line-height:30px;
  294. height:30px;
  295. background-color:#ffffff;
  296. z-index:100;
  297. }
  298.  
  299. #titled {
  300. color:#000000;
  301. position:fixed;
  302. font-family:"trajan pro";
  303. letter-spacing:2px;
  304. text-align:center;
  305. font-size:13px;
  306. margin-top:-37px;
  307. margin-left:435px;
  308. padding:2px;
  309. line-height:30px;
  310. width:120px;
  311. border: 1px #000000 solid;
  312. padding:2px;
  313. height:30px;
  314. background-color:#ffffff;
  315. z-index:100;
  316. }
  317.  
  318. #titlee {
  319. color:#000000;
  320. position:fixed;
  321. font-family:"trajan pro";
  322. letter-spacing:2px;
  323. text-align:center;
  324. font-size:13px;
  325. margin-top:-37px;
  326. border: 1px #000000 solid;
  327. padding:2px;
  328. margin-left:580px;
  329. padding:2px;
  330. line-height:30px;
  331. width:120px;
  332. background-color:#ffffff;
  333. height:30px;
  334. z-index:100;
  335. }
  336.  
  337. .credit, .credit a {
  338. width:15px;
  339. height:15px;
  340. bottom:15px;
  341. right:15px;
  342. padding:4px;
  343. font-size:7px;
  344. letter-spacing:2px;
  345. color:#ffffff;
  346. line-height:15px;
  347. position:fixed;
  348. text-align:center;
  349. font-family:"trajan pro";
  350. text-transform:uppercase;
  351. background-color:#b6b6b6;
  352. border:1px solid #000000;}
  353.  
  354. .credit a:hover {
  355. color:#610c17;
  356.  
  357. background-color:#ffffff;}
  358.  
  359.  
  360. {CustomCSS}</style>
  361.  
  362.  
  363. </head><body>
  364.  
  365. <div id="header">
  366. <div id="headerimage">
  367. <img src="http://25.media.tumblr.com/f319c45b1766e6dc4feb7da6928d53af/tumblr_n1s1m6JBRh1qd2u6qo1_500.png"></div>
  368. <div id="title">Whatever title you want</br></br></br>
  369. <small><small><small><small><a href="">Home</a></small></small></small></small>&nbsp;&nbsp;
  370.  
  371. <small><small><small><small><a href="/ask">Ask</a></small></small></small></small>&nbsp;&nbsp;
  372.  
  373. <small><small><small><small><a href="http://iamthemelocked.tumblr.com">Credit</a></small></small></small></small>
  374. </div>
  375. <div id="titlea">Title 1</div>
  376. <div id="titleb">Title 2</div>
  377. <div id="titlec">Title 3</div>
  378. <div id="titled">Title 4</div>
  379. <div id="titlee">Title 5</div>
  380.  
  381. <div id="links1">
  382.  
  383. <div id="link1"><a href="">Link 1</a></div></p>
  384. <div id="link2"><a href="">Link 2</a></div></p>
  385. <div id="link3"><a href="">Link 3</a></div></p>
  386. <div id="link4"><a href="">Link 4</a></div></p>
  387. <div id="link5"><a href="">Link 5</a></div>
  388. </div>
  389.  
  390. <div id="links2">
  391.  
  392. <div id="link1"><a href="">Link 1</a></div></p>
  393. <div id="link2"><a href="">Link 2</a></div></p>
  394. <div id="link3"><a href="">Link 3</a></div></p>
  395. <div id="link4"><a href="">Link 4</a></div></p>
  396. <div id="link5"><a href="">Link 5</a></div>
  397. </div>
  398.  
  399. <div id="links3">
  400.  
  401. <div id="link1"><a href="">Link 1</a></div></p>
  402. <div id="link2"><a href="">Link 2</a></div></p>
  403. <div id="link3"><a href="">Link 3</a></div></p>
  404. <div id="link4"><a href="">Link 4</a></div></p>
  405. <div id="link5"><a href="">Link 5</a></div>
  406. </div>
  407.  
  408. <div id="links4">
  409.  
  410. <div id="link1"><a href="">Link 1</a></div></p>
  411. <div id="link2"><a href="">Link 2</a></div></p>
  412. <div id="link3"><a href="">Link 3</a></div></p>
  413. <div id="link4"><a href="">Link 4</a></div></p>
  414. <div id="link5"><a href="">Link 5</a></div>
  415. </div>
  416.  
  417. <div id="links5">
  418.  
  419. <div id="link1"><a href="">Link 1</a></div></p>
  420. <div id="link2"><a href="">Link 2</a></div></p>
  421. <div id="link3"><a href="">Link 3</a></div></p>
  422. <div id="link4"><a href="">Link 4</a></div></p>
  423. <div id="link5"><a href="">Link 5</a></div>
  424. </div>
  425.  
  426.  
  427. <span class="credit">
  428. <a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a>
  429. </span>
  430.  
  431.  
  432. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement