API tools faq
paste
Advertisement
bramrps

THEME 13: TAKE ME HOME TONIGHT

bramrps
Jun 21st, 2014
637
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.66 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME #13 by bramrps -->
  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 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=HeadVersusHeart' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=ThrowMyHandsUpInTheAir' rel='stylesheet' type='text/css'>
  13.  
  14.  
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21.  
  22. <meta name="font:Body" content="Helvetica" />
  23. <meta name="color:Background" content="#fff" />
  24. <meta name="color:Body" content="#000" />
  25. <meta name="color:Description" content="#fff" />
  26. <meta name="color:Entries" content="#fff" />
  27. <meta name="color:Borders" content="#000" />
  28. <meta name="color:Link" content="#8d8c8d" />
  29. <meta name="color:Link Bg" content="#ffffff" />
  30. <meta name="color:Link Hover" content="#ccc" />
  31. <meta name="color:Sidebars" content="#fff" />
  32. <meta name="color:Entry titles" content="#000" />
  33. <meta name="color:Entries Border" content="#000" />
  34. <meta name="color:Title Color" content="#000" />
  35. <meta name="color:Subtitle Color" content="#000" />
  36. <meta name="image:Image" content="" />
  37. <meta name="image:Background" content="" />
  38. <meta name="text:Link1" content="link" />
  39. <meta name="text:Link1 URL" content="/" />
  40. <meta name="text:Link2" content="link" />
  41. <meta name="text:Link2 URL" content="/" />
  42. <meta name="text:Link3" content="link" />
  43. <meta name="text:Link3 URL" content="/" />
  44. <meta name="text:Link4" content="link" />
  45. <meta name="text:Link4 URL" content="/" />
  46. <meta name="text:Link5" content="link" />
  47. <meta name="text:Link5 URL" content="/" />
  48.  
  49. <meta name="text:main" content="this is your main title" />
  50. <meta name="text:sub" content="this is your subtitle" />
  51. <meta name="text:side" content="put anything here" />
  52.  
  53. <style type="text/css">
  54.  
  55. body {
  56. background: {color:Background};
  57. background-image: url('{image:Background}');
  58. background-attachment:fixed;
  59. position:absolute;
  60. font-size:12px;
  61. font-family: {font:Body};
  62. color:{color:Body};
  63. }
  64.  
  65. blockquote {
  66. margin-left: 25px;
  67. border-left: 1px solid {color:Borders};
  68. padding:5px;
  69. padding-left:10px;
  70. text-align: justify;
  71. }
  72.  
  73.  
  74. b, strong {
  75. color:{color:Link};
  76. }
  77.  
  78. i, em {
  79. color:{color:Body}
  80.  
  81. text-shadow: 0px 0px 2px {color:Body};
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. outline:none;
  87. color:{color:Link};
  88. -webkit-transition: all 0.5s ease-in-out;
  89. -moz-transition: all 0.5s ease-in-out;
  90. -o-transition: all 0.5s ease-in-out;
  91. }
  92.  
  93. a:hover {
  94. color:{color:Link Hover};
  95. letter-spacing:2px;
  96. -webkit-transition: all 0.5s ease-in-out;
  97. -moz-transition: all 0.5s ease-in-out;
  98. -o-transition: all 0.5s ease-in-out;
  99. }
  100.  
  101. img {
  102. border: 0;
  103. max-width: 100%;}
  104.  
  105. h1 {
  106. margin-top:5px;
  107. margin-bottom:5px;
  108. color:{color:Entry titles};
  109. font-family:'code light';
  110. font-style:normal;
  111. text-align:center;
  112. text-transform:uppercase;
  113. font-size: 25px;
  114. color: {color:Entry titles};
  115. text-shadow: 2px 3px 1px #000;
  116. padding-bottom:0px;
  117. }
  118.  
  119. h2 {
  120. margin-top:5px;
  121. margin-bottom:5px;
  122. font-family:'georgia';
  123. text-transform:uppercase;
  124. text-align:center;
  125. font-size: 20px;
  126. color:{color:Link};
  127. text-shadow: 2px 3px 1px #000;
  128. }
  129.  
  130. h3 {
  131. margin-top:3px;
  132. margin-bottom:-6px;
  133. color:{color:Entry titles};
  134. font-family:'code light';
  135. font-style:normal;
  136. text-align:center;
  137. text-transform:uppercase;
  138. font-size: 25px;
  139. text-shadow: 2px 2px 1px #000;
  140. color: {color:Entry titles};
  141. }
  142.  
  143. #topbar {
  144. position:fixed;
  145. width:500px;
  146. height:31px;
  147. left:-15px;
  148. top:78px;
  149. }
  150.  
  151. #toptitle {
  152. text:{text:main};
  153. font-family:'head versus heart';
  154. font-size:25px;
  155. color:{color:Title Color};
  156. font-style:normal;
  157. text-align:center;
  158. text-shadow: 2px 3px 1px #000;
  159. }
  160.  
  161. #topsub {
  162. text:{text:sub};
  163. font-family:'calibri';
  164. font-size:11px;
  165. color:{color:Subtitle Color};
  166. text-align:center;
  167. text-transform:uppercase;
  168. margin-top:-7px;
  169. text-shadow: 2px 3px 1px #000;
  170. }
  171.  
  172. #sidebar {
  173. position:fixed;
  174. text-align:center;
  175. top:135px;
  176. left:100px;
  177. width:200px;
  178. height:153px;
  179. padding:5px;
  180. }
  181.  
  182. #sidebar2 {
  183. position:fixed;
  184. top:353px;
  185. left:100px;
  186. width:200px;
  187. height:140px;
  188. padding:5px;
  189. background-color:{color:Sidebars};
  190. border-color:{color:Borders};
  191. border-style:dotted;
  192. border-width:1px
  193. }
  194.  
  195.  
  196. #image {
  197. z-index:3;
  198. position:fixed;
  199. top:73px;
  200. left:90px;
  201. width:500px;
  202. height:440px;
  203. background-image:url('{image:Image}');
  204. background-attachment:none;
  205. background-size:auto;
  206. background-position:top left;
  207. background-repeat:no-repeat;
  208. float:center;
  209. overflow:hidden;
  210. background-color:#fff;
  211. border-color:{color:Borders};
  212. border-style:solid;
  213. border-width:1px
  214. }
  215.  
  216. #description {
  217. padding:10px;
  218. color:{color:Description};
  219. font-size:14px;
  220. text-align:justify;
  221. font-family:'calibri';
  222. text-shadow: 3px 2px 2px #000;
  223. }
  224.  
  225. #pagination {
  226. color:#fff;
  227. font-family:'calibri';
  228. font-size:10px;
  229. margin-top:5px;
  230. text-transform:uppercase;
  231. }
  232.  
  233. #links {
  234. text-align:center;
  235. }
  236.  
  237.  
  238. #links a{
  239. font-family:'calibri';
  240. background-color:{color:Link Bg};
  241. color:#fff;
  242. border-color:{color:Borders};
  243. border-style:solid;
  244. border-width:1px;
  245. width:50px;
  246. height:78px;
  247. line-height:78px;
  248. font-size:10px;
  249. text-transform:uppercase;
  250. display:inline-block;
  251. margin-top:6px;
  252. margin-bottom:1px;
  253. margin-left:440px;
  254. padding:0px;
  255. color:{color:Link};
  256. -webkit-transition: all 0.2s ease-in-out;
  257. -moz-transition: all 0.2s ease-in-out;
  258. -o-transition: all 0.2s ease-in-out;
  259. }
  260.  
  261. #links a:hover{
  262. color:{color:Background};
  263. background:{color:Link Hover};
  264. letter-spacing:3px;
  265. font-style:italic;
  266. text-transform:lowercase;
  267. -webkit-transition: opacity 0.7s linear;opacity: 1;
  268. -webkit-transition: all 0.3s ease-out;
  269. -moz-transition: all 0.3s ease-out;
  270. transition: all 0.3s ease-out
  271. }
  272.  
  273.  
  274. .user_1 .label {
  275. color:{color:Title};
  276. font-family:'georgia';
  277. font-size: 10px;
  278. padding: 5px;
  279. text-transform:uppercase;
  280. font-weight:bold
  281. }
  282.  
  283. .user_2 .label {
  284. color:{color:Link};
  285. font-family:'georgia';
  286. font-size: 10px;
  287. padding: 5px;
  288. text-transform:uppercase;
  289. font-weight:bold
  290. }
  291.  
  292. .user_3 .label {
  293. color:{color:Title};
  294. font-family:'georgia';
  295. font-size: 10px;
  296. padding: 5px;
  297. text-transform:uppercase;
  298. font-weight:bold
  299. }
  300.  
  301. .user_4 .label {
  302. color:{color:Link};
  303. font-family:'georgia';
  304. font-size: 10px;
  305. padding: 5px;
  306. text-transform:uppercase;
  307. font-weight:bold
  308. }
  309.  
  310. .user_5 .label {
  311. color:{color:Title};
  312. font-family:'georgia';
  313. font-size: 10px;
  314. padding: 5px;
  315. text-transform:uppercase;
  316. font-weight:bold
  317. }
  318.  
  319. .user_6 .label {
  320. color:{color:Link};
  321. font-family:'georgia';
  322. font-size: 10px;
  323. padding: 5px;
  324. text-transform:uppercase;
  325. font-weight:bold
  326. }
  327.  
  328. .user_7 .label {
  329. color:{color:Title};
  330. font-family:'georgia';
  331. font-size: 10px;
  332. padding: 5px;
  333. text-transform:uppercase;
  334. font-weight:bold
  335. }
  336.  
  337. .user_8 .label {
  338. color:{color:Link};
  339. font-family:'georgia';
  340. font-size: 10px;
  341. padding: 5px;
  342. text-transform:uppercase;
  343. font-weight:bold
  344. }
  345.  
  346. .user_9 .label {
  347. color:{color:Title};
  348. font-family:'georgia';
  349. font-size: 10px;
  350. padding: 5px;
  351. text-transform:uppercase;
  352. font-weight:bold
  353. }
  354.  
  355. .user_10 .label {
  356. color:{color:Link};
  357. font-family:'georgia';
  358. font-size: 10px;
  359. padding: 5px;
  360. text-transform:uppercase;
  361. font-weight:bold
  362. }
  363.  
  364. ul.chat, .chat ol, .chat li {
  365. list-style:none;
  366. margin-top:-8px;
  367. padding: 3px;
  368. }
  369.  
  370. p {
  371. margin-top:0px;
  372. margin-bottom:5px
  373. }
  374.  
  375. #entries {
  376. font-size:10px;
  377. margin-left: 650px;
  378. margin-top:0px;
  379. float: right;
  380. text-align: justify;
  381. }
  382.  
  383. #post {
  384. background-color:{color:Entries};
  385. border-color:{color:Entries Border};
  386. border-style:solid;
  387. border-width:1px;
  388. font-size:10px;
  389. padding: 5px;
  390. padding-top:0px;
  391. padding-bottom: 0px;
  392. margin-bottom:0px;
  393. width: 502px;
  394. color:{color:Body};
  395. text-align: justify;
  396. overflow:hidden;
  397. }
  398.  
  399.  
  400. #quotetext {
  401. font-family:'rochester';
  402. font-size:25px;
  403. color:{color:Link};
  404. font-style:normal;
  405. text-align:justify;
  406. margin-top:5px;
  407. padding:2px;
  408. text-shadow: 2px 3px 1px #000;
  409.  
  410. }
  411.  
  412.  
  413. #asks {
  414. text-align:justify;
  415. font-size:11px;
  416. font-family:'georgia';
  417. margin:5px;
  418. padding:5px;
  419. background-color:transparent;
  420. border:1px solid {color:Borders};
  421. }
  422.  
  423. .asker {
  424. font-family:'throw my hands up in the air';
  425. text-transform:lowercase;
  426. margin-bottom:-8px;
  427. font-size:20px;
  428. letter-spacing:1px;
  429. text-shadow:2px 2px 1px #000;
  430. font-style:normal;
  431.  
  432. }
  433.  
  434. #answers {
  435. padding:5px;
  436. padding-top:0px;
  437. }
  438.  
  439. #info {
  440. font-family:'calibri';
  441. text-align: right;
  442. margin-bottom: -4px;
  443. padding: 0px;
  444. padding-top: 0px;
  445. color:{color:Link};
  446. text-transform:uppercase;
  447. border-color:{color:Borders};
  448. }
  449.  
  450. #infobox {
  451. width: 508px;
  452. margin-left:-11px;
  453. margin-top:2px;
  454. float: right;
  455. background-color:{color:Entries};
  456. border-style:solid;
  457. border-width:1px;
  458. border-color:{color:Entries Border};
  459. font-size:10px;
  460. padding: 2px;
  461. color:{color:Body};
  462. text-align: right;
  463. overflow:hidden;
  464. }
  465.  
  466.  
  467. #info2 {
  468. font-family:'calibri';
  469. text-align: right;
  470. margin-bottom: -5px;
  471. padding: 0px;
  472. padding-top: 0px;
  473. color:{color:Link};
  474. text-transform:uppercase;
  475. border-color:{color:Borders};
  476. }
  477.  
  478. #infobox2 {
  479. width: 508px;
  480. margin-left:-11px;
  481. margin-bottom:2px;
  482. margin-top:40px;
  483. float: right;
  484. background-color:{color:Entries};
  485. border-style:solid;
  486. border-width:1px;
  487. border-color:{color:Entries Border};
  488. font-size:10px;
  489. padding: 2px;
  490. color:{color:Body};
  491. text-align: left;
  492. overflow:hidden;
  493. }
  494.  
  495.  
  496. #credit a{
  497. position:fixed;
  498. right:3px;
  499. bottom:3px;
  500. padding:4px;
  501. background:white;
  502. font-size:11px;
  503. color:black;
  504. -moz-transition-duration:1s;
  505. -webkit-transition-duration:1s;
  506. -o-transition-duration:1s;
  507. }
  508.  
  509. #credit a:hover {
  510. opacity:1;
  511. color:white;
  512. background:black;
  513. -moz-transition-duration:1s;
  514. -webkit-transition-duration:1s;
  515. -o-transition-duration:1s;
  516. }
  517.  
  518.  
  519. </style>
  520. <style type="text/css">{CustomCSS}</style>
  521. </head>
  522.  
  523. <body>
  524.  
  525.  
  526. <div id="image">
  527.  
  528. <div id="sidebar2">
  529. <div style="font-family:'head versus heart'; font-size:20px; text-align:center; padding-bottom:3px;">{text:side}</div>
  530. Put your stuff here! A to-do list, lyrics, you could even put your description here instead, but it's edited in the actual coding! The more you write, the further the pagination will be pushed down.
  531. <center>
  532. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">BACK</a>&nbsp;{/block:PreviousPage}♥{block:NextPage} <a href="{NextPage}">FORTH</a>{/block:NextPage}</div></center>
  533. </div>
  534. <div id="links">
  535. <a href="{text:Link1 URL}">{text:Link1}</a><br>
  536. <a href="{text:Link2 URL}">{text:Link2}</a><br>
  537. <a href="{text:Link3 URL}">{text:Link3}</a><br>
  538. <a href="{text:Link4 URL}">{text:Link4}</a><br>
  539. <a href="{text:Link5 URL}">{text:Link5}</a><br>
  540. </div>
  541.  
  542. <div id="sidebar">
  543.  
  544. <div id="description">
  545. {block:Description}
  546. {Description}{/block:Description}
  547.  
  548. </div>
  549.  
  550. <div id="topbar">
  551. <div id="toptitle">{text:main}</div>
  552. <div id="topsub">{text:sub}</div>
  553.  
  554. </div></div></div>
  555.  
  556.  
  557.  
  558. <div id="entries">
  559. {block:Posts}
  560.  
  561. <div id="info2"><div id="infobox2">posted {block:Date}<b><a href="{Permalink}">{TimeAgo}</a></b>{/block:Date}
  562. {block:NoteCount}with <i>{NoteCountWithLabel}</i>{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} via (<b><a href="{ReblogParentURL}"><a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a></b>){/block:RebloggedFrom}
  563. {block:ContentSource} <a href="{SourceURL}">♥</a>{block:ContentSource}{/block:RebloggedFrom}<br></div></div>
  564.  
  565. <div id="postbg">
  566. <div id="post">
  567.  
  568.  
  569. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  570.  
  571. {block:Quote}<div id="quotetext">“{Quote}” </div>
  572. <div style="font-family:georgia; font-size:12px; text-align:right; padding-bottom:2px;">— {Source}</div>{/block:Quote}
  573.  
  574. {block:Link}<a href="{URL}" class="link" {Target}> <h2>➝ {Name}</h2></a>
  575. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  576.  
  577. {block:Photo}<div style="padding-top:5px;"><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  578. {block:Photoset}<div style="padding-top:5px;"><center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  579.  
  580. {block:Chat}{block:Title}<h3>{Title}</h3>{/block:Title}<div style="padding:10px;">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  581.  
  582. <ul class="chat">{block:Lines}<li class="user_{UserNumber}"><div style="padding-top:3px;">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}<br></li>{/block:Lines}</ul>
  583.  
  584. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  585.  
  586.  
  587.  
  588.  
  589. {block:Audio}
  590. {block:AudioPlayer}
  591. <center>{AudioPlayerWhite}</center>
  592. {/block:AudioPlayer}
  593. {block:AlbumArt}
  594. <img src="{AlbumArtURL}" style="width:50px; float:left; padding-top:0px; padding:2px">
  595. {/block:AlbumArt}
  596. <br>
  597. <div style="padding-bottom:10px; padding-top:0px;">{block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br>
  598. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  599. {block:Playcount}<b>Play count:</b> {FormattedPlayCount}{/block:Playcount}</div>
  600. {block:Caption}{Caption}{/block:Caption}
  601. {/block:Audio}
  602.  
  603. {block:Answer}
  604. <div id="asks"><img src="{AskerPortraitURL-64}" style="height:45px; width:45px; float:left; padding-top:0px; padding-right:5px;">
  605. <div style="font-family:'throw my hands up in the air'; text-transform:lowercase; font-size:17px; text-align:justify; padding-bottom:2px;"><b>{Asker}</b> wondered:</div></em><p></p>
  606. <div style="text-align:justify;">{Question}</div></div>
  607. <div id="answers">{Answer}</div>{/block:Answer}
  608.  
  609. </div></div>
  610.  
  611.  
  612. <div id="info"><div id="infobox">
  613. <div style="text-transform:lowercase;"><i>tagged as:</i> <b>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</b></div>
  614. </div></div>
  615.  
  616. {block:PostNotes}<div style="padding-left:50px;">{PostNotes}</div>{/block:PostNotes}
  617. {/block:Posts}
  618.  
  619.  
  620. </div></div>
  621.  
  622. </div>
  623.  
  624.  
  625.  
  626. <div id="credit"><a href="http://bramrps.tumblr.com">♥</a></div>
  627. </body>
  628. </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!