Advertisement
bramrps

THEME 16: DANCE WITH SOMEBODY

Jul 22nd, 2014
236
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.32 KB | None | 0 0
  1. <!-- THEME #16 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=FishFingers' 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:Entries" content="#fff" />
  26. <meta name="color:Borders" content="#000" />
  27. <meta name="color:Bold" content="#fff" />
  28. <meta name="color:Link" content="#8d8c8d" />
  29. <meta name="color:Link Bg" content="#ffffff" />
  30. <meta name="color:Link Hover" content="#fff" />
  31. <meta name="color:Top Color" content="#fff" />
  32. <meta name="color:Sidebars" content="#ccc" />
  33. <meta name="color:Info Bg" content="#000" />
  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:Entries Border" content="" />
  41. <meta name="image:Borderbar" content="" />
  42. <meta name="image:Background" content="" />
  43. <meta name="text:Link1 Title" content="Title1" />
  44. <meta name="text:Link1 URL" content="/" />
  45. <meta name="text:Link2 Title" content="Title2" />
  46. <meta name="text:Link2 URL" content="/" />
  47. <meta name="text:Link3 Title" content="Title3" />
  48. <meta name="text:Link3 URL" content="/" />
  49. <meta name="text:Link4 Title" content="Title4" />
  50. <meta name="text:Link4 URL" content="/" />
  51. <meta name="text:Link5 Title" content="Title5" />
  52. <meta name="text:Link5 URL" content="/" />
  53. <meta name="text:Link6 Title" content="Title6" />
  54. <meta name="text:Link6 URL" content="/" />
  55. <meta name="text:Link7 Title" content="Title7" />
  56. <meta name="text:Link7 URL" content="/" />
  57. <meta name="text:Link8 Title" content="Title8" />
  58. <meta name="text:Link8 URL" content="/" />
  59.  
  60. <meta name="text:one" content="this is title number one" />
  61. <meta name="text:two" content="title number two" />
  62. <meta name="text:three" content="this is title number three" />
  63.  
  64. <style type="text/css">
  65.  
  66. body {
  67. background: {color:Background};
  68. background-image: url('{image:Background}');
  69. background-attachment:fixed;
  70. position:absolute;
  71. font-size:12px;
  72. font-family: {font:Body};
  73. color:{color:Body};
  74. }
  75.  
  76. blockquote {
  77. margin-left: 25px;
  78. border-left: 1px solid {color:Borders};
  79. padding:2px;
  80. padding-left:5px;
  81. text-align: justify;
  82. }
  83.  
  84.  
  85. b, strong {
  86. color:{color:Bold};
  87. }
  88.  
  89. i, em {
  90. color:{color:Body}
  91. text-shadow: 0px 0px 2px #000;
  92. }
  93.  
  94. a {
  95. text-decoration:none;
  96. outline:none;
  97. color:{color:Link};
  98. -webkit-transition: all 0.5s ease-in-out;
  99. -moz-transition: all 0.5s ease-in-out;
  100. -o-transition: all 0.5s ease-in-out;
  101. }
  102.  
  103. a:hover {
  104. color:{color:Link Hover};
  105. letter-spacing:2px;
  106. -webkit-transition: all 0.5s ease-in-out;
  107. -moz-transition: all 0.5s ease-in-out;
  108. -o-transition: all 0.5s ease-in-out;
  109. }
  110.  
  111. h1 {
  112. margin-top:-5px;
  113. margin-bottom:5px;
  114. color:{color:Entry titles};
  115. font-family:'head versus heart';
  116. font-style:normal;
  117. text-align:right;
  118. text-transform:uppercase;
  119. font-size: 25px;
  120. color: {color:Entry titles};
  121. padding-bottom:0px;
  122. text-shadow: 2px 3px 1px #000;
  123. }
  124.  
  125. h2 {
  126. margin-top:0px;
  127. margin-bottom:5px;
  128. font-family:'head versus heart';
  129. text-transform:uppercase;
  130. text-align:center;
  131. font-size: 20px;
  132. color:{color:Link};
  133. text-shadow: 2px 3px 1px #000;
  134. }
  135.  
  136. h3 {
  137. margin-top:-5px;
  138. margin-bottom:-5px;
  139. color:{color:Entry titles};
  140. font-family:'head versus heart';
  141. font-style:normal;
  142. text-align:center;
  143. text-transform:uppercase;
  144. font-size: 25px;
  145. text-shadow: 2px 3px 1px #000;
  146. color: {color:Entry titles};
  147. }
  148.  
  149. img {
  150. border: 0;
  151. max-width: 100%;}
  152.  
  153. img:hover {
  154. opacity:0.7;
  155. -webkit-transition:all 0.4s ease-in-out;
  156. -moz-transition:all 0.4s ease-in-out;
  157. -o-transition:all 0.4s ease-in-out;
  158. -ms-transition: all 0.4s ease-in-out;
  159. transition:all 0.5s ease-in-out
  160. }
  161.  
  162. #topbar {
  163. position:fixed;
  164. width:205px;
  165. height:61px;
  166. left:328px;
  167. top:322px;
  168. background-color:{color:Sidebars};
  169. border-color:{color:Borders};
  170. border-style:solid;
  171. border-width:1px
  172. }
  173.  
  174. #toptitle {
  175. text:{text:two};
  176. font-family:'fishfingers';
  177. font-size:35px;
  178. color:{color:Title Color};
  179. font-style:normal;
  180. text-align:center;
  181. margin-top:-8px;
  182. text-shadow: 2px 3px 1px #000;
  183. }
  184.  
  185. #topsub {
  186. text:{text:one};
  187. font-family:'georgia';
  188. font-size:10px;
  189. color:{color:Subtitle Color};
  190. text-align:center;
  191. text-transform:uppercase;
  192. margin-top:5px;
  193. }
  194.  
  195. #topsub2 {
  196. text:{text:three};
  197. font-family:'georgia';
  198. font-size:10px;
  199. color:{color:Subtitle Color};
  200. text-align:center;
  201. text-transform:uppercase;
  202. margin-top:-3px;
  203. }
  204.  
  205.  
  206. #borderbar1 {
  207. position:fixed;
  208. top:90px;
  209. left:93px;
  210. width:435px;
  211. height:455px;
  212. padding:5px;
  213. background-image:url('{image:Borderbar}');
  214. background-attachment:fixed;
  215. background-color:#fff;
  216. border-color:{color:Borders};
  217. border-style:solid;
  218. border-width:1px
  219. }
  220.  
  221.  
  222.  
  223. #sidebar {
  224. position:fixed;
  225. top:285px;
  226. left:98px;
  227. width:225px;
  228. height:265px;
  229. background-color:{color:Sidebars};
  230. border-color:{color:Borders};
  231. border-style:solid;
  232. border-width:1px;
  233. }
  234.  
  235.  
  236. #sidebar2 {
  237. position:fixed;
  238. top:388px;
  239. left:328px;
  240. width:205px;
  241. height:32px;
  242. background-color:{color:Link Bg};
  243. border-color:{color:Borders};
  244. border-style:solid;
  245. border-width:1px;
  246. }
  247.  
  248. #sidebar3 {
  249. position:fixed;
  250. top:285px;
  251. left:328px;
  252. width:205px;
  253. height:32px;
  254. background-color:{color:Link Bg};
  255. border-color:{color:Borders};
  256. border-style:solid;
  257. border-width:1px;
  258. }
  259.  
  260.  
  261.  
  262. #image {
  263. z-index:3;
  264. position:fixed;
  265. top:95px;
  266. left:98px;
  267. width:435px;
  268. height:185px;
  269. background-image:url('{image:Image}');
  270. background-attachment:none;
  271. background-size:auto;
  272. background-position:top left;
  273. background-repeat:no-repeat;
  274. float:center;
  275. overflow:hidden;
  276. background-color:#fff;
  277. border-color:{color:Borders};
  278. border-style:solid;
  279. border-width:1px
  280. }
  281.  
  282. #image2 {
  283. z-index:3;
  284. position:fixed;
  285. top:425px;
  286. left:328px;
  287. width:205px;
  288. height:125px;
  289. background-image:url('{image:Image2}');
  290. background-attachment:none;
  291. background-size:auto;
  292. background-position:top left;
  293. background-repeat:no-repeat;
  294. float:center;
  295. overflow:hidden;
  296. background-color:#fff;
  297. border-color:{color:Borders};
  298. border-style:solid;
  299. border-width:1px
  300. }
  301.  
  302.  
  303.  
  304. #description {
  305. padding:5px;
  306. color:{color:Description};
  307. font-size:10px;
  308. text-align:justify;
  309. font-family:'georgia';
  310. }
  311.  
  312. #pagination {
  313. font-family:'georgia';
  314. font-size:16px;
  315. display:inline-block;
  316. color:{color:Body};
  317. -webkit-transition: all 0.2s ease-in-out;
  318. -moz-transition: all 0.2s ease-in-out;
  319. -o-transition: all 0.2s ease-in-out;
  320. }
  321.  
  322. #links {
  323. text-align:center;
  324. }
  325.  
  326.  
  327. #links a{
  328. font-family:'calibri';
  329. background-color:{color:Link Bg};
  330. color:#fff;
  331. width:45px;
  332. height:32px;
  333. line-height:32px;
  334. font-size:25px;
  335. text-transform:normal;
  336. display:inline-block;
  337. margin-top:0px;
  338. margin-bottom:0px;
  339. padding:0px;
  340. color:{color:Link};
  341. -webkit-transition: all 0.2s ease-in-out;
  342. -moz-transition: all 0.2s ease-in-out;
  343. -o-transition: all 0.2s ease-in-out;
  344. }
  345.  
  346. #links a:hover{
  347. color:{color:Link};
  348. background:transparent;
  349. text-shadow: 2px 3px 1px #000;
  350. -webkit-transition: opacity 0.7s linear;opacity: 1;
  351. -webkit-transition: all 0.3s ease-out;
  352. -moz-transition: all 0.3s ease-out;
  353. transition: all 0.3s ease-out;
  354. }
  355.  
  356. #links2 {
  357. text-align:center;
  358. }
  359.  
  360.  
  361. #links2 a{
  362. font-family:'calibri';
  363. background-color:{color:Link Bg};
  364. color:#fff;
  365. border-color:{color:Borders};
  366. border-style:solid;
  367. border-width:1px;
  368. width:162px;
  369. height:40px;
  370. line-height:40px;
  371. font-size:10px;
  372. text-transform:normal;
  373. display:inline-block;
  374. margin-top:5px;
  375. margin-bottom:0px;
  376. padding:0px;
  377. color:{color:Link};
  378. -webkit-transition: all 0.2s ease-in-out;
  379. -moz-transition: all 0.2s ease-in-out;
  380. -o-transition: all 0.2s ease-in-out;
  381. }
  382.  
  383. #links2 a:hover{
  384. color:{color:Background};
  385. background:{color:Link Hover};
  386. letter-spacing:3px;
  387. font-style:italic;
  388. -webkit-transition: opacity 0.7s linear;opacity: 1;
  389. -webkit-transition: all 0.3s ease-out;
  390. -moz-transition: all 0.3s ease-out;
  391. transition: all 0.3s ease-out
  392. }
  393.  
  394. .user_1 .label {
  395. color:{color:Link};
  396. font-family:'georgia';
  397. font-size: 10px;
  398. padding: 5px;
  399. text-transform:uppercase;
  400. font-weight:bold
  401. }
  402.  
  403. .user_2 .label {
  404. color:{color:Entry titles};
  405. font-family:'georgia';
  406. font-size: 10px;
  407. padding: 5px;
  408. text-transform:uppercase;
  409. font-weight:bold
  410. }
  411.  
  412. .user_3 .label {
  413. color:{color:Link};
  414. font-family:'georgia';
  415. font-size: 10px;
  416. padding: 5px;
  417. text-transform:uppercase;
  418. font-weight:bold
  419. }
  420.  
  421. .user_4 .label {
  422. color:{color:Entry titles};
  423. font-family:'georgia';
  424. font-size: 10px;
  425. padding: 5px;
  426. text-transform:uppercase;
  427. font-weight:bold
  428. }
  429.  
  430. .user_5 .label {
  431. color:{color:Link};
  432. font-family:'georgia';
  433. font-size: 10px;
  434. padding: 5px;
  435. text-transform:uppercase;
  436. font-weight:bold
  437. }
  438.  
  439. .user_6 .label {
  440. color:{color:Entry titles};
  441. font-family:'georgia';
  442. font-size: 10px;
  443. padding: 5px;
  444. text-transform:uppercase;
  445. font-weight:bold
  446. }
  447.  
  448. .user_7 .label {
  449. color:{color:Link};
  450. font-family:'georgia';
  451. font-size: 10px;
  452. padding: 5px;
  453. text-transform:uppercase;
  454. font-weight:bold
  455. }
  456.  
  457. .user_8 .label {
  458. color:{color:Entry titles};
  459. font-family:'georgia';
  460. font-size: 10px;
  461. padding: 5px;
  462. text-transform:uppercase;
  463. font-weight:bold
  464. }
  465.  
  466. .user_9 .label {
  467. color:{color:Link};
  468. font-family:'georgia';
  469. font-size: 10px;
  470. padding: 5px;
  471. text-transform:uppercase;
  472. font-weight:bold
  473. }
  474.  
  475. .user_10 .label {
  476. color:{color:Entry titles};
  477. font-family:'georgia';
  478. font-size: 10px;
  479. padding: 5px;
  480. text-transform:uppercase;
  481. font-weight:bold
  482. }
  483.  
  484.  
  485. ul.chat, .chat ol, .chat li {
  486. list-style:none;
  487. margin-top:-8px;
  488. margin-bottom:0px;
  489. padding: 3px;
  490. }
  491.  
  492. p {
  493. margin-top:0px;
  494. margin-bottom:0px
  495. }
  496.  
  497. #postbg {
  498. float:left;
  499. position:fixed;
  500. margin-left:600px;
  501. margin-top:-50px;
  502. padding:20px;
  503. width:510px;
  504. height:200%;
  505. overflow:hidden;
  506. background-color:{color:Sidebars};
  507. background-image:url('{image:Entries border}');
  508. background-attachment:repeat;
  509. border:1px solid {color:Borders};
  510. }
  511.  
  512. #entries {
  513. position:absolute;
  514. width:510px;
  515. margin-left:620px;
  516. margin-top:10px;
  517. font-size:10px;
  518. text-align:justify;
  519.  
  520. }
  521.  
  522. #post {
  523. background-color:{color:Entries};
  524. padding:5px;
  525. padding-top:5px;
  526. padding-bottom:5px;
  527. margin-bottom:25px;
  528. border-style:double;
  529. border-color:{color:Entries Border};
  530. }
  531.  
  532.  
  533. #quotetext {
  534. font-family:'rochester';
  535. font-size:25px;
  536. color:{color:Borders};
  537. font-style:normal;
  538. text-align:justify;
  539. margin-top:5px;
  540. padding:2px;
  541. }
  542.  
  543.  
  544. #asks {
  545. text-align:left;
  546. font-size:10px;
  547. font-family:'georgia';
  548. margin:5px;
  549. padding:5px;
  550. background-color:transparent;
  551. border:1px dotted {color:Borders};
  552. }
  553.  
  554. .asker {
  555. font-family:'head versus heart';
  556. text-transform:uppercase;
  557. margin-bottom:-8px;
  558. font-size:20px;
  559. letter-spacing:1px;
  560. text-shadow:2px 3px 1px #000;
  561. font-style:normal;
  562.  
  563. }
  564.  
  565. #answers {
  566. margin-left:5px;
  567. margin-top:8px;
  568. margin-bottom:10px;
  569. text-align:justify;
  570. }
  571.  
  572.  
  573.  
  574. #info {
  575. font-family:'calibri';
  576. text-align: center;
  577. margin-bottom: 0px;
  578. margin-top: 5px;
  579. padding: 2px;
  580. padding-top: 0px;
  581. color:{color:Link Hover};
  582. text-transform:uppercase;
  583. background-color:{color:Info Bg};
  584. border-color:{color:Info Bg};
  585. border-width:1px solid;
  586. }
  587.  
  588. #info2 {
  589. font-family:'calibri';
  590. text-align: center;
  591. margin-bottom: -4px;
  592. padding: 2px;
  593. padding-top: 2px;
  594. color:{color:Body};
  595. text-transform:lowercase;
  596. font-style:italic;
  597. background-color:{color:Entries};
  598. border-color:{color:Entries};
  599. border-width:1px solid;
  600. }
  601.  
  602. #credit a{
  603. position:fixed;
  604. right:3px;
  605. bottom:3px;
  606. padding:4px;
  607. background:white;
  608. font-size:11px;
  609. color:black;
  610. -moz-transition-duration:1s;
  611. -webkit-transition-duration:1s;
  612. -o-transition-duration:1s;
  613. }
  614.  
  615. #credit a:hover {
  616. opacity:1;
  617. color:white;
  618. background:black;
  619. -moz-transition-duration:1s;
  620. -webkit-transition-duration:1s;
  621. -o-transition-duration:1s;
  622. }
  623.  
  624.  
  625. </style>
  626. <style type="text/css">{CustomCSS}</style>
  627. </head>
  628.  
  629. <body>
  630.  
  631. <div id="postbg"></div>
  632.  
  633. <div id="borderbar1"></div>
  634.  
  635. <div id="image"></div>
  636.  
  637. <div id="image2"></div>
  638.  
  639. <div id="sidebar">
  640.  
  641. <div id="description">
  642. {block:Description}
  643. {Description}{/block:Description}
  644. <center>
  645. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">⇐</a>{/block:PreviousPage} <i>{CurrentPage} out of {TotalPages} </i>{block:NextPage}<a href="{NextPage}">⇒</a>{/block:NextPage}{/block:Pagination}</div> </center>
  646. </div></div>
  647.  
  648. <div id="sidebar2">
  649. <div id="links">
  650. <a href="{text:Link5 URL}" title="{text:Link5 Title}">★</a>
  651. <a href="{text:Link6 URL}" title="{text:Link6 Title}">★</a>
  652. <a href="{text:Link7 URL}" title="{text:Link7 Title}">★</a>
  653. <a href="{text:Link8 URL}" title="{text:Link8 Title}">★</a>
  654. </div>
  655.  
  656. </div>
  657.  
  658. <div id="sidebar3">
  659. <div id="links">
  660. <a href="{text:Link1 URL}" title="{text:Link1 Title}">★</a>
  661. <a href="{text:Link2 URL}" title="{text:Link2 Title}">★</a>
  662. <a href="{text:Link3 URL}" title="{text:Link3 Title}">★</a>
  663. <a href="{text:Link4 URL}" title="{text:Link4 Title}">★</a>
  664. </div>
  665. </div>
  666.  
  667.  
  668. <div id="topbar">
  669. <div id="topsub">{text:one}</div>
  670. <div id="toptitle">{text:two}</div>
  671. <div id="topsub2">{text:three}</div>
  672.  
  673.  
  674. </div>
  675.  
  676.  
  677. <div id="entries">
  678.  
  679. {block:Posts}
  680.  
  681. <div id="post">
  682.  
  683.  
  684. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  685.  
  686. {block:Quote}<div id="quotetext">“{Quote}” </div>
  687. <div style="font-family:georgia; font-size:12px; text-align:right; padding-bottom:2px;">— {Source}</div>{/block:Quote}
  688.  
  689. {block:Link}<a href="{URL}" class="link" {Target}> <h2>➝ {Name}</h2></a>
  690. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  691.  
  692. {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}
  693. {block:Photoset}<div style="padding-top:5px;"><center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  694.  
  695. {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}
  696.  
  697. <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>
  698.  
  699. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  700.  
  701.  
  702.  
  703.  
  704. {block:Audio}
  705. {block:AudioPlayer}
  706. <center>{AudioPlayerWhite}</center>
  707. {/block:AudioPlayer}
  708. {block:AlbumArt}
  709. <img src="{AlbumArtURL}" style="width:50px; float:left; padding-top:0px; padding:2px">
  710. {/block:AlbumArt}
  711. <br>
  712. <div style="padding-bottom:10px; padding-top:0px;">{block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br>
  713. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  714. {block:Playcount}<b>Play count:</b> {FormattedPlayCount}{/block:Playcount}</div>
  715. {block:Caption}{Caption}{/block:Caption}
  716. {/block:Audio}
  717.  
  718. {block:Answer}
  719. <div id="asks"><div style="font-family:'head versus heart'; text-transform:uppercase; font-size:17px; text-align:left; padding-bottom:2px;"><b>{Asker}</b> wondered »»</div><p></p>
  720. <div style="margin-left:10px; text-align:justify;">{Question}</div></div>
  721. <div id="answers">{Answer}</div>{/block:Answer}
  722.  
  723. <div id="info">{block:Date}<b><a href="{Permalink}">{TimeAgo}</a></b>{/block:Date}
  724. {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}
  725. {block:ContentSource} <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}<br></div>
  726. <div id="info2">tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  727. </div>
  728.  
  729. </div>
  730. {block:PostNotes}<div style="padding-left:125px;">{PostNotes}</div>{/block:PostNotes}
  731. {/block:Posts}
  732.  
  733.  
  734. </div></div>
  735.  
  736. </div>
  737.  
  738.  
  739.  
  740. <div id="credit"><a href="http://bramrps.tumblr.com">♥</a></div>
  741. </body>
  742. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement