Advertisement
danateruel

Love is in the air

Jun 29th, 2012
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.75 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Original by: http://sleepythemes.tumblr.com
  6. Edited by: http://chictutorials.tumblr.com
  7. -->
  8.  
  9. <head> <!-- DEFAULT VARIABLES -->
  10. <meta name="color:background" content="#FFFFFF" />
  11. <meta name="image:Background" content=""/>
  12. <meta name="color:main" content="#F4F4F4" />
  13. <meta name="color:border" content="#EBEBEB" />
  14. <meta name="color: box" content="#F8F8F8" />
  15. <meta name="color:post date" content="DFF2F7" />
  16. <meta name="color:title" content="#9C9B9B" />
  17. <meta name="color:text" content="#aaaaaa" />
  18. <meta name="color: link" content="#C7C7C7" />
  19. <meta name="font:body" content="helvetica" />
  20. <meta name="font:title" content="helvetica" />
  21. <meta name="text:font size" content="10px" />
  22. <meta name="image:100pxPortrait" content=""/>
  23. <meta name="image:box" content=""/>
  24. <meta name="color:link hover" content="#9C9B9B"/>
  25.  
  26.  
  27.  
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32.  
  33. <style type="text/css">
  34.  
  35. body{color:{color:Text};
  36. background-color: {color:};
  37. background-image: url({image:Background});
  38. background-attachment: fixed;
  39. background-repeat: repeat;
  40. background-position: center;
  41. font-family:{font:Body};
  42. font-size:{text:Font Size};
  43. line-height: 12px;
  44. text-align:justify;}
  45.  
  46.  
  47. img{
  48. -webkit-transition: opacity 0.7s linear;
  49. opacity: 0.85;
  50. }
  51. img:hover{
  52. -webkit-transition: opacity 0.7s linear;
  53. opacity: 1;
  54. }
  55. body{
  56. color:{color:text};
  57. background-color:{color:background};
  58. font-family:{font:body};
  59. font-size: {text:font size};
  60. line-height: 13px;
  61. text-align:justify;
  62. }
  63.  
  64. a:link, a:active, a:visited{
  65. color: {color: link};
  66. text-decoration:none;
  67. }
  68. a:hover{
  69. color: {color:link hover};
  70. }
  71.  
  72. a img{border: 0px;}
  73. img{border:none; -webkit-transition: opacity 0.5s linear; opacity: 0.70;}
  74. img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;}
  75.  
  76. h1, big{
  77. color:{color:title};
  78. font-family:{font:title};
  79. font-size:20px;
  80. line-height:30px;
  81. letter-spacing:-1px;
  82. font-weight:normal;
  83. text-transform:;
  84. margin:0px;
  85. padding:0px;
  86. text-align:left;
  87. }
  88. h3{
  89. color:{color:title};
  90. font-family:{font:title};
  91. font-size:20px;
  92. line-height:14px;
  93. letter-spacing:-1px;
  94. font-weight:normal;
  95. text-transform:;
  96. margin:0px;
  97. padding:0px;
  98. margin-bottom:-0px;
  99. text-align:left;
  100. }
  101. #main{
  102. background-color: {color:main};
  103. margin: auto;
  104. position:relative;
  105. margin-left:400px;
  106. margin-top:20px;
  107. margin-bottom:-8px;
  108. width:412px;
  109. padding:6px;
  110. padding-top:px;
  111. -moz-border-radius:2px;
  112. -webkit-border-radius:2px;
  113. -moz-box-shadow: 0 0 1em {color:main};
  114. -webkit-box-shadow: 0 0 1em {color:main};
  115. box-shadow: 0 0 1em {color:main};
  116. border: 1px solid {color:border};
  117. }
  118. #head{
  119. left: 445px;
  120. top: 20px;
  121. width:412px;
  122. padding:6px;
  123. padding-top:px;
  124. -moz-border-radius:2px;
  125. -webkit-border-radius:2px;
  126. -moz-box-shadow: 0 0 1em {color:main};
  127. -webkit-box-shadow: 0 0 1em {color:main};
  128. box-shadow: 0 0 1em {color:main};
  129. border: 1px solid {color:border};
  130. }
  131. #side{
  132. float: right;
  133. position: fixed;
  134. top: 20px;
  135. left: 840px;
  136. background-color: {color:main};
  137. width: 218px;
  138. -moz-border-radius:2px;
  139. -webkit-border-radius:2px;
  140. padding-left:8px;
  141. padding-right:6px;
  142. padding-bottom:12px;
  143. padding-top:3px;
  144. -moz-box-shadow: 0 0 1em {color:main};
  145. -webkit-box-shadow: 0 0 1em {color:main};
  146. box-shadow: 0 0 1em {color:main};
  147.  
  148. }
  149. #side2{
  150. float: right;
  151. position: fixed;
  152. top: 20px;
  153. left: 165px;
  154. background-color: {color:main};
  155. width: 218px;
  156. -moz-border-radius:2px;
  157. -webkit-border-radius:2px;
  158. padding-left:8px;
  159. padding-right:6px;
  160. padding-bottom:12px;
  161. padding-top:3px;
  162. -moz-box-shadow: 0 0 1em {color:main};
  163. -webkit-box-shadow: 0 0 1em {color:main};
  164. box-shadow: 0 0 1em {color:main};
  165.  
  166. }
  167. #side3{
  168. float: right;
  169. position: fixed;
  170. margin: auto;
  171. top: 5px;
  172. left: 150px;
  173. background-color: {color:main};
  174. width: 920px;
  175. height: 100%;
  176. -moz-border-radius:2px;
  177. -webkit-border-radius:2px;
  178. padding-left:8px;
  179. padding-right:6px;
  180. padding-bottom:12px;
  181. padding-top:3px;
  182. -moz-box-shadow: 0 0 1em {color:main};
  183. -webkit-box-shadow: 0 0 1em {color:main};
  184. box-shadow: 0 0 1em {color:main};
  185. border: 1px solid {color:border};
  186. z-index:-1;
  187. }
  188. #box{
  189. overflow:hidden;
  190. background-color:{color: box};
  191. padding:2px;
  192. padding-left:5px;
  193. padding-right:5px;
  194. padding-top:5px;
  195. padding-bottom:2px;
  196. -moz-border-radius:10px;
  197. -webkit-border-radius:10px;
  198. }
  199. #perma{font-size:9px;
  200. margin-top:0px;
  201. position:absolute;
  202. right:50%;
  203. margin-right:260px;}}
  204. }
  205. #ask{
  206. display:block;
  207. float: left;
  208. width:50px;
  209. overflow:hidden;
  210. word-wrap:break-word;
  211. margin-right:3px;
  212. }
  213. #postdate{
  214. font-family: {font:body};
  215. background:;
  216. padding:2px;
  217. font-size:10px;
  218. text-transform:none;
  219. }
  220. div.navi a{
  221. display:block;
  222. padding:3px 0;
  223. margin-top:-1px; position:relative; z-index:1;
  224. }
  225.  
  226. div.navi a:hover{
  227. display:block; padding:3px 0;
  228. background: #FFF3F3}; z-index:2; }
  229. }
  230.  
  231. blockquote{
  232. text-align:left;
  233. padding: 7px;
  234. padding-left:12px;
  235. border-left: 1px solid {color:text};
  236. p{margin-top:3px; margin-bottom:3px;}
  237. blockquote img{display:block; width:100%;}
  238. border-left: 2px solid #616161;
  239. padding: 0 0 0 15px;
  240. margin-left: 0px;
  241. blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  242. a img{border:none;}
  243. img{border:none; -webkit-transition: opacity 0.5s linear; opacity: 0.70;}
  244. img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;}
  245. .audio{background-color:#C7C7C7; display:block;}
  246. .user_1 .label, .user_4 .label, .user_7 .label {color:#f4cdc1;}
  247. .user_2 .label, .user_5 .label, .user_8 .label {color:#ecbeb2;}
  248. .user_3 .label, .user_6 .label, .user_9 .label {color:#B4A897; opacity:.75;}
  249. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  250. .notes img{width:10px; position:relative; top:1px;}
  251. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  252. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  253.  
  254. </style>
  255.  
  256. <style type="text/css">{CustomCSS]</style>
  257. </head>
  258.  
  259. <body>
  260. <!-- IMPORTANT -->
  261. <div id="main">
  262. <div id="side">
  263.  
  264. <center><big><a href="http://modern-day-vintage.tumblr.com"><div align="center">{Title}</div></a></big></center>
  265. <center>{block:If100pxPortraitImage}<div id="left"> <img class="roundedtop portrait" width=220px src="{image:100pxPortrait}" /></div><P> {/block:If100pxPortraitImage}</center>
  266. <center><div style="padding-left:6px;">{Description}</div></center>
  267.  
  268. </div>
  269. <div id="side2">
  270. <b><i><font color="#E6AA9C"><div style="border-top: 1px dotted #F7CCC2; border-bottom: 1px dotted #F7CCC2;">things i love</font></i></b></div>
  271. <BR>
  272. Talk about all of the things you love here.
  273.  
  274.  
  275. <div class="navi"><br>
  276. <b><i><font color="#E6AA9C"><div style="border-bottom: 1px dotted #F7CCC2;border-top: 1px dotted #F7CCC2; ">navigation</font></i></b></div>
  277. <br>
  278. Type all of your links here.
  279. <br>
  280. </div>
  281.  
  282. <br><b><i><font color="#E6AA9C"><div style="border-top: 1px dotted #F7CCC2; border-bottom: 1px dotted #F7CCC2;">quote</font></i></b></div>
  283. <br><i>Type your favourite quote here</i>
  284. <p>type the source of your quote here</p>
  285. </div>
  286.  
  287. <div id="side3"></div>
  288.  
  289. {block:Posts}
  290.  
  291. <div id="perma"><a href="{Permalink}"></a><span class="tags">{/block:Tags}{/block:HasTags}</span></div>
  292.  
  293. <div id="box">
  294.  
  295. {block:Text}{block:Title}<div class="title"><h3><center>{Title}</center></h3></div>{/block:Title}
  296. <div style="padding-bottom:3px;">
  297. <center>{Body}</center>
  298. </div>
  299. {/block:Text}
  300.  
  301. {block:Photo}
  302. <div style="padding-bottom:3px;">
  303. {LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  304. {block:Caption}<div style="margin:-5px 0 -10px 0;"><center>{Caption}</center></div>{/block:Caption}
  305. </div>
  306. {/block:Photo}
  307.  
  308. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  309.  
  310. {block:Quote}
  311. <h3><div style="font-size:70px; position:absolute; font-family:Georgia;"><div style="position:relative; top:23px;">&#147;</div></div>
  312. <div style="padding-left:32px; margin-top:5px; line-height:18px;">{Quote}</div>&nbsp;</h3>
  313. <div style="padding-left:32px; margin-top:-20px; margin-bottom:9px;">{block:Source}<BR>— <font style="letter-spacing: 1px;"><i>{Source}</i></font>{/block:Source}</div>
  314. {/block:Quote}
  315.  
  316. {block:Link}<a href="{URL}" class="link" {Target}><h3><center>{Name}</center>&nbsp;</h3></a>
  317. {/block:Link}
  318.  
  319. {block:Link}{block:Description}<div style="margin-top:-13px;"><center>{Description}</center>{/block:Description}{/block:Link}
  320.  
  321. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  322.  
  323. {block:Audio}
  324. <center>{AudioPlayerGrey}</center><center><div style="color:#A7969D;"> ♫ {PlayCount} plays</div></center>{block:Caption}<center>{Caption}</center>{/block:Caption}
  325. {/block:Audio}
  326.  
  327. {block:Video}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  328.  
  329. {block:Answer}
  330. <div style="margin-top:2px; margin-bottom:-8px;">
  331. <center>{Asker}: <b>{Question}</b></center>
  332. </div>
  333. <br>
  334. <div style="margin-top:-8px; margin-bottom:-3px;">
  335. <center>{Answer}</center>
  336. </div>
  337. {/block:Answer}
  338.  
  339. </div>
  340. <div id="postdate">
  341. <center><a href="{Permalink}"><font style="text-transform: lowercase;"><div style="margin-top:-2px;"><i>{DayOfWeek}, {Month} {DayOfMonth}, {Year}</i></div></font></a></center>
  342. </div>
  343.  
  344.  
  345.  
  346. <BR>
  347. {/block:Posts}
  348.  
  349. <center>{block:HasTags}
  350. tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  351. {block:RebloggedFrom}
  352. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  353. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  354. </center></span></center>
  355.  
  356. {block:PostNotes}
  357. <div id="notes">{PostNotes}</div>{/block:PostNotes}<center>{block:ContentSource}
  358. <br><a href="{SourceURL}">
  359. {lang:Source}:
  360. {block:SourceLogo}{PlayCountWithLabel}
  361. <img src="{BlackLogoURL}" width="{LogoWidth}"
  362. height="{LogoHeight}" alt="{SourceTitle}" />
  363. {/block:SourceLogo}
  364. {block:NoSourceLogo}
  365. {SourceLink}
  366. {/block:NoSourceLogo}
  367. </a>
  368. {/block:ContentSource}</center>
  369.  
  370. <center>{block:PreviousPage}<a href="{PreviousPage}" title="newer entries">« previous</a>{/block:PreviousPage} {CurrentPage} <i>of</i> {TotalPages} ✿ {block:NextPage}<a href="{NextPage}" title="older entries">next »</a>{/block:NextPage}</center>
  371. <br>
  372. <center><small><a href="http://sleepythemes.tumblr.com">ORIGINAL THEME</a> • EDITED BY<a href="http://chictutorials.tumblr.com">Love is in the air</a></small></center>
  373. <BR>
  374. <BR>
  375. </div>
  376. </body>
  377. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement