API tools faq
paste
Advertisement
interludethenshivers

Theme 11, Navigation Page 2

interludethenshivers
Jul 6th, 2013
5,637
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.17 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--THEME BY http://interlude-then-shivers.tumblr.com/-->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10.  
  11. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  12.  
  13. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  14.  
  15. <style>
  16. div#qTip {
  17. padding: 3px;
  18. display: none;
  19. text-align: center;
  20. position: absolute;
  21. font-style:normal;
  22. margin-top:5px;
  23. margin-left:12px;
  24. font-size:8px;
  25. line-height:9px;
  26. font-family:cambria;
  27. z-index:99999999999999999999999999;
  28. background-color:#fff;
  29. color:#9b9b9b;
  30. text-transform:uppercase;
  31. letter-spacing: 1px;
  32. }
  33. </style>
  34.  
  35. <style type="text/css">
  36.  
  37. #back {
  38. position:fixed;
  39. margin-left:400px;
  40. }
  41.  
  42. #back img {
  43. width:650px;
  44. z-index:-1;}
  45.  
  46. /*SIDEBAR*/
  47.  
  48. #side {
  49. position:fixed;
  50. margin-top:210px;
  51. margin-left:145px;
  52. padding-bottom:5px;
  53. }
  54.  
  55. #side a {
  56. padding:3px;
  57. text-transform:uppercase;
  58. font-size:10px;
  59. width:40px;
  60. text-decoration:none;
  61. text-align:center;
  62. display:inline-block;
  63. color:#777;
  64. -webkit-transition: all 0.5s ease-out;
  65. -moz-transition: all 0.5s ease-out;
  66. transition: all 0.5s ease-out;
  67. }
  68.  
  69. #side a:hover {
  70. background-color:#777;
  71. color:#fff;
  72. -webkit-transition: all 0.5s ease-out;
  73. -moz-transition: all 0.5s ease-out;
  74. transition: all 0.5s ease-out;
  75. }
  76.  
  77. #sideimage img {
  78. z-index:-1;
  79. position:fixed;
  80. margin-top:100px;
  81. margin-left:100px;
  82. width:200px;
  83. }
  84.  
  85. #sidetitle {
  86. text-align:center;
  87. TEXT-TRANSFORM:uppercase;
  88. width:120px;
  89. color:#777;
  90. position:fixed;
  91. margin-top:140px;
  92. margin-left:138px;
  93. }
  94.  
  95. /*END OF SIDEBAR*/
  96.  
  97. /*PART ONE*/
  98. #title1 {
  99. color:#777;
  100. margin-top:38px;
  101. margin-left:93px;
  102. position:fixed;
  103. text-transform:uppercase;
  104. font-size:25px;
  105. }
  106.  
  107. #text {
  108. color:#777;
  109. margin-top:80px;
  110. margin-left:79px;
  111. position:fixed;
  112. font-size:10px;
  113. width:200px;
  114. text-align:justify;
  115. }
  116.  
  117. /*END OF PART ONE*/
  118.  
  119. /*PART TWO*/
  120.  
  121. #title2 {
  122. color:#777;
  123. margin-top:44px;
  124. margin-left:400px;
  125. position:fixed;
  126. text-transform:uppercase;
  127. font-size:18px;
  128. }
  129.  
  130. .links1A {
  131. margin-top:80px;
  132. margin-left:410px;
  133. position:fixed;
  134. font-size:10px;
  135. }
  136.  
  137. .links1A a{
  138. opacity:0.7;
  139. text-decoration:none;
  140. color:#777;
  141. text-transform:uppercase;
  142. font-weight:bold;
  143. padding:5px;
  144. line-height:15px;
  145. }
  146.  
  147. .links1A a:hover{
  148. opacity:1;
  149. }
  150.  
  151. .links1B {
  152. margin-top:80px;
  153. margin-left:460px;
  154. position:fixed;
  155. font-size:10px;
  156. }
  157.  
  158. .links1B a{
  159. opacity:0.7;
  160. text-decoration:none;
  161. color:#777;
  162. text-transform:uppercase;
  163. font-weight:bold;
  164. padding:5px;
  165. line-height:15px;
  166. }
  167.  
  168. .links1B a:hover{
  169. opacity:1;
  170. }
  171.  
  172. /*END OF PART TWO*/
  173.  
  174. /*PART THREE*/
  175. #title3 {
  176. color:#777;
  177. margin-top:360px;
  178. margin-left:93px;
  179. position:fixed;
  180. text-transform:uppercase;
  181. font-size:15px;
  182. font-style:italic;
  183. font-weight:bold;
  184. border-bottom:1px solid;
  185. width:175px;
  186. }
  187.  
  188. #links3 {
  189. position:fixed;
  190. margin-top:400px;
  191. margin-left:100px;
  192. line-height:25px;
  193. padding-bottom:5px;
  194. }
  195.  
  196. #links3 a {
  197. font-size:15px;
  198. text-decoration:none;
  199. text-align:center;
  200. display:inline-block;
  201. color:#777;
  202. width:55px;
  203. padding:2px;
  204. -webkit-transition: all 0.5s ease-out;
  205. -moz-transition: all 0.5s ease-out;
  206. transition: all 0.5s ease-out;
  207. }
  208.  
  209. #links3 a:hover {
  210. display:inline-block;
  211. color:#fff;
  212. background-color:#777;
  213. -webkit-transition: all 0.5s ease-out;
  214. -moz-transition: all 0.5s ease-out;
  215. transition: all 0.5s ease-out;
  216. }
  217.  
  218. /*END OF PART THREE*/
  219.  
  220. /*TAGS BOX*/
  221. #tagsbox {
  222. position:fixed;
  223. font-family:raleway;
  224. text-transform:none;
  225. background-color:#fff;
  226. overflow:auto;
  227. font-size:9px;
  228. height:182px;
  229. width:192px;
  230. margin-top:348px;
  231. margin-left:370px;
  232. }
  233.  
  234. div#tagsbox::-webkit-scrollbar {width: 5px;}
  235. div#tagsbox::-webkit-scrollbar-track {background: #fff;}
  236. div#tagsbox::-webkit-scrollbar-thumb {background: #777;
  237. }
  238.  
  239. #tagtitle {
  240. text-align:center;
  241. text-transform:uppercase;
  242. font-size:14px;
  243. width:100%;
  244. color:#777;
  245. font-weight:bold;
  246. }
  247.  
  248. #tags a {
  249. color:#777;
  250. text-decoration:none;
  251. display:block;
  252. text-transform:lowercase;
  253. letter-spacing:1px;
  254. -webkit-transition: all 0.5s ease-out;
  255. -moz-transition: all 0.5s ease-out;
  256. transition: all 0.5s ease-out;
  257. }
  258.  
  259. #tags a:hover {
  260. text-decoration:none;
  261. display:block;
  262. text-transform:lowercase;
  263. color:#ddd;
  264. -webkit-transition: all 0.5s ease-out;
  265. -moz-transition: all 0.5s ease-out;
  266. transition: all 0.5s ease-out;
  267. }
  268.  
  269. #maintag {
  270. padding-top:5px;
  271. text-transform:uppercase;
  272. font-size:10px;
  273. font-style:italic;
  274. font-weight:bold;
  275. color:#777;
  276. border-bottom:1px solid;
  277. width:100%;
  278. }
  279.  
  280. #maintag a{
  281. color:#777;
  282. text-decoration:none;
  283. }
  284.  
  285. /*END OF TAGS BOX*/
  286.  
  287. {CustomCSS}</style>
  288. <script type="text/javascript" src="http://static.tumblr.com/kvpds3v/RRQmns75k/gunsorhands.txt"></script>
  289.  
  290. </head>
  291.  
  292. <body>
  293. <div id="sidetitle">
  294. <!--HERE YOU ADD YOUR TITLE-->
  295. your url/title here
  296. <!--END OF THE TITLE-->
  297. </div>
  298. <div id="side">
  299. <a href="/">home</a>
  300. &nbsp;&nbsp;
  301. <a href="http://www.tumblr.com/dashboard">dash</a>
  302. <br><br>
  303. <a href="/ask">ask</a>
  304. &nbsp;&nbsp;
  305. <a href="http://persefonne.tumblr.com/">credit</a>
  306. </div>
  307. <div id="sideimage">
  308. <img src="http://static.tumblr.com/kvpds3v/8kumphv75/53.gif">
  309. </div>
  310. <div id="back">
  311.  
  312. <!--PART ONE-->
  313. <div id="title1">
  314. Title One
  315. </div>
  316. <div id="text">
  317. <!--HERE YOU OUT YOUR TEXT, YOU CAN PUT SOMETHING ABOUT YOU OR WHATEVER-->
  318. You can put whatever you want here, so im gonna put a part from P&P moovie here... <br>
  319. -Miss Elizabeth. I have struggled in vain and I can bear it no longer. These past months have been a torment. I came to Rosings with the single object of seeing you... I had to see you. I have fought against my better judgment, my family's expectations, the inferiority of your birth by rank and circumstance. All these things I am willing to put aside and ask you to end my agony.
  320. <br>
  321. -I don't understand.
  322. <br>
  323. -I love you.
  324. <!--THIS IS HERE THE TEXT ENDS-->
  325. </div>
  326. <!--END OF PART ONE-->
  327.  
  328. <!--PART TWO-->
  329. <div id="title2">
  330. Title Two
  331. </div>
  332. <!--FIRST COLUMN-->
  333. <div class="links1A">
  334. <a href="/">links</a>
  335. <br>
  336. <a href="/">links</a>
  337. <br>
  338. <a href="/">links</a>
  339. <br>
  340. <a href="/">links</a>
  341. <br>
  342. <a href="/">links</a>
  343. <br>
  344. <a href="/">links</a>
  345. <br>
  346. <a href="/">links</a>
  347. </div>
  348. <!--END OF FIRST COLUMN-->
  349.  
  350. <!--SECOND COLUMN-->
  351. <div class="links1B">
  352. <a href="/">links</a>
  353. <br>
  354. <a href="/">links</a>
  355. <br>
  356. <a href="/">links</a>
  357. <br>
  358. <a href="/">links</a>
  359. <br>
  360. <a href="/">links</a>
  361. <br>
  362. <a href="/">links</a>
  363. <br>
  364. <a href="/">links</a>
  365. </div>
  366. <!--END OF SECOND COLUMN-->
  367. <!--END OF PART TWO-->
  368.  
  369. <!--PART THREE-->
  370. <div id="title3">
  371. Title Three
  372. </div>
  373.  
  374. <!--LINKS OF PART 3-->
  375. <div id="links3">
  376. <a href="/">link</a>
  377. &nbsp; &nbsp;
  378. <a href="/">link</a>
  379. <br>
  380. <a href="/">link</a>
  381. &nbsp; &nbsp;
  382. <a href="/">link</a>
  383. <br>
  384. <a href="/">link</a>
  385. &nbsp; &nbsp;
  386. <a href="/">link</a>
  387. </div>
  388. <!--END OF LINKS OF PART 3-->
  389. <!--END OF PART THREE-->
  390.  
  391.  
  392.  
  393. <!--TAG BOX-->
  394. <div id="tagsbox">
  395. <!--TAGS BOX TITLE-->
  396. <div id="tagtitle">
  397. My Tags
  398. </div>
  399. <!--END OF TAGS BOX TITLE-->
  400. <br>
  401. <!--TAG GROUP 1-->
  402. <div id="maintag">
  403. Main tag
  404. </div>
  405. <div id="tags">
  406. <li><a href="/">tag</a></li>
  407. <li><a href="/">tag</a></li>
  408. <li><a href="/">tag</a></li>
  409. <li><a href="/">tag</a></li>
  410. <li><a href="/">tag</a></li>
  411. <li><a href="/">tag</a></li>
  412. </div>
  413. <!--END OF TAG GROUP 1-->
  414.  
  415. <!--TAG GROUP 2-->
  416. <div id="maintag">
  417. Main tag
  418. </div>
  419. <div id="tags">
  420. <li><a href="/">tag</a></li>
  421. <li><a href="/">tag</a></li>
  422. <li><a href="/">tag</a></li>
  423. <li><a href="/">tag</a></li>
  424. <li><a href="/">tag</a></li>
  425. <li><a href="/">tag</a></li>
  426. </div>
  427. <!--END OF TAG GROUP 2-->
  428.  
  429. <!--TAG GROUP 3-->
  430. <div id="maintag">
  431. Main tag
  432. </div>
  433. <div id="tags">
  434. <li><a href="/">tag</a></li>
  435. <li><a href="/">tag</a></li>
  436. <li><a href="/">tag</a></li>
  437. <li><a href="/">tag</a></li>
  438. <li><a href="/">tag</a></li>
  439. <li><a href="/">tag</a></li>
  440. </div>
  441. <br>
  442. <!--END OF TAG GROUP 3-->
  443.  
  444. </div>
  445. <!--END OF TAG BOX-->
  446.  
  447. <img src="http://static.tumblr.com/kvpds3v/pfkmphwc7/no.jpg">
  448. </div>
  449. </body>
  450. <!--THEME BY interlude-then-shivers.tumblr.com-->
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!