API tools faq
paste
dracarysthemes

Once Upon a Dream Theme

dracarysthemes
Jan 28th, 2014
487
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.11 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html>
  6. <head>
  7.  
  8. <!--
  9. ONCE UPON A DREAM THEME BY WESTERUS FOR DRACARYS THEMES
  10.  
  11. Please let me know if you have any questions about the theme, it can be a little messy but I'll be glad to help you fix any problem you may have.
  12.  
  13. http://westerus.tumblr.com/
  14.  
  15. ps: DO NOT REDISTRIBUTE!
  16. -->
  17.  
  18.  
  19.  
  20. <meta name="color:Background" content="#fff" />
  21. <meta name="color:Links" content="#000" />
  22. <meta name="color:Primary Colour" content="#03999b" />
  23. <meta name="color:Secondary Colour" content="#4cc3c5" />
  24. <meta name="font:Body" content="Cambria" />
  25. <meta name="image:Background" content=""/>
  26. <meta name="if:Infinite Scroll" content="0">
  27. <meta name="if:links border" content="">
  28. <meta name="if:side border" content="">
  29. <meta name="if:custom font" content="">
  30. <meta name="if:Links Option 2" content=""/>
  31.  
  32. <meta name="text:link 1 title" content="" />
  33. <meta name="text:link 1" content="" />
  34. <meta name="text:link 2 title" content="" />
  35. <meta name="text:link 2" content="" />
  36. <meta name="text:link 3 title" content="" />
  37. <meta name="text:link 3" content="" />
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53. <link rel="shortcut icon" href="{Favicon}" />
  54.  
  55. <!--Custom font-->
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  58. <link href='http://fonts.googleapis.com/css?family=MedievalSharp' rel='stylesheet' type='text/css'>
  59. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  60. <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
  61. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  62.  
  63. <style type="text/css">
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72. body {
  73. background-color: {color:Background};
  74. font-family: {font:Body};
  75. background-image: url({image:Background});
  76. background-attachment:fixed;
  77. background-size:500px;
  78. background-repeat:no-repeat;
  79. background-position:bottom -80px right 20px;
  80. margin: 0;
  81. word-wrap: break-word;
  82. font-family:cambria;
  83. font-size:11px;
  84. }
  85.  
  86.  
  87.  
  88. #sidebar {
  89. background-color: white;
  90. width: 198px;
  91. position: fixed;
  92. height:140px;
  93. top:200px;
  94. margin-left:10px;
  95. background-image:url({image:Sidebar Background});
  96. left: 140px;
  97.  
  98. }
  99.  
  100. #links {width:190px;
  101. background-color:transparent;
  102. padding:0px;
  103. left:100px;
  104. margin-bottom:-90px;
  105. text-decoration:none;
  106. color:black;
  107. float:right;
  108. text-align:center;
  109. font-size:14px;
  110. font-family:'Grand Hotel', cursive;}
  111.  
  112. #links a {
  113. text-decoration:none;
  114. color:black;
  115. }
  116.  
  117. #links:hover {
  118. background-color:#aaa;
  119. }
  120.  
  121. #button {
  122. display:inline-block;
  123. float:center;
  124. text-align:center;
  125. text-decoration:none;
  126. font-family:cambria;
  127. font-size:12px;
  128. color:black;
  129. margin-top:10px;
  130. {block:iflinksborder}
  131. border:1px #aaa dashed;
  132. {/block:iflinksborder}
  133. background-color:{color:Secondary Colour};
  134. margin-left:0px;
  135. padding:1px 2px 2px 4px;
  136. }
  137.  
  138. #button a {
  139. float:center;
  140. text-decoration:none;
  141. color:black;
  142. padding:2px 3px 2px 3px;
  143. text-align:center;
  144. margin-left:5px;
  145. left:10px;
  146. }
  147.  
  148. #button:hover {
  149. background-color:white;
  150. left:10px;
  151. color:black;
  152. font-family:cambria;
  153. font-size:15px;
  154. text-decoration:none;
  155. padding:2px 3px 2px 9px;
  156. }
  157.  
  158. #op2 {
  159. display:block;
  160. float:center;
  161. text-align:left;
  162. text-decoration:none;
  163. font-family:cambria;
  164. font-size:12px;
  165. font-style:normal;
  166. color:black;
  167. margin-top:10px;
  168. background-color:transparent;
  169. margin-left:0px;
  170. padding:1px 2px 2px 4px;
  171. }
  172.  
  173. #op2 a {
  174. float:center;
  175. text-decoration:none;
  176. color:black;
  177. padding:2px 3px 2px 3px;
  178. text-align:left;
  179. margin-left:0px;
  180. left:10px;
  181. }
  182.  
  183. #op2:hover {
  184. border-left:7px solid black;
  185. border-radius:20px;
  186. background-color:white;
  187. left:0px;
  188. color:black;
  189. font-family:cambria;
  190. font-size:12px;
  191. text-decoration:underline;
  192. padding:2px 3px 2px 9px;
  193. }
  194.  
  195.  
  196.  
  197. #sidebar .title {
  198. font-family:cambria;
  199. {block:ifcustomfont}
  200. font-family: 'Rouge Script', cursive;
  201. {/block:ifcustomfont}
  202. font-size: 27px;
  203. margin-bottom:0px;
  204. margin-left:0px;
  205. text-align: center;
  206. padding: 10px;
  207. }
  208.  
  209. #sidebar .title a {
  210. color: {color:Primary Colour};
  211. text-decoration: none;
  212.  
  213. }
  214.  
  215. #sidebar .title a:hover {
  216. color: {color:Primary Colour};
  217. }
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225. #sidebar .description {
  226. color: black;
  227. font-size: 11px;
  228. text-align: center;
  229. font-family:cambria;
  230. font-style:italic;
  231. padding:10px;
  232. margin-bottom:10px;
  233. margin-right:10px;
  234. line-height:100%;
  235. }
  236.  
  237. #sidebar .description a {
  238. color: {color:Primary Colour};
  239. text-decoration: none;
  240. }
  241.  
  242. #sidebar .description a:hover {
  243. color: {color:Secondary Colour};
  244. }
  245.  
  246.  
  247.  
  248.  
  249.  
  250. #content {
  251. width:250px;
  252. {block:ifsideborder}
  253. border-left:1px dashed;
  254. {/block:ifsideborder}
  255. background-color: rgba(255, 255, 255, 0.4);
  256. margin: 0px 0px 0px 450px;
  257. padding: 20px 30px;
  258. color: black;
  259. }
  260.  
  261.  
  262.  
  263. #content a {
  264. color: {color:Primary Colour};
  265. text-decoration: none;;
  266. }
  267.  
  268. #content a:hover {
  269. color: {color:Secondary Colour};
  270. }
  271.  
  272. #content blockquote {
  273. border-left: solid 2px black;
  274. margin: 0;
  275. padding-left: 10px;
  276. }
  277.  
  278. img {
  279. margin-bottom:-12px;
  280. max-width: 100%;
  281.  
  282. }
  283.  
  284. #content
  285. #posts {
  286. background-color: white;
  287. width:250px;
  288. margin:0 auto 20px;
  289. margin-bottom:0px;
  290. margin-top:0px;
  291. padding:10px;
  292. padding:4px;
  293. }
  294.  
  295. #content #posts .perma a{
  296. color:;}
  297.  
  298. .permalink {
  299. display: block;
  300. border-top: 1px solid #ddd;
  301. padding: 3px;
  302. margin: 4px 8px 0px 8px;
  303. font-family: cambria;
  304. font-size: 8px;
  305. color: white;
  306. line-height: 18px;
  307. text-align: center;
  308. text-decoration: none;
  309. -webkit-transition: color 0.9s ease-out;
  310. -moz-transition: color 0.9s ease-out;
  311. }
  312.  
  313. #content #posts .perma a{
  314. color:white;
  315. -webkit-transition: color 0.9s ease-out;
  316. -moz-transition: color 0.9s ease-out;
  317. }
  318.  
  319.  
  320. #content #posts .perma{
  321. width:100px;
  322. height: 40px;
  323. font-family:times;
  324. font-size: 10px;
  325. text-transform:uppercase;
  326. position: absolute;
  327. line-height: 17px;
  328. text-align: center;
  329. overflow:hidden;
  330. opacity: 0.0;
  331. background-color:#000;
  332. letter-spacing:0px;
  333. margin-top:10px;
  334. margin-left: 120px;
  335. padding-bottom:1px;
  336. padding:3px;padding:5px;
  337. border-radius: 0px;
  338. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  339. -webkit-transition: all 0.5s linear;
  340. -moz-transition: all 0.5s linear;
  341. transition: all 0.5s linear;
  342. }
  343.  
  344. #content #posts:hover .perma{
  345. overflow:hidden;
  346. height:40px;
  347. margin-top:10px;
  348. border-top-right-radius: 0px;
  349. border-bottom-left-radius: 0px;
  350. -webkit-transition: all 0.5s linear; opacity: 1;
  351. -webkit-transition: all 0.5s linear;
  352. -moz-transition: all 0.5s linear;
  353. transition: all 0.5s linear;
  354. }
  355. .permalinktext {
  356. width:250px;
  357. height: 15px;
  358. font-family:cambria;
  359. font-size: 10px;
  360. text-transform:lowercase;
  361. position: absolute;
  362. line-height: 5px;
  363. text-align: center;
  364. overflow:hidden;
  365. opacity: 0.1;
  366. background-color:#000;
  367. letter-spacing:0px;
  368. margin-top:-40px;
  369. {block:ifsmallerposts}
  370. margin-left: 250px;
  371. {/block:ifsmallerposts}
  372. margin-left:0px;
  373. padding-bottom:0px;
  374. padding:0px;padding:0px;
  375. border-radius: 0px;
  376. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  377. -webkit-transition: all 0.5s linear;
  378. -moz-transition: all 0.5s linear;
  379. transition: all 0.5s linear;
  380. }
  381.  
  382. #content #posts:hover .permalinktext{
  383. overflow:hidden;
  384. background-color:black;
  385. height:15px;
  386. margin-top:-40px;
  387. border-top-right-radius: 0px;
  388. border-bottom-left-radius: 0px;
  389. -webkit-transition: all 0.5s linear; opacity: 1;
  390. -webkit-transition: all 0.5s linear;
  391. -moz-transition: all 0.5s linear;
  392. transition: all 0.5s linear;
  393. }
  394.  
  395. #content #posts .permalinktext a{
  396. color:white;
  397.  
  398. }
  399.  
  400.  
  401.  
  402. #content #posts .title {
  403. font-size: 18px;
  404. font-family:'Rouge Script',cursive;
  405. }
  406.  
  407. #content #posts .text {
  408. font-size:11px;
  409. font-family:cambria;
  410. }
  411.  
  412. #content #posts #permalink {
  413. font-size:9px;
  414. margin-top:10px;
  415.  
  416.  
  417. #content #posts #tags {
  418. font-size:9px;
  419. }
  420.  
  421. #content #posts #tags .comma:last-child {
  422. display: none;
  423. }
  424.  
  425.  
  426.  
  427. #content #notecontainer {
  428. margin: 20px auto;
  429. width: 500px;
  430. font-size: 11px;
  431. }
  432.  
  433. #content #notecontainer ol.notes {
  434. list-style-type: none;
  435. margin: 0;
  436. padding: 0;
  437. }
  438.  
  439. #content #notecontainer img.avatar {
  440. margin-right: 10px;
  441. width: 16px;
  442. height: 16px;
  443. }
  444.  
  445. #sidebar .pagination {
  446. width: 260px;
  447. text-align: center;
  448. padding: 3px 0;
  449. }
  450.  
  451. #sidebar .pagination a {
  452. color: {color:Primary Colour};
  453. text-decoration: none;
  454. }
  455.  
  456. #sidebar .pagination a:hover {
  457. color: {color:Secondary Colour};
  458. }
  459.  
  460.  
  461.  
  462.  
  463.  
  464.  
  465. </style>
  466.  
  467.  
  468.  
  469.  
  470.  
  471.  
  472.  
  473.  
  474. {block:IfInfiniteScroll}
  475. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  476. {/block:IfInfiniteScroll}
  477.  
  478. </head>
  479. <body>
  480.  
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494. <div id="sidebar">
  495. <div class="title"><a href="/">{Title}<img width="130" height="20" src="http://i128.photobucket.com/albums/p165/charmroyal/graphics/dividers/59.gif"></a></div>
  496.  
  497. {block:ifnotlinksoption2}
  498. <div class="description">{Description}
  499. <p><div id="button"><a href="{text:link 1}">{text:link 1 title}</a></div>
  500. <div id="button"><a href="{text:link 2}">{text:link 2 title}</a></div>
  501. <div id="button"><a href="{text:link 3}">{text:link 3 title}</a></div>
  502. {/block:ifnotlinksoption2}
  503. {block:iflinksoption2}
  504. <div class="description">{Description}
  505. <p><div id="op2"><a href="{text:link 1}">{text:link 1 title}</a></div>
  506. <div id="op2"><a href="{text:link 2}">{text:link 2 title}</a></div>
  507. <div id="op2"><a href="{text:link 3}">{text:link 3 title}</a></div>
  508. {/block:iflinksoption2}
  509.  
  510. </div>
  511.  
  512.  
  513. </div>
  514.  
  515.  
  516. </div>
  517.  
  518.  
  519.  
  520.  
  521.  
  522. {block:IfNotInfiniteScroll}
  523. <div class="pagination">
  524. {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}
  525. {block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}
  526. </div>
  527. {/block:IfNotInfiniteScroll}
  528.  
  529.  
  530.  
  531. </div> <!--sidebar-->
  532.  
  533. <div id="content">
  534.  
  535. <div class="autopagerize_page_element">
  536.  
  537.  
  538.  
  539.  
  540.  
  541. {block:Posts}
  542.  
  543.  
  544.  
  545. <div id="posts">
  546.  
  547.  
  548.  
  549.  
  550.  
  551. {block:Photo}
  552.  
  553. {block:IndexPage}
  554. <div class="perma">
  555. <a href="{permalink}">{NoteCountWithLabel}</a> <br> <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
  556. {/block:IndexPage}
  557. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=300px/>{LinkCloseTag}{/block:PermalinkPage}
  558.  
  559. {/block:Photo}
  560.  
  561. {block:Video}
  562. {Video-500}
  563. {block:Caption}{Caption}{/block:Caption}
  564. {/block:Video}
  565.  
  566. {block:Audio}
  567. {AudioPlayer}
  568. <br />{PlayCountWithLabel}
  569. {block:Caption}<br />{Caption}{/block:Caption}
  570. <div class="permalinktext"> <a href="{Permalink}"></a><br>
  571. <a href="{Permalink}">{NotecountWithLabel}</a><br>
  572. <a href="{ReblogURL}" target="_blank"></a></div>
  573. {/block:Audio}
  574.  
  575. {block:Quote}
  576. <div class="title">“{Quote}”</div>
  577. <div class="permalinktext"> <a href="{Permalink}"></a><br>
  578. <a href="{Permalink}">{NotecountWithLabel}</a>//
  579. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  580. {/block:Quote}
  581.  
  582. {block:Photoset}
  583. <div id="entry">
  584. <div class="photoset">
  585. <div style="max-width:250px; height:auto; overflow:hidden;">{Photoset-250}</div>
  586. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  587. {block:IndexPage}<div class="permalinktext"> <a href="{Permalink}"></a><br>
  588. <a href="{Permalink}">{NotecountWithLabel}</a>//
  589. <a href="{ReblogURL}" target="_blank">reblog</a></div> {/block:IndexPage}
  590. </div></div>
  591. {/block:Photoset}
  592.  
  593. {block:Text}
  594. {block:Title}<span class="title">{Title}</span>{/block:Title}
  595. <span class="entrytext">{Body}</span>
  596. {block:IndexPage}
  597. <div class="permalinktext"> <a href="{Permalink}"></a><br>
  598. <a href="{Permalink}">{NotecountWithLabel}</a>//
  599. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  600. {/block:IndexPage}
  601. {/block:Text}
  602.  
  603. {block:Answer}
  604. <div style="border-top:1px solid; border-bottom:1px #aaa dotted; padding:4px; font-size:11px"><div class="ask"><b>{Asker}:</b> {Question}</div></div>
  605. <div class="answer">{Answer}</div>
  606. {block:IndexPage}<div class="permalinktext"> <a href="{Permalink}"></a><br>
  607. <a href="{Permalink}">{NotecountWithLabel}</a><br>
  608. <a href="{ReblogURL}" target="_blank"></a></div> {/block:IndexPage}
  609.  
  610. {/block:Answer}
  611.  
  612. {block:Chat}
  613. {block:Title}{Title}<br />{/block:Title}
  614. {block:Lines}
  615. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  616. {/block:Lines}
  617. {/block:Chat}
  618.  
  619. {block:Link}
  620. <a style="font-family:'Rouge Script';font-size:18px" href="{URL}" >{Name}</a>
  621. {block:Description}<br />{Description}{/block:Description}
  622.  
  623. {/block:IndexPage}
  624. {/block:Link}
  625.  
  626.  
  627. <div id="permalink">
  628. <a href="{Permalink}">
  629.  
  630.  
  631. </a>
  632. </div>
  633.  
  634. {block:HasTags}<div id="tags">
  635. {block:Tags}
  636.  
  637. {/block:Tags}
  638. </div>
  639. {/block:HasTags}
  640.  
  641. </div>
  642.  
  643.  
  644. {block:PostNotes}
  645. {PostNotes}
  646. {/block:PostNotes}
  647.  
  648.  
  649.  
  650.  
  651.  
  652. {/block:Posts}
  653. </div>
  654.  
  655. </body>
  656. <div style="position:fixed;bottom:10px;right:10px;">
  657. <a style="color:grey" href="http://westerus.tumblr.com/">theme</a>
  658.  
  659. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!