Advertisement
0fficialvanessa

"Dreams Can Come True" Theme One.

Jan 27th, 2013
2,100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.39 KB | None | 0 0
  1. <!-- theme created by Jade (mxrandakerr) don't remove credit please!-->
  2. <html>
  3.  
  4. <title>{Title}</title>
  5. <meta name="description" content="{block:Description}{MetaDescription}{/block:Description}" />
  6. <link rel="shortcut icon" href="{Favicon}" />
  7. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
  10.  
  11. <meta name="color:background" content="#fff"/>
  12. <meta name="color:text" content="#000"/>
  13. <meta name="color:link" content="#eee"/>
  14. <meta name="color:hover" content="#000"/>
  15. <meta name="color:title" content="#000"/>
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="image:background" content=""/>
  18. <meta name="text:Link One" content="/">
  19. <meta name="text:Link One Title" content="One"/>
  20. <meta name="text:Link Two" content="/">
  21. <meta name="text:Link Two Title" content="Two"/>
  22. <meta name="text:Link Three" content="/"/>
  23. <meta name="text:Link Three Title" content="Three"/>
  24. <meta name="text:Link Four" content="/"/>
  25. <meta name="text:Link Four Title" content="Four"/>
  26. <meta name="text:Refresh Title" content="Home"/>
  27. <meta name="if:Title" content="1"/>
  28.  
  29. <style type="text/css">
  30.  
  31. body{
  32. color: {color:text};
  33. font-family:Imprima;
  34. font-size: 10px;
  35. background-color:{color:background};
  36. background-image:url({image:background});
  37. background-attachment: fixed;
  38. background-repeat: repeat;
  39. }
  40.  
  41. a:link, a:active, a:visited{
  42. text-decoration: none;
  43. color:{color:link};
  44. }
  45.  
  46. a:hover {
  47. color:{color:hover};
  48. font-weight:none;
  49. text-shadow: 0px 0px 2px {color:text};
  50. }
  51.  
  52. #sidebar{
  53. width:250px;
  54. height:264px;
  55. padding:5px;
  56. position:fixed;
  57. margin-top: 0px;
  58. margin-left: 100px;
  59. }
  60.  
  61. #sidebarimg{
  62. margin-bottom:2px;
  63. padding:2px;
  64. position:right;
  65. }
  66.  
  67. #sidebarimg img{
  68. width:248px;
  69. height:260px;
  70. }
  71.  
  72. #links {
  73. background-color: transparent;
  74. font-family:Imprima;
  75. font-size:10px;
  76. text-transform: uppercase;
  77. font-weight: bold;
  78. -webkit-border-radius: 3px;
  79. -moz-border-radius: 3px;
  80. }
  81.  
  82. #links:hover{
  83. background-color: {color:background};
  84. font-family:Imprima;
  85. font-size:9px;
  86. text-transform: uppercase;
  87. -webkit-border-radius: 3px;
  88. -moz-border-radius: 3px;
  89. }
  90.  
  91. #description{
  92. word-spacing:1px;
  93. font-family:Imprima;
  94. font-size:10px;
  95. background:white;
  96. text-align:center;
  97. width: 248;
  98. }
  99.  
  100. @font-face {font-family: "Zhizn"; src: url('http://static.tumblr.com/9wzbixa/pDQm2g6zg/zhizn_0.otf');}
  101.  
  102. #title{
  103. font-family:"black swan";
  104. font-size: 22px;
  105. text-shadow:1px 1px 5px #888;
  106. line-height: 10px;
  107. color: {color:Title};
  108. text-align:center;
  109. margin: 3px;
  110. letter-spacing: 1px;
  111. }
  112.  
  113. #posts{
  114. float:center;
  115. {block:indexpage}
  116. width:496px;
  117. {/block:indexpage}
  118. {block:permalinkpage}
  119. width:500px;
  120. {/block:permalinkpage}
  121. margin-left: 180px;
  122. margin-top: 0px;
  123. }
  124.  
  125. #entry{
  126. opacity: 0.75;
  127. float:left;
  128. width: 496px;
  129. height: auto;
  130. background: white;
  131. padding: 1px;
  132. margin-left:190px;
  133. margin-right:3px;
  134. margin-bottom:3px;
  135. text-align:left;
  136. border: 0px dashed #eee;
  137. {block:PermalinkPage}
  138. width: 470px;
  139. height: auto;
  140. {/block:PermalinkPage}
  141. transition: all 0.5s ease-out;
  142. -o-transition-transition: all 0.5s ease-out;
  143. -webkit-transition: all 0.5s ease-out;
  144. -moz-transition: all 0.5s ease-out;
  145. }
  146.  
  147. #entry:hover{
  148. opacity: 1;
  149. transition: all 0.5s ease-out;
  150. -o-transition-transition: all 0.5s ease-out;
  151. -webkit-transition: all 0.5s ease-out;
  152. -moz-transition: all 0.5s ease-out;
  153. }
  154.  
  155. #postnotes{
  156. text-align: justify;
  157. }
  158.  
  159. #postnotes blockquote{
  160. border: 0px;
  161. }
  162.  
  163. #permalink {
  164. display: block;
  165. border-top: 1px solid #eee;
  166. padding: 2px;
  167. margin: 4px 8px 0px 8px;
  168. text-transform: none;
  169. font-family:Imprima;
  170. font-size: 10px;
  171. color: #424242;
  172. line-height: 18px;
  173. text-align: center;
  174. text-decoration: none;
  175. -webkit-transition: color 0.5s ease-out;
  176. -moz-transition: color 0.5s ease-out;
  177. }
  178.  
  179. .perma{
  180. width: 230px;
  181. height: 0px;
  182. text-transform: none;
  183. font-family:Imprima;
  184. position: absolute;
  185. font-size: 10px;
  186. line-height: 11px;
  187. text-align: center;
  188. overflow:hidden;
  189. opacity: 0.0;
  190. background-color:#fff;
  191. margin-top:0px;
  192. margin-left: 0px;
  193. letter-spacing: 0px;
  194. border-radius: 0px;
  195. -webkit-transition: color 0.6s ease-out;
  196. -moz-transition: color 0.6s ease-out;
  197. }
  198.  
  199. #entry:hover .perma {
  200. margin-top: 0px;
  201. margin-left: 0px;
  202. width: 230px;
  203. height: 12px;
  204. text-transform:none;
  205. overflow:visible;
  206. -webkit-transition: all 0.5s linear; opacity: 0.6;
  207. -webkit-transition: all 0.5s linear;
  208. -moz-transition: all 0.5s linear;
  209. transition: all 0.5s linear;
  210. }
  211.  
  212. .permalinktext{
  213. background-color:transparent;
  214. display: block;
  215. text-transform:none;
  216. font-family:imprima;
  217. font-size: 10px;
  218. text-align: right;
  219. letter-spacing:0px;
  220. margin-top:5px;
  221. border-top: 0px dashed #eee;
  222. -webkit-transition: color 0.6s ease-out;
  223. -moz-transition: color 0.6s ease-out;
  224. }
  225.  
  226. .permalinktext{
  227. padding-right: 2px;
  228. border-right: 10px solid #aaa;
  229. -webkit-transition: all 0.6s ease;
  230. -moz-transition: all 0.6s ease;
  231. -o-transition: all 0.6s ease;
  232. }
  233.  
  234. .permalinktext:hover{
  235. border-right: 25px solid #fff;
  236. -webkit-transition: all 0.6s ease;
  237. -moz-transition: all 0.6s ease;
  238. -o-transition: all 0.6s ease;
  239. }
  240.  
  241. ::-webkit-scrollbar {
  242. width: 7px;
  243. height:auto;
  244. background:{color:background};
  245. }
  246.  
  247. ::-webkit-scrollbar-corner {
  248. background:{color:background}
  249. ;}
  250.  
  251. ::-webkit-scrollbar-button:vertical {
  252. height:4px;
  253. display: block;
  254. background:{color:link};
  255. }
  256.  
  257. ::-webkit-scrollbar-button:horizontal {
  258. width: 4px;
  259. height: 4px;
  260. display: block;
  261. background:{color:link}
  262. ;}
  263.  
  264. ::-webkit-scrollbar-thumb:vertical {
  265. background:{color:link};
  266. border-top: 1px solid {color:background};
  267. border-bottom: 1px solid {color:background};
  268. }
  269.  
  270. ::-webkit-scrollbar-thumb:horizontal {
  271. background: {color:background};
  272. border: 0px solid {color:background};
  273. }
  274.  
  275. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  276.  
  277. .tit{
  278. font-family:"black swan";
  279. letter-spacing:1px;
  280. font-size:25px;
  281. color:{color:title};
  282. text-shadow: 1px 1px 1px {color:hover};
  283. line-height:25px;
  284. font-style: bold;
  285. }
  286.  
  287. .chat {
  288. line-height: 12px;
  289. list-style:none
  290. }
  291.  
  292. .chat ul{
  293. line-height: 15px;
  294. list-style: none;
  295. padding: 0px;
  296. line-height:20px;
  297. }
  298.  
  299. .person1{
  300. background-color:{color:background};
  301. color: {color:text};
  302. }
  303.  
  304. .person1 .label{
  305. font-weight: bold;
  306. padding: 0px;
  307. margin-left: 5px;
  308. color:{color:text};
  309. }
  310.  
  311. .person2{
  312. color: {color:text};
  313. }
  314.  
  315. .person2 .label{
  316. font-weight: bold;
  317. padding: 0px;
  318. margin-left: 5px;
  319. color:{color:text};
  320. }
  321.  
  322. #tumblr_controls {
  323. top: 4.30% !important;
  324. margin: -28px 0 0 0;
  325. right: 1px !important;
  326. position: fixed !important;
  327. }
  328.  
  329. blockquote {
  330. padding:0px;
  331. text-align:left;
  332. padding-left:5px;
  333. margin:5px;
  334. background-color:transparent;
  335. border-left:3px solid {color:Link};
  336. }
  337.  
  338. </style>
  339. <style type="text/css">{CustomCSS}</style>
  340. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  341. </head>
  342.  
  343. <body>
  344. <div id="sidebar">
  345. <div id="title">{block:iftitle}{Title}{/block:iftitle}</div>
  346. <div id="sidebarimg"><img src="{image:Sidebar}"/></div>
  347. <div id="links"><center>
  348. <a href="/">{text:Refresh Title}</a> - <a href="{text:Link One}">{text:Link One Title}</a> - <a href="{text:Link Two}">{text:Link Two Title}</a> - <a href="{text:Link Three}">{text:Link Three Title}</a> - <a href="{text:Link Four}">{text:Link Four Title}</a></div>
  349. <div id="description">{Description}</div>
  350. </div></div>
  351.  
  352. <div id="posts">
  353. {block:Posts}
  354. <div id="entry">
  355.  
  356. {block:Text}
  357. {block:Title}<span class="tit">{Title}</span>{/block:Title}
  358. <span class="entrytext">{Body}</span>
  359. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#000">-</font> <a> <a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  360. {/block:Text}
  361.  
  362. {block:Link}
  363. <a href="{URL}" class="tit">{Name}</a>
  364. {block:Description}{Description}{/block:Description}
  365. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#000">-</font> <a> <a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  366. {block:Link}
  367.  
  368. {block:Photo}{block:IndexPage}
  369. <div class="perma">
  370. <a href="{permalink}">{NoteCountWithLabel}</a> - <a> <a href="{ReblogURL}" target="_blank"> Reblog </a></span></div>
  371. {/block:IndexPage}
  372. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=496px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=470px/>{LinkCloseTag}{/block:PermalinkPage}
  373. {/block:Photo}
  374.  
  375.  
  376. {block:Quote}
  377. <span class="entrytext">{Quote}</span>
  378. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  379. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#000">-</font> <a> <a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  380. {/block:Quote}
  381.  
  382. {block:Chat}
  383. {block:Title}<span class="tit">{Title}</span>{/block:Title}
  384. <ul class="chat">
  385. {block:Lines}
  386. <li class="user_{UserNumber}">
  387. {block:Label}
  388. <span class="label">{Label}</span>
  389. {/block:Label}
  390.  
  391. {Line}
  392. </li>
  393. {/block:Lines}
  394. </ul>
  395. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#000">-</font> <a> <a href="{ReblogURL}" target="_blank"> Relove </a></div>
  396. {/block:Chat}
  397.  
  398.  
  399. {block:Audio}
  400. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  401. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  402. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#000">-</font> <a> <a href="{ReblogURL}" target="_blank"> reblog </a></div>
  403. {/block:Audio}
  404.  
  405. {block:Video}<center>
  406. <div class="video">{Video-400}</div></center>
  407. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#000">-</font> <a href="{permalink}">{timeago}</a> </div>
  408. {block:Video}
  409.  
  410. {block:Answer}
  411. <br>
  412. <div style="border-radius:5px; border: 1px solid #E6DFDF; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  413. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  414. {Asker} asked:
  415. <br>
  416. {Question}<br></div>
  417. <div style="font-family:"black swan" ; font-size: 12px;">
  418. then I answered:
  419. <br>
  420. {Answer}
  421. </div><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#000">∞</font> <a href="{permalink}">{timeago}</a> </div>
  422. {/block:Answer}
  423.  
  424. {block:PostNotes}<div align="middle">{caption}</div>
  425. <center>
  426.  
  427. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  428.  
  429. {block:HasTags}
  430. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  431. {block:RebloggedFrom}
  432. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  433. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  434.  
  435. {/block:RebloggedFrom}
  436. </center></span>
  437. <br>
  438. <div id="postnotes">{PostNotes}</div><br>
  439.  
  440. <center>{block:ContentSource}
  441. <br><a href="{SourceURL}">
  442. {lang:Source}:
  443. {block:SourceLogo}
  444. <img src="{BlackLogoURL}" width="{LogoWidth}"
  445. height="{LogoHeight}" alt="{SourceTitle}" />
  446. {/block:SourceLogo}
  447. {block:NoSourceLogo}
  448. {SourceLink}
  449. {/block:NoSourceLogo}
  450. </a>
  451. {/block:ContentSource}</center>
  452.  
  453. {/block:PostNotes}
  454. </div>
  455. {/block:Posts}
  456. </div></div>
  457.  
  458. </body>
  459.  
  460. <div style="position:fixed; bottom:1px; right:1px;"><a href="http://mxrandakerr.tumblr.com/">theme credit</a></div>
  461. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement