API tools faq
paste
Advertisement
themesbygeorgia

Theme #4 Revamp - Conversation

themesbygeorgia
Mar 26th, 2014
2,805
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.20 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--Theme #4 Revamp - Conversation
  6. no stealing or claiming as your own etc etc-->
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  14. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  15.  
  16. <!--SCRIPT FOR TOOLTIPS-->
  17. <stsss>
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("a[title]").style_my_tooltips({
  24. tip_follows_cursor:true,
  25. tip_delay_time:200,
  26. tip_fade_speed:300,
  27. attribute:"title"
  28. });
  29. });
  30. })(jQuery);
  31. </script>
  32.  
  33. <!-- ------ DEFAULT VARIABLES ------ -->
  34.  
  35. <meta name="color:Background" content="#eaf8f6" />
  36. <meta name="color:Post Background" content="#ffffff" />
  37. <meta name="color:Sidebar Background" content="#ffffff" />
  38. <meta name="color:Header Background" content="#000" />
  39. <meta name="color:RightSidebar Background" content="#ffffff" />
  40. <meta name="color:Border" content="#000" />
  41. <meta name="color:Text" content="#000" />
  42. <meta name="color:Link" content="#ddd" />
  43. <meta name="color:Hover" content="#000" />
  44. <meta name="color:pre Background" content="#ddd" />
  45. <meta name="color:pre Text" content="#fff" />
  46. <meta name="color:NavLink" content="#000" />
  47. <meta name="color:NavLink Background" content="#fff" />
  48. <meta name="color:NavLink Hover" content="#000" />
  49. <meta name="color:NavLink Background Hover" content="#ddd" />
  50. <meta name="color:Question Background" content="#ddd" />
  51. <meta name="color:Question Text" content="#444" />
  52. <meta name="color:Answer Background" content="#fff" />
  53. <meta name="color:Answer Text" content="#444" />
  54. <meta name="color:Chat Bg Odd" content="#ddd" />
  55. <meta name="color:Chat Bg Even" content="#fff" />
  56. <meta name="color:Info Background" content="#ddd" />
  57. <meta name="color:Info Text" content="#444" />
  58. <meta name="color:Info Links" content="#444" />
  59. <meta name="color:Info Links Hover" content="#fff" />
  60. <meta name="color:Tooltip Background" content="#000" />
  61. <meta name="color:Tooltip Shadow" content="#000" />
  62. <meta name="color:Tooltip Text" content="#fff" />
  63. <meta name="color:Scrollbar" content="#000" />
  64. <meta name="color:Scrollbar Background" content="#fff" />
  65.  
  66. <meta name="image:Sidebar1" content=""/>
  67. <meta name="image:Sidebar2" content=""/>
  68. <meta name="image:Sidebar3" content=""/>
  69. <meta name="image:Sidebar4" content=""/>
  70.  
  71. <meta name="text:Link 1" content="" />
  72. <meta name="text:Link 1 Text" content="Link 1" />
  73. <meta name="text:Link 2" content="" />
  74. <meta name="text:Link 2 Text" content="Link 2" />
  75. <meta name="text:Link 3" content="" />
  76. <meta name="text:Link 3 Text" content="Link 3" />
  77. <meta name="text:Link 4" content="" />
  78. <meta name="text:Link 4 Text" content="Link 4" />
  79.  
  80.  
  81. <style type="text/css">
  82.  
  83. ::-webkit-scrollbar-thumb {
  84. height:auto;
  85. background-color:{color:Scrollbar};
  86. }
  87.  
  88. ::-webkit-scrollbar {
  89. height:8px;
  90. width:6px;
  91. padding-right:2px;
  92. background-color:transparent;
  93. }
  94.  
  95. #s-m-t-tooltip {
  96. max-width:130px;
  97. font-size:10px;
  98. font-family:'calibri';
  99. background-color:{color:Tooltip Background};
  100. color:{color:Tooltip Text};
  101. line-height:14px;
  102. display:none;
  103. position:absolute;
  104. letter-spacing:1px;
  105. text-transform:uppercase;
  106. padding:7px;
  107. box-shadow:4px 5px 4px {color:Tooltip Shadow};
  108. margin:15px 0px 0px 15px;
  109. z-index:99999999999999;
  110. }
  111.  
  112. body {
  113. background-image: url({image:Background});
  114. background-attachment:fixed;
  115. background-size:cover;
  116. background-repeat:no-repeat;
  117. background-color:{color:Background};
  118. color:{color:Text};
  119. font-family:'corbel';
  120. font-size:12px;
  121. text-decoration:none;
  122. text-transform:none;
  123. margin:0px;
  124. {block:IfCustomCursor}
  125. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  126. {/block:IfCustomCursor}
  127. }
  128.  
  129. a {
  130. color:{color:Link};
  131. text-decoration:none;
  132. -moz-transition-duration:0.7s;
  133. -webkit-transition-duration:0.7s;
  134. -o-transition-duration:0.7s;
  135. }
  136.  
  137. a:hover {
  138. text-decoration:none;
  139. {block:IfCustomCursor}
  140. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  141. {/block:IfCustomCursor}
  142. color:{color:Hover};
  143. -moz-transition-duration:0.7s;
  144. -webkit-transition-duration:0.7s;
  145. -o-transition-duration:0.7s;
  146. }
  147.  
  148. h2 {
  149. text-decoration:underline;
  150. }
  151.  
  152. h2 a {
  153. color:{color:Link};
  154. }
  155.  
  156. li {
  157. list-style:square;
  158. }
  159.  
  160. pre {
  161. letter-spacing:2px;
  162. font-size:11px;
  163. text-transform:uppercase;
  164. background-color:{color:pre Background};
  165. color:{color:pre Text};
  166. padding:5px;
  167. white-space: pre-wrap;
  168. white-space: -moz-pre-wrap;
  169. white-space: -pre-wrap;
  170. white-space: -o-pre-wrap;
  171. word-wrap: break-word;
  172. }
  173.  
  174. blockquote {
  175. border-left:2px solid {color:Text};
  176. padding-left:5px;
  177. margin-left:12px;
  178. }
  179.  
  180. blockquote blockquote {
  181. padding:0 0 0 5px;
  182. margin:0 0 0 12px;
  183. }
  184.  
  185. img, blockquote, li, h2 {
  186. max-width:100%;
  187. }
  188.  
  189. /*SIDEBAR*/
  190.  
  191. #sidebar {
  192. position:fixed;
  193. margin-top:250px;
  194. margin-left:200px;
  195. width:250px;
  196. }
  197.  
  198. #sidebarimage {
  199. width:300px;
  200. height:150px;
  201. font-size:11px;
  202. }
  203.  
  204. #sidebarimage1 img {
  205. width:100px;
  206. height:100px;
  207. margin-top:-100px;
  208. padding:3px;
  209. margin-left:-10px;
  210. position:absolute;
  211. border:solid 2px {color:Border};
  212. }
  213.  
  214. #sidebarimage2 img {
  215. width:100px;
  216. height:100px;
  217. margin-top:-100px;
  218. padding:3px;
  219. margin-left:120px;
  220. position:absolute;
  221. border:solid 2px {color:Border};
  222. }
  223.  
  224. #sidebarimage3 img {
  225. width:100px;
  226. height:100px;
  227. margin-top:30px;
  228. padding:3px;
  229. margin-left:-10px;
  230. position:absolute;
  231. border:solid 2px {color:Border};
  232. }
  233.  
  234. #sidebarimage4 img {
  235. width:100px;
  236. height:100px;
  237. margin-top:30px;
  238. padding:3px;
  239. margin-left:120px;
  240. position:absolute;
  241. border:solid 2px {color:Border};
  242. }
  243.  
  244. .update1 {
  245. text-align:justify;
  246. width:80px;
  247. height:80px;
  248. opacity:0;
  249. padding:5px;
  250. margin-top:-90px;
  251. position:fixed;
  252. overflow:scroll;
  253. z-index:2;
  254. -moz-transition-duration:0.7s;
  255. -webkit-transition-duration:0.7s;
  256. -o-transition-duration:0.7s;
  257. }
  258.  
  259. .update1:hover{
  260. opacity:.9;
  261. background-color:#fff;
  262. -moz-transition-duration:0.7s;
  263. -webkit-transition-duration:0.7s;
  264. -o-transition-duration:0.7s;
  265. }
  266.  
  267. .update2 {
  268. text-align:justify;
  269. width:80px;
  270. height:80px;
  271. opacity:0;
  272. padding:5px;
  273. margin-top:-90px;
  274. margin-left:130px;
  275. position:fixed;
  276. overflow:scroll;
  277. z-index:2;
  278. -moz-transition-duration:0.7s;
  279. -webkit-transition-duration:0.7s;
  280. -o-transition-duration:0.7s;
  281. }
  282.  
  283. .update2:hover{
  284. opacity:.9;
  285. background-color:#fff;
  286. -moz-transition-duration:0.7s;
  287. -webkit-transition-duration:0.7s;
  288. -o-transition-duration:0.7s;
  289. }
  290.  
  291. .update3 {
  292. text-align:justify;
  293. width:80px;
  294. height:80px;
  295. opacity:0;
  296. padding:5px;
  297. margin-top:40px;
  298. position:absolute;
  299. overflow:scroll;
  300. z-index:2;
  301. -moz-transition-duration:0.7s;
  302. -webkit-transition-duration:0.7s;
  303. -o-transition-duration:0.7s;
  304. }
  305.  
  306. .update3:hover{
  307. opacity:.9;
  308. background-color:#fff;
  309. -moz-transition-duration:0.7s;
  310. -webkit-transition-duration:0.7s;
  311. -o-transition-duration:0.7s;
  312. }
  313.  
  314. .update4 {
  315. text-align:justify;
  316. width:80px;
  317. height:80px;
  318. opacity:0;
  319. padding:5px;
  320. margin-top:40px;
  321. margin-left:130px;
  322. position:absolute;
  323. overflow:scroll;
  324. z-index:2;
  325. -moz-transition-duration:0.7s;
  326. -webkit-transition-duration:0.7s;
  327. -o-transition-duration:0.7s;
  328. }
  329.  
  330. .update4:hover{
  331. opacity:.9;
  332. background-color:#fff;
  333. -moz-transition-duration:0.7s;
  334. -webkit-transition-duration:0.7s;
  335. -o-transition-duration:0.7s;
  336. }
  337.  
  338.  
  339. .links {
  340. width:auto;
  341. font-family:'calibri';
  342. padding:7px;
  343. border-top:solid 1px {color:Border};
  344. text-align:center;
  345. text-transform:uppercase;
  346. position:relative;
  347. margin-top:7px;
  348. margin-left:-32px;
  349. border-bottom:solid 1px {color:Border};
  350. }
  351.  
  352. .links a {
  353. width:94px;
  354. padding:3px;
  355. font-size:10px;
  356. letter-spacing:1px;
  357. text-decoration:italic;
  358. color:{color:NavLink};
  359. background:{color:NavLink Background};
  360. -moz-transition-duration:0.7s;
  361. -webkit-transition-duration:0.7s;
  362. -o-transition-duration:0.7s;
  363. }
  364.  
  365. .links a:hover {
  366. color:{color:NavLink Hover};
  367. background-color:{color:NavLink Background Hover};
  368. -moz-transition-duration:0.7s;
  369. -webkit-transition-duration:0.7s;
  370. -o-transition-duration:0.7s;
  371. }
  372.  
  373. #description {
  374. text-align:center;
  375. width:230px;
  376. margin-top:10px;
  377. position:relative;
  378. text-transform:none;
  379. color:{color:Text};
  380. }
  381.  
  382. #pagination {
  383. font-family:'arial';
  384. font-style:bold;
  385. padding:2px;
  386. letter-spacing:0px;
  387. font-size:9px;
  388. text-align:center;
  389. padding:2px;
  390. margin-top:10px;
  391. margin-left:0px;
  392. text-transform:lowercase;
  393. }
  394.  
  395. /*ENTRIES*/
  396.  
  397. #entries {
  398. padding:10px;
  399. width:550px;
  400. margin-left:500px;
  401. margin-bottom:30px;
  402. letter-spacing:0px;
  403. }
  404.  
  405. .post {
  406. width:400px;
  407. padding:25px;
  408. margin-bottom:120px;
  409. margin-top:30px;
  410. }
  411.  
  412. /* -------------- POST TITLE --------------- */
  413.  
  414. .title{
  415. padding:5px;
  416. font-size: 16px;
  417. text-transform:uppercase;
  418. line-height: 100%;
  419. letter-spacing: 1px;
  420. text-align:center;
  421. }
  422.  
  423. .user {
  424. font-style:italic;
  425. font-size:13px;
  426. position:relative;
  427. margin-bottom:10px;
  428. }
  429.  
  430. .user a {
  431. color:{color:Question Link};
  432. }
  433.  
  434. .user a:hover {
  435. color:{color:Hover};
  436. box-shadow:none;
  437. }
  438.  
  439. .question {
  440. position:relative;
  441. max-width:100%;
  442. background-color:{color:Question Background};
  443. color:{color:Question Text};
  444. padding:20px;
  445. }
  446.  
  447. .arrow-down {
  448. width: 0;
  449. height: 0;
  450. border-left: 15px solid transparent;
  451. border-right: 15px solid transparent;
  452. margin-left:30px;
  453. margin-top:0px;
  454. border-top: 15px solid {color:Question Background};
  455. }
  456.  
  457. .answer {
  458. text-align:left;
  459. margin-top:20px;
  460. max-width:100%;
  461. padding-bottom:5px;
  462. }
  463.  
  464. .mark {
  465. text-align:center;
  466. font-family:georgia;
  467. font-size:100px;
  468. color:{color:Link};
  469. border-bottom:1px solid {color:Text};
  470. padding-bottom:5px;
  471. }
  472.  
  473. .quote {
  474. padding-top:10px;
  475. font-size:15px;
  476. font-style:italic;
  477. }
  478.  
  479. .chat li {
  480. list-style:none;
  481. }
  482.  
  483. .line_odd {
  484. color:{color:Chat Bg Odd};
  485. }
  486.  
  487. .line_even {
  488. color:{color:Chat Bg Even};
  489. }
  490.  
  491. /*--INFO AND TAGS--*/
  492. #footer {
  493. font-family:'calibri';
  494. letter-spacing:1px;
  495. color:{color:Info Text};
  496. text-transform:uppercase;
  497. width:380px;
  498. text-align:left;
  499. font-size:11px;
  500. margin-top:20px;
  501. padding:10px;
  502. background-color:{color:Info Background};
  503. }
  504.  
  505. #footer a {
  506. letter-spacing:0px;
  507. color:{color:Info Links};
  508. }
  509.  
  510. #footer a:hover {
  511. text-decoration:line-through;
  512. color:{color:Info Links Hover};
  513. }
  514.  
  515. .like_and_reblog_buttons {
  516. list-style: none;
  517. }
  518.  
  519. .like_and_reblog_buttons li {
  520. list-style:none;
  521. float: left;
  522. margin: 0;
  523. padding: 7px 7px;
  524. }
  525.  
  526. .like_and_reblog_buttons li:first-child {
  527. height:10px;
  528. }
  529.  
  530. .postnotes {
  531. width:420px;
  532. height:220px;
  533. margin-top:-50px;
  534. overflow-y:scroll;
  535. }
  536.  
  537. .postnotes li {
  538. list-style:decimal;
  539. }
  540.  
  541. /*--CREDIT--*/
  542. #spectrum {
  543. bottom:9px;
  544. right:7px;
  545. font-size:8px;
  546. font-family:'calibri';
  547. letter-spacing:1px;
  548. text-transform:uppercase;
  549. position:fixed;
  550. }
  551.  
  552. {CustomCSS}</style></head><body>
  553.  
  554.  
  555. <div id="sidebar">
  556. <div id="sidebarimage">
  557. <div class="update1">
  558. <div style="background-color:#ddd; padding:2px; color:{color:Link}; text-transform:uppercase;text-align:center;">titles</div>
  559. Normal text, <b>bold</b>, <u>underline</u>, <i>italic</i>.<br>
  560. new paragraph<p>
  561. page break
  562. </div>
  563. <div id="sidebarimage1"><img src="{image:Sidebar1}"></div>
  564. <div class="update2">
  565. <div style="background-color:#ddd; padding:2px; color:{color:Link}; text-transform:uppercase;text-align:center;">titles</div>
  566. Normal text, <b>bold</b>, <u>underline</u>, <i>italic</i>.<br>
  567. new paragraph<p>
  568. page break
  569. </div>
  570. <div id="sidebarimage2"><img src="{image:Sidebar2}"></div>
  571. <div class="update3">
  572. <div style="background-color:#ddd; padding:2px; color:{color:Link}; text-transform:uppercase;text-align:center;">titles</div>
  573. Normal text, <b>bold</b>, <u>underline</u>, <i>italic</i>.<br>
  574. new paragraph<p>
  575. page break
  576. </div>
  577. <div id="sidebarimage3"><img src="{image:Sidebar3}"></div>
  578. <div class="update4">
  579. <div style="background-color:#ddd; padding:2px; color:{color:Link}; text-transform:uppercase;text-align:center;">titles</div>
  580. Normal text, <b>bold</b>, <u>underline</u>, <i>italic</i>.<br>
  581. new paragraph<p>
  582. page break
  583. </div>
  584. <div id="sidebarimage4"><img src="{image:Sidebar4}"></div>
  585. </div>
  586.  
  587. <div class="links">
  588. <a href="{text:Link 1}">{text:Link 1 Text}</a> |
  589. <a href="{text:Link 2}">{text:Link 2 Text}</a> |
  590. <a href="{text:Link 3}">{text:Link 3 Text}</a> |
  591. <a href="{text:Link 4}">{text:Link 4 Text}</a>
  592. </div>
  593.  
  594. <div id="description">{Description}
  595.  
  596. {block:Pagination}
  597. <div id="pagination">
  598. {block:PreviousPage}
  599. <a href="{PreviousPage}" title="back">◄</a>
  600. {/block:PreviousPage}
  601. {block:NextPage}
  602. <a href="{NextPage}" title="next">►</a>
  603. {/block:NextPage}
  604. </div>
  605. {/block:Pagination}
  606.  
  607. </div>
  608. </div>
  609.  
  610. <div id="entries">
  611.  
  612.  
  613. {block:Posts}
  614.  
  615. <div class="post">
  616.  
  617.  
  618. {block:Title}<div class="title">{Title}</div>{/block:Title}
  619.  
  620.  
  621. {block:Text}
  622. {Body}
  623. {/block:Text}
  624.  
  625.  
  626. {block:Photo}
  627.  
  628. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="100%" />
  629.  
  630. {/block:Photo}
  631.  
  632.  
  633. {block:Panorama}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  634. {/block:Panorama}
  635.  
  636.  
  637. {block:Photoset}
  638.  
  639. {Photoset-400}
  640.  
  641. {/block:Photoset}
  642.  
  643.  
  644. {block:Answer}
  645. <div class="question">
  646. <div class="user">{Asker} asked:</div>
  647. {Question}</div>
  648. <div class="arrow-down"></div>
  649.  
  650. <div class="answer">{Answer}</div>
  651. {/block:Answer}
  652.  
  653. {block:Quote}
  654. <div style="margin-top:-70px;">
  655. <div class="mark">&#132;</div>
  656. <div class="quote">{Quote}</div>
  657. {block:Source}<br><br> —{Source} {/block:Source}
  658.  
  659. </div>
  660. {/block:Quote}
  661.  
  662. {block:Link}
  663. <h2><a href="{URL}">{Name}</a></h2>
  664. {block:Description}{Description}{/block:Description}
  665. {/block:Link}
  666.  
  667. {block:Chat}
  668.  
  669. {block:Lines}<span class="chat">
  670. <li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span></span>{/block:Label}</span> {Line}</li>
  671. {/block:Lines}
  672.  
  673.  
  674. {/block:Chat}
  675.  
  676.  
  677. {block:Audio}
  678.  
  679. {block:AudioEmbed}
  680. {AudioEmbed-400}
  681. {/block:AudioEmbed}
  682.  
  683. {/block:Audio}
  684.  
  685. {block:Caption}
  686. {Caption}
  687. {/block:Caption}
  688.  
  689.  
  690. <div id="footer">
  691. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a> at <a href="{Permalink}">{12Hour}:{Minutes}{CapitalAmPm}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}
  692.  
  693. <div style="float:right">
  694. {block:RebloggedFrom} + <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}
  695. {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
  696. </div>
  697. <div style="text-transform:none;letter-spacing:0px;">
  698. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  699.  
  700. </div>
  701. <div class="like_and_reblog_buttons">
  702. <li>{ReblogButton size="15"}</li>
  703. <li>{LikeButton size="15"}</li>
  704. </div>
  705.  
  706.  
  707. </div><!-- END POSTS -->
  708.  
  709.  
  710. {block:PostNotes}
  711. <div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  712. {/block:Posts}
  713.  
  714. </div><!-- END CONTENT -->
  715.  
  716.  
  717. <div id="spectrum">
  718. <a href="http://wonderfullythemes.tumblr.com">theme</a>
  719. </div>
  720.  
  721.  
  722.  
  723.  
  724.  
  725. </body>
  726. </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!