Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Theme 07

By: a guest on Jul 15th, 2012  |  syntax: HTML  |  size: 16.21 KB  |  hits: 22  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <!--Lavigne by: HDF (w w w.y a n i la v i g n e.t u m b l r.c o m)-->
  3. <!--Feel Free to modify or do whatever you want like change the color or fonts-->
  4. <!--But do not remove or alter the credits-->
  5. <!--Do not redistribute or claim my code as your own-->
  6. <!--Never remove this or else-->
  7.  
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10. <title> {title}</title>
  11. <link rel="shortcut icon" href="{favicon}">
  12. <link href='http://fonts.googleapis.com/css?family=Chivo' rel='stylesheet' type='text/css'>
  13. <META name="image:Background" content="http://i55.tinypic.com/2mhiidc.jpg">
  14. <META name="image:avatar" content="http://static.tumblr.com/txfvidw/XgXlo2tc3/untitled.png">
  15. <META name="color:Background Color" content="#ffffff">
  16. <META name="color:Post BG Color" content="#ffffff">
  17. <META name="color:Wrapper Background" content="#ffffff">
  18. <META name="color:Sidebar title Color" content="#888">
  19. <META name="color:Shadow" content="#cccccc">
  20. <META name="color:font color" content="#888888">
  21. <META name="color:link color" content="#97BCC5">
  22. <META name="color:link hover" content="#95B39A">
  23. <META name="color:Main Border" content="#F0F0F0">
  24. <META name="color:post title font" content="#C7C2B6">
  25. <META name="color:Bold font" content="#C7C2B6">
  26. <META name="color:Sidebar Header Font" content="#888">
  27. <meta name="if:ShowDefaultpic" content="1"/>
  28. <meta name="if:ShowNavigation" content="1"/>
  29. <meta name="if:ShowFollowing" content="1"/>
  30. <meta name="if:ShowOtherLinks" content="1"/>
  31. <META name="text:LINK 1" content="LINK ONE">
  32. <META name="text:LINKURL 1" content="http://">
  33. <META name="text:LINK 2" content="LINK TWO">
  34. <META name="text:LINKURL 2" content="http://">
  35. <META name="text:LINK 3" content="LINK THREE">
  36. <META name="text:LINKURL 3" content="http://">
  37.  
  38.  
  39.  
  40.  
  41. <style type="text/css">
  42. #navbar-iframe {height:0px; visibility:hidden; display:none}
  43.  
  44. a:link, a:visited, a:active {
  45. color: {color:link color};
  46. cursor: pointer;
  47. text-decoration:none;
  48.  
  49. }
  50.  
  51. a:hover {
  52. color: {color:link hover};
  53. cursor: pointer;
  54. text-decoration:none;
  55. background-color:{color:link hover bg};
  56. }
  57.  
  58. body {
  59. background-color: {color:Background Color};
  60. background-image: url({image:Background});
  61. background-repeat: repeat;
  62. color:{color:font color};
  63. cursor: url(""), default;
  64. text-align:justify;
  65. margin: 0px;
  66. padding: 0px;
  67. font-family: 'Chivo';
  68. }
  69. #wrapper {
  70. width: 780px;
  71. background-color: {color:Wrapper Background};
  72.  
  73. }
  74. .header {
  75. font: 28px 'Chivo', sans-serif;
  76. color: {color:post title font};
  77. text-transform: none;
  78. margin-top:5px;
  79. font-weight:normal;
  80. line-height:23px;
  81. letter-spacing:-2px;
  82. }
  83. a.titlestyle{
  84. font: 12px Trebuchet Ms;
  85. color:{color:Sidebar title Color};
  86. }
  87. .aboutmetitle {
  88. font: 25px Georgina;
  89. color: {color:post title font};
  90. text-transform: none;
  91. line-height: 130%;
  92. text-align: ;
  93. }
  94. .links {
  95. background-color:  {color:Notes Border};
  96. font: 15px Georgina;
  97. color: {color:post title font};
  98. text-transform: uppercase;
  99. line-height: 130%;
  100. border-bottom-style: 1px solid #fff;
  101. text-align: center ;
  102. margin-bottom: 1px;
  103. -moz-border-radius: 15px;-webkit-border-radius: 15px;padding: 5px 5px 5px 5px;
  104. }
  105. .links:hover {
  106. background-color: {color:Nav hover};
  107. }
  108. b {
  109. color: {color:Bold font};}
  110. strong {
  111. color: {color:Bold font};}
  112. i {
  113. color: {color:Italic font};}
  114. u {
  115. font-color: {color:Bold font};
  116.  
  117. }
  118. table {
  119. background-color: transparent;
  120. font-family: 'Chivo', sans-serif;
  121. font-size: 8pt;
  122. color:{color:font color};
  123. line-height: 120%;
  124. padding: 0px;
  125. margin-left: auto;
  126. margin-right: auto;
  127. margin-top: 0px;
  128. }
  129.  
  130. img { border:0px;}
  131. img:hover {filter: alpha (opacity=100); opacity: 1.0;
  132. }
  133. blockquote{
  134. border-left-width: 5px;
  135. border-left-style: solid;
  136. border-left-color:{color:Main Border};
  137. padding:1px; padding-left: 5px; margin: 0px;
  138. }
  139. .tumblrdate {
  140.  
  141. font-family: Verdana;
  142. text-transform: uppercase;
  143. letter-spacing: 1px;
  144. font-size:6pt;
  145. }
  146. .sidebardescr{
  147. margin: 0px 2px 2px 2px;
  148. padding:1px;
  149. text-align: justify;
  150.  
  151. }
  152. .footer {
  153. padding: 5px 5 5 5;
  154. font-family: Trebuchet Ms;
  155. text-transform: uppercase;
  156. font-size:7pt;
  157. }
  158. .chat {
  159. margin-left: -2px;
  160. padding:0px
  161. text-align:left;
  162. }
  163. .chat li {
  164. padding: 2px;
  165. list-style-type: none;
  166. }
  167. .chat li:nth-child(odd) {
  168. background:{color:Sidebar Header BG};
  169. }
  170. ol.notes {
  171. padding: 0px;
  172. margin: 25px 0px;
  173. list-style-type: none;
  174. border-bottom: solid 2px {color:Main Border};
  175. }
  176. ol.notes li.note {
  177. border-top: solid 2px {color:Main Border};
  178. padding: 10px;
  179. }
  180.  
  181. ol.notes li.note img.avatar {
  182. vertical-align: -4px;
  183. margin-right: 10px;
  184. width: 16px;
  185. height: 16px;
  186. }
  187. ol.notes li.note span.action {
  188. font-weight: bold;
  189. }
  190. ol.notes li.note .answer_content {
  191. font-weight: normal;
  192. }
  193.  
  194. ol.notes li.note blockquote {
  195. border-color: {color:Notes Border};
  196. padding: 4px 10px;
  197. margin: 10px 0px 0px 25px;
  198. }
  199.  
  200. ol.notes li.note blockquote a {
  201. text-decoration: none;
  202. }
  203. .pagination {
  204. font-size: 13px;
  205. margin-left: 2px;
  206. text-transform: uppercase;
  207. background:{color:Main Border};
  208. padding: 3px;
  209. display: inline-block;
  210. width:20px;
  211. }
  212. .pagination:hover {
  213. background-color: {color:Post BG Color};
  214. }
  215. .nextprev {
  216. font-size: 13px;
  217. text-transform: uppercase;
  218. background:{color:Main Border};
  219. padding: 3px; display:
  220. inline-block;
  221. width:35px;
  222. margin-left: 2px;
  223. }
  224. .nextprev:hover {
  225. background-color:{color:Post BG Color};
  226. }
  227. a.nav {
  228. color: {color:link color};
  229. border-bottom: 1px solid {color:Main Border};
  230. margin-top: 7px;
  231. padding-left: 5px;
  232. cursor: pointer;
  233. -webkit-transition: .30s ease-in; display: block; }
  234. .nav:hover {
  235. color: {color:link hover};
  236. padding-left: 25px;
  237. }
  238. .sidebarheader {
  239. background-image: url({image:Background});
  240. font: normal 15px georgia;
  241. color: {color:Sidebar Header Font};
  242. border-left: 0px solid #666;
  243. letter-spacing: 2px;
  244. line-height: 1; margin: 0 0 1px;
  245. text-transform: uppercase;
  246. }
  247.  
  248. {CustomCSS}
  249. </style>
  250. </head>
  251. <body>
  252. <center><div id="wrapper">
  253. <table width="900px" align="center" cellpadding="10" cellspacing="1" border-style="1px dashed #000000";>
  254.  
  255. <td width="450px" valign="top" style="background:transparent; text-align:justify;
  256. ">
  257. <div align="left">
  258. <div style="width: 515px;padding:5px;">
  259. {block:Posts}
  260.  
  261. {block:Text}
  262. <div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  263. {block:Title}
  264. <a href="{Permalink}"><div class="header">{Title}</div></a>{/block:Title}
  265. <p>{Body}</p>
  266. </li>
  267. <div class="tumblrdate">
  268. <div style="float:right;">
  269. <a href="{ReblogURL}" target="_blank">Reblog this post</a>
  270. {block:RebloggedFrom}<br>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  271. </div><div style="float:left;">
  272. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}<br>{/block:NoteCount}</a>
  273. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  274. </div><br><br></div>
  275. </div><br>
  276. {/block:Text}
  277.  
  278. {block:Photo}
  279. <div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  280. <br>{LinkOpenTag}<img id="pic" style="border:0px solid #eee" src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>{LinkCloseTag} <br>
  281. {block:Caption}
  282. <p>{Caption}</p>
  283. {/block:Caption}
  284. </li>
  285. <div class="tumblrdate">
  286. <div style="float:right;">
  287. <a href="{ReblogURL}" target="_blank">Reblog this post</a>
  288. {block:RebloggedFrom}<br>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  289. </div>
  290. <div style="float:left;">
  291. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}<br>{/block:NoteCount}</a>
  292. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  293. </div><br><br></div></div><br>
  294. {/block:Photo}
  295.  
  296. {block:Quote}<div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  297. <p class="qcontainer">
  298. <span class="quote"><div class="header">“{Quote}”</div></span>
  299. {block:Source}
  300. <span class="source"><br><i>{Source}</i></span>
  301. {/block:Source}
  302. </p></li>
  303. <div class="tumblrdate">
  304. <div style="float:right;">
  305. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this post</a>
  306. {block:RebloggedFrom}<br>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  307. </div><div style="float:left;">
  308. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}<br>{/block:NoteCount}</a>
  309. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  310. </div><br><br></div>
  311. </div><br>
  312. {/block:Quote}
  313.  
  314. {block:Link}
  315. <div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  316. <a href="{URL}" id="postlink" {Target}><div class="header">{Name}&rarr;</div></a>
  317. {block:Description}<p>{Description}</p>{/block:Description}</li>
  318. <div class="tumblrdate">
  319. <div style="float:right;">
  320. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this post</a>
  321. {block:RebloggedFrom}<br>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  322. </div>
  323. <div style="float:left;">
  324. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}<br>{/block:NoteCount}</a>
  325. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  326. </div><br><br></div>
  327. </div><br>
  328. {/block:Link}
  329.  
  330. {block:Chat}<div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  331. {block:Title}
  332. <a href="{Permalink}"><div class="header">{Title}</div></a>
  333. {/block:Title}
  334. <div class="chat">
  335. {block:Lines}
  336. <li class="{Alt} user_{UserNumber}">
  337. {block:Label}
  338. <strong>{Label}</strong>
  339. {/block:Label}
  340. {Line}</li>
  341. {/block:Lines}</div>
  342. <div class="tumblrdate">
  343. <div style="float:right;">
  344. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this post</a>
  345. {block:RebloggedFrom}<br>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  346. </div>
  347. <div style="float:left;">
  348. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}<br>{/block:NoteCount}</a>
  349. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  350. </div><br><br></div>
  351. </div><br>{/block:Chat}
  352.  
  353. {block:Video}
  354. <div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  355. <br>{Video-500}
  356. {block:Caption}
  357. <p>{Caption}</p>
  358. {/block:Caption}
  359.  
  360.  
  361. </li>
  362. <div class="tumblrdate">
  363. <div style="float:right;">
  364. <a href="{ReblogURL}" target="_blank">Reblog this post</a>
  365. {block:RebloggedFrom}<br>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  366. </div>
  367. <div style="float:left;">
  368. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}<br>{/block:NoteCount}</a>
  369. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  370. </div><br><br></div></div><br>
  371. {/block:Video}
  372.  
  373. {block:Answer}<div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  374. <br>
  375. <img src="{AskerPortraitURL-40}"align="left" />
  376. <b>{Asker} said:</b>
  377. {Question}
  378. <br>{answer}<BR clear="all">
  379.  
  380.  
  381. </div><br>{/block:answer}
  382.  
  383. {block:Audio}<div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  384. <div style="width:500; height:80; background: {color:Music Bg}; -webkit-border-bottom-right-radius:8;bottom-left-radius:8;-moz-border-radius:8 8 8 8;padding: 0px 5px 2px 5px;"><br>{block:AlbumArt}<img src="{AlbumArtURL}" align="left" width="70px" height="70px" />{/block:AlbumArt} <div style=" height:60px; background: white; -webkit-border-bottom-right-radius:8;bottom-left-radius:8;-moz-border-radius:8 8 8 8;">{AudioPlayerwhite}<div class="tumblrdate">{block:TrackName}<span><strong>Title</strong>: {TrackName}</span>{/block:TrackName}
  385. {block:Artist}<span><strong>Artist:</strong> {Artist}</span>{/block:Artist}
  386. <span>{PlayCountWithLabel}</span><br></div>
  387. </div></div>
  388.  
  389.  
  390. {block:Caption}
  391. <p>{Caption}</p>
  392. {/block:Caption}
  393.  
  394. </li>
  395.  
  396.  
  397. <div class="tumblrdate">
  398. <div style="float:right;">
  399. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this post</a>
  400. {block:RebloggedFrom}<br>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  401. </div>
  402. <div style="float:left;">
  403. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}<br>{/block:NoteCount}</a>
  404. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  405. </div><br><br></div>
  406. </div><br>{/block:Audio}
  407.  
  408. {block:PostNotes}
  409. <br><B>POST DETAILS:</B><BR>
  410. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  411. {block:HasTags}<br>Tagged as:
  412.  
  413. {block:Tags}
  414. <a href="{TagURL}">{Tag}</a>,
  415. {/block:Tags}
  416. {/block:HasTags}{block:ContentSource}<br>Originally Posted by:<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:RebloggedFrom}Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:IfShowSourceVia}<br>
  417. <br><B>POST NOTES:</B><BR>
  418. {PostNotes}
  419. {/block:PostNotes}
  420. {/block:Posts}
  421.  
  422. </ol></div>
  423. </td>
  424. <td width="200px" valign="top" style="background:transparent;">
  425. <div style="width: 210px; margin-left:-100">
  426.  
  427. <div align="center">
  428. <div class="sidebarheader">ABOUT</div>
  429. <div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  430. {block:IfShowDefaultPic}<center>
  431. <img src="{image:avatar}" width="190"></img><br></center>{/block:IfShowDefaultPic}
  432. {block:Description}<div class="sidebardescr">{Description}</div>{/block:Description}
  433. </div><br>
  434.  
  435.  
  436. {block:IfShowOtherLinks}
  437. <div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  438. <center>
  439. <select style="background-color: {color:Main Border}; font-size: 10px; color: {color:link color};border: 0px; font-family: Century Gothic; width: 200px;"
  440. onchange="window.location=this.options[this.selectedIndex].value;">
  441. <option> OTHER LINKS</OPTION>
  442. <option value="{text:LINKURL 1}">{text:LINK 1}</option>
  443. <option value="{text:LINKURL 2}">{text:LINK 2}</option>
  444. <option value="{text:LINKURL 3}">{text:LINK 3}</option>
  445. </select></center>
  446. </div><br>
  447. {/block:IfShowOtherLinks}
  448. {block:IfShowNavigation}
  449. <div class="sidebarheader">Navigation</div>
  450. <div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;">
  451. <a class="nav" href="/">Home</a>
  452. <a class="nav" href="/archive">Archive</a>
  453. <a class="nav" href="/random">Random</a>
  454. <a class="nav" href="http://historico-da-felicidade.tumblr.com">Theme</a>
  455. </div><br>
  456. {/block:IfShowNavigation}
  457. {block:IfShowFollowing}
  458. <div class="sidebarheader">FOLLOWING</div>
  459. <div style="background-color:{color:Post BG Color}; border:2px {color:Main Border} solid;text-align:left;padding: 5px 5px 5px 5px;"><center>
  460. <center>
  461. {block:Following}{block:Followed}
  462.  <a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"  border="5px solid #ccc" margin="6px";  /></a>
  463. {/block:Followed}{/block:Following}
  464.  
  465. </div></center>{/block:IfShowFollowing}
  466. <br>
  467.  
  468. </div></center>
  469. </td></tr>
  470. <table width="900px" align="center" cellpadding="10" cellspacing="1" border-style="1px dashed #000000";>
  471.  
  472. {block:Pagination}
  473. {block:PreviousPage}
  474. <a href="{PreviousPage}"><div class="nextprev">Prev</a></div>
  475. {/block:PreviousPage}
  476.  
  477. {block:JumpPagination length="10"}
  478. {block:CurrentPage}
  479. <span class="current_page"><div class="pagination">{PageNumber}</div></span>
  480. {/block:CurrentPage}
  481.  
  482. {block:JumpPage}
  483. <a class="jump_page" href="{URL}"><div class="pagination">{PageNumber}</div></a>
  484. {/block:JumpPage}
  485. {/block:JumpPagination}
  486.  
  487. {block:NextPage}
  488. <a href="{NextPage}"><div class="nextprev">Next</a></div>
  489. {/block:NextPage}
  490. {/block:Pagination}
  491. <br>
  492. <div class="footer"><center>Theme By: ©<a href="http://historico-da-felicidade.tumblr.com">HDF</a> Best Viewed: Google Chrome</div>
  493. </center></td></tr>
  494. </div>
  495.  
  496.  
  497. </table>
  498. </body>
  499. </html>
create a new version of this paste RAW Paste Data