API tools faq
paste
Advertisement
AlanaJewel

Theme 10: Darkness

AlanaJewel
Sep 28th, 2012
3,160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.72 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME DARKNESS BY LOLITALAYOUTS/LITTLEWISHINGWELL
  3. PLEASE DO NOT CLAIM THEME AS YOURS, TAKE OUT CREDITS OR
  4. USE THIS THEME AS A BASE CODE FOR YOUR OWN. THANK YOU AND ENJOY!
  5. -->
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  14.  
  15. {PostSummary} - {/block:PostSummary}{Title}</title>
  16.  
  17. <style type="text/css">
  18.  
  19. img {-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  20.  
  21.  
  22. body {margin:0px;background-color: #fff; background-image:url(http://25.media.tumblr.com/tumblr_ls0w5txuft1r3vazto3_250.png);
  23. background-attachment: fixed;background-repeat: repeat;}body, div, p, textarea, submit, input{
  24. font-family: trebuchet ms;font-size: 10px;line-height:12px;letter-spacing:0px;color:#848484;}
  25.  
  26. p {margin:0px;margin-top:0px;}
  27.  
  28. A:link, A:visited, A:active{color: #6e6e6e; text-decoration:none; -webkit-transition: .4s;text-align: justify;}
  29.  
  30. A:hover{
  31. color: #bdbdbd;
  32.  
  33. }
  34.  
  35. ::-webkit-scrollbar {
  36. width: 8px;
  37. height: 25px;
  38. }
  39.  
  40. ::-webkit-scrollbar-button:start:decrement,
  41. ::-webkit-scrollbar-button:end:increment {
  42. height: 10px;
  43. display: block;
  44. background-color: #848484;
  45.  
  46. }
  47. ::-webkit-scrollbar-track-piece {
  48. background-color: #ffffff;
  49. }
  50. ::-webkit-scrollbar-thumb:vertical {
  51. height: 25px;
  52. background-color: #848484;
  53.  
  54. }
  55.  
  56. iframe#tumblr_controls {
  57. right:3px !important;
  58. position: fixed !important;
  59. -webkit-transition: opacity 0.7s linear;
  60. opacity: 0.6;
  61. -webkit-transition: all 0.8s ease-out;
  62. -moz-transition: all 0.8s ease-out;
  63. transition: all 0.8s ease-out;
  64. }
  65.  
  66. iframe#tumblr_controls:hover {
  67. -webkit-transition: opacity 0.7s linear;
  68. opacity: 1;
  69. -webkit-transition: all 0.4s ease-out;
  70. -moz-transition: all 0.4s ease-out;
  71. transition: all 0.4s ease-out;}
  72.  
  73. @font-face {
  74.  
  75. font-family: "tinytots";
  76.  
  77. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  78.  
  79.  
  80. #sidepic{
  81. opacity:1;
  82. z-index:1000;
  83. width:200px;
  84. height:130px;
  85. padding:10px;
  86. border:2px solid #bdbdbd;
  87. background-image:url(http://24.media.tumblr.com/tumblr_ls0w5txuft1r3vazto12_r1_100.png);
  88. }
  89.  
  90. #picture{
  91. background-color:#fff;
  92. border:1px solid #bdbdbd;
  93. width:200px;
  94. height:130px;
  95. }
  96.  
  97. #desc{
  98. opacity:0;
  99. position:fixed;
  100. margin-top:250px;
  101. margin-left:145px;
  102. width:80px;
  103. padding-top:5px;
  104. padding-bottom:5px;
  105. padding-left:8px;
  106. padding-right:8px;
  107. background-color:#fff;
  108. border:1px solid #bdbdbd;
  109. -moz-transition:all .5s ease-in-out;
  110. -webkit-transition:all .5s ease-in-out;
  111. }
  112.  
  113. #desc:hover{
  114. margin-top:300px;
  115. opacity:1;
  116. -moz-transition:all .5s ease-in-out;
  117. -webkit-transition:all .5s ease-in-out;
  118. }
  119.  
  120. #link1{
  121. position:fixed;
  122. margin-left:55px;
  123. margin-top:150px;
  124.  
  125. }
  126.  
  127. #link2{
  128. position:fixed;
  129. margin-left:55px;
  130. margin-top:180px;
  131. }
  132.  
  133. #link3{
  134. position:fixed;
  135. margin-left:320px;
  136. margin-top:150px;
  137. }
  138.  
  139. #link4{
  140. position:fixed;
  141. margin-left:320px;
  142. margin-top:180px;
  143. }
  144.  
  145.  
  146.  
  147.  
  148. #line1{
  149. position:fixed;
  150. margin-left:10px;
  151. width:15px;
  152. height:95px;
  153. background-color:#bdbdbd;
  154. -moz-transition:all .3s ease-in-out;
  155. -webkit-transition:all .3s ease-in-out;
  156. }
  157.  
  158. #line1:hover{
  159. height:140px;
  160. -moz-transition:all .3s ease-in-out;
  161. -webkit-transition:all .3s ease-in-out;
  162. }
  163.  
  164. #line2{
  165. position:fixed;
  166. margin-left:30px;
  167. width:15px;
  168. height:75px;
  169. background-color:#adadad;
  170. -moz-transition:all .3s ease-in-out;
  171. -webkit-transition:all .3s ease-in-out;
  172. }
  173.  
  174. #line2:hover{
  175. height:125px;
  176. -moz-transition:all .3s ease-in-out;
  177. -webkit-transition:all .3s ease-in-out;
  178. }
  179.  
  180. #line3{
  181. position:fixed;
  182. margin-left:180px;
  183. width:15px;
  184. height:75px;
  185. background-color:#848484;
  186. -moz-transition:all .3s ease-in-out;
  187. -webkit-transition:all .3s ease-in-out;
  188. }
  189.  
  190. #line3:hover{
  191. height:125px;
  192. -moz-transition:all .3s ease-in-out;
  193. -webkit-transition:all .3s ease-in-out;
  194. }
  195.  
  196. #line4{
  197. position:fixed;
  198. margin-left:200px;
  199. width:15px;
  200. height:95px;
  201. background-color:#6d6d6d;
  202. -moz-transition:all .3s ease-in-out;
  203. -webkit-transition:all .3s ease-in-out;
  204. }
  205.  
  206. #line4:hover{
  207. height:140px;
  208. -moz-transition:all .3s ease-in-out;
  209. -webkit-transition:all .3s ease-in-out;
  210. }
  211.  
  212. #music{
  213. margin-left:85px;
  214. position:fixed;
  215. opacity:.7;
  216. -moz-transition:all .6s ease-in-out;
  217. -webkit-transition:all .6s ease-in-out;
  218.  
  219. }
  220.  
  221. #music:hover{
  222. margin-top:-20px;
  223.  
  224. -moz-transition:all .6s ease-in-out;
  225. -webkit-transition:all .6s ease-in-out;
  226. }
  227.  
  228.  
  229. #player{
  230. position:fixed;
  231. opacity:0;
  232. -moz-transition:all .6s ease-in-out;
  233. -webkit-transition:all .6s ease-in-out;
  234. }
  235.  
  236. #player:hover{
  237. opacity:1;
  238. margin-top:-10px;
  239. -moz-transition:all .6s ease-in-out;
  240. -webkit-transition:all .6s ease-in-out;
  241.  
  242.  
  243. }
  244.  
  245.  
  246. div#center{
  247. margin:auto;
  248. position:relative;
  249. width:840px;
  250. background-color:;
  251. overflow:auto;
  252. overflow-y:hidden;}
  253.  
  254.  
  255.  
  256. div#content{
  257. float:right;
  258. width:400px;
  259. padding-right:2px;
  260. padding-left:2px;
  261. margin-right: 40px;
  262. height:auto;
  263. padding:10px;
  264. margin-bottom:5px;
  265. border:0px solid #fff;
  266. font-family:tinytots;
  267. font-size:9px;
  268. color: #000;
  269. background-color:transparent;
  270. opacity:1;
  271.  
  272. }
  273.  
  274.  
  275.  
  276. #text {
  277. background-color: #fff;
  278. border:1px solid #ededed;
  279. width:400px;
  280. padding:10px;
  281.  
  282. }
  283.  
  284.  
  285. div#entry{
  286. background-color:transparent;
  287. margin-top:0px;
  288. padding-right:solid #fff 5px;
  289. padding-left: solid #fff 5px;
  290. padding-top:0px;
  291. padding-bottom:1px;
  292. margin-bottom:-15px;
  293. border-bottom: solid transparent 10px;}
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300. div#sidebar{
  301. z-index:1000;
  302. position:fixed;
  303. width: 230px;
  304. height: auto;
  305. margin-left:80px;
  306. margin-top:120px;
  307. padding-top:0px;
  308. padding-left:-2px;
  309. font-size: 10px;
  310. line-height:8px;
  311. letter-spacing:0px;
  312. margin-bottom: 6px;
  313. background-color:transparent;
  314. ;}
  315.  
  316.  
  317.  
  318.  
  319.  
  320. #postnotes{text-align: justify;}
  321.  
  322. #postnotes blockquote{border: 0px;}
  323.  
  324. .title {
  325. font-family: lucida sans;
  326. text-align:center;
  327. font-size: 15px;
  328. margin-bottom: 20px;
  329. line-height: 15px;
  330. color: #000;
  331. letter-spacing: 1px;
  332. font-weight: lighter;
  333. padding:0px 0px 0px 0px; }
  334.  
  335.  
  336.  
  337. .title2 {
  338. font-family: lucida sans;
  339. text-align:center;
  340. margin-bottom: 20px;
  341. font-size: 12px;
  342. line-height: 12px;
  343. color: #848484;
  344. letter-spacing: 0px;
  345. font-weight: normal;
  346. padding:0px 0px 0px 0px; }
  347.  
  348.  
  349. blockquote{padding:0px 0px 2px 5px;margin:0px 0px 2px 1px;border-left: 1px solid #555555;}
  350.  
  351. blockquote p, ul{margin:0px; padding:0px; }
  352.  
  353. a img{border: 0px;}
  354.  
  355. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  356.  
  357. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  358. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  359.  
  360. .notes img{width:10px; position:relative; top:3px;}
  361.  
  362. .permalink{display: block;font-size: 10px;text-align: right;}
  363.  
  364. small{font-size: 90%;}
  365.  
  366. </style>
  367.  
  368.  
  369.  
  370. <link rel="shortcut icon" href="{Favicon}">
  371. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  372. <meta name="viewport" content="width=820" />
  373.  
  374. </head>
  375.  
  376. <body>
  377.  
  378.  
  379. <div id="cage">
  380. <div id="center">
  381.  
  382.  
  383. <div id="desc">
  384. {Description}
  385. </div>
  386.  
  387.  
  388. <div id="link1">
  389. <a href="/" title="i n d e x"><img src="http://static.tumblr.com/0yup2yz/XUHm8q6cz/home.gif">
  390. </div>
  391.  
  392. <div id="link2">
  393. <a href="/ask" title="m e s s a g e"><img src="http://static.tumblr.com/0yup2yz/HMYm8q6f1/comment.gif">
  394. </div>
  395.  
  396. <div id="link3">
  397. <a href="/archive" title="h i s t o r y"><img src="http://static.tumblr.com/0yup2yz/6cAm8q6gs/book.gif">
  398. </div>
  399.  
  400. <div id="link4">
  401. <a href="http://littlewishingwell.tumblr.com" title="t h e m e"><img src="http://static.tumblr.com/0yup2yz/8shm8q6ix/heart.gif"></a>
  402. </div>
  403.  
  404. <div id="sidebar">
  405.  
  406. <div align="center">
  407. <div id="music">
  408. <img src="http://media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif">
  409.  
  410. <br>
  411. <br>
  412.  
  413. <div id="player">
  414. <center> MUSIC CODE~</center>
  415. </div>
  416.  
  417. </div>
  418. </div>
  419.  
  420.  
  421. <br>
  422. <br>
  423. <div id="sidepic">
  424. <div id="picture">
  425. <img src="http://25.media.tumblr.com/tumblr_m8vceaqbcR1qjt4tmo1_500.png" width=200px; height=130px;></a></div>
  426. </div>
  427.  
  428. <a title="l i n k 1" href="/"><div id="line1">
  429. </div></a>
  430.  
  431. <a title="l i n k 2" href="/"><div id="line2">
  432. </div></a>
  433.  
  434. <a title="l i n k 3" href="/"><div id="line3">
  435. </div></a>
  436.  
  437. <a title="l i n k 4" href="/"><div id="line4">
  438. </div></a>
  439.  
  440.  
  441. </div>
  442.  
  443. <div id="content">
  444. {block:Posts}
  445. <div id="entry">
  446.  
  447. <div id="text">
  448. {block:Text}
  449. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  450. <br>
  451.  
  452. <span class="entrytext">{Body}</span>
  453. <span class="permalink"><a href="{Permalink}">♡</a></span>
  454. {/block:Text}
  455.  
  456.  
  457.  
  458. {block:Link}
  459. <a href="{URL}" class="title"><center>{Name}</center></a>
  460. <br>
  461.  
  462. {block:Description}{Description}{/block:Description}
  463. <span class="permalink"><a href="{Permalink}">♡</a>
  464. {block:Link}
  465.  
  466.  
  467.  
  468. {block:Photo}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="400" {block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{LinkCloseTag} {/block:PermalinkPage} {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions} {/block:Photo}
  469.  
  470.  
  471.  
  472. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{block:IndexPage}<div style="padding:1px; float:right;"><a href="{Permalink}">♡</a></div>{/block:IndexPage}{/block:Photoset}
  473.  
  474.  
  475. {block:Quote}
  476. <span class="title"><center>{Quote}</center></span>
  477. <br>
  478. {block:Source}- {Source}{/block:Source}
  479. <span class="permalink"><a href="{Permalink}">♡</a>
  480. {/block:Quote}
  481.  
  482.  
  483.  
  484. {block:Chat}
  485. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  486. <br>
  487. <ul class="chat">
  488. {block:Lines}
  489. <li class="user_{UserNumber}">
  490. {block:Label}
  491. <span class="label">{Label}</span>
  492. {/block:Label}
  493. {Line}
  494. </li>
  495. {/block:Lines}
  496. </ul>
  497. {/block:Chat}
  498.  
  499.  
  500.  
  501. {block:Audio}
  502. <center><div class="audio"><div style="width:300px; height:-10px;"><div style="float:center"><center>{AudioPlayerBlack}</center></div><div style="margin-top:10px; float:center;">
  503. {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</div></div></centeR>
  504. <span class="permalink"><a href="{Permalink}">♡</a>
  505. {/block:Audio}
  506.  
  507. </div>
  508.  
  509.  
  510. {block:Video}<center>
  511. {Video-400}</center>
  512. <span class="permalink"><a href="{Permalink}">♡</a>
  513. {block:Video}
  514. <br>
  515.  
  516. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  517.  
  518. {block:PostNotes}{PostNotes}
  519. {/block:PostNotes}
  520. </div>
  521.  
  522. {/block:Posts}
  523.  
  524. <center></a>
  525. </div></div>
  526.  
  527. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  528.  
  529. <style type="text/css">a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}</style>
  530. <style> body, a { cursor:url('http://www.dolliehost.com/dolliecrave/graphics/cursors-arrow/19.gif'), auto }</style>
  531.  
  532. </div>
  533. </center>
  534.  
  535. </body>
  536. </html>
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!