API tools faq
paste
chandlerbing

Pink Whispers theme by There-and-BackAgain

chandlerbing
Jun 9th, 2011
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--<!--PINK WHISPERS THEME BY THERE-AND-BACKAGAIN
  6. PLEASE DO NOT REMOVE CREDITS
  7. base codes by heart-granade
  8.  
  9. -->
  10.  
  11.  
  12. <head>
  13.  
  14. <title>{TITLE}</title>
  15.  
  16.  
  17. <!-- DEFAULT VARIABLES -->
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20.  
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24.  
  25. <!-- DEFAULT VARIABLES (CAN BE EDITED IN THE 'APPEARANCE' TAB) -->
  26.  
  27. <meta name="color:Background" content="#DDDCD6"/>
  28. <meta name="color:Title" content="#B3B1B1"/>
  29. <meta name="color:Text" content="#949191"/>
  30. <meta name="font:Body" content="arial"/>
  31. <meta name="color:Posts" content="#F9F9F9"/>
  32. <meta name="color:Sidebar" content="#F9F9F9"/>
  33.  
  34. <meta name="color:Link" content="#B16F7F"/>
  35. <meta name="color:Link Hover" content="#ADADAD"/>
  36.  
  37. <meta name="if:Enable Image Opacity" content="1"/>
  38.  
  39. <meta name="image:Background" content=""/>
  40. <meta name="text:Background Image Position" content="none"/>
  41. <meta name="if:Background Image Not Repeat" content="0"/>
  42. <meta name="if:Background Image Fixed" content="1"/>
  43.  
  44.  
  45. <meta name="color:Link" content="#7BA3A9"/>
  46. <meta name="color:Link Hover" content="#ADADAD"/>
  47.  
  48.  
  49. <meta name="text:Link 1 Name" content=""/>
  50. <meta name="text:Link 1 URL" content=""/>
  51.  
  52. <meta name="text:Link 2 Name" content=""/>
  53. <meta name="text:Link 2 URL" content=""/>
  54.  
  55. <meta name="text:Link 3 Name" content=""/>
  56. <meta name="text:Link 3 URL" content=""/>
  57.  
  58. <meta name="text:Link 4 Name" content=""/>
  59. <meta name="text:Link 4 URL" content=""/>
  60.  
  61. <meta name="text:Link 5 Name" content=""/>
  62. <meta name="text:Link 5 URL" content=""/>
  63.  
  64. <style type="text/css">
  65. div.navigate a{
  66. background: #CD8C95; color: #FFFFFF; display:block; width: 68px; height: 15px; text-align: center; padding-top:1px; margin-left:5px; margin-top:1px; position:relative; text-align: center; z-index:1; font-weight: normal; -moz-border-radius:5px; -webkit-border-radius:6px; display: inline-block;
  67. }
  68. div.navigate a:hover{
  69. background: #CD8C95; letter-spacing:1px;
  70. }
  71.  
  72. body {
  73. background-color:{color:Background};
  74. background-image:url({image:Background});
  75. background-position:{text:Background Image Position};
  76. {block:IfBackgroundImageNotRepeat}background-repeat:no-repeat;{/block:IfBackgroundImageNotRepeat}
  77. {block:IfBackgroundImageFixed}background-attachment: fixed;{/block:IfBackgroundImageFixed}
  78. color:{color:Text};
  79. font-size:11px;
  80. line-height:15px;
  81. font-family:{font:body};
  82. }
  83.  
  84. a, a:visited, a:active {
  85. color:{color:Link};
  86. text-decoration: none;
  87. -webkit-transition-duration: 0.4s;
  88. }
  89.  
  90. a:hover {
  91. color:{color:link hover};
  92. text-decoration:none;
  93. }
  94.  
  95. p {
  96. margin: 2px 2px 2px 2px;
  97. line-height:10px;
  98. padding: 0;
  99. }
  100.  
  101. ol.notes {
  102. padding: 0px;
  103. margin: 25px 0px;
  104. list-style-type: none;
  105. border-bottom: dotted 1px {color:text};
  106. }
  107.  
  108. ol.notes li.note {
  109. border-top: dotted 1px {color:text};
  110. padding: 10px;
  111. }
  112.  
  113. ol.notes li.note img.avatar {
  114. margin-right: 10px;
  115. width: 20px;
  116. height: 20px;
  117. }
  118.  
  119. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:1px dotted {color:text};}
  120. blockquote img{display:block;}
  121. blockquote p{padding:0px; margin:0px;}
  122. blockquote blockquote{position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  123. a img{border:none;}
  124.  
  125. a.nav:link, a.nav:active, a.nav:visited {
  126. color: #FFFFFF;
  127. font: {font:Body};
  128. font-size: 90px;
  129. font-weight: bold;
  130. letter-spacing: -8px;
  131. text-transform: lowercase;
  132. line-height: 11pt;
  133. }
  134.  
  135. a.nav:hover {
  136. color: #E7E7E4;
  137. font: {font:Body};
  138. font-weight:bold;
  139. letter-spacing: -8px;
  140. font-size: 90px;
  141. text-transform: lowercase;
  142. line-height: 11pt;
  143. }
  144.  
  145. #content{
  146. position:absolute;
  147. top:95px;
  148. width:520px;
  149. left:370px;
  150. padding:10px;
  151. margin:auto;
  152. }
  153.  
  154. #header{
  155. background-color:#CD8C95;
  156. position:absolute;
  157. top:40px;
  158. width:100%;
  159. height:50px;
  160. left:0px;
  161. }
  162.  
  163. #sidebar{
  164. top:105px;
  165. width:150px;
  166. position:absolute;
  167. font-color:{color:text};
  168. left:200px;
  169. overflow:shown;
  170. padding:10px;
  171. background-color:{color:Sidebar};
  172. }
  173.  
  174. #sidebar2{
  175. top:295px;
  176. width:150px;
  177. position:absolute;
  178. font-color:{color:text};
  179. left:200px;
  180. overflow:shown;
  181. padding:10px;
  182. background-color:{color:Sidebar};
  183. }
  184. #sidebar3{
  185. top:360px;
  186. width:150px;
  187. text-transform:uppercase;
  188. font-size:10px;
  189. font-weight:bold;
  190. position:absolute;
  191. font-color:{color:text};
  192. left:200px;
  193. overflow:shown;
  194. padding:10px;
  195. background-color:{color:Sidebar};
  196. }
  197.  
  198.  
  199. #post{
  200. background-color:{#FFFFFF};
  201. overflow:hidden;
  202. width:500px;
  203. padding:5px;
  204. margin-bottom:0px;
  205. border:1px dashed {color:border entrybox};
  206. background-color: {#FFFFFF};
  207. -moz-border-radius:5px;
  208. -webkit-border-radius:5px;}
  209.  
  210.  
  211. h1 {
  212. font-size:24px;
  213. font-weight:normal;
  214. font:{helvetica};
  215. color:{color:Title};
  216. text-transform:none;
  217. line-height:20px;
  218. letter-spacing:-2px;
  219. }
  220.  
  221.  
  222. .h2 {
  223. font-size:11px;
  224. font:{font:text};
  225. color:{color:text};
  226. background-color: transparent;
  227. text-align: right;
  228. text-transform:uppercase;
  229. padding:1px;
  230. font-weight:normal;
  231. }
  232.  
  233.  
  234. h3 {
  235. margin-top:10px;
  236. margin-bottom:10px;
  237. font-size:28px;
  238. font-weight:normal;
  239. font:{font:title};
  240. color:{color:Title};
  241. text-transform:none;
  242. line-height:20px;
  243. letter-spacing:-2px;
  244. }
  245.  
  246. h4 {
  247. font-size:30px;
  248. font:{font:title};
  249. color:{color:Title};
  250. text-transform:none;
  251. line-height:20px;
  252. letter-spacing:-2px;
  253. font-weight:normal;
  254. }
  255.  
  256. .name {
  257. font-size:28px;
  258. font:{font:title};
  259. text-transform:lowercase;
  260. line-height:25px;
  261. letter-spacing:-2px;
  262. font-weight:normal;
  263. }
  264.  
  265. #credit{
  266. padding-top:5px;
  267. text-align:center;
  268. width:500px;
  269. }
  270.  
  271.  
  272. .album-art {
  273. float: left;
  274. width: 100px;
  275. height: 100px;
  276. overflow: hidden;
  277. }
  278.  
  279. img {
  280. {block:IfEnableImageOpacity}
  281. opacity: 0.8; filter:alpha(opacity=85);
  282. {/block:IfEnableImageOpacity}
  283. -webkit-transition-duration: 0.8s;
  284. }
  285.  
  286. img:hover {
  287. {block:IfEnableImageOpacity}
  288. opacity:1; filter:alpha(opacity=99);
  289. {/block:IfEnableImageOpacity}
  290. }
  291.  
  292. img, a img {
  293. max-width:500px !important;
  294. border: 0px !important;
  295. }
  296.  
  297. {CustomCSS}
  298. </style>
  299. </head>
  300. <body>
  301. <div id="header"><center>
  302. <a href="/" class="nav">{Title}</a>
  303. </center></div>
  304.  
  305.  
  306. <div id="sidebar">
  307. <a href="/"><img src={PortraitURL-128} width=150">
  308. </div>
  309.  
  310. <div id="sidebar3">
  311. {block:IfLink1Name}<a href="{text:link 1 url}">{text:link 1 name}</A>{/block:IfLink1Name}<p>
  312. {block:IfLink2Name}<a href="{text:link 2 url}">{text:link 2 name}</A>{/block:IfLink2Name}<p>
  313. {block:IfLink3Name}<a href="{text:link 3 url}">{text:link 3 name}</A>{/block:IfLink3Name}<p>
  314. {block:IfLink4Name}<a href="{text:link 4 url}">{text:link 4 name}</A>{/block:IfLink4Name}<p>
  315. {block:IfLink5Name}<a href="{text:link 5 url}">{text:link 5 name}</A>{/block:IfLink5Name}
  316. </div>
  317.  
  318. <div id="sidebar2">
  319. {block:Description}<font size="5"><font color="#CD8C95">Introduction</font></font>
  320. <br>
  321. <div style="overflow:auto; width: 145px; height: 70px; border: 1px solid #FFFFFF; background-color: #CD8C95; text-align: center;"><font color="#FFFFFF">write here about yourself, your blog, your likes and dislikes, interesses... whatever you want!</font></div>
  322.  
  323. <br>
  324. <font size="5"><font color="#CD8C95">Navigation</font></font>
  325. <br>
  326.  
  327. home <a href="http://link">◯</a><br>
  328. message <a href="http://link">◯</a><br>
  329. archive <a href="http://link">◯</a><br>
  330. theme <a href="there-and-backagain.tumblr.com">◯</a>{Description}{/block:Description}
  331. </div>
  332.  
  333.  
  334. <div id="content">
  335. {block:Posts}
  336.  
  337.  
  338. <div id="post">
  339.  
  340. {block:Text}
  341. {block:Title}
  342. <h3><a href="{Permalink}">{Title}</a></h3>
  343. {/block:Title}
  344. {Body}
  345. {/block:Text}
  346.  
  347. {block:Photo}
  348. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  349. {block:Caption}
  350. {Caption}
  351. {/block:Caption}
  352. {/block:Photo}
  353.  
  354. {block:Photoset}
  355. <center>{Photoset-500}</center>
  356. {block:Caption}
  357. {Caption}
  358. {/block:Caption}
  359. {/block:Photoset}
  360.  
  361. {block:Quote}
  362. <h3>"{Quote}"</h3>
  363. {block:Source}
  364. -{Source}
  365. {/block:Source}
  366. {/block:Quote}
  367.  
  368. {block:Link}
  369. <a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>
  370. {block:Description}
  371. {Description}
  372. {/block:Description}
  373. {/block:Link}
  374.  
  375.  
  376. {block:Chat}
  377. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  378. {block:Lines}
  379. {block:Label}<b>{Label}</b>{/block:Label}
  380. {Line}<br>
  381. {/block:Lines}
  382. {/block:Chat}
  383.  
  384.  
  385. {block:Video}
  386. <center>{Video-500}</center>
  387. {block:Caption}
  388. {Caption}
  389. {/block:Caption}
  390. {/block:Video}
  391.  
  392.  
  393. {block:Audio}<br/>
  394. {block:AlbumArt}<div class="album-art"><img src="{AlbumArtURL}" height="90px"></div>{/block:AlbumArt}
  395. {AudioPlayerWhite}
  396. {block:Caption}
  397. {Caption}
  398. {/block:Caption}
  399. {PlayCountWithLabel}<br><br>
  400. {/block:Audio}<br>
  401.  
  402. <div class="h2">
  403. {block:NoteCount}{NoteCountWithLabel}</a> ◯ <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog ◯</a>{/block:NoteCount}<br>
  404. <a href="{Permalink}">
  405. {/Block:NoteCount}</a>
  406. </div>
  407.  
  408. {block:PermalinkPage}<br>
  409. <center>{Block:NoteCount}{/Block:NoteCount}
  410. <br>
  411. {block:HasTags}{/block:HasTags}
  412. {block:RebloggedFrom}
  413. Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  414. Originally posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  415. </center>
  416. {block:PostNotes}{PostNotes}{/block:PostNotes}
  417. {/block:PermalinkPage}
  418.  
  419. </div>
  420. {/block:Posts}
  421.  
  422. <div id="post">
  423. <div id="credit">
  424. <font size="5">
  425. <center>{block:Pagination}
  426. {block:PreviousPage}
  427. <a href="{PreviousPage}">&#171;</a>
  428. {/block:PreviousPage}
  429.  
  430. {block:JumpPagination length="5"}
  431. {block:CurrentPage}
  432. {PageNumber}
  433. {/block:CurrentPage}
  434.  
  435. {block:JumpPage}
  436. <a href="{URL}">{PageNumber}</a>
  437. {/block:JumpPage}
  438. {/block:JumpPagination}
  439.  
  440. {block:NextPage}
  441. <a href="{NextPage}">&#187;</a>
  442. {/block:NextPage}
  443. {/block:Pagination}</center>
  444. </font><br>
  445. theme by <a href="http://www.heartgrenade.tumblr.com">heartgrenade</a> | powered by <a href="tumblr.com">tumblr</a>
  446.  
  447. </div>
  448. </div>
  449. </div>
  450. </body>
  451. </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!