API tools faq
paste
Advertisement
elsewheretales

Fancy theme #1

elsewheretales
Jun 4th, 2014
468
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.27 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}
  8. {Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15. <!---theme by elsewheretales.tumblr.com
  16.  
  17. enjoy!
  18.  
  19. -->
  20.  
  21. <!--fonts-->
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Lato:Thin100' rel='stylesheet' type='text/css' />
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css' />
  26.  
  27. <!--script sources-->
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30.  
  31. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32.  
  33. <!--Default Variables-->
  34.  
  35. <meta name="if:Faded Posts" content="0" />
  36. <meta name="if:Show Tags" content="0" />
  37. <meta name="if:Show Captions" content="0" />
  38.  
  39. <meta name="color:Background" content="#fff" />
  40. <meta name="color:Container" content="#f4f4f4" />
  41. <meta name="color:Posts" content="#fff" />
  42. <meta name="color:Text" content="#111" />
  43. <meta name="color:Link" content="#555" />
  44. <meta name="color:Link Hover Borders" content="#000" />
  45. <meta name="color:Link Hover" content="#b2b2b2" />
  46. <meta name="color:Borders" content="#e2e2e2" />
  47.  
  48. <meta name="image:Sidebar Image" content="" />
  49. <meta name="image:Background" content="" />
  50.  
  51. <meta name="text:Asker Text" content="whispered" />
  52. <meta name="text:Left Title" content="" />
  53. <meta name="text:Right Title" content="" />
  54. <meta name="text:Updates Title 1" content="" />
  55. <meta name="text:Updates Title 2" content="" />
  56. <meta name="text:Quote" content="So basically you can write a quote or something here." />
  57. <meta name="text:Updates 1 Length" content="150" />
  58. <meta name="text:Updates 2 Length" content="200" />
  59. <meta name="text:Updates 1 Text" content="- CONTENT HERE -
  60. This is like a short intro so keep it short :) And don't forget to delete these comments!" />
  61. <meta name="text:Updates 2 Text" content="You can also adjust the widths of the Updates tabs, just make sure you enter a numeral. Anything else might mess up the theme!" />
  62. <meta name="text:Link1" content="" />
  63. <meta name="text:Link1 URL" content="" />
  64. <meta name="text:Link2" content="" />
  65. <meta name="text:Link2 URL" content="" />
  66. <meta name="text:Link3" content="" />
  67. <meta name="text:Link3 URL" content="" />
  68. <meta name="text:Link4" content="" />
  69. <meta name="text:Link4 URL" content="" />
  70. <meta name="text:Link5" content="" />
  71. <meta name="text:Link5 URL" content="" />
  72. <meta name="text:Link6" content="" />
  73. <meta name="text:Link6 URL" content="" />
  74. <meta name="text:Link7" content="" />
  75. <meta name="text:Link7 URL" content="" />
  76. <meta name="text:Link8" content="" />
  77. <meta name="text:Link8 URL" content="" />
  78.  
  79.  
  80. <!-- jquery script for tooltip -->
  81.  
  82. <script>
  83. $().ready(function() {
  84. $("[title]").style_my_tooltips({
  85. tip_follows_cursor: "on",
  86. tip_delay_time: 200 //this is milliseconds
  87. });
  88. });
  89. </script>
  90.  
  91. <!--css begins-->
  92.  
  93. <style type="text/css">
  94.  
  95. #s-m-t-tooltip{
  96. max-width:300px;
  97. padding:1px 5px 1px 5px;
  98. margin-left:20px;
  99. z-index:99999;
  100. display:inline-block;
  101. font-family:tahoma;
  102. font-size:10px;
  103. letter-spacing:1px;
  104. text-transform:uppercase;
  105. color:{color:Text};
  106. background:{color:Posts};
  107. border:1px solid {color:Borders};
  108. }
  109.  
  110. /* scrollbar */
  111.  
  112. ::-webkit-scrollbar{width:5px; height:10px;background-color:{color:Borders};}
  113.  
  114. ::-webkit-scrollbar-thumb{background-color:{color:Background};border:1px solid {color:Scrollbar};}
  115.  
  116. ::-webkit-scrollbar-track{background-color:{color:Borders};}
  117.  
  118.  
  119. /* cursor and reset */
  120.  
  121. *, body, a, a:hover {cursor: url('http://static.tumblr.com/rmpdvbi/OKYn6lr5l/tumblr_lqs4qoke1v1qfoi4t.png'), auto;}
  122.  
  123. /* tumblr controls */
  124.  
  125. iframe#tumblr_controls {
  126. top: 0%;
  127. right:0%;
  128. opacity:0.3;
  129. position: fixed;
  130. filter:alpha(opacity=30);
  131. -webkit-transition: all 0.5s ease;
  132. -moz-transition: all 0.5s ease;
  133. -o-transition: all 0.5s ease;
  134. }
  135. iframe#tumblr_controls:hover{
  136. top: 0%;
  137. right:0%;
  138. opacity:0.8;
  139. position: fixed;
  140. filter:alpha(opacity=80);
  141. -webkit-transition: all 0.5s ease;
  142. -moz-transition: all 0.5s ease;
  143. -o-transition: all 0.5s ease;
  144. }
  145.  
  146. /* build */
  147.  
  148. body {
  149. margin:0; padding:0; border:none;
  150. font-family:tahoma, serif; font-size:11px; line-height:18px;
  151. background: {color:Background}; color:{color:Text};}
  152.  
  153. a {
  154. color:{color:Link};
  155. cursor: url('http://static.tumblr.com/rmpdvbi/OKYn6lr5l/tumblr_lqs4qoke1v1qfoi4t.png'), auto;
  156. text-decoration:none;
  157. -webkit-transition-duration: 0.6s ease-in-out;
  158. -moz-transition-duration: 0.6s ease-in-out;
  159. -ms-transition-duration: 0.6s ease-in-out;
  160. -o-transition-duration: 0.5s ease-in-out;
  161. transition:all 0.6s ease-in-out;
  162. }
  163.  
  164. a:hover {
  165. text-decoration:none;
  166. cursor: url('http://static.tumblr.com/rmpdvbi/ci2n6lrah/tumblr_m2umkqvnut1qfamg6.gif'), auto;
  167. color: {color:Link Hover};
  168. -webkit-transition-duration: 0.6s ease-in-out;
  169. -moz-transition-duration: 0.6s ease-in-out;
  170. -ms-transition-duration: 0.6s ease-in-out;
  171. -o-transition-duration: 0.5s ease-in-out;
  172. transition:all 0.6s ease-in-out;
  173. }
  174.  
  175. img{border:none;text-decoration:none;}
  176.  
  177. img a {border:none; text-decoration:none;}
  178.  
  179. img a:hover {border:none; text-decoration:none; opacity:1;}
  180.  
  181. big {font-size:12px;line-height:18px; font-family:tahoma, serif;}
  182. small {font-size:10px; line-height:18px; font-family:tahoma, serif;}
  183. b, strong {color: {color:Text};}
  184. i, em {color: {color:Text};}
  185. p {margin-top:10px; margin-bottom:10px;}
  186. ol {list-style:normal;}
  187. ul {list-style:square;}
  188. s, strike, del {color: {color:Text}; font-size:100%;}
  189.  
  190. /* headings */
  191.  
  192. h1 {
  193. font-family: 'Lato', georgia, cambria, serif;
  194. font-size:15px;font-weight:normal;font-style:normal;
  195. letter-spacing:1px; text-align:center; text-transform:uppercase;
  196. line-height:100%; color:{color:Link};}
  197.  
  198. h2 {
  199. font-family: cambria, serif;
  200. font-size:14px; font-weight:normal;
  201. letter-spacing:1px; line-height:120%; text-align:center;
  202. color:{color:Text};}
  203.  
  204. /* blockquote and pre */
  205.  
  206. blockquote {border-left:1px solid {color:Borders};padding:0 10px 0px 10px;margin:10px;}
  207.  
  208. blockquote img{width:90%;}
  209.  
  210. pre {width:90%; margin:auto; font-family: tahoma, serif; font-size:11px; padding: 5px 6px 5px 6px; word-wrap: break-word; background-color:{color:Container}; color:{color:Text}; height: auto; overflow-y:auto;}
  211.  
  212. #title {
  213. font-size:18px;
  214. line-height:18px;
  215. padding:5px; letter-spacing:1px;
  216. text-align:center; text-transform:uppercase;
  217. font-family: 'Lato', tahoma, cambria, serif;
  218. }
  219.  
  220. /* left sidebar */
  221.  
  222. #sidebar1 {
  223. position:fixed; width:200px; height:100%;
  224. margin:0px 0px 0px 80px; padding-right:5px;
  225. border-right:1px solid {color:Borders};
  226. color:{color:Text}; background: {color:Background};
  227. }
  228.  
  229. /* sidebar image */
  230.  
  231. #sidebar1 img{
  232. width:100px; height:auto; margin:50px 20px 0px 30px;
  233. border-radius:100%; border:3px double {color:Borders};}
  234.  
  235.  
  236. #sidebar1 img:hover {
  237. filter:gray; -webkit-filter:grayscale(100%);
  238. -webkit-transition: all 0.4s ease-in-out;
  239. -moz-transition: all 0.4s ease-in-out;
  240. -ms-transition: all 0.4s ease-in-out;
  241. transition: all 0.4s ease-in-out;
  242. }
  243.  
  244. /* blog title */
  245.  
  246. .blogtitle1 {
  247. position:relative;
  248. width:auto; display:block;
  249. text-align:center; text-transform:lowercase;
  250. margin:20px 0px 20px -30px; padding:10px; letter-spacing:1px;
  251. font-family:'Lato', lucida sans, cambria, serif; font-size:20px;}
  252.  
  253.  
  254. .blogtitle1 a{ color:{color:Text}; font-weight:bold; opacity:0.7;}
  255.  
  256. .blogtitle1 a:hover { color: {color:Link Hover Borders}; opacity:1;
  257. border:none; text-transform:none;
  258. -webkit-transition-duration: 0.6s ease-in-out;
  259. -moz-transition-duration: 0.6s ease-in-out;
  260. -ms-transition-duration: 0.6s ease-in-out;
  261. -o-transition-duration: 0.6s ease-in-out;
  262. transition:all 0.6s ease-in-out;
  263. }
  264.  
  265. /* links */
  266.  
  267. .links1{
  268. text-align:left;
  269. width:160px;
  270. margin:10px;
  271. }
  272.  
  273. .links1 a {
  274. width:auto;
  275. display:block;
  276. text-align:left;
  277. font-family:arial; text-transform:uppercase; font-size:9px;
  278. text-decoration:none; color:{color:Link};
  279. border-bottom:1px solid {color:Borders};
  280. }
  281.  
  282. .links1 a:hover {
  283. text-transform:uppercase;
  284. padding-left:60px;
  285. color:{color:Link Hover Borders};
  286. -webkit-transition-duration: 0.5s;
  287. -moz-transition-duration: 0.5s;
  288. -ms-transition-duration: 0.5s;
  289. -o-transition-duration: 0.5s;
  290. transition:all 0.5s;
  291. }
  292.  
  293. .linkborder{
  294. margin-top:-1px; width:0px;
  295. border-top: 1px solid {color:Link Hover Borders};
  296. -webkit-transition-duration: 0.5s;
  297. -moz-transition-duration: 0.5s;
  298. -ms-transition-duration: 0.5s;
  299. -o-transition-duration: 0.5s;
  300. transition: all 0.5s;
  301. }
  302.  
  303. .links1:hover .linkborder{
  304. width:160px;
  305. -webkit-transition-duration: 0.5s;
  306. -moz-transition-duration: 0.5s;
  307. -ms-transition-duration:0.5s;
  308. -o-transition-duration:0.5s;
  309. transition: all 0.5s ;
  310. }
  311.  
  312. /* description */
  313.  
  314. #desc1 {
  315. width:130px;
  316. text-align:justify;
  317. line-height:140%;
  318. margin:20px 20px 20px 10px;
  319. padding:15px;
  320. background:{color:Container};
  321. }
  322.  
  323. #desc1:first-letter {
  324. font-weight:bold; font-size:14px;}
  325.  
  326. #desc1 a { color: {color:Link Hover Border};}
  327.  
  328. #desc1 a:hover { color: {color:Link Hover};
  329. -webkit-transition-duration: 0.5s;
  330. -moz-transition-duration: 0.5s;
  331. -ms-transition-duration: 0.5s;
  332. -o-transition-duration: 0.5s;
  333. transition:all 0.5s; }
  334.  
  335. /* pagination */
  336.  
  337. .page { position:relative; margin:0px; width:160px; text-align:center;}
  338.  
  339. .page a { text-align:center; color:{color:Text}; padding:2px; font-size:11px;}
  340.  
  341. .page a:hover { color:{color:Text}; border:none;}
  342.  
  343.  
  344. /* content area */
  345.  
  346. #content {
  347. width:auto;
  348. height:100%;
  349. margin:0px;
  350. padding:0px 0px 0px 30px;
  351. background: {color:Background};
  352. }
  353.  
  354. /* post space */
  355.  
  356. #entryspace {
  357. margin:0px auto 0px 280px;
  358. {block:PermalinkPage}padding-bottom:500px;{/block:PermalinkPage}
  359. width:650px;
  360. height:100%;
  361. overflow:auto;
  362. background:url('{image:Background}') {color:Container};
  363. padding-top:50px;
  364. padding-bottom:100px;
  365. }
  366.  
  367. /* actual posts */
  368.  
  369. #entry {
  370. margin:0px auto 120px 60px;
  371. {block:ifnotShowTags} margin-bottom:80px;{/block:ifnotShowTags}
  372. {block:ifFadedPosts}opacity:0.7;{/block:ifFadedPosts}
  373. position:relative;
  374. width:500px;
  375. border:1px solid {color:Borders};
  376. padding:15px;
  377. background:{color:Posts};
  378. }
  379.  
  380. {block:ifFadedPosts}
  381. #entry:hover {
  382. opacity:1;
  383. -webkit-transition:0.6s ease-in-out;
  384. -moz-transition:0.6s ease-in-out;
  385. -ms-transition-duration: 0.6s ease-in-out;
  386. -o-transition:0.6s ease-in-out;
  387. transition:all 0.6s ease-in-out;}
  388. {/block:ifFadedPosts}
  389.  
  390.  
  391.  
  392. #entry:hover #permalink {
  393. opacity:1;
  394. margin-top:10px;
  395. -webkit-transition-duration: all 0.6s ease-in-out;
  396. -moz-transition-duration: all 0.6s ease-in-out;
  397. -ms-transition-duration: all 0.6s ease-in-out;
  398. -o-transition-duration: all 0.6s ease-in-out;
  399. transition: all 0.6s ease-in-out;
  400. }
  401.  
  402. /* image posts */
  403.  
  404. #entry img {
  405. max-width:500px;
  406. display:block;
  407. padding-bottom:0px;
  408. margin-top:0px;
  409. }
  410.  
  411. .photoset {
  412. display:block;
  413. padding-bottom:0px;
  414. }
  415.  
  416. #entry li {max-width:100%;}
  417.  
  418. {block:ifShowCaptions}
  419. #entry .blockquote {
  420. margin: 10px 0px 10px 10px;
  421. padding-left: 15px;
  422. border-left: 1px solid {color:Borders};
  423. overflow-y:auto;
  424. }
  425. {/block:ifShowCaptions}
  426.  
  427. {block:ifShowCaptions}
  428. #entry .blockquote img { max-width:90%; border:none; overflow:auto;}
  429. {/block:ifShowCaptions}
  430.  
  431. /* quotes */
  432.  
  433. .quote{
  434. font-size:14px; line-height:140%; margin:0px 20px; padding: 10px 0px 10px 0px;
  435. text-align:center; letter-spacing:0.5px; color:{color:Text};text-indent:10px;}
  436.  
  437. .quote:first-letter {
  438. font-weight:bold;font-size: 22px; padding:2px;text-transform:uppercase;}
  439.  
  440. .quotecomma1{
  441. margin:20px -30px 5px 0px;float:left; opacity:0.3;position:relative;
  442. font-size:60px; font-family:'Playfair Display', Cambria, serif;
  443. letter-spacing:1px;
  444. }
  445.  
  446. .quotecomma2{
  447. margin:5px 0px 0px 0px;float:right;opacity:0.3; position:relative;
  448. font-size:60px; font-family:'Playfair Display', Cambria, serif;
  449. letter-spacing:1px;}
  450.  
  451. .quotesource {
  452. text-align:right;letter-spacing:1px;line-height:140%;font-family: cambria, serif; font-size:14px;}
  453.  
  454. /* audio */
  455.  
  456. .info {
  457. font-size:13px; height:40px;overflow-y:auto;
  458. max-width:500px;
  459. line-height:20px; text-align:right;
  460. padding:19px; background:{color:Container};
  461. }
  462.  
  463. .woof { margin-left:0px; margin-top:0px; overflow:hidden; padding:2px;}
  464.  
  465. .player {
  466. width:30px; height:30px; position:absolute!important;
  467. background:{color:Posts};
  468. margin-top:23px; margin-left:23px; opacity:0.7;
  469. -webkit-transition:all 0.5s;
  470. -moz-transition:all 0.5s;
  471. -ms-transition:all 0.5s;
  472. -o-transition:all 0.5s;
  473. transition:all 0.5s;
  474. }
  475.  
  476. .player:hover { opacity:0.8;}
  477.  
  478. /* question and answer */
  479.  
  480. #ques { text-align:left; margin:10px; padding:10px 10px 20px 10px; background: {color:Container};}
  481.  
  482. .ask { width:300px; height:auto; padding:10px; text-align:left; float:left;}
  483.  
  484. .asker { text-align:left; }
  485.  
  486. .asker a { font-style:normal; text-transform:uppercase;}
  487.  
  488. .askericon {width: 40px; height:40px;padding:3px; float:right; margin:-3px 10px 10px 20px; background: transparent; border-radius:100%;}
  489.  
  490. .askericon img { width: 40px; height: 40px; border: 3px double {color:Borders}; border-radius:100%;}
  491.  
  492. .answer { text-align:left; padding-left:10px;}
  493.  
  494. /* chat */
  495.  
  496. .chat {margin:0px; width:530px;}
  497.  
  498. .chat ol { line-height:160%; list-style-type:none;}
  499.  
  500. .chat ul { line-height:160%; list-style-type:none;}
  501.  
  502. .line.odd {
  503. background: {color:Container};
  504. padding:5px; margin-left:-40px;
  505. }
  506. .line.even {
  507. background: {color:Posts};
  508. padding:5px; margin-left:-40px;
  509. }
  510.  
  511. .label {
  512. color:{color:Text};font-weight:bold; padding-right:1px;letter-spacing:1px;
  513. text-transform:none;}
  514.  
  515. /* post footer */
  516.  
  517. #permalink {
  518. font-size:10px;
  519. width:490px;
  520. position:absolute;
  521. height:auto;
  522. text-align:left;
  523. margin: -60px 0px 0px 0px;
  524. padding:5px;
  525. text-transform:uppercase;
  526. background:transparent;
  527. font-size:9px;
  528. background:{color:Container}; opacity:0;
  529. }
  530.  
  531. #permalink a {margin:5px; padding:5px;
  532. }
  533.  
  534. #permalink a:hover{
  535. -moz-transition-duration:0.6s ease-in-out;
  536. -webkit-transition-duration:0.6s ease-in-out;
  537. -ms-transition-duration: 0.6s ease-in-out;
  538. -o-transition-duration:0.6s ease-in-out;
  539. transition:all 0.6s ease-in-out;
  540. color: {color:Link Hover};
  541. }
  542.  
  543. /* tags */
  544.  
  545. #tags {
  546. width:520px;
  547. font-size:11px; display:block;
  548. opacity:1; text-align:center;
  549. {block:ifShowTags}opacity:1;{/block:ifShowTags}
  550. {block:ifnotShowTags}opacity:0; {block:ifnotShowTags}
  551. margin: -120px 0px 100px 60px; padding:3px;
  552. }
  553.  
  554. #tags a{
  555. color:{color:Link};
  556. -moz-transition-duration:0.6s ease-in-out;
  557. -webkit-transition-duration:0.6s ease-in-out;
  558. -ms-transition-duration: 0.6s ease-in-out;
  559. -o-transition-duration:0.6s ease-in-out;
  560. transition:all 0.6s ease-in-out;
  561. }
  562.  
  563. #tags a:hover{
  564. color:{color:Link Hover};
  565. -moz-transition-duration:0.6s ease-in-out;
  566. -webkit-transition-duration:0.6s ease-in-out;
  567. -ms-transition-duration: 0.6s ease-in-out;
  568. -o-transition-duration:0.6s ease-in-out;
  569. transition:all 0.6s ease-in-out;
  570. }
  571.  
  572. /* notes */
  573.  
  574. .notes {
  575. {block:IndexPage}
  576. display: none;
  577. {/block:IndexPage}
  578. {block:PermalinkPage}
  579. width:500px;
  580. padding-left:20px;
  581. margin-left:40px;
  582. {/block:PermalinkPage}
  583. text-align:left;
  584.  
  585. }
  586. .notes img {
  587. display:none;
  588. }
  589.  
  590. .notes li {
  591. list-style-type:square;
  592. padding:5px 0px;
  593. text-align:left;
  594. margin:0 0 0 -40px;
  595. font-size:11px;
  596. }
  597.  
  598. .notestext {
  599. font-size:18px;
  600. font-family:'Lato', cambria, tahoma, serif;
  601. font-weight:bold;
  602. letter-spacing:1px;
  603. color:{color:Text};
  604. text-transform:lowercase;
  605. }
  606.  
  607. /* right sidebar */
  608.  
  609. #sidebar2 {
  610. height:100%;
  611. margin:0px 0px 0px 930px;
  612. background: {color:Right Sidebar};
  613. width:200px;
  614. padding-left:10px;
  615. position:fixed;
  616. border-left:1px solid {color:Borders};
  617. }
  618.  
  619. /* right title */
  620.  
  621. .blogtitle2 {
  622. width:auto;
  623. margin:30px 0px 20px 0px; padding:10px; text-transform:lowercase;
  624. font-family:'Lato',lucida sans, cambria, serif; letter-spacing:1px;
  625. font-size:20px; text-align:center; position:relative;}
  626.  
  627. .blogtitle2 a{ color:{color:Text}; font-weight:bold; opacity:0.7;}
  628.  
  629. .blogtitle2 a:hover { color: {color:Link Hover Borders};
  630. border:none; opacity:1;
  631. text-transform:none;
  632. -webkit-transition-duration:0.8s;
  633. -moz-transition-duration:0.8s;
  634. -o-transition-duration:0.8s;
  635. }
  636.  
  637. /* quote space */
  638.  
  639. #desc2 {
  640. width:130px;
  641. text-align:justify;
  642. line-height:140%;
  643. margin: 20px;
  644. padding:15px;
  645. background:{color:Container};
  646. }
  647.  
  648. /* links */
  649.  
  650. .links2{
  651. width:auto;
  652. text-transform:lowercase;
  653. position:relative;
  654. margin:20px;
  655. }
  656.  
  657. .links2 a {
  658. width:auto;
  659. display:block;
  660. margin-top:-10px;
  661. font-family:arial; text-transform:uppercase; font-size:9px;
  662. text-align:left;
  663. text-decoration:none; color: {color:Link};
  664. border-bottom:1px solid {color:Borders};
  665. }
  666.  
  667. .links2 a:hover {
  668. padding-left:50px;
  669. color:{color:Link Hover Borders};
  670. -webkit-transition:0.6s;
  671. -moz-transition:0.6s;
  672. -o-transition:0.6s;
  673. }
  674.  
  675. .links2:hover .linkborder{
  676. width:160px;
  677. -webkit-transition: 0.5s ease-in-out;
  678. -moz-transition: 0.5s ease-in-out;
  679. -ms-transition: 0.5s ease-in-out;
  680. -o-transition: 0.5s ease-in-out;
  681. transition: all 0.5s ease-in-out ;
  682. }
  683.  
  684. /* updates tabs */
  685.  
  686. .updates{
  687. width:auto;
  688. text-transform:lowercase;
  689. text-align:left;
  690. font-family:cambria, serif; font-size:11px;
  691. position:relative;
  692. background-color:{color:Right Sidebar};
  693. z-index:9999;
  694. }
  695.  
  696. .updates1 {
  697. overflow:hidden;
  698. font-family:arial; text-transform:uppercase; font-size:9px;
  699. margin:-17px 25px 20px 20px;
  700. padding:5px 5px 3px 0px; color:{color:Link};
  701. border-bottom:1px solid {color:Borders};
  702. height:15px; width:150px;
  703. z-index:999999999999999999999;
  704. -webkit-transition: all 0.6s ease-in-out;
  705. -moz-transition: all 0.6s ease-in-out;
  706. -o-transition: all 0.6s ease-in-out;
  707. }
  708.  
  709. .updates1:hover {
  710. height:{text:Updates 1 Length}px; /* you can change this to anything you like, based on how long
  711. your updates tab is going to be */
  712. -webkit-transition: all 0.6s ease-in-out;
  713. -moz-transition: all 0.6s ease-in-out;
  714. -o-transition: all 0.6s ease-in-out;
  715. }
  716.  
  717. .updates2 {
  718. overflow:hidden;
  719. font-family:arial; text-transform:uppercase; font-size:9px;
  720. height:15px;
  721. margin:-17px 25px 20px 20px;
  722. padding:5px 5px 3px 0px; color:{color:Link};
  723. border-bottom:1px solid {color:Borders};
  724. z-index:999999999999999999999; width:150px;
  725. -webkit-transition: all 0.6s ease-in-out;
  726. -moz-transition: all 0.6s ease-in-out;
  727. -o-transition: all 0.6s ease-in-out;
  728. }
  729.  
  730. .updates2:hover {
  731. height:{text:Updates 2 Length}px; /* you can change this to anything you like, based on how long
  732. your update is going to be */
  733. -webkit-transition: all 0.6s ease-in-out;
  734. -moz-transition: all 0.6s ease-in-out;
  735. -o-transition: all 0.6s ease-in-out;
  736. }
  737.  
  738. /* theme credit */
  739.  
  740. #box {
  741. font-size:10px;
  742. font-family: cambria;
  743. letter-spacing:1px;
  744. -moz-transition-duration:0.5s;
  745. -webkit-transition-duration:0.5s;
  746. -o-transition-duration:0.5s;
  747. }
  748.  
  749. #box a {
  750. position:fixed;
  751. padding:3px 5px 3px 5px;
  752. background-color:{color:Background};
  753. color:{color:Text};
  754. border:1px solid {color:Borders};
  755. right:10px;
  756. bottom:10px;
  757. -webkit-transition-duration:0.8s;
  758. moz-transition-duration:0.8s;
  759. -ms-transition-duration:0.8s;
  760. -o-transition-duration:0.8s;
  761. }
  762.  
  763. #box a:hover {
  764. color:{color:Link Hover};
  765. background-color:{color:Link};
  766. -moz-transform:rotate(360deg);
  767. -webkit-transform:rotate(360deg);
  768. -o-transform:rotate(360deg);
  769. -ms-transform:rotate(360deg);
  770. transform:rotate(360deg);
  771. -webkit-transition-duration:0.8s;
  772. moz-transition-duration:0.8s;
  773. -ms-transition-duration:0.8s;
  774. -o-transition-duration:0.8s;
  775. }
  776.  
  777. /* umm finished */
  778.  
  779. {CustomCSS}
  780.  
  781.  
  782. </style>
  783.  
  784. </head>
  785.  
  786. <body>
  787.  
  788. <div id="content">
  789.  
  790. <!--right sidebar-->
  791.  
  792. <div id="sidebar2">
  793.  
  794. {block:ifRightTitle}
  795. <div class="blogtitle2"><a href="/">{text:Right Title}</a></div>
  796. {/block:ifRightTitle}
  797.  
  798. {block:ifQuote}<div id="desc2">{text:Quote}</div>{/block:ifQuote}
  799.  
  800. {block:ifnotQuote}<div style="padding-top:30px;"></div>{/block:ifnotQuote}
  801.  
  802. <div style="padding-bottom:5px;"></div>
  803.  
  804. <div class="links2">{block:ifLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:ifLink6}<div class="linkborder"></div></div>
  805. <div class="links2">{block:ifLink7}<a href="{text:Link7 URL}">{text:Link7}</a>{/block:ifLink7}<div class="linkborder"></div></div>
  806. <div class="links2">{block:ifLink8}<a href="{text:Link8 URL}">{text:Link8}</a>{/block:ifLink8}<div class="linkborder"></div></div>
  807.  
  808.  
  809.  
  810. <div class="updates">
  811.  
  812. <div class="updates1">{text:Updates Title 1}<div style="padding-top:20px; text-transform:none; opacity:1; text-align:left; color:{color:Text}; font-family:tahoma; font-size:11px;">
  813.  
  814. {text:Updates 1 Text}
  815.  
  816. </div>
  817. <br><br>
  818. </div>
  819.  
  820. <div class="updates">
  821. <div class="updates2">{text:Updates Title 2}<div style="padding-top:20px; text-transform:none; opacity:1; color:{color:Text};font-family:tahoma; font-size:11px;">
  822.  
  823. {text:Updates 2 Text}
  824.  
  825. </div></div>
  826. <br><br>
  827. </div>
  828.  
  829. </div>
  830.  
  831. </div>
  832.  
  833. <!--left sidebar-->
  834.  
  835. <div id="sidebar1">
  836.  
  837.  
  838. <div id="sidebar1 img"><a href="/"><img src="{image:Sidebar Image}"></a>
  839. </div>
  840.  
  841. {block:ifLeftTitle}
  842. <div class="blogtitle1"><a href="/">{text:Left Title}</a></div>
  843. {/block:ifLeftTitle}
  844.  
  845. {block:ifnotLeftTitle}<div style="padding-top: 40px;"></div>
  846. {/block:ifnotLeftTitle}
  847.  
  848. <div class="links1">{block:IfLink1}<a href="{text:Link1 URL}">{text:link1}</a>{/block:IfLink1}<div class="linkborder"></div></div>
  849.  
  850. <div class="links1">{block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}<div class="linkborder"></div></div>
  851.  
  852. <div class="links1">{block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}<div class="linkborder"></div></div>
  853.  
  854. <div class="links1">{block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}<div class="linkborder"></div></div>
  855.  
  856. <div class="links1">{block:ifLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:ifLink5}<div class="linkborder"></div></div>
  857.  
  858.  
  859. {block:Description}<div id="desc1">{Description}</div>{/block:Description}
  860.  
  861. <div class="page">
  862. {block:Pagination}
  863. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} <b>{CurrentPage}</b>/{TotalPages}
  864. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  865. {/block:Pagination}</div>
  866. </div>
  867.  
  868.  
  869. </div>
  870.  
  871. <div id="content">
  872.  
  873. <div id="entryspace">
  874.  
  875. {block:Posts}
  876. <div id="entry">
  877.  
  878. <div id="permalink">
  879.  
  880. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  881. {block:NoteCount}/ <a href="{Permalink}">{NoteCount}+</a>{/block:NoteCount}
  882. /<span style="float:center;"><a title="Reblog Post" href="{ReblogURL}" style="color:{color:title};"> reblog</a></span>
  883. {block:ContentSource}
  884. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  885. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  886. {/block:SourceLogo}
  887. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  888. {/block:ContentSource}
  889. <span style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}"> © </a>{/block:ContentSource}{/block:RebloggedFrom}</span>
  890. </div>
  891.  
  892. <!--text-->
  893.  
  894. {block:Text}
  895. {block:Title}
  896. <div id="title">{Title}</div>
  897. {/block:Title}
  898. {Body}
  899. {/block:Text}
  900.  
  901. <!--link-->
  902.  
  903. {block:Link}
  904. <div id="title"><a href="{URL}">{Name}</a></div>
  905. {block:Description}{Description}{/block:Description}
  906. {/block:Link}
  907.  
  908. <!--quote-->
  909.  
  910. {block:Quote}
  911. <div class="quotecomma1">“</div>
  912. <center><big><div class="quote">{Quote}</div></big></center>
  913. <div class="quotecomma2">”</div><br>
  914. {block:Source}<div class="quotesource"> - {Source}</div>{/block:Source}
  915. {/block:Quote}
  916.  
  917. <!--chat-->
  918.  
  919. {block:Chat}
  920. {block:Title}
  921. <h1>{Title}</h1>
  922. {/block:Title}
  923. <div class="chat">
  924. <ol>{block:Lines}
  925. <li class="line {Alt}">
  926. {block:Label}
  927. <span class="label">
  928. {Label}</span>
  929. {/block:Label}{Line}</li>
  930. {/block:Lines}
  931. </ol></div>
  932. {/block:Chat}
  933.  
  934. <!--pictures-->
  935.  
  936. {block:Photo}
  937. <center>{LinkOpenTag}
  938. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  939. {LinkCloseTag}</center>
  940. {block:ifShowCaptions}
  941. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  942. {/block:Photo}
  943.  
  944. {block:Photoset}
  945. <div class="photoset">
  946. {Photoset-500}
  947. </div>
  948. {block:ifShowCaptions}
  949. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  950. {/block:ifShowCaptions}
  951. {/block:Photoset}
  952.  
  953. <!--video-->
  954.  
  955. {block:Video}
  956. {Video-500}
  957. {block:ifShowCaptions}
  958. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  959. {/block:ifShowCaptions}
  960. {/block:Video}
  961.  
  962. <!--music-->
  963.  
  964. {block:Audio}
  965. <div class="player"><div class="woof">{AudioPlayer}</div></div><div class="info"><big>{block:TrackName}<i>{TrackName}</i>{/block:TrackName}</big>{block:Artist}<br>{Artist}{/block:Artist}</div>
  966. {/block:Audio}
  967.  
  968. <!--question answer-->
  969.  
  970. {block:Answer}
  971. <div id="ques">
  972. <div class="askericon"><img src="{AskerPortraitURL-40}"></div>
  973. <div class="asker">{Asker}&nbsp; {text:Asker Text}:<br>
  974. {Question}</div>
  975. </div>
  976. <div class="answer">{Answer}</div>
  977. {/block:Answer}
  978.  
  979. </div>
  980.  
  981. {block:ifShowTags}
  982. {block:HasTags}
  983. <div id="tags">
  984. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}</div>
  985. {/block:HasTags}{/block:ifShowTags}
  986.  
  987. {block:PostNotes}
  988. <div class="notes">
  989. {block:NoteCount}<div class="notestext">notes</div>{/block:NoteCount}
  990. {PostNotes}
  991. </div>
  992. {/block:PostNotes}
  993.  
  994.  
  995. {/block:Posts}
  996.  
  997. <!--credit-->
  998.  
  999. <div id="box"><a href="http://elsewheretales.tumblr.com">©</div>
  1000.  
  1001. </div>
  1002. </div>
  1003. </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!