API tools faq
paste
Advertisement
damadellago

Red Roses 1 column v1.5

damadellago
Feb 23rd, 2012
4,432
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <!--
  4. +++++++++++++++++++++++++++
  5. Theme by:Lady of the Lake
  6. damadellago.tumblr.com
  7. +++++++++++++++++++++++++++
  8. -->
  9.  
  10. <html>
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}"/>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16. <link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'>
  17. {text:Meta tags}
  18. {block:Hidden}
  19. <meta name="if:Show portrait photo" content="1" />
  20. <meta name="if:Enable endless scrolling" content="0" />
  21. <meta name="if:Static background" content="0" />
  22. <meta name="if:Caption on Index" content="0" />
  23. <meta name="if:Like on posts" content="0" />
  24. <meta name="font:Type" content="arial, sans-serif"/>
  25. <meta name="text:Text size" content="9" />
  26. <meta name="text:Link1" content="Archive" />
  27. <meta name="text:Link1 Url" content="/archive" />
  28. <meta name="text:Link2" content="Random" />
  29. <meta name="text:Link2 Url" content="/random" />
  30. <meta name="text:Link3" content="" />
  31. <meta name="text:Link3 Url" content="" />
  32. <meta name="text:Link4" content="" />
  33. <meta name="text:Link4 Url" content="" />
  34. <meta name="text:Link1" content="" />
  35. <meta name="text:Link1 Url" content="" />
  36. <meta name="text:Link2" content="" />
  37. <meta name="text:Link2 Url" content="" />
  38. <meta name="text:Link3" content="" />
  39. <meta name="text:Link3 Url" content="" />
  40. <meta name="text:Link4" content="" />
  41. <meta name="text:Link4 Url" content="" />
  42. <meta name="color:Background" content="#D7CAA8">
  43. <meta name="color:Shadow" content="#CCCCCC">
  44. <meta name="color:Font" content="#8E1912">
  45. <meta name="color:Post Background" content="#EEE7D5">
  46. <meta name="color:Border Left" content="#C1995C">
  47. <meta name="color:Border Top" content="#8E1D19">
  48. <meta name="color:Title Line" content="#73000D">
  49. <meta name="color:Date Text" content="#8E1912">
  50. <meta name="color:Date Line" content="#B20000">
  51. <meta name="color:Date First Letter" content="#73000D">
  52. <meta name="color:Time Text" content="#8E6F6D">
  53. <meta name="color:Link Hover" content="#750010">
  54. <meta name="color:Chat Background" content="#F2EDE2">
  55. <meta name="image:Background" content="http://static.tumblr.com/ikkgisy/J4Om6id70/bg.jpg">
  56. {/block:Hidden}
  57. <style type="text/css">
  58.  
  59. /* - - - - - - Main - - - - - - */
  60. body {
  61. background-color:{color:Background};
  62. background-image:url({image:Background});
  63. {block:IfStaticBackground}background-position: fixed;
  64. background-attachment:fixed;{/block:IfStaticBackground}
  65. margin:0px;
  66. color:{color:Font};
  67. font-family: {font:Type};
  68. font-size: {text:Text size}px;
  69. letter-spacing: 0px;
  70. text-shadow:0px 0px 1px {color:Shadow};
  71. }
  72.  
  73. #wrapper {
  74. width:100%;
  75. margin:auto;
  76. }
  77.  
  78. #content{margin:5px; padding:5px;}
  79.  
  80. /* - - - - - - Posts - - - - - - */
  81. .container{
  82. background-color: {color:Post Background};
  83. text-align: justify;
  84. border-left: 15px {color:border left} solid;
  85. margin:auto;
  86. margin-top:10px;
  87. padding:10px;
  88. width:620px;
  89. {block:indexpage}overflow:hidden;{/block:indexpage}
  90. -moz-border-radius: 5px;
  91. -webkit-border-radius: 5px;
  92. -o-border-radius: 5px;
  93. border-radius: 5px;
  94. }
  95.  
  96. #notes {
  97. background: {color:Post Background};
  98. width:600px;
  99. margin:auto;
  100. margin-top: 10px;
  101. margin-bottom: 10px;
  102. padding:10px;
  103. -moz-border-radius: 5px;
  104. -webkit-border-radius: 5px;
  105. -o-border-radius: 5px;
  106. border-radius: 5px;
  107. position:relative;
  108. }
  109.  
  110. ol.notes {
  111. list-style:none;
  112. padding:10px;
  113. }
  114.  
  115. h1 {
  116. color: {color:Border Left};
  117. font-family: Tahoma, Georgia;
  118. font-size: 20px;
  119. font-weight: normal;
  120. font-style:italic;
  121. letter-spacing: 3px;
  122. text-align: right;
  123. margin-top: 10;
  124. margin-bottom: 10;
  125. padding-right: 0px;
  126. border-right: 25px solid {color:Title Line};
  127. }
  128.  
  129. h2 {
  130. color: {color: Date Text};
  131. font-family: century gothic;
  132. font-size: 12pt;
  133. font-weight: normal;
  134. text-transform: uppercase;
  135. text-align: left;
  136. margin: 0;
  137. letter-spacing: 3px;
  138. line-height: 10pt;
  139. padding-right: 0px;
  140. border-left: 30px solid {color:Date Line};
  141. }
  142.  
  143. h2:first-letter {
  144. color: {color:Date First Letter};
  145. font-family: georgia, serif;
  146. font-size: 20pt;
  147. font-weight: normal;
  148. font-style: italic;
  149. }
  150.  
  151. h3 {
  152. color: {color:Time Text};
  153. font-family: courier new, serif;
  154. font-size: 9pt;
  155. font-weight: normal;
  156. text-transform: lowercase;
  157. margin: 0;
  158. text-align: left;
  159. line-height: 12pt;
  160. letter-spacing: 2px;
  161. padding-left: 220px;
  162. }
  163.  
  164. .notescount {
  165. float:right;
  166. text-align:right;
  167. font-size:10px;
  168. padding:3px;
  169. margin:3px;
  170. }
  171.  
  172. {block:IfLikeonposts}.my-like { background-image: url(http://static.tumblr.com/ikkgisy/Bxmm6ic7e/heart2.gif) !important; height:8px; width:8px; cursor:pointer; display:inline-block;}
  173. .my-liked, .my-like:hover { background-image: url(http://static.tumblr.com/ikkgisy/Pnom6ic7v/heart1.gif) !important; height:8px; width:8px; cursor:pointer; display:inline-block;} {/block:IfLikeonposts}
  174.  
  175.  
  176.  
  177. /* - - - - - - Menu&Footer - - - - - - */
  178.  
  179. a.block {
  180. display:inline;
  181. text-align: center;
  182. padding: 3px 5px 5px 5px;
  183. border:0px;
  184. margin:1px;
  185. position:relative;
  186. width: 60px;
  187. display: inline-block;
  188. background-color: {color:Post Background};
  189. border-left: 15px solid {color:Border Top};
  190. color: {color:Date Line};
  191. font-weight: bold;
  192. -webkit-transition: all .7s ease-in;
  193. -moz-transition: all .7s ease-in;
  194. -o-transition: all .7s ease-in;
  195. }
  196.  
  197. a.block:hover {
  198. color: {color:Post Background};
  199. background-color: {color:Border Top};
  200. border-left: 15px solid {color:Post Background};
  201. -webkit-transition: all .7s ease-in;
  202. -moz-transition: all .7s ease-in;
  203. -o-transition: all .7s ease-in;
  204. }
  205.  
  206. #description {
  207. background-color:{color:Post Background};
  208. border-top: 10px solid {color:Border Top};
  209. text-align:justify;
  210. width:600px;
  211. margin:auto;
  212. margin: 10px;
  213. padding:5px;
  214. -moz-border-radius: 0px 0px 5px 5px;
  215. -webkit-border-radius: 0px 0px 5px 5px;
  216. -o-border-radius: 0px 0px 5px 5px;
  217. border-radius: 0px 0px 5px 5px;
  218. }
  219.  
  220. #footer {
  221. background-color:{color:Post Background};
  222. border-bottom: 10px solid {color:Border Top};
  223. width:600px;
  224. margin:auto;
  225. margin-top: 10px;
  226. padding:10px;
  227. -moz-border-radius:5px 5px 0px 0px ;
  228. -webkit-border-radius:5px 5px 0px 0px ;
  229. -o-border-radius:5px 5px 0px 0px ;
  230. border-radius: 5px 5px 0px 0px;
  231. }
  232.  
  233. .portrait{
  234. border: 5px solid {color:Border Top};
  235. -moz-border-radius: 100px;
  236. -webkit-border-radius: 100px;
  237. -o-border-radius: 100px;
  238. border-radius: 100px;
  239. -webkit-transition: all 1s ease;
  240. -moz-transition: all 1s ease;
  241. -o-transition: all 1s ease;
  242. width: 128px;
  243. height: 128px;
  244. margin-bottom: 5px;
  245. background-image: url({PortraitURL-128});
  246. }
  247.  
  248. .portrait:hover{
  249. -webkit-transition: all 1s ease;
  250. -moz-transition: all 1s ease;
  251. -o-transition: all 1s ease;
  252. -moz-border-radius: 10px;
  253. -webkit-border-radius: 10px;
  254. -o-border-radius: 10px;
  255. border-radius: 10px;
  256. width: 128px;
  257. height: 128px;
  258. margin-bottom: 5px;
  259. background-image: url({PortraitURL-128});
  260. }
  261.  
  262. .portrait2{
  263. -moz-border-radius: 70px;
  264. -webkit-border-radius: 70px;
  265. width: 128px;
  266. height: 128px;
  267. padding:6px;
  268. border:1px ;
  269. margin-bottom:5px;
  270. }
  271.  
  272. /* - - - - - - Content - - - - - - */
  273. .quo {
  274. font-size:18pt;
  275. font-family: 'Yesteryear', cursive;
  276. line-height:20px;
  277. color:{color:Border Top};
  278. text-align: center;
  279. }
  280.  
  281. .answer {
  282. margin:0px;
  283. padding:10px;
  284. background:{color:Chat Background};
  285. }
  286.  
  287. .album img {
  288. max-width: 70px;
  289. float: left;
  290. margin-right: 5px;
  291. box-shadow: 0px 0px 6px {color:Shadow};
  292. -webkit-box-shadow: 0px 0px 6px {color:Shadow};
  293. -moz-box-shadow: 0px 0px 6px {color:Shadow};
  294. -moz-border-radius: 6px;
  295. -webkit-border-radius: 6px;
  296. -o-border-radius: 6px;
  297. border-radius: 6px;
  298. -webkit-transition: all 1s ease;
  299. -moz-transition: all 1s ease;
  300. -o-transition: all 1s ease;
  301. }
  302.  
  303. .album img:hover
  304. {
  305. opacity:0.5;
  306. -webkit-transition: all 1s ease;
  307. -moz-transition: all 1s ease;
  308. -o-transition: all 1s ease;
  309. }
  310.  
  311. #chat ul {
  312. list-style:none;
  313. padding:5px;
  314. }
  315.  
  316. #chat ul li.odd {
  317. background:{color:Chat Background};
  318. }
  319.  
  320. #chat li {
  321. padding: 2px;
  322. list-style-type: none;
  323. }
  324.  
  325. .source {
  326. margin:0px 10px 0px 0px;
  327. text-align:left;
  328. letter-spacing:0px;
  329. }
  330.  
  331. blockquote {
  332. margin:auto;
  333. padding:2px;
  334. border-left: 2px {color:Title Line} solid;
  335. }
  336.  
  337. /* - - - - - - General - - - - - - */
  338.  
  339. b, u, i, s {
  340. color: {color:Date First Letter};
  341. }
  342.  
  343. a {
  344. text-decoration: none;
  345. color: {color:Date Line};
  346. }
  347.  
  348. a:hover {
  349. color: {color:Link Hover};
  350. }
  351.  
  352. .pic
  353. {
  354. box-shadow: 0px 0px 6px {color:Shadow};
  355. -webkit-box-shadow: 0px 0px 6px {color:Shadow};
  356. -moz-box-shadow: 0px 0px 6px {color:Shadow};
  357. -moz-border-radius: 5px;
  358. -webkit-border-radius: 5px;
  359. -o-border-radius: 5px;
  360. border-radius: 5px;
  361. -webkit-transition: all 1s ease;
  362. -moz-transition: all 1s ease;
  363. -o-transition: all 1s ease;
  364. }
  365.  
  366. .pic:hover
  367. {
  368. opacity:0.5;
  369. -webkit-transition: all 1s ease;
  370. -moz-transition: all 1s ease;
  371. -o-transition: all 1s ease;
  372. }
  373.  
  374. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none!important;}
  375.  
  376. ::-webkit-scrollbar {
  377. width: 7px;
  378. background-color: {color:Border Left};
  379. }
  380.  
  381. ::-webkit-scrollbar-thumb:vertical {
  382. background-color: {color:Title Line};
  383. }
  384.  
  385. a.install {
  386. width: 96px;
  387. height: 20px;
  388. background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
  389. display: block;
  390. position: absolute;
  391. top: 26px;
  392. right: 3px;
  393. z-index:999;
  394. -webkit-transition: all 1s ease;
  395. -moz-transition: all 1s ease;
  396. -o-transition: all 1s ease;
  397. opacity: 0.4;
  398. }
  399.  
  400. a.install:hover {
  401. -webkit-transition: all 1s ease;
  402. -moz-transition: all 1s ease;
  403. -o-transition: all 1s ease;
  404. opacity: 1;
  405. }
  406.  
  407. iframe#tumblr_controls {
  408. top: 0px !important;
  409. right:0px !important;
  410. -webkit-transition: all 1s ease;
  411. -moz-transition: all 1s ease;
  412. -o-transition: all 1s ease;
  413. opacity: 0.4;
  414. }
  415.  
  416. iframe#tumblr_controls:hover {
  417. -webkit-transition: all 1s ease;
  418. -moz-transition: all 1s ease;
  419. -o-transition: all 1s ease;
  420. opacity: 1;
  421. }
  422.  
  423. {CustomCSS}
  424. </style>
  425. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  426. <script type="text/javascript" src="http://static.tumblr.com/xeob1hy/zz5lzjn0a/top.txt"></script>
  427. {block:IfEnableEndlessScrolling}<script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>{/block:IfEnableEndlessScrolling}
  428. {block:IfLikeonposts}<script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script>{/block:IfLikeonposts}
  429. </head>
  430. <body>
  431. <a href="http://damadellago.tumblr.com" class="install"></a>
  432. <div id="wrapper">
  433. {block:IfShowPortraitPhoto}<center><a href="/"><div class="portrait2"><div class="portrait"></div></div><br></a></center>{/block:IfShowPortraitPhoto}
  434.  
  435. <!-- Navigation -->
  436. <center>{block:IfLink1}<a class="block" href="{text:Link1 Url}">{text:Link1}</a>{/block:IfLink1}
  437. {block:IfLink2}<a class="block" href="{text:Link2 Url}">{text:Link2}</a>{/block:IfLink2}
  438. {block:AskEnabled}<a class="block" href="/ask">Ask</a>{/block:AskEnabled}
  439. {block:SubmissionsEnabled} <a class="block" href="/submit">Submit</a>{/block:SubmissionsEnabled}
  440. {block:IfLink3}<a class="block" href="{text:Link3 Url}">{text:Link3}</a>{/block:IfLink3}
  441. {block:IfLink4}<a class="block" href="{text:Link4 Url}">{text:Link4}</a>{/block:IfLink4}
  442. <a target="_blank" class="block" href="http://damadellago.tumblr.com">Theme</a></center>
  443. <!-- End navigation -->
  444.  
  445. {block:Description}<center><div id="description">{Description}</div></center>{/block:Description}
  446.  
  447. <div id="content">
  448. {block:Posts}
  449. <div class="container">
  450. <div id="post">
  451. {block:IndexPage}<a href="{Permalink}"><h2>{Month} {DayOfMonth} {Year}, {12Hour}{AmPm}</h2>
  452. <h3>...{TimeAgo} </h3></a><br>
  453. {/block:IndexPage}
  454.  
  455. {block:Text}
  456. {block:Title}<h1>{Title}</h1><br>{block:Title}
  457. {block:IndexPage}{Body}{/block:IndexPage}
  458. {block:PermalinkPage}{Body}{/block:PermalinkPage}
  459. {/block:Text}
  460.  
  461. {block:Photo}
  462. {block:IndexPage}<center><a href="{permalink}"><img class="pic" src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></center>{block:IfCaptionOnIndex}{block:Caption}{Caption}{/block:Caption}{block:IfCaptionOnIndex}{/block:IndexPage}
  463. {block:PermalinkPage}<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="pic" alt="{PhotoAlt}"/>{LinkCloseTag}<br></center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  464. {/block:Photo}
  465.  
  466. {block:Photoset}
  467. {block:IndexPage}<center>{Photoset-500}</center>{block:IfCaptionOnIndex}{block:Caption}{Caption}{/block:Caption}{block:IfCaptionOnIndex}{/block:IndexPage}
  468. {block:PermalinkPage}<center>{Photoset-500}</center>{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  469. {/block:Photoset}
  470.  
  471. {block:Quote}
  472. <p class="quo">"{Quote}"</p>
  473. {block:Source}<p class="source">&nbsp; &nbsp;— {Source}</p>{/block:Source}
  474. {/block:Quote}
  475.  
  476. {block:Link}
  477. {block:IndexPage}<h1><a href="{URL}" target="blank">{Name} &#8599;</a></h1>{block:IfCaptionOnIndex}{block:Description}<p>{Description}</p>{/block:Description}<br>{block:source}<p>{Source}</p>{/block:Source}{/block:IfCaptionOnIndex}{/block:IndexPage}
  478. {block:PermalinkPage}<h1><a href="{URL}" target="blank">{Name} &#8599;</a></h1><br>{block:Description}<p>{Description}</p>{/block:Description}<br>{block:source}<p>{Source}</p>{/block:Source}{/block:PermalinkPage}
  479. {/block:Link}
  480.  
  481. {block:Chat}
  482. {block:Title}<h1>{Title}</h1><br>{block:Title}<div id="chat"><ul>
  483. {block:Lines}
  484. <li class="{Alt} user_{UserNumber}">
  485. {block:Label}
  486. <span class="label">{Label}</span>
  487. {/block:Label}
  488. {Line}
  489. </li>
  490. {/block:Lines}
  491. </ul></div>
  492. {/block:Chat}
  493.  
  494. {block:Video}
  495. {block:IndexPage}<center>{Video-500}</center>{block:IfCaptionOnIndex}{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex}{/block:IndexPage}
  496. {block:PermalinkPage}<center>{Video-500}</center>{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  497. {/block:Video}
  498.  
  499. {block:Audio}
  500. {block:AudioEmbed}
  501. {AudioEmbed-500}
  502. {/block:AudioEmbed}
  503. {block:AudioPlayer}{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div><br> {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist} || Times played:{FormattedPlayCount}<br> [[<a title="External source only" href="{ExternalAudioURL}">{lang:Download}</a>]]</span>{/block:ExternalAudio}{/block:AudioPlayer}
  504. {block:IndexPage}{block:IfCaptionOnIndex}<br><br>{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex} {/block:IndexPage}
  505. {block:PermalinkPage}<br><br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  506. {/block:Audio}
  507.  
  508. {block:Answer}
  509. <div class="answer"><center><img class="pic" src="{AskerPortraitURL-48}"><br>{Asker}<br>{Question}<br></center></div><center><br>
  510. <img class="pic" src="{PortraitURL-48}"><br>{Answer}</center>
  511. {/block:Answer}
  512.  
  513. {block:IndexPage}<div class="notescount">
  514. <a target="_blank" href="{reblogurl}">Reblog</a> {block:IfLikeonposts} • <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> {/block:IfLikeonposts} {block:NoteCount}• <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}</div>
  515. <br>{/block:IndexPage}
  516. </div></div>
  517.  
  518. {block:PermalinkPage}
  519. {block:PostNotes}<div id="notes"><center><br>Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date} {block:RebloggedFrom} <br> Via <a href="{ReblogParentURL}">{ReblogParentName}</a> || Source <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}{block:HasTags}<br> <b>Tagged:</b>{block:Tags}
  520. &#9679; <a href="{TagURL}">{Tag}</a>
  521. {/block:Tags}<br>{/block:HasTags}</center><br>{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  522.  
  523. {/block:Posts}
  524. </div>
  525.  
  526. <div id="footer">
  527. {block:Pagination}
  528. {block:NextPage}<p><a style="float:right" href="{NextPage}">Next »</a>{/block:NextPage}
  529. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">« Previous</a></p>{/block:PreviousPage}
  530. {/block:Pagination}
  531. <p style="text-align: center"> || <a href="/">Home</a> ||<br><b>Copyright</b> {CopyrightYears} {Title} || <a href="/rss">RSS</a>
  532. </div>
  533. </div>
  534. </body>
  535. </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!