API tools faq
paste
Advertisement
themesbygeorgia

Theme #15

themesbygeorgia
May 16th, 2014
594
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.38 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 #15 by wonderfullythemes --->
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--SCRIPT FOR SLIDING DROPDOWN MENU-->
  13. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  14. <script type="text/javascript">
  15. $(document).ready(function(){
  16. $(".links_body").hide();
  17. $(".links_head").click(function(){
  18. $(this).next(".links_body").slideToggle('average');
  19. }); });
  20. </script>
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#838282"/>
  24. <meta name="color:Link" content="#a8010c"/>
  25. <meta name="color:Header Background" content="#fff" />
  26. <meta name="color:Hover" content="#000"/>
  27.  
  28. <meta name="if:UpdatesTab" content="1" />
  29.  
  30. <meta name="text:Thing 1" content="Let"/>
  31. <meta name="text:Thing 2" content="Shadows"/>
  32. <meta name="text:Thing 3" content="Die"/>
  33.  
  34. <meta name="text:Link 1" content="/" />
  35. <meta name="text:Link 1 Text" content="Link 1" />
  36. <meta name="text:Link 2" content="/" />
  37. <meta name="text:Link 2 Text" content="Link 2" />
  38. <meta name="text:Link 3" content="/" />
  39. <meta name="text:Link 3 Text" content="Link 3" />
  40. <meta name="text:Link 4" content="/" />
  41. <meta name="text:Link 4 Text" content="Link 4" />
  42. <meta name="text:Link 5" content="/" />
  43. <meta name="text:Link 5 Text" content="Link 5" />
  44.  
  45. <style type="text/css">
  46.  
  47. ::-webkit-scrollbar-thumb {
  48. height:auto;
  49. background-color:#e4e4e4;
  50. }
  51.  
  52. ::-webkit-scrollbar {
  53. height:4px;
  54. width:4px;
  55. background-color:#fff;
  56. }
  57.  
  58. body {
  59. background:{color:Background};
  60. margin:0px;
  61. color:{color:Text};
  62. font-family:arial;
  63. font-size:10px;
  64. line-height:100%;
  65. font-style: none;
  66. }
  67.  
  68. a:link, a:visited, a:active {
  69. color: {color:Link};
  70. text-decoration: none;
  71. font-weight: normal;
  72. -moz-transition-duration:0.7s;
  73. -webkit-transition-duration:0.7s;
  74. -o-transition-duration:0.7s;
  75. }
  76.  
  77. a:hover {
  78. color: {color:Hover};
  79. text-decoration: none;
  80. font-weight: normal;
  81. -moz-transition-duration:0.7s;
  82. -webkit-transition-duration:0.7s;
  83. -o-transition-duration:0.7s;
  84. }
  85.  
  86. #entries {
  87. position:relative;
  88. float:left;
  89. width:522px;
  90. top:100px;
  91. text-align:justify;
  92. left:430px;
  93. padding:40px;
  94. }
  95.  
  96. #post {
  97. margin-bottom:25px;
  98. width:500px;
  99. padding:0px;
  100. background-color: {color:Background};
  101. }
  102.  
  103. /*--HEADER--*/
  104. #header {
  105. height:100px;
  106. width:100%;
  107. background-color:{color:Header Background};
  108. position:fixed;
  109. z-index:100;
  110. opacity:.9;
  111. }
  112.  
  113. #morelinks {
  114. text-align:center;
  115. letter-spacing:1px;
  116. margin-top:50px;
  117. width:500px;
  118. margin-left:460px;
  119. float:center;
  120. text-transform:lowercase;
  121. position:fixed;
  122. z-index:100;
  123. }
  124.  
  125. #morelinks a {
  126. color:{color:Link};
  127. -moz-transition-duration:0.7s;
  128. -webkit-transition-duration:0.7s;
  129. -o-transition-duration:0.7s;
  130. }
  131.  
  132. #morelinks a:hover {
  133. color:{color:Hover};
  134. letter-spacing:4px;
  135. -moz-transition-duration:0.7s;
  136. -webkit-transition-duration:0.7s;
  137. -o-transition-duration:0.7s;
  138. }
  139.  
  140. /*--SIDEBAR--*/
  141.  
  142. #sidebar {
  143. width:245px;
  144. position:fixed;
  145. margin-left:180px;
  146. margin-top:130px;
  147. padding:10px;
  148. }
  149.  
  150. #thing1:hover {
  151. background-color:white;
  152. opacity:.8;
  153. -moz-transition-duration:0.7s;
  154. -webkit-transition-duration:0.7s;
  155. -o-transition-duration:0.7s;
  156. }
  157.  
  158. #thing1:hover #desc {
  159. opacity:1;
  160. height:90px;
  161. -moz-transition-duration:0.7s;
  162. -webkit-transition-duration:0.7s;
  163. -o-transition-duration:0.7s;
  164. }
  165.  
  166. #desc {
  167. width:100px;
  168. height:10px;
  169. text-align:justify;
  170. overflow-y:scroll;
  171. margin-left:-120px;
  172. margin-top:0px;
  173. padding:3px;
  174. position:fixed;
  175. opacity:0;
  176. -moz-transition-duration:0.7s;
  177. -webkit-transition-duration:0.7s;
  178. -o-transition-duration:0.7s;
  179. }
  180.  
  181. #sidebar:hover #thing1 {
  182. -moz-transition-duration:0.7s;
  183. -webkit-transition-duration:0.7s;
  184. -o-transition-duration:0.7s;
  185. }
  186.  
  187. #thing1 {
  188. width:220px;
  189. height:60px;
  190. position:fixed;
  191. background-color:#e4e4e4;
  192. text-align:center;
  193. opacity:1;
  194. -moz-transition-duration:0.7s;
  195. -webkit-transition-duration:0.7s;
  196. -o-transition-duration:0.7s;
  197. }
  198.  
  199. #sidebar:hover #thing2 {
  200. margin-top:70px;
  201. opacity:1;
  202. z-index:2;
  203. -moz-transition-duration:0.7s;
  204. -webkit-transition-duration:0.7s;
  205. -o-transition-duration:0.7s;
  206. }
  207.  
  208. #thing2 {
  209. width:220px;
  210. height:60px;
  211. position:fixed;
  212. background-color:#e4e4e4;
  213. margin-top:20px;
  214. opacity:0;
  215. -moz-transition-duration:0.7s;
  216. -webkit-transition-duration:0.7s;
  217. -o-transition-duration:0.7s;
  218. }
  219.  
  220. #thing2:hover {
  221. background-color:white;
  222. opacity:.8;
  223. -moz-transition-duration:0.7s;
  224. -webkit-transition-duration:0.7s;
  225. -o-transition-duration:0.7s;
  226. }
  227.  
  228. #sidebar:hover #thing3 {
  229. margin-top:140px;
  230. opacity:1;
  231. -moz-transition-duration:0.7s;
  232. -webkit-transition-duration:0.7s;
  233. -o-transition-duration:0.7s;
  234. }
  235.  
  236. #thing3 {
  237. width:220px;
  238. height:60px;
  239. position:fixed;
  240. background-color:#e4e4e4;
  241. margin-top:20px;
  242. opacity:0;
  243. -moz-transition-duration:0.7s;
  244. -webkit-transition-duration:0.7s;
  245. -o-transition-duration:0.7s;
  246. }
  247.  
  248. #thing3:hover {
  249. background-color:white;
  250. opacity:.8;
  251. -moz-transition-duration:0.7s;
  252. -webkit-transition-duration:0.7s;
  253. -o-transition-duration:0.7s;
  254. }
  255.  
  256. #thing2:hover #linkscont {
  257. opacity:.9;
  258. height:110px;
  259. -moz-transition-duration:0.7s;
  260. -webkit-transition-duration:0.7s;
  261. -o-transition-duration:0.7s;
  262. }
  263.  
  264. #linkscont {
  265. background-color:#fff;
  266. width:60px;
  267. height:10px;
  268. padding:5px;
  269. margin-top:0px;
  270. margin-left:-80px;
  271. position:fixed;
  272. opacity:0;
  273. overflow:hidden;
  274. -moz-transition-duration:0.7s;
  275. -webkit-transition-duration:0.7s;
  276. -o-transition-duration:0.7s;
  277. }
  278.  
  279. #thing3:hover #pagicont {
  280. opacity:.9;
  281. height:40px;
  282. -moz-transition-duration:0.7s;
  283. -webkit-transition-duration:0.7s;
  284. -o-transition-duration:0.7s;
  285. }
  286.  
  287. #pagicont {
  288. background-color:#fff;
  289. width:auto;
  290. height:5px;
  291. margin-top:5px;
  292. margin-left:-50px;
  293. position:fixed;
  294. z-index:2000;
  295. text-transform:lowercase;
  296. border-right:4px solid #e4e4e4;
  297. padding:0 3px 0 0;
  298. opacity:0;
  299. -moz-transition-duration:0.7s;
  300. -webkit-transition-duration:0.7s;
  301. -o-transition-duration:0.7s;
  302. }
  303.  
  304. #links {
  305. text-transform:lowercase;
  306. text-align:right;
  307. float:right;
  308. border-right:4px solid #e4e4e4;
  309. padding:0 3px 0 0;
  310. }
  311.  
  312. #links a {
  313. width:120px;
  314. color:{color:Link};
  315. line-height:20px;
  316. letter-spacing:2px;
  317. -moz-transition-duration:0.7s;
  318. -webkit-transition-duration:0.7s;
  319. -o-transition-duration:0.7s;
  320. }
  321.  
  322. #links a:hover {
  323. color:{color:Hover};
  324. letter-spacing:4px;
  325. -moz-transition-duration:0.7s;
  326. -webkit-transition-duration:0.7s;
  327. -o-transition-duration:0.7s;
  328. }
  329.  
  330. #pagination {
  331. text-align:center;
  332. font-size:11px;
  333. margin-top:5px;
  334. margin-bottom:2px;
  335. text-transform:none;
  336. font-style:none;
  337. text-transform: lowercase;
  338. }
  339.  
  340. /*--CODE BY WONDERFULLYTHEMES.TUMBLR.COM
  341. DON'T REMOVE THIS CREDIT--*/
  342.  
  343. #container {
  344. border-left:4px solid #e4e4e4; /*--change the colour of the main/constant line--*/
  345. height:200px;
  346. width:210px;
  347. margin-top:130px;
  348. margin-left:1050px;
  349. position:fixed;
  350. z-index:100px;
  351. }
  352.  
  353. {block:IfUpdatesTab}
  354. #container:hover .title {
  355. margin-left:60px;
  356. opacity:0;
  357. -moz-transition-duration:0.7s;
  358. -webkit-transition-duration:0.7s;
  359. -o-transition-duration:0.7s;
  360. }
  361. {/block:IfUpdatesTab}
  362.  
  363. .title {
  364. height:50px;
  365. width:auto;
  366. font-size:15px;
  367. line-height:17px;
  368. text-align:center;
  369. font-family:'calibri'; /*--change the title for the main title here--*/
  370. color:{color:Link};
  371. padding:5px;
  372. margin-top:60px;
  373. margin-left:-140px;
  374. text-transform:uppercase;
  375. letter-spacing:4px;
  376. opacity:1;
  377. -webkit-transform: rotate(270deg);
  378. -moz-transform: rotate(270deg);
  379. -ms-transform: rotate(270deg);
  380. -o-transform: rotate(270deg);
  381. transform: rotate(270deg);
  382. -moz-transition-duration:0.7s;
  383. -webkit-transition-duration:0.7s;
  384. -o-transition-duration:0.7s;
  385. }
  386.  
  387. #container:hover .links_list {
  388. opacity:1;
  389. margin:0px;
  390. -moz-transition-duration:0.7s;
  391. -webkit-transition-duration:0.7s;
  392. -o-transition-duration:0.7s;
  393. }
  394.  
  395. .links_list {
  396. margin-left:-50px;
  397. padding:1px 1px 1px 0px;
  398. width:140px;
  399. opacity:0;
  400. -moz-transition-duration:0.7s;
  401. -webkit-transition-duration:0.7s;
  402. -o-transition-duration:0.7s;
  403. }
  404.  
  405. .links_head {
  406. width:70px;
  407. cursor:pointer;
  408. margin-top:-92px;
  409. text-align:left;
  410. font-size:9px;
  411. text-transform:uppercase;
  412. position:absolute;
  413. padding:3px 3px 3px 0px;
  414. color:#000;
  415. font-family:'arial'; /*--change the font for the titles here--*/
  416. }
  417.  
  418. .links_head:hover {
  419. color:#000;
  420. background-color:#e4e4e4; /*--change the background colour of the titles on hover--*/
  421. }
  422.  
  423. .links_body {
  424. padding:3px;
  425. height:150px;
  426. overflow-y:scroll;
  427. line-height:12px;
  428. text-align:left;
  429. position:fixed;
  430. width:100px;
  431. display:none;
  432. font-family:'arial'; /*--change the font for the text in the boxes here--*/
  433. text-transform:none; /*--can change to 'lowercase' or 'uppercase'--*/
  434. }
  435.  
  436. /*--INFO AND TAGS--*/
  437.  
  438. #info {
  439. text-transform:lowercase;
  440. font-style:none;
  441. font-size: 9px;
  442. width:500px;
  443. color:{color:Text};
  444. text-align:right;
  445. padding-top:5px;
  446. margin-top:5px;
  447. border-top:2px solid #e4e4e4;
  448. }
  449.  
  450. #info a:link {
  451. color:{color:Link};
  452. -moz-transition-duration:0.7s;
  453. -webkit-transition-duration:0.7s;
  454. -o-transition-duration:0.7s;
  455. }
  456.  
  457. #info a:hover {
  458. color:{color:Hover};
  459. -moz-transition-duration:0.7s;
  460. -webkit-transition-duration:0.7s;
  461. -o-transition-duration:0.7s;
  462. }
  463.  
  464. #ask {
  465. float:left;
  466. margin-right:5px;
  467. }
  468.  
  469. /*--CREDIT--*/
  470.  
  471. #cred {
  472. position:fixed;
  473. font-family:'calibri';
  474. text-transform:uppercase;
  475. font-size:8px;
  476. right:9px;
  477. bottom:9px;
  478. padding:4px;
  479. color:{color:Link};
  480. letter-spacing:1px;
  481. }
  482.  
  483. {CustomCSS}</style></head><body>
  484.  
  485. <div id="header">
  486. <div id="morelinks">
  487. <a href="{text:Link 1}">{text:Link 1 text}</a>&nbsp;&nbsp;&nbsp;
  488. <a href="{text:Link 2}">{text:Link 2 text}</a>&nbsp;&nbsp;&nbsp;
  489. <a href="{text:Link 3}">{text:Link 3 text}</a>&nbsp;&nbsp;&nbsp;
  490. <a href="{text:Link 4}">{text:Link 4 text}</a>&nbsp;&nbsp;&nbsp;
  491. <a href="{text:Link 5}">{text:Link 5 text}</a>
  492. </div>
  493. </div>
  494.  
  495. <div id="sidebar">
  496.  
  497. <div id="thing1"><div style="font-style:italic;text-transform:lowercase;padding:10px;font-family:'monotype corsiva';font-size:15px;float:center;text-align:center;position:fixed;width:190px;height:40px;line-height:13px;">{text:Thing 1}</div>
  498. <div id="desc">
  499. {Description}
  500. </div>
  501. </div>
  502.  
  503. <div id="thing2"><div style="font-style:italic;text-transform:lowercase;padding:10px;font-family:'monotype corsiva';font-size:15px;float:center;text-align:center;position:fixed;width:190px;height:40px;line-height:13px;">{text:Thing 2}</div>
  504. <div id="linkscont">
  505. <div id="links">
  506. <a href="/">Home</a><br>
  507. <a href="/ask">Ask</a><br>
  508. <a href="/submit">Submit</a><br>
  509. <a href="/archive">Archive</a><br>
  510. <a href="http://wonderfullythemes.tumblr.com">credit</a>
  511. </div>
  512. </div>
  513. </div>
  514.  
  515. <div id="thing3"><div style="font-style:italic;text-transform:lowercase;padding:10px;font-family:'monotype corsiva';font-size:15px;float:center;text-align:center;position:fixed;width:190px;height:40px;line-height:13px;">{text:Thing 3}</div>
  516. <div id="pagicont">
  517.  
  518. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}<br>{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  519.  
  520. </div>
  521. </div>
  522.  
  523.  
  524.  
  525.  
  526.  
  527. </div>
  528.  
  529. {block:IfNotUpdatesTab}
  530. <div id="container">
  531. <div class="title">{Title}</div>
  532. </div>
  533. {block:IfNotUpdatesTab}
  534.  
  535. {block:IfUpdatesTab}
  536. <!--made by wonderfullythemes.tumblr.com-->
  537. <div id="container">
  538. <div class="title">{Title}</div>
  539.  
  540. <div class="links_list">
  541. <p class="links_head">title</p> <!--write your updates title here-->
  542. <div class="links_body" style="margin-left:90px;margin-top:-95px;">
  543.  
  544. <!--erase this text and replace with your own-->
  545. Normal text, <b>bolded text</b>, <i>italicized text</i>, <s>strikethrough</s>, <a href="">linked text</a>, <u>underlined text</u>, <b><i><s><u><a href="">all of the above (minus normal obv)</a></u></s></i></b>
  546. <br>
  547. line breaks
  548. <p>
  549. new paragraph<br><br>
  550. <div style="background-color:#000;color:#fff;padding:1px;text-transform:uppercase;text-align:center;">titles</div>
  551.  
  552.  
  553. </div>
  554. </div>
  555.  
  556. <br><br><br><br>
  557.  
  558. <!--follow above instructions for editing the rest-->
  559. <div class="links_list">
  560. <p class="links_head">title</p>
  561. <div class="links_body" style="margin-left:90px;margin-top:-137px;">
  562.  
  563. Normal text, <b>bolded text</b>, <i>italicized text</i>, <s>strikethrough</s>, <a href="">linked text</a>, <u>underlined text</u>, <b><i><s><u><a href="">all of the above (minus normal obv)</a></u></s></i></b>
  564. <br>
  565. line breaks
  566. <p>
  567. new paragraph<br><br>
  568. <div style="background-color:#000;color:#fff;padding:1px;text-transform:uppercase;text-align:center;">titles</div>
  569.  
  570. </div>
  571. </div>
  572.  
  573. <br><br><br><br>
  574.  
  575. <div class="links_list">
  576. <p class="links_head">title</p>
  577. <div class="links_body" style="margin-left:90px;margin-top:-179px;">
  578.  
  579. Normal text, <b>bolded text</b>, <i>italicized text</i>, <s>strikethrough</s>, <a href="">linked text</a>, <u>underlined text</u>, <b><i><s><u><a href="">all of the above (minus normal obv)</a></u></s></i></b>
  580. <br>
  581. line breaks
  582. <p>
  583. new paragraph<br><br>
  584. <div style="background-color:#000;color:#fff;padding:1px;text-transform:uppercase;text-align:center;">titles</div>
  585.  
  586. </div>
  587. </div>
  588.  
  589. <br><br><br><br>
  590.  
  591. <div class="links_list">
  592. <p class="links_head">title</p>
  593. <div class="links_body" style="margin-left:90px;margin-top:-221px;">
  594.  
  595. Normal text, <b>bolded text</b>, <i>italicized text</i>, <s>strikethrough</s>, <a href="">linked text</a>, <u>underlined text</u>, <b><i><s><u><a href="">all of the above (minus normal obv)</a></u></s></i></b>
  596. <br>
  597. line breaks
  598. <p>
  599. new paragraph<br><br>
  600. <div style="background-color:#000;color:#fff;padding:1px;text-transform:uppercase;text-align:center;">titles</div>
  601.  
  602. </div>
  603. </div>
  604. </div>
  605. {/block:IfUpdatesTab}
  606.  
  607. <div id="entries">{block:Posts}<div id="post">
  608.  
  609. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  610.  
  611. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  612.  
  613. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  614.  
  615. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  616.  
  617. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  618.  
  619. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  620.  
  621. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  622.  
  623. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  624.  
  625. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}"></div>{Asker} asked:<br>{Question}{Answer}{/block:Answer}
  626.  
  627.  
  628. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}| <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}| <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  629. {block:ContentSource}| <a href="{SourceURL}">source</a>{/block:ContentSource} <br>
  630. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}&nbsp;</a> {/block:Tags}{/block:HasTags}
  631.  
  632. </div>
  633.  
  634. <div id="cred">
  635. <a href="http://wonderfullythemes.tumblr.com/">Theme</a>
  636. </div>
  637.  
  638. </div>
  639.  
  640.  
  641.  
  642. {block:PostNotes}{PostNotes}{/block:PostNotes}
  643. {/block:Posts}
  644.  
  645. </div>
  646.  
  647. </body></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!