Advertisement
gimmelou

theme 09: these dreams

Jun 14th, 2013
1,074
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.90 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.  
  3. <!--
  4.  
  5. theme #09: these dreams
  6. by gimmelou
  7. please don't remove credit but if you want, you can put it in your faq! c:
  8. have a nice day. <3
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head><title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21.  
  22. <meta name="color:Sidebar" content="#ffffff"/>
  23. <meta name="color:Text" content="#a8a8a8"/>
  24. <meta name="color:Link" content="#b8b8b8"/>
  25. <meta name="color:Tags" content="f0f0f0"/>
  26. <meta name="color:Hover" content="#f2f2f2"/>
  27. <meta name="color:Border" content="#d8d8d8"/>
  28. <meta name="color:Post" content="#ffffff"/>
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="image:sidebar2" content=""/>
  31. <meta name="image:background" content=""/>
  32. <meta name="text:Link 1" content="/" />
  33. <meta name="text:Link 1 Text" content="" />
  34. <meta name="text:Link 2" content="/" />
  35. <meta name="text:Link 2 Text" content="" />
  36. <meta name="text:Link 3" content="/" />
  37. <meta name="text:Link 3 Text" content="" />
  38. <meta name="if:Show Link 1" content="1" />
  39. <meta name="if:Show Link 2" content="1" />
  40. <meta name="if:Show Link 3" content="1" />
  41. <meta name="color:scrollbarbg" content="000000"/>
  42. <meta name="if:Tiny Cursor" content=""/>
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47. ::-webkit-scrollbar {
  48. width: 5px;
  49. height: 5px;
  50. }
  51.  
  52. ::-webkit-scrollbar-button:start:decrement,
  53. ::-webkit-scrollbar-button:end:increment {
  54. height: 6px;
  55. display: block;
  56. background-color: {color:white};
  57. }
  58.  
  59. ::-webkit-scrollbar-track-piece {
  60. background-color: {color:scrollbarbg};
  61. }
  62.  
  63. ::-webkit-scrollbar-thumb:vertical {
  64. height: 9px;
  65. background-color: {color:scrollbarbg};
  66. border-top:1px solid {color:scrollbarbg};
  67. border-bottom:1px solid {color:scrollbarbg};
  68. }
  69.  
  70. body {
  71. background:{color:background};
  72. background-image:url('{image:background}');
  73. margin:0px;
  74. color:{color:text};
  75. font-family:Calibri;
  76. font-size:10px;
  77. line-height:100%;
  78. {block:ifTinyCursor}cursor:url(http://i.imgur.com/IepP2.jpg), progress; {/block:ifTinyCursor}
  79. }
  80.  
  81. a {
  82. text-decoration:none;
  83. outline:none;
  84. -moz-outline-style:none;
  85. color:{color:link};
  86. {block:ifTinyCursor}cursor:url(http://i.imgur.com/IepP2.jpg), progress; {/block:ifTinyCursor}
  87. }
  88.  
  89. img {
  90. border:none;
  91. }
  92.  
  93. blockquote {
  94. padding-left:5px;
  95. border-left:2px solid;
  96. }
  97.  
  98. blockquote blockquote {
  99. padding-left:5px;
  100. border-left:2px solid;
  101. }
  102.  
  103. h1 {
  104. font-size:9px;
  105. text-transform:uppercase;
  106. }
  107.  
  108. a:hover {
  109. opacity:10;
  110. color:{color:hover};
  111. -webkit-transition: all 0.7s ease;
  112. -moz-transition: all 0.7s ease;
  113. -o-transition: all 0.7s ease
  114. }
  115.  
  116.  
  117. #entries {
  118. padding:10px;
  119. width:500px;
  120. margin-left:490px;
  121. margin-top:0px;
  122. font-size:10px;
  123. }
  124.  
  125.  
  126. #post {
  127. width:500px;
  128. padding-bottom:20px;
  129. padding:10px;
  130. margin-top:15px;
  131. background-color:{color:Post};
  132. }
  133.  
  134.  
  135. #sidebar {
  136. width:100px;
  137. height: 110px;
  138. position:fixed;
  139. margin-left:180px;
  140. margin-top:225px;
  141. opacity:.80;
  142.  
  143. }
  144.  
  145. #sidebarimage {
  146. width: 100px;
  147. height: 130px;
  148. margin-left: 48px;
  149. margin-top: -50px;
  150. }
  151.  
  152. #sidebarimage img {
  153. width:100px;
  154. height:130px;
  155. padding:4px;
  156. z-index:3;
  157. -webkit-transition-duration:0.5s;
  158. -moz-transition-duration: 0.5s;
  159. -o-transition-duration: 0.5s;
  160. }
  161.  
  162. #sidebar:hover #sidebarimage img {
  163. margin-left:-38px;
  164. -webkit-transition-duration:0.5s;
  165. -moz-transition-duration: 0.5s;
  166. -o-transition-duration: 0.5s;
  167. }
  168.  
  169. #sidebarimage2 {
  170. width 100px;
  171. height:130px;
  172. margin-left: 157px;
  173. margin-top: -126px;
  174. }
  175.  
  176. #sidebarimage2 img {
  177. width:100px;
  178. height:130px;
  179. z-index:3;
  180. -webkit-transition-duration:0.5s;
  181. -moz-transition-duration: 0.5s;
  182. -o-transition-duration: 0.5s;
  183. }
  184.  
  185. #sidebar:hover #sidebarimage2 img {
  186. margin-left:36px;
  187. -webkit-transition-duration:0.5s;
  188. -moz-transition-duration: 0.5s;
  189. -o-transition-duration: 0.5s;
  190. }
  191.  
  192.  
  193. .links {
  194. width:210px;
  195. height:15px;
  196. padding: 9px;
  197. padding-top:2px;
  198. padding-bottom:7px;
  199. font-size:8px;
  200. font-family:consolas;
  201. letter-spacing:1px;
  202. text-align:center;
  203. margin-top:3px;
  204. margin-left:40px;
  205. word-spacing:5px;
  206. text-align:center;
  207. position:fixed;
  208. text-transform:uppercase;
  209.  
  210.  
  211. }
  212.  
  213. .links a {
  214. font-size: 10px;
  215. line-height:175%;
  216. width:55px;
  217. }
  218.  
  219. .links a:hover {
  220. color:{color:Hover}
  221. }
  222.  
  223.  
  224. #description {
  225. position:fixed;
  226. font-family:cambria;
  227. line-height:90%;
  228. font-size:10px;
  229. opacity:0;
  230. font-style:italic;
  231. width:60px;
  232. margin-top:-117px;
  233. padding:8px;
  234. margin-left:115px;
  235. text-align:center;
  236. color:{color:text};
  237. -webkit-transition-duration:0.5s;
  238. -moz-transition-duration: 0.5s;
  239. -o-transition-duration: 0.5s;
  240. }
  241.  
  242. #sidebar:hover #description{
  243. opacity:1;
  244. -webkit-transition-duration:0.5s;
  245. -moz-transition-duration: 0.5s;
  246. -o-transition-duration: 0.5s;
  247. }
  248.  
  249.  
  250.  
  251. #pagination {
  252. width:65px;
  253. font-family:times;
  254. font-size:16px;
  255. text-align:center;
  256. letter-spacing:2px;
  257. margin-left:123px;
  258. margin-top:-127px;
  259. position:fixed;
  260. opacity:0;
  261. -webkit-transition-duration:0.5s;
  262. -moz-transition-duration: 0.5s;
  263. -o-transition-duration: 0.5s;
  264. }
  265.  
  266. #sidebar:hover #pagination{
  267. opacity:1;
  268. -webkit-transition-duration:0.5s;
  269. -moz-transition-duration: 0.5s;
  270. -o-transition-duration: 0.5s;
  271. }
  272.  
  273.  
  274. #info {
  275. font-family:calibri;
  276. text-align:right;
  277. margin-top:10px;
  278. font-size:10px;
  279. font-style:none;
  280. border-top:1px solid {color:Border}
  281. }
  282.  
  283.  
  284. #tags {
  285. font-family:calibri;
  286. letter-spacing:0px;
  287. text-transform:lowercase;
  288. font-size:8px;
  289. font-style:italic;
  290. margin-top:4px;
  291. text-align:right;
  292. }
  293.  
  294. #tags
  295. a {
  296. display:inline;
  297. background-color:{color:Tags};
  298. padding:-3px;
  299. text-align:right;
  300. -webkit-transition: all 0.6s ease-in-out;
  301. -moz-transition: all 0.6s ease-in-out;
  302. -o-transition: all 0.6s ease-in-out;
  303. -ms-transition: all 0.6s ease-in-out;
  304. transition: all 0.6s ease-in-out;
  305. }
  306.  
  307. #asker {
  308. padding:5px;
  309. font-family:cambria;
  310. letter-spacing:1px;
  311. text-align:left;
  312. font-style:italic;
  313. margin-left:10px;
  314. border-left:3px #eee solid;
  315. background-color:{color:background}
  316. }
  317.  
  318. #c {
  319. font-size:9px;
  320. font-family:cambria;
  321. font-style:italic;
  322. letter-spacing:1px;
  323. -moz-transition-duration:0.5s;
  324. -webkit-transition-duration:0.5s;
  325. -o-transition-duration:0.5s;
  326. }
  327.  
  328. #c a {
  329. background-color:#fff;
  330. padding:5px;
  331. border:1px solid #e9e9e9;
  332. position:fixed;
  333. right:15px;
  334. bottom:10px
  335. }
  336.  
  337. #c a:hover {
  338. color:#fff;
  339. background-color:#191919;
  340. }
  341.  
  342. {CustomCSS}</style></head><body>
  343.  
  344. <div id="sidebar">
  345. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  346. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  347.  
  348.  
  349. <div id="description">
  350. {Description}
  351. </div>
  352.  
  353.  
  354. <div class="links">
  355. <a href="/">home</a>
  356. <a href="/ask">ask</a>
  357. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  358. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  359. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  360. </div>
  361.  
  362. <div id="pagination">
  363. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}&nbsp{block:NextPage}<a href="{NextPage}">→</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  364. </div></div></div>
  365.  
  366. </div>
  367.  
  368. <div id="entries">{block:Posts}<div id="post">
  369.  
  370. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  371.  
  372. {block:Photo}{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}"></a>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  373.  
  374. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  375.  
  376. {block:Quote}{Quote}{/block:Quote}
  377.  
  378. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  379.  
  380. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  381.  
  382. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  383. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  384. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  385. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  386. {/block:Audio}
  387.  
  388. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  389.  
  390. {block:Answer}<div id="asks">❝<b>{Asker}</b> sent: {Question}</div>
  391. <div id="answer">{Answer}</div>{/block:answer}
  392.  
  393. {block:Date}<div id="info">
  394. <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  395. {block:ContentSource} ( source <a href="{SourceURL}">{SourceLink} )</a>{/block:ContentSource}{/block:Date} {block:NoteCount} with <font color=#e9aeca>♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}</div>
  396. {block:HasTags}
  397. <div class="tags">
  398. {block:Tags} <div style="text-align:right;"><a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div></div>
  399. {/block:HasTags}
  400.  
  401. <div class="note">
  402. {block:PostNotes}{PostNotes}{/block:PostNotes}
  403. </div>
  404. </div>
  405. {block:Posts}
  406.  
  407.  
  408. <div id="c"><a href="http://caramelfringe.tumblr.com">CF</div>
  409.  
  410. </body>
  411. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement