API tools faq
paste
Advertisement
bramrps

THEME 21: BACK TO YOUR HEART

bramrps
Sep 19th, 2014
450
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.94 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME #21 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=Lobster' 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="Georgia" />
  23. <meta name="color:Background" content="#fff" />
  24. <meta name="color:Borderbar" content="#fff" />
  25. <meta name="color:Body" content="#000" />
  26. <meta name="color:Entries" content="#fff" />
  27. <meta name="color:Borders" content="#000" />
  28. <meta name="color:Bold" content="#fff" />
  29. <meta name="color:Link" content="#8d8c8d" />
  30. <meta name="color:Link Bg" content="#ffffff" />
  31. <meta name="color:Link Hover" content="#fff" />
  32. <meta name="color:Sidebars" content="#fff" />
  33. <meta name="color:Info Bg" content="#fff" />
  34. <meta name="color:Entry titles" content="#000" />
  35. <meta name="color:Entries Border" content="#000" />
  36. <meta name="color:Title Color" content="#000" />
  37. <meta name="color:Subtitle Color" content="#000" />
  38. <meta name="image:Image" content="" />
  39. <meta name="image:Image2" content="" />
  40. <meta name="image:Image3" content="" />
  41. <meta name="image:Image4" content="" />
  42. <meta name="image:Borderbar" content="" />
  43. <meta name="image:Background" content="" />
  44. <meta name="text:Link1" content="link" />
  45. <meta name="text:Link1 URL" content="/" />
  46. <meta name="text:Link2" content="link" />
  47. <meta name="text:Link2 URL" content="/" />
  48. <meta name="text:Link3" content="link" />
  49. <meta name="text:Link3 URL" content="/" />
  50. <meta name="text:Link4" content="Link4 Title" />
  51. <meta name="text:Link4 URL" content="/" />
  52. <meta name="text:Link5" content="Link5 Title" />
  53. <meta name="text:Link5 URL" content="/" />
  54. <meta name="text:Link6" content="Link6 Title" />
  55. <meta name="text:Link6 URL" content="/" />
  56. <meta name="text:Link7" content="Link7 Title" />
  57. <meta name="text:Link7 URL" content="/" />
  58.  
  59. <meta name="text:sub" content="this is your subtitle" />
  60. <meta name="text:main" content="this is your main title" />
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65. body {
  66. background: {color:Background};
  67. background-image: url('{image:Background}');
  68. background-attachment:fixed;
  69. position:absolute;
  70. font-size:12px;
  71. font-family: {font:Body};
  72. color:{color:Body};
  73. }
  74.  
  75. blockquote {
  76. margin-left: 15px;
  77. margin-right:15px;
  78. border-left: 1px solid {color:Borders};
  79. padding-left:5px;
  80. text-align: justify;
  81. }
  82.  
  83.  
  84. b, strong {
  85. color:{color:Bold};
  86. }
  87.  
  88. i, em {
  89. color:{color:Body}
  90. text-shadow: 0px 0px 2px #000;
  91. }
  92.  
  93. a {
  94. text-decoration:none;
  95. outline:normal;
  96. color:{color:Link};
  97. -webkit-transition: all 0.5s ease-in-out;
  98. -moz-transition: all 0.5s ease-in-out;
  99. -o-transition: all 0.5s ease-in-out;
  100. }
  101.  
  102. a:hover {
  103. color:{color:Link Hover};
  104. text-transform:lowercase;
  105. -webkit-transition: all 0.5s ease-in-out;
  106. -moz-transition: all 0.5s ease-in-out;
  107. -o-transition: all 0.5s ease-in-out;
  108. }
  109.  
  110. pre {
  111. font-family:georgia;
  112. font-size:8px;
  113. text-transform:Uppercase;
  114. background-color:{color:Entry Titles};
  115. padding:2px;
  116. text-align:center;
  117. border-left:1px solid #000;
  118. border-right:1px solid #000;
  119. color:{color:Body};
  120. }
  121.  
  122. h1 {
  123. margin-top:-3px;
  124. margin-bottom:5px;
  125. color:{color:Entry titles};
  126. font-family:'georgia';
  127. font-style:normal;
  128. text-align:center;
  129. text-transform:uppercase;
  130. font-size: 25px;
  131. color: {color:Entry titles};
  132. padding-bottom:0px;
  133. text-shadow: 1px 1px 1px #000;
  134. }
  135.  
  136. h2 {
  137. margin-top:0px;
  138. margin-bottom:5px;
  139. font-family:'lobster';
  140. text-transform:lowercase;
  141. text-align:center;
  142. font-size: 25px;
  143. color:{color:Entry titles};
  144. text-shadow: 1px 2px 1px #000;
  145. }
  146.  
  147. h3 {
  148. margin-top:-5px;
  149. margin-bottom:-5px;
  150. color:{color:Entry titles};
  151. font-family:'lobster';
  152. font-style:normal;
  153. text-align:center;
  154. text-transform:lowercase;
  155. font-size: 25px;
  156. text-shadow: 2px 3px 1px #000;
  157. color: {color:Entry titles};
  158. }
  159.  
  160. h4 {
  161. margin-top:10px;
  162. margin-bottom:-5px;
  163. font-family:'head versus heart';
  164. text-transform:uppercase;
  165. text-align:center;
  166. font-size: 17px;
  167. color:{color:Link};
  168. text-shadow: 1px 2px 1px #000;
  169. }
  170.  
  171. img {
  172. border: 0;
  173. max-width: 100%;}
  174.  
  175. img:hover {
  176. opacity:0.7;
  177. -webkit-transition:all 0.4s ease-in-out;
  178. -moz-transition:all 0.4s ease-in-out;
  179. -o-transition:all 0.4s ease-in-out;
  180. -ms-transition: all 0.4s ease-in-out;
  181. transition:all 0.5s ease-in-out
  182. }
  183.  
  184.  
  185. #toptitle {
  186. text:{text:one};
  187. font-family:'lobster';
  188. font-size:15px;
  189. color:{color:Title Color};
  190. font-style:normal;
  191. text-align:left;
  192. margin-left:10px;
  193. margin-top:5px;
  194. margin-bottom:-15px;
  195. text-shadow: 1px 2px 1px #000;
  196. }
  197.  
  198. #topsub {
  199. text:{text:two};
  200. font-family:'georgia';
  201. font-size:9px;
  202. color:{color:Subtitle Color};
  203. text-align:left;
  204. text-transform:uppercase;
  205. margin-top:5px;
  206. margin-left:15px;
  207. }
  208.  
  209. #topsub2 {
  210. text:{text:two};
  211. font-family:'georgia';
  212. font-size:9px;
  213. color:{color:Subtitle Color};
  214. text-align:center;
  215. text-transform:uppercase;
  216. }
  217.  
  218. #topsub3 {
  219. text:{text:three};
  220. font-family:'georgia';
  221. font-size:9px;
  222. color:{color:Subtitle Color};
  223. text-align:right;
  224. text-transform:uppercase;
  225. margin-right:15px;
  226. }
  227.  
  228. #borderbar1 {
  229. position:fixed;
  230. top:82px;
  231. left:75px;
  232. width:288px;
  233. height:377px;
  234. padding:3px;
  235. background-color:{color:Borderbar};
  236. background-image:url('{image:Borderbar}');
  237. background-attachment:fixed;
  238. border-color:{color:Borders};
  239. border-width:1px;
  240. border-style: solid;
  241. }
  242.  
  243. #borderbar2 {
  244. position:fixed;
  245. position:fixed;
  246. top:-1px;
  247. left:1030px;
  248. width:250px;
  249. height:100%;
  250. padding:3px;
  251. background-color:{color:Borderbar};
  252. background-image:url('{image:Borderbar}');
  253. background-attachment:fixed;
  254. border-color:{color:Borders};
  255. border-width:1px;
  256. border-style: solid;
  257. }
  258.  
  259. #titlebar {
  260. position:fixed;
  261. top:39px;
  262. left:75px;
  263. width:294px;
  264. height:40px;
  265. background-color:{color:Sidebars};
  266. border-color:{color:Borders};
  267. border-style:solid;
  268. border-width:1px;
  269. }
  270.  
  271.  
  272. #sidebar {
  273. position:fixed;
  274. top:278px;
  275. left:78px;
  276. width:250px;
  277. height:184px;
  278. opacity: 0;
  279. transition-duration: .8s;
  280. transition: opacity .8s ease-in-out;
  281. -moz-transition: opacity .8s ease-in-out;
  282. -webkit-transition: opacity .8s ease-in-out;
  283. background-color:{color:Sidebars};
  284. border-color:{color:Borders};
  285. border-style:solid;
  286. border-width:1px;
  287. }
  288.  
  289. #sidebar:hover {
  290. opacity:1;
  291. transition-duration: .8s;
  292. transition: opacity .8s ease-in-out;
  293. -moz-transition: opacity .8s ease-in-out;
  294. -webkit-transition: opacity .8s ease-in-out;
  295. background-color:{color:Sidebars};
  296. }
  297.  
  298.  
  299. #sidebar2 {
  300. position:fixed;
  301. top:239px;
  302. left:78px;
  303. width:250px;
  304. height:34px;
  305. padding-top:1px;
  306. background-color:{color:Sidebars};
  307. border-color:{color:Borders};
  308. border-style:solid;
  309. border-width:1px;
  310. }
  311.  
  312. #sidebar3 {
  313. position:fixed;
  314. top:85px;
  315. left:332px;
  316. width:34px;
  317. height:376px;
  318. padding-top:1px;
  319. background-color:{color:Sidebars};
  320. border-color:{color:Borders};
  321. border-style:solid;
  322. border-width:1px;
  323. }
  324.  
  325.  
  326. #image {
  327. z-index:3;
  328. position:fixed;
  329. top:85px;
  330. left:78px;
  331. width:250px;
  332. height:150px;
  333. background-image:url('{image:Image}');
  334. background-attachment:none;
  335. background-size:auto;
  336. background-position:top left;
  337. background-repeat:no-repeat;
  338. float:center;
  339. overflow:hidden;
  340. background-color:#fff;
  341. border-color:{color:Borders};
  342. border-style:solid;
  343. border-width:1px
  344. }
  345.  
  346. #image2 {
  347. z-index:3;
  348. position:fixed;
  349. top:278px;
  350. left:78px;
  351. width:250px;
  352. height:184px;
  353. background-image:url('{image:Image2}');
  354. background-attachment:none;
  355. background-size:auto;
  356. background-position:top left;
  357. background-repeat:no-repeat;
  358. float:center;
  359. overflow:hidden;
  360. background-color:#fff;
  361. border-color:{color:Borders};
  362. border-style:solid;
  363. border-width:1px
  364. }
  365.  
  366.  
  367. #image3 {
  368. z-index:3;
  369. position:fixed;
  370. top:-1px;
  371. left:1033px;
  372. width:250px;
  373. height:100%;
  374. background-image:url('{image:Image3}');
  375. background-attachment:none;
  376. background-size:auto;
  377. background-position:top left;
  378. background-repeat:no-repeat;
  379. float:center;
  380. overflow:hidden;
  381. background-color:#fff;
  382. border-color:{color:Borders};
  383. border-style:solid;
  384. border-width:1px
  385. }
  386.  
  387. #image4 {
  388. z-index:3;
  389. position:fixed;
  390. top:-1px;
  391. left:1033px;
  392. width:250px;
  393. height:100%;
  394. background-image:url('{image:Image4}');
  395. background-attachment:none;
  396. background-size:auto;
  397. background-position:top left;
  398. background-repeat:no-repeat;
  399. float:center;
  400. overflow:hidden;
  401. opacity: 0;
  402. transition-duration: .8s;
  403. transition: opacity .8s ease-in-out;
  404. -moz-transition: opacity .8s ease-in-out;
  405. -webkit-transition: opacity .8s ease-in-out;
  406. background-color:{color:Sidebars};
  407. border-color:{color:Borders};
  408. border-style:solid;
  409. border-width:1px;
  410. }
  411.  
  412. #image4:hover {
  413. opacity:1;
  414. transition-duration: .8s;
  415. transition: opacity .8s ease-in-out;
  416. -moz-transition: opacity .8s ease-in-out;
  417. -webkit-transition: opacity .8s ease-in-out;
  418. background-color:{color:Sidebars};
  419. }
  420.  
  421.  
  422. #description {
  423. padding:10px;
  424. color:{color:Description};
  425. font-size:10px;
  426. text-align:justify;
  427. font-family:'georgia';
  428. }
  429.  
  430. #pagination {
  431. font-family:'georgia';
  432. font-size:12px;
  433. text-transform:uppercase;
  434. display:inline-block;
  435. margin-top:10px;
  436. color:{color:Body};
  437. -webkit-transition: all 0.2s ease-in-out;
  438. -moz-transition: all 0.2s ease-in-out;
  439. -o-transition: all 0.2s ease-in-out;
  440. }
  441.  
  442. #links {
  443. text-align:center;
  444. }
  445.  
  446.  
  447. #links a{
  448. font-family:'georgia';
  449. background-color:{color:Link Bg};
  450. color:#fff;
  451. border-color:{color:Borders};
  452. border-style:solid;
  453. border-width:1px;
  454. width:77px;
  455. height:25px;
  456. line-height:27px;
  457. font-size:10px;
  458. text-transform:uppercase;
  459. display:inline-block;
  460. margin-top:3px;
  461. margin-bottom:0px;
  462. padding:0px;
  463. color:{color:Link};
  464. -webkit-transition: all 0.2s ease-in-out;
  465. -moz-transition: all 0.2s ease-in-out;
  466. -o-transition: all 0.2s ease-in-out;
  467. }
  468.  
  469. #links a:hover{
  470. color:{color:Link};
  471. background:{color:Link Hover};
  472. text-transform:lowercase;
  473. box-shadow:0px 0px 2px #000;
  474. -webkit-transition: opacity 0.7s linear;opacity: 1;
  475. -webkit-transition: all 0.3s ease-out;
  476. -moz-transition: all 0.3s ease-out;
  477. transition: all 0.3s ease-out;
  478. }
  479.  
  480. #links2 {
  481. text-align:center;
  482. }
  483.  
  484. #links2 a{
  485. font-family:'georgia';
  486. background-color:{color:Link Bg};
  487. color:#fff;
  488. border-color:{color:Borders};
  489. border-style:solid;
  490. border-width:1px;
  491. width:26px;
  492. height:88px;
  493. line-height:88px;
  494. font-size:18px;
  495. text-transform:lowercase;
  496. font-weight:bold;
  497. display:inline-block;
  498. margin-top:3px;
  499. margin-bottom:0px;
  500. padding:0px;
  501. color:{color:Link};
  502. -webkit-transition: all 0.2s ease-in-out;
  503. -moz-transition: all 0.2s ease-in-out;
  504. -o-transition: all 0.2s ease-in-out;
  505. }
  506.  
  507. #links2 a:hover{
  508. color:{color:Link};
  509. background:{color:Link Hover};
  510. text-transform:uppercase;
  511. box-shadow:0px 0px 2px #000;
  512. -webkit-transition: opacity 0.7s linear;opacity: 1;
  513. -webkit-transition: all 0.3s ease-out;
  514. -moz-transition: all 0.3s ease-out;
  515. transition: all 0.3s ease-out;
  516. }
  517.  
  518. .user_1 .label {
  519. color:{color:Link};
  520. font-family:'georgia';
  521. font-size: 10px;
  522. padding: 5px;
  523. text-transform:uppercase;
  524. font-weight:bold
  525. }
  526.  
  527. .user_2 .label {
  528. color:{color:Entry titles};
  529. font-family:'georgia';
  530. font-size: 10px;
  531. padding: 5px;
  532. text-transform:uppercase;
  533. font-weight:bold
  534. }
  535.  
  536. .user_3 .label {
  537. color:{color:Link};
  538. font-family:'georgia';
  539. font-size: 10px;
  540. padding: 5px;
  541. text-transform:uppercase;
  542. font-weight:bold
  543. }
  544.  
  545. .user_4 .label {
  546. color:{color:Entry titles};
  547. font-family:'georgia';
  548. font-size: 10px;
  549. padding: 5px;
  550. text-transform:uppercase;
  551. font-weight:bold
  552. }
  553.  
  554. .user_5 .label {
  555. color:{color:Link};
  556. font-family:'georgia';
  557. font-size: 10px;
  558. padding: 5px;
  559. text-transform:uppercase;
  560. font-weight:bold
  561. }
  562.  
  563. .user_6 .label {
  564. color:{color:Entry titles};
  565. font-family:'georgia';
  566. font-size: 10px;
  567. padding: 5px;
  568. text-transform:uppercase;
  569. font-weight:bold
  570. }
  571.  
  572. .user_7 .label {
  573. color:{color:Link};
  574. font-family:'georgia';
  575. font-size: 10px;
  576. padding: 5px;
  577. text-transform:uppercase;
  578. font-weight:bold
  579. }
  580.  
  581. .user_8 .label {
  582. color:{color:Entry titles};
  583. font-family:'georgia';
  584. font-size: 10px;
  585. padding: 5px;
  586. text-transform:uppercase;
  587. font-weight:bold
  588. }
  589.  
  590. .user_9 .label {
  591. color:{color:Link};
  592. font-family:'georgia';
  593. font-size: 10px;
  594. padding: 5px;
  595. text-transform:uppercase;
  596. font-weight:bold
  597. }
  598.  
  599. .user_10 .label {
  600. color:{color:Entry titles};
  601. font-family:'georgia';
  602. font-size: 10px;
  603. padding: 5px;
  604. text-transform:uppercase;
  605. font-weight:bold
  606. }
  607.  
  608.  
  609. ul.chat, .chat ol, .chat li {
  610. list-style:none;
  611. margin-top:-8px;
  612. margin-bottom:0px;
  613. padding: 3px;
  614. }
  615.  
  616. p {
  617. margin-top:0px;
  618. margin-bottom:4px
  619. }
  620.  
  621. #postbg {
  622. padding:2px;
  623. background-color:{color:Borderbar};
  624. background-image: url('{image:Borderbar}');
  625. margin-bottom:50px;
  626. overflow: hidden;
  627. border:1px solid {color:Borders};
  628. }
  629.  
  630. #entries {
  631. position:absolute;
  632. margin-left:430px;
  633. margin-top:10px;
  634. font-size:10px;
  635. text-align:justify;
  636.  
  637. }
  638.  
  639. #post {
  640. background-color:{color:Entries};
  641. padding:8px;
  642. padding-top:5px;
  643. padding-bottom:5px;
  644. width:500px;
  645. border-color:{color:Entries border};
  646. border-style:solid;
  647. border-width:1px;
  648. }
  649.  
  650.  
  651. #quotetext {
  652. font-family:'rochester';
  653. font-size:25px;
  654. color:{color:Borders};
  655. font-style:normal;
  656. text-align:justify;
  657. margin-top:5px;
  658. padding:2px;
  659. }
  660.  
  661.  
  662. #asks {
  663. text-align:left;
  664. font-size:10px;
  665. font-family:'georgia';
  666. margin:5px;
  667. padding:10px;
  668. min-height:47px;
  669. background-color:transparent;
  670. border-top:1px solid {color:Entry titles};
  671. border-left:1px solid {color:Entry titles};
  672. border-bottom:2px solid {color:Entry titles};
  673. border-right:2px solid {color:Entry titles};
  674. box-shadow:3px 3px 3px #000;
  675. border-radius:40px 40px 40px 40px;
  676. }
  677.  
  678. .asker {
  679. font-family:'georgia';
  680. color:{color:Entry titles};
  681. text-transform:uppercase;
  682. margin-top:2px;
  683. margin-bottom:-8px;
  684. font-size:17px;
  685. text-shadow:1px 1px 1px #000;
  686. font-style:normal;
  687.  
  688. }
  689.  
  690. #askimage {
  691. height:60px;
  692. width:60px;
  693. float:left;
  694. margin-top:10px;
  695. margin-left:10px;
  696. padding-right:5px;
  697. opacity:0.5;
  698. -webkit-transition:all 0.4s ease-in-out;
  699. -moz-transition:all 0.4s ease-in-out;
  700. -o-transition:all 0.4s ease-in-out;
  701. -ms-transition: all 0.4s ease-in-out;
  702. transition:all 0.5s ease-in-out;
  703. }
  704.  
  705. #answers {
  706. padding-left:20px;
  707. padding-right:20px;
  708. margin-left:5px;
  709. margin-top:8px;
  710. margin-bottom:10px;
  711. text-align:justify;
  712. }
  713.  
  714. #audio {
  715. border-radius:100%;
  716. width:100%;
  717. height:100px;
  718. margin-bottom:5px
  719. }
  720.  
  721. .albumart {
  722. border-radius:50px;
  723. margin-top:15px;
  724. margin-left:15px;
  725. float:left;
  726. width:71px;
  727. height:71px
  728. }
  729.  
  730. .player {
  731. border-radius:50px;
  732. margin-left:10px;
  733. margin-top:10px;
  734. display:block;
  735. height:59px;
  736. width:59px;
  737. padding:11px;
  738. overflow:hidden;
  739. position:absolute;
  740. opacity:0.5;
  741. background:#fff;
  742. -webkit-transition:all 0.4s ease-in-out;
  743. -moz-transition:all 0.4s ease-in-out;
  744. -o-transition:all 0.4s ease-in-out;
  745. -ms-transition: all 0.4s ease-in-out;
  746. transition:all 0.5s ease-in-out
  747. }
  748.  
  749. .player:hover {
  750. opacity:0.9;
  751. -webkit-transition:all 0.4s ease-in-out;
  752. -moz-transition:all 0.4s ease-in-out;
  753. -o-transition:all 0.4s ease-in-out;
  754. -ms-transition: all 0.4s ease-in-out;
  755. transition:all 0.5s ease-in-out}
  756.  
  757. .audioplayer {
  758. width:30px;
  759. height:30px;
  760. margin-top:17px;
  761. margin-left:17px;
  762. overflow:hidden
  763.  
  764. }
  765.  
  766. .audioinfo {
  767. font-size:9px;
  768. font-family:georgia;
  769. text-transform:uppercase;
  770. color:{color:text};
  771. text-align:left;
  772. padding-top:22px;
  773. margin-left:90px;
  774. }
  775.  
  776. .audiotitle {
  777. color:{color:Entry titles};
  778. margin-top:-3px;
  779. margin-bottom:-6px;
  780. margin-left:5px;
  781. text-transform: uppercase;
  782. font-size: 20px;
  783. font-family:'georgia';
  784. font-weight:bold;
  785. text-shadow: 1px 1px 1px #000;
  786. }
  787.  
  788. #info {
  789. font-family:'georgia';
  790. font-size:8px;
  791. text-align: center;
  792. margin-bottom: 0px;
  793. margin-top: 5px;
  794. padding: 2px;
  795. padding-top: 2px;
  796. color:{color:Entries border};
  797. text-transform:uppercase;
  798. background-color:transparent;
  799. border-bottom:2px solid {color:Entry titles};
  800. box-shadow:2px 1px 2px #000;
  801. }
  802.  
  803. #info2 {
  804. font-family:'georgia';
  805. font-size:8px;
  806. text-align: center;
  807. margin-bottom: 0px;
  808. padding: 2px;
  809. padding-top: 0px;
  810. padding-bottom:0px;
  811. color:{color:Body};
  812. text-transform:lowercase;
  813. font-style:italic;
  814. background-color:transparent;
  815. }
  816.  
  817. #credit a{
  818. position:fixed;
  819. right:3px;
  820. bottom:3px;
  821. padding:4px;
  822. background:white;
  823. font-size:11px;
  824. color:black;
  825. -moz-transition-duration:1s;
  826. -webkit-transition-duration:1s;
  827. -o-transition-duration:1s;
  828. }
  829.  
  830. #credit a:hover {
  831. opacity:1;
  832. color:white;
  833. background:black;
  834. -moz-transition-duration:1s;
  835. -webkit-transition-duration:1s;
  836. -o-transition-duration:1s;
  837. }
  838.  
  839.  
  840. </style>
  841. <style type="text/css">{CustomCSS}</style>
  842. </head>
  843.  
  844. <body>
  845.  
  846.  
  847. <div id="borderbar1"></div>
  848.  
  849. <div id="borderbar2"></div>
  850.  
  851. <div id="image"></div>
  852.  
  853. <div id="titlebar"><div style="font-family:'lobster'; font-size:20px; text-transform:normal; text-shadow: 1px 2px 1px #000; text-align:center; padding-top:1px; color:{color:Title Color};">{text:main}</div>
  854.  
  855. <div id="topsub2"><div style="margin-top:-2px; margin-bottom:-5px; text-transform:uppercase;">{text:sub}</div></div></div>
  856.  
  857. <div id="image2"><div style="font-family:calibri; font-size:9px; padding:1px;">HOVER</div>
  858. <div id="sidebar">
  859.  
  860. <div id="description">
  861. {block:Description}
  862. {Description}{/block:Description}
  863. <center>
  864. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">⇐</a>{/block:PreviousPage} {CurrentPage} <b>out of </b>{TotalPages} {block:NextPage}<a href="{NextPage}">⇒</a>{/block:NextPage}{/block:Pagination}</div> </center>
  865. </div></div></div>
  866.  
  867.  
  868. <div id="sidebar2">
  869. <div id="links">
  870. <a href="{text:Link1 URL}">{text:Link1}</a>
  871. <a href="{text:Link2 URL}">{text:Link2}</a>
  872. <a href="{text:Link3 URL}">{text:Link3}</a>
  873. </div>
  874.  
  875. </div>
  876.  
  877. <div id="sidebar3">
  878. <div id="links2">
  879. <a href="{text:Link4 URL}" title="{text:Link4}">ⅰ</a><br>
  880. <a href="{text:Link5 URL}" title="{text:Link5}">ⅱ</a><br>
  881. <a href="{text:Link6 URL}" title="{text:Link6}">ⅲ</a><br>
  882. <a href="{text:Link7 URL}" title="{text:Link7}">ⅳ</a>
  883. </div>
  884.  
  885. </div>
  886.  
  887. <div id="image3"><div style="font-family:calibri; font-size:9px; padding-left:1px;">HOVER</div>
  888. <div id="image4"></div>
  889. </div>
  890.  
  891.  
  892. </div>
  893.  
  894. </div>
  895.  
  896.  
  897.  
  898.  
  899. <div id="entries">
  900.  
  901. {block:Posts}
  902.  
  903. <div id="postbg">
  904. <div id="post">
  905.  
  906.  
  907. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  908.  
  909. {block:Quote}<div id="quotetext">“{Quote}” </div>
  910. <div style="font-family:georgia; font-size:12px; text-align:right; padding-bottom:2px;">— {Source}</div>{/block:Quote}
  911.  
  912. {block:Link}<a href="{URL}" class="link" {Target}> <h2>➝ {Name}</h2></a>
  913. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  914.  
  915. {block:Photo}<div style="padding-top:2px;"><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  916. {block:Photoset}<div style="padding-top:2px;"><center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  917.  
  918. {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}
  919.  
  920. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}<br></li>{/block:Lines}</ul>
  921.  
  922. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  923.  
  924.  
  925.  
  926.  
  927. {block:Audio}
  928. <div id="audio">
  929. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  930. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 50px">{/block:AlbumArt}</div>
  931. <div class="audioinfo">
  932. <div class="audiotitle">{block:TrackName}{TrackName} ➝{/block:TrackName}</div><br>
  933. <div style="padding-left:20px;">{block:Artist}⋆ <b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br>
  934. ⋆ <b>Album:</b> {Album}{/block:Album}<br>
  935. ⋆ <b>Played:</b> {FormattedPlayCount} times</div></div>
  936. {block:Caption}{Caption}{/block:Caption}</div>
  937. {/block:Audio}
  938.  
  939. {block:Answer}
  940. <div id="askimage"><img src="{AskerPortraitURL-64}" style="border-radius:40px;"></div>
  941. <div id="asks"><div style="font-family:'georgia'; text-transform:uppercase; font-size:17px; text-shadow:1px 1px 1px #000; text-align:left; padding-bottom:0px;"><b>{Asker} wondered »</b></div><p></p>
  942. <div style="margin-left:10px; text-align:justify; text-transform:uppercase; font-size:8px;">{Question}</div></div>
  943. <div id="answers">{Answer}</div>{/block:Answer}
  944.  
  945. <div id="info">{block:Date}<b><a href="{Permalink}">{TimeAgo}</a></b>{/block:Date}
  946. {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}
  947. {block:ContentSource} <a href="{SourceURL}">✶</a>{block:ContentSource}{/block:RebloggedFrom}<br>
  948. <div id="info2"><b>tagged:</b> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  949. </div></div>
  950.  
  951. </div></div>
  952. {block:PostNotes}<div style="padding-left:20px;">{PostNotes}</div>{/block:PostNotes}
  953. {/block:Posts}
  954.  
  955.  
  956. </div></div>
  957.  
  958. </div>
  959.  
  960.  
  961.  
  962. <div id="credit"><a href="http://bramrps.tumblr.com">⋆</a></div>
  963. </body>
  964. </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!