API tools faq
paste
Advertisement
electrail

Palpitate Theme

electrail
Jul 5th, 2014
2,041
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.23 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.  
  4.  
  5. <!--- THEME #1 (PALPITATE) BY ELECTRAIL @TUMBLR
  6.  
  7. Rules:
  8. 1. Do not remove credit. You cannot move the credit to another page or redirect the link to a different page. You may, however, move the credit to a different area on the index page (as long as it is still visible).
  9. 2. Do not claim as your own.
  10. 3. Do not take parts of this theme for your own theme.
  11. 4. Minor tweaking is allowed, but message me before making any major adjustments.
  12.  
  13. If you're reading this, thank you~ I didn't think that anyone really read this stuff ;u;.
  14.  
  15. Thank you so much for using my theme! c: Enjoy~ ^^
  16.  
  17. ( \_/ )
  18. (='.'=)
  19. (")_(")
  20.  
  21. --->
  22. <head>
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29.  
  30. <meta name="color:Background" content="#ffffff" />
  31. <meta name="color:Text" content="#adadad" />
  32. <meta name="color:Scrollbar" content="#eaf5f5" />
  33. <meta name="color:Scroll Line" content="#f3f3f3" />
  34. <meta name="color:Highlight" content="#f0fbfb" />
  35. <meta name="color:Highlight Text" content="#ffffff" />
  36. <meta name="color:Header Text" content="#bdcfdc" />
  37. <meta name="color:Link" content="#d3e1e7" />
  38. <meta name="color:Link Hover" content="#d9efff" />
  39. <meta name="color:Link Hover Shadow" content="#cccccc" />
  40. <meta name="color:Post Background" content="#ffffff" />
  41. <meta name="color:Post Borders" content="#ededed" />
  42. <meta name="color:Heart Background" content="#ffffff" />
  43. <meta name="color:Blockquote" content="#ededed"/>
  44. <meta name="color:Blockquote BG" content="#f8f8f8"/>
  45. <meta name="color:Blockquote Link" content="#bbbbbb" />
  46. <meta name="color:Blockquote Link Hover" content="#888888" />
  47. <meta name="color:Heart" content="#e2b7b3" />
  48. <meta name="color:Reblog Text" content="#cccccc" />
  49. <meta name="color:Heartline" content="#eaeaea" />
  50. <meta name="color:Permalinks" content="#cccccc"/>
  51. <meta name="color:Permalinks Hover" content="#ffffff"/>
  52. <meta name="color:Link Post Titles" content="#c0cddf" />
  53. <meta name="color:Link Post Titles Hover" content="#dde2ea" />
  54. <meta name="color:Permalink Hover Shadows" content="#bfbfbf"/>
  55. <meta name="color:Blog Title" content="#bbbbbb" />
  56. <meta name="color:Blog Title First Letter" content="#888888" />
  57. <meta name="color:Description Box" content="#ffffff" />
  58. <meta name="color:Description Highlight" content="#ffffff" />
  59. <meta name="color:Description" content="#aaaaaa" />
  60. <meta name="color:Main Link Box" content="#ffffff" />
  61. <meta name="color:Main Links" content="#bbbbbb" />
  62. <meta name="color:Pagnation Links" content="#cccccc" />
  63. <meta name="color:Pagnation Current Page" content="#a8a8a8" />
  64. <meta name="color:Extra Links" content="#bbbbbb" />
  65. <meta name="color:Extra Links Hover" content="#888888" />
  66. <meta name="color:Sidebar Border" content="#eeeeee" />
  67. <meta name="color:Asker Icon Border" content="#f5f5f5"/>
  68. <meta name="color:Ask Brackets" content="#f8f8f8" />
  69. <meta name="color:Asker" content="#c5dbdf"/>
  70. <meta name="color:Question" content="#cccccc" />
  71. <meta name="color:Question Border" content="#f5f5f5"/>
  72. <meta name="color:Question BG" content="#ffffff" />
  73. <meta name="color:Answer" content="#d8d8d8" />
  74. <meta name="color:Album Border" content="#cccccc" />
  75. <meta name="color:Music Note" content="#eeeeee" />
  76. <meta name="color:Chat Names" content="#bdd2d7"/>
  77. <meta name="color:Chat Background" content="#fbfbfb"/>
  78. <meta name="color:Quote" content="#bbbbbb" />
  79. <meta name="color:Update Titles" content="#888888" />
  80. <meta name="color:Update Title Lines" content="#f2f2f2" />
  81. <meta name="color:Tags Text" content="#c9d2da" />
  82. <meta name="color:Permalinkpage Highlight" content="#888888" />
  83. <meta name="color:Permalinkpage Sources" content="#999999" />
  84.  
  85. <meta name="if:Captions" content="0" />
  86. <meta name="if:250pxPosts" content="1" />
  87. <meta name="if:400pxPosts" content="0" />
  88. <meta name="if:500pxPosts" content="0" />
  89. <meta name="if:LaceBanner" content="1" />
  90. <meta name="if:Message" content="0" />
  91. <meta name="if:Updates" content="1" />
  92. <meta name="if:InfiniteScroll" content="1" />
  93. <meta name="if:TinyCursor" content="1" />
  94. <meta name="if:ImageOpacity" content="1" />
  95. <meta name="if:CornerImageOpacity" content="1" />
  96.  
  97. <meta name="image:Sidepic1" content="http://static.tumblr.com/kptglgs/ea8n89knp/7813333712_43c4013012_z.jpg" />
  98. <meta name="image:Sidepic2" content="http://static.tumblr.com/kptglgs/UrLn89kev/9422614314_d418b9c4c1_z.jpg" />
  99. <meta name="image:Background" content="" />
  100. <meta name="image:Cornerpic" content="http://static.tumblr.com/kptglgs/kWMn89kok/flower_nobg_reflect.png" />
  101.  
  102. <meta name="text:Updates Height" content="415" />
  103. <meta name="text:Link1" content="Link 1" />
  104. <meta name="text:Link1 URL" content="/" />
  105. <meta name="text:Link2" content="Link 2" />
  106. <meta name="text:Link2 URL" content="/" />
  107. <meta name="text:Link3" content="Link 3" />
  108. <meta name="text:Link3 URL" content="/" />
  109. <meta name="text:Link4" content="Link 4" />
  110. <meta name="text:Link4 URL" content="/" />
  111. <meta name="text:Link5" content="Link 5" />
  112. <meta name="text:Link5 URL" content="/" />
  113.  
  114.  
  115. <style type="text/css">
  116. {block:iftinycursor}
  117. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  118. {/block:iftinycursor}
  119.  
  120. iframe#tumblr_controls {
  121. top:0%!important;
  122. right:0%!important;
  123. position:fixed!important;
  124. z-index:9999999999999999!important;
  125. opacity:0.3;
  126. -webkit-filter:invert(100%);
  127. -moz-filter:invert(100%);
  128. -o-filter:invert(100%);
  129. -ms-filter:invert(100%);
  130. filter:invert(100%);
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb:vertical {
  134. background: {color:scrollbar};
  135. border: 6px solid {color:Background};
  136. width: 7px;
  137. }
  138.  
  139. ::-webkit-scrollbar {
  140. height: 10px;
  141. width: 15px;
  142. background: {color:scroll line};
  143. border: 7px solid {color:Background};
  144. }
  145.  
  146. ::selection {
  147. background: {color:highlight};
  148. color:{color:highlight text};
  149. }
  150.  
  151. ::-moz-selection {
  152. background: {color:highlight};
  153. color:{color:highlight text};
  154. }
  155.  
  156. ::-webkit-selection {
  157. background: {color:highlight};
  158. color:{color:highlight text};
  159. }
  160.  
  161. body {
  162. background-image: url('{image:background}');
  163. font-size: 10px;
  164. font-family: calibri;
  165. color: {color:text};
  166. background-color: {color:Background};}
  167.  
  168. a {
  169. color:{color:link};
  170. text-shadow:7px 0px transparent, -7px 0px transparent;
  171. text-decoration: none;
  172. -moz-transition-duration: 0.7s;
  173. -o-transition-duration: 0.7s;
  174. -webkit-transition-duration: 0.7s;
  175. transition-duration: 0.7s;
  176. }
  177.  
  178. a:hover {
  179. color:{color:link hover};
  180. text-shadow:0px 0px {color:link hover shadow}, 0px 0px {color:link hover shadow};
  181. -moz-transition-duration: 0.7s;
  182. -o-transition-duration: 0.7s;
  183. -webkit-transition-duration: 0.7s;
  184. transition-duration: 0.7s;
  185. }
  186.  
  187. ul,ol,li {
  188. list-style-type:hiragana-iroha;
  189. max-width: 100%;
  190. }
  191.  
  192. #content {
  193. {block:if250pxposts}
  194. width:272px;
  195. {/block:if250pxposts}
  196. {block:if400pxposts}
  197. width:422px;
  198. {/block:if400pxposts}
  199. {block:if500pxposts}
  200. width:522px;
  201. {/block:if500pxposts}
  202. margin-top:50px;
  203. margin-left:auto;
  204. margin-right:auto;
  205. }
  206.  
  207. .posts {
  208. {block:indexpage}
  209. {block:if250pxposts}
  210. width: 250px;
  211. {/block:if250pxposts}
  212. {block:if400pxposts}
  213. width:400px;
  214. {/block:if400pxposts}
  215. {block:if500pxposts}
  216. width:500px;
  217. {/block:if500pxposts}
  218. {/block:indexpage}
  219. {block:permalinkpage}
  220. width: 500px;
  221. {/block:permalinkpage}
  222. background:{color:post background};
  223. padding:10px;
  224. margin-top:7px;
  225. margin-bottom:7px;
  226. border:dotted 1px {color:post borders};
  227. float:left;
  228. text-shadow:1px 1px #eee;
  229. -webkit-transition: all 0.5s ease-in-out;
  230. -moz-transition-duration: 0.5s;
  231. -o-transition-duration: 0.5s;
  232. -webkit-transition-duration: 0.5s;
  233. transition-duration: 0.5s;
  234. }
  235.  
  236. {block:indexpage}
  237. .posts:hover {
  238. padding-bottom:40px;
  239. -webkit-transition: all 0.5s ease-in-out;
  240. -moz-transition-duration: 0.5s;
  241. -o-transition-duration: 0.5s;
  242. -webkit-transition-duration: 0.5s;
  243. transition-duration: 0.5s;
  244. }
  245. {/block:indexpage}
  246.  
  247. .posts h2 {
  248. font-size: 14px;
  249. color:{color:header text};
  250. text-align:center;
  251. font-weight:normal;
  252. font-style:italic;
  253. font-family:georgia;
  254. letter-spacing:1px;
  255. }
  256.  
  257. .posts h2:first-letter {
  258. font-size:15px;
  259. }
  260. .posts h2 a {
  261. font-family:consolas;
  262. color:{color:link post titles};
  263. text-shadow:6px 0px transparent, -6px 0px transparent;
  264. margin-left:-10px;
  265. }
  266.  
  267. .posts h2 a:hover {
  268. color:{color:link post titles hover};
  269. text-shadow:0px 0px {color:link post titles hover}, 0px 0px {color:link post titles hover};
  270. }
  271.  
  272. .posts blockquote {
  273. border: 1px solid {color:blockquote};
  274. padding: 8px;
  275. background-color:{color:blockquote BG};
  276. border-radius:3px;
  277. }
  278.  
  279. .posts blockquote a {
  280. color: {color:blockquote link};
  281. -webkit-transition: all 0.3s ease-in-out;
  282. -moz-transition: all 0.3s ease-in-out;
  283. -o-transition: all 0.3s ease-in-out;
  284. -ms-transition: all 0.3s ease-in-out;
  285. transition: all 0.3s ease-in-out;
  286. }
  287.  
  288. .posts blockquote a:hover {
  289. color: {color:blockquote link hover};
  290. -webkit-transition: all 0.3s ease-in-out;
  291. -moz-transition: all 0.3s ease-in-out;
  292. -o-transition: all 0.3s ease-in-out;
  293. -ms-transition: all 0.3s ease-in-out;
  294. transition: all 0.3s ease-in-out;}
  295.  
  296. .posts img {
  297. max-width:100%;
  298. {block:indexpage}
  299. {block:ifimageopacity}
  300. opacity:0.6;
  301. {/block:ifimageopacity}
  302. {/block:indexpage}
  303. -webkit-transition: all 0.7s ease-in-out;
  304. -moz-transition: all 0.7s ease-in-out;
  305. -o-transition: all 0.7s ease-in-out;
  306. -ms-transition: all 0.7s ease-in-out;
  307. transition: all 0.7s ease-in-out;
  308. }
  309.  
  310. .posts:hover img{
  311. opacity:1;
  312. -webkit-transition: all 0.7s ease-in-out;
  313. -moz-transition: all 0.7s ease-in-out;
  314. -o-transition: all 0.7s ease-in-out;
  315. -ms-transition: all 0.7s ease-in-out;
  316. transition: all 0.7s ease-in-out;
  317. }
  318.  
  319. .posts li, .posts blockquote {
  320. max-width: 100%;
  321. }
  322.  
  323. .cover {
  324. position:absolute;
  325. width: 80px;
  326. z-index: 1;
  327. }
  328.  
  329. .cover img {
  330. margin-top:auto;
  331. margin-bottom:auto;
  332. border-radius:100%;
  333. float:left;
  334. padding:4px;
  335. border:1px dashed {color:album border};
  336. -webkit-transition: all 0.5s ease-in-out;
  337. -moz-transition: all 0.5s ease-in-out;
  338. -o-transition: all 0.5s ease-in-out;
  339. -ms-transition: all 0.5s ease-in-out;
  340. transition: all 0.5s ease-in-out;
  341. }
  342.  
  343. .playbutton {
  344. width: 29px;
  345. height: 30px;
  346. overflow: hidden;
  347. position: relative;
  348. z-index: 1000;}
  349.  
  350. .playbox {
  351. position: absolute;
  352. z-index: 10;
  353. margin-top: 32px;
  354. margin-left: 32px;
  355. opacity: 0.3;
  356. }
  357.  
  358. .musicnote {
  359. opacity:0;
  360. position:absolute;
  361. {block:if250pxposts}
  362. margin-left:90px;
  363. {/block:if250pxposts}
  364. {block:if400pxposts}
  365. margin-left:160px;
  366. {/block:if400pxposts}
  367. {block:if500pxposts}
  368. margin-left:210px;
  369. {/block:if500pxposts}
  370. margin-top:0px;
  371. font-size:80px;
  372. color:{color:music note};
  373. -webkit-transition: all 0.7s ease-in-out;
  374. -moz-transition: all 0.7s ease-in-out;
  375. -o-transition: all 0.7s ease-in-out;
  376. -ms-transition: all 0.7s ease-in-out;
  377. transition: all 0.7s ease-in-out;
  378. }
  379.  
  380. .posts:hover .musicnote {
  381. opacity:0.6;
  382. {block:if250pxposts}
  383. margin-left:200px;
  384. {/block:if250pxposts}
  385. {block:if400pxposts}
  386. margin-left:270px;
  387. {/block:if400pxposts}
  388. {block:if500pxposts}
  389. margin-left:320px;
  390. {/block:if500pxposts}
  391. -webkit-transition: all 0.7s ease-in-out;
  392. -moz-transition: all 0.7s ease-in-out;
  393. -o-transition: all 0.7s ease-in-out;
  394. -ms-transition: all 0.7s ease-in-out;
  395. transition: all 0.7s ease-in-out;
  396. }
  397.  
  398. .musicinfo {
  399. font-family:calibri;
  400. font-size:9px;
  401. text-align:center;
  402. position:relative;
  403. margin-left:110px;
  404. margin-top:10px;
  405. line-height:17px;
  406. z-index:1;
  407. margin-bottom:15px;
  408. letter-spacing:1px;
  409. opacity:0.8;
  410. -webkit-transition: all 0.5s ease-in-out;
  411. -moz-transition: all 0.5s ease-in-out;
  412. -o-transition: all 0.5s ease-in-out;
  413. -ms-transition: all 0.5s ease-in-out;
  414. transition: all 0.5s ease-in-out;
  415. }
  416.  
  417. .posts:hover .musicinfo {
  418. margin-left:70px;
  419. opacity:1;
  420. -webkit-transition: all 0.4s ease-in-out;
  421. -moz-transition: all 0.4s ease-in-out;
  422. -o-transition: all 0.4s ease-in-out;
  423. -ms-transition: all 0.4s ease-in-out;
  424. transition: all 0.4s ease-in-out;
  425. }
  426.  
  427. .asker {
  428. position:relative;
  429. font:times new roman;
  430. text-transform:uppercase;
  431. letter-spacing:1px;
  432. padding-top:20px;
  433. padding-bottom:10px;
  434. z-index:2;
  435. color:{color:asker};
  436. font-style:italic;
  437. text-shadow:7px 0px transparent, -7px 0px transparent;
  438. }
  439.  
  440. .question {
  441. position:relative;
  442. padding:10px;
  443. line-height:15px;
  444. font-size:11px;
  445. margin-top:20px;
  446. margin-left:5px;
  447. margin-right:5px;
  448. color:{color:question};
  449. background-color:{color:question bg};
  450. border: 1px solid {color:question border};
  451. text-shadow:none;
  452. }
  453.  
  454. .question:after {
  455. position:absolute;
  456. border-top:0px solid {color:question bg};
  457. border-right:15px solid transparent;
  458. border-left:15px solid transparent;
  459. border-bottom:15px solid {color:question bg};
  460. width:0px;
  461. display:block;
  462. top:-15px;
  463. content: '';
  464. {block:if250pxposts}
  465. left: 43%;
  466. {/block:if250pxposts}
  467. {block:if400pxposts}
  468. left: 47%;
  469. {/block:if400pxposts}
  470. {block:if500pxposts}
  471. left: 47%;
  472. {/block:if500pxposts}
  473. {/block:indexpage}
  474. {block:permalinkpage}
  475. left: 47%;
  476. {/block:permalinkpage}
  477. }
  478.  
  479. .question:before {
  480. position:absolute;
  481. border-top:0px solid {color:question border};
  482. border-right:15px solid transparent;
  483. border-left:15px solid transparent;
  484. border-bottom:15px solid {color:question border};
  485. width:0px;
  486. display:block;
  487. top:-16px;
  488. content: '';
  489. {block:if250pxposts}
  490. left: 43%;
  491. {/block:if250pxposts}
  492. {block:if400pxposts}
  493. left: 47%;
  494. {/block:if400pxposts}
  495. {block:if500pxposts}
  496. left: 47%;
  497. {/block:if500pxposts}
  498. {/block:indexpage}
  499. {block:permalinkpage}
  500. left: 47%;
  501. {/block:permalinkpage}
  502. }
  503.  
  504. .answer {
  505. position:relative;
  506. margin-left:5px;
  507. margin-right:5px;
  508. color:{color:answer};
  509. text-shadow:none;
  510. }
  511.  
  512. .askpic{
  513. position:relative;
  514. border-radius:100%;
  515. padding:3px;
  516. border: 2px solid {color:asker icon border};
  517. }
  518.  
  519. .abr {
  520. position:relative;
  521. display:inline-block;
  522. font-size:50px;
  523. font-family:cambria;
  524. top:-10px;
  525. left:9px;
  526. color:{color:ask brackets};
  527. text-shadow:none;
  528. letter-spacing:20px
  529. }
  530.  
  531. #apic {
  532. position:relative;
  533. width:130px;
  534. {block:if250pxposts}
  535. margin-left:24%;
  536. {/block:if250pxposts}
  537. {block:if400pxposts}
  538. margin-left:35%;
  539. {/block:if400pxposts}
  540. {block:if500pxposts}
  541. margin-left:37%;
  542. {/block:if500pxposts}
  543. {block:permalinkpage}
  544. margin-left:37%;
  545. {/block:permalinkpage}
  546. }
  547.  
  548. .convo li {
  549. margin-left:-27px;
  550. line-height:15px;
  551. list-style-type: none;
  552. background-color:{color:chat background};
  553. padding:3px 6px 3px 6px;
  554. border-bottom: 5px solid {color:post background};
  555. font-size:9px;
  556. letter-spacing:1px;
  557. }
  558.  
  559. .label {
  560.  
  561. letter-spacing:3px;
  562. color: {color:chat names};
  563. font-size:9px;
  564. }
  565.  
  566. .quote {
  567. padding:3px;
  568. color: {color:quote};
  569. }
  570.  
  571. .quotetext {
  572. font-family:georgia;
  573. font-style:italic;
  574. letter-spacing:1px;
  575. font-size:15px;
  576. }
  577.  
  578. .source {
  579. text-transform:uppercase;
  580. text-align:right;
  581. margin-top:5px;
  582. font-size:8px;
  583. letter-spacing:3px;
  584. }
  585.  
  586. #s-m-t-tooltip{
  587. max-width:180px;
  588. margin:16px;
  589. padding: 5px;
  590. background-color:#fff;
  591. color:#bbb;
  592. font-family:lucida console;
  593. font-size:8px;
  594. text-transform:uppercase;
  595. z-index:99999999;
  596. border:1px solid #eee;
  597. box-shadow:2px 2px 5px #eee;
  598. }
  599.  
  600. .posts:hover .reblogbutton {
  601. opacity:0.6;
  602. -webkit-transition: all 0.5s ease-in-out;
  603. -moz-transition: all 0.5s ease-in-out;
  604. -o-transition: all 0.5s ease-in-out;
  605. -ms-transition: all 0.5s ease-in-out;
  606. transition: all 0.5s ease-in-out;
  607. }
  608.  
  609. .reblogbutton {
  610. height:13px;
  611. width:13px;
  612. position:absolute;
  613. color: {color:heart};
  614. background-color:{color:heart background};
  615. margin-left:30px;
  616. margin-top:10px;
  617. padding:1px;
  618. border:1px solid {color:heartline};
  619. border-radius:100%;
  620. opacity:0;
  621. text-shadow:none;
  622. -webkit-transition: all 0.2s ease-in-out;
  623. -moz-transition: all 0.2s ease-in-out;
  624. -o-transition: all 0.2s ease-in-out;
  625. -ms-transition: all 0.2s ease-in-out;
  626. transition: all 0.2s ease-in-out;
  627. }
  628.  
  629. .reblogbutton:hover {
  630. color:{color:heart background};
  631. background-color: {color:heart};
  632. -webkit-transition: all 0.5s ease-in-out;
  633. -moz-transition: all 0.5s ease-in-out;
  634. -o-transition: all 0.5s ease-in-out;
  635. -ms-transition: all 0.5s ease-in-out;
  636. transition: all 0.5s ease-in-out;
  637. }
  638.  
  639. .posts:hover .line1 {
  640. width:30px;
  641. -webkit-transition: all 0.5s ease-in-out;
  642. -moz-transition: all 0.5s ease-in-out;
  643. -o-transition: all 0.5s ease-in-out;
  644. -ms-transition: all 0.5s ease-in-out;
  645. transition: all 0.5s ease-in-out;
  646. }
  647.  
  648. .posts:hover .line2 {
  649. width:30px;
  650. transition-delay: 0.3s;
  651. -webkit-transition-delay: 0.3s;
  652. transition-duration: 0.3s;
  653. }
  654.  
  655. .posts:hover .line3 {
  656. width:13px;
  657. transition-delay: 0.6s;
  658. -webkit-transition-delay: 0.6s;
  659. transition-duration: 0.3s;
  660. }
  661.  
  662. .posts:hover .line4 {
  663. width:23px;
  664. transition-delay: 0.8s;
  665. -webkit-transition-delay: 0.8s;
  666. transition-duration: 0.3s;
  667. }
  668.  
  669. .posts:hover .line5 {
  670. width:9px;
  671. transition-delay: 1s;
  672. -webkit-transition-delay: 1s;
  673. transition-duration: 0.3s;
  674. }
  675.  
  676. .posts:hover .line6 {
  677. width:34px;
  678. transition-delay: 1.2s;
  679. -webkit-transition-delay: 1.2s;
  680. transition-duration: 0.2s;
  681. }
  682.  
  683. .line1, .line2, .line3,
  684. .line4, .line5, .line6 {
  685. position:absolute;
  686. background-color:{color:heartline};
  687. height:1px;
  688. width:0px;
  689. }
  690.  
  691. .line2, .line3,
  692. .line4, .line5, .line6 {
  693. position:absolute;
  694. background-color:{color:heartline};
  695. height:1px;
  696. width:0px;
  697. -webkit-transition: all 0.2s ease-in-out;
  698. -moz-transition: all 0.2s ease-in-out;
  699. -o-transition: all 0.2s ease-in-out;
  700. -ms-transition: all 0.2s ease-in-out;
  701. transition: all 0.2s ease-in-out;
  702. }
  703.  
  704. .line1 {
  705. margin-left:0px;
  706. margin-top:18px;
  707. transition-delay: 0.2s;
  708. -webkit-transition-delay: 0.2s;
  709. transition-duration: 0.2s;
  710. }
  711.  
  712. .line2 {
  713. margin-left:47px;
  714. margin-top:18px;
  715. }
  716.  
  717. .line3 {
  718. margin-left:73px;
  719. margin-top:24px;
  720. -webkit-transform:rotate(70deg);
  721. }
  722.  
  723. .line4 {
  724. margin-left:74px;
  725. margin-top:20px;
  726. -webkit-transform:rotate(-70deg);
  727. }
  728.  
  729. .line5 {
  730. margin-left:87px;
  731. margin-top:14px;
  732. -webkit-transform:rotate(70deg);
  733. }
  734.  
  735. .line6 {
  736. margin-left:93px;
  737. margin-top:18px;
  738. }
  739.  
  740. #perma {
  741. position:absolute;
  742. }
  743.  
  744. #permadatenotes {
  745. position:absolute;
  746. margin-left:132px;
  747. margin-top:11px;
  748. width:100px;
  749. font-style:italic;
  750. color:{color:permalinks};
  751. opacity:0;
  752. -webkit-transition: all 0.2s ease-in-out;
  753. -moz-transition: all 0.2s ease-in-out;
  754. -o-transition: all 0.2s ease-in-out;
  755. -ms-transition: all 0.2s ease-in-out;
  756. transition: all 0.2s ease-in-out;
  757. }
  758.  
  759. #permadatenotes a {
  760. text-shadow:none;
  761. color:{color:permalinks};
  762. -webkit-transition: all 0.3s ease-in-out;
  763. -moz-transition: all 0.3s ease-in-out;
  764. -o-transition: all 0.3s ease-in-out;
  765. -ms-transition: all 0.3s ease-in-out;
  766. transition: all 0.3s ease-in-out;
  767.  
  768. }
  769.  
  770. #permadatenotes a:hover {
  771. text-shadow:2px 0px 2px {color:permalink hover shadows}, -2px 0px 2px {color:permalink hover shadows};
  772. color:{color:permalinks hover};
  773. -webkit-transition: all 0.3s ease-in-out;
  774. -moz-transition: all 0.3s ease-in-out;
  775. -o-transition: all 0.3s ease-in-out;
  776. -ms-transition: all 0.3s ease-in-out;
  777. transition: all 0.3s ease-in-out;
  778. }
  779.  
  780. .posts:hover #permadatenotes {
  781. opacity:1;
  782. -webkit-transition: all 0.7s ease-in-out;
  783. -moz-transition: all 0.7s ease-in-out;
  784. -o-transition: all 0.7s ease-in-out;
  785. -ms-transition: all 0.7s ease-in-out;
  786. transition: all 0.7s ease-in-out;
  787. }
  788.  
  789. .permalinkstuff {
  790. position:absolute;
  791. width:520px;
  792. }
  793.  
  794. .infostuff {
  795. line-height:17px;
  796. width:520px;
  797. height:auto;
  798. margin: 20px 0px 0px -10px ;
  799. padding: 10px 0px 10px 0px;
  800. text-align:center;
  801. letter-spacing:1px;
  802. font-style:italic;
  803. font-size:10px;
  804. color:#bbb;
  805. }
  806.  
  807. .highl {
  808. color:{color:permalinkpage highlight info};
  809.  
  810. }
  811.  
  812. .highl a {
  813. color:{color:permalinkpage sources};
  814. }
  815.  
  816. .permanotes {
  817. width:500px;
  818. padding:10px 10px 10px 10px;
  819. margin-left:-10px;
  820. font-style:italic;
  821. position: absolute;
  822. color:#ccc;
  823. line-height:20px;
  824. }
  825.  
  826.  
  827. .permanotes ol,.permanotes li,.permanotes ul {
  828. width:520px;
  829. padding-bottom:3px;
  830. padding-top:3px;
  831. list-style-type: none;
  832. border-bottom:1px dotted #eee;
  833. letter-spacing:1px;
  834. font-size:8px;
  835. margin-left:-20px;
  836. }
  837.  
  838. .permanotes img {
  839. border-radius:100%;
  840. padding:3px;
  841. border:1px dotted #eee;
  842. margin-bottom:-9px;
  843. margin-right:10px;
  844. opacity:0.8;
  845. }
  846.  
  847. #tagsalig {
  848. width:450px;
  849. padding: 0px 5px 0px 5px;
  850. margin:10px 0px 10px 20px;
  851. height:auto;
  852. }
  853.  
  854. #tags {
  855. font-family:consolas;
  856. font-size:8px;
  857. margin-left:5px;
  858. margin-right:2px;
  859. letter-spacing:1px;
  860. -webkit-transition: all 0.3s ease-in-out;
  861. -moz-transition: all 0.3s ease-in-out;
  862. -o-transition: all 0.3s ease-in-out;
  863. -ms-transition: all 0.3s ease-in-out;
  864. transition: all 0.3s ease-in-out;
  865. }
  866.  
  867. #tags a {
  868. color:{color:tags text};
  869. text-shadow:2px 2px 1px #eee;
  870. background-color:#fff;
  871. padding:1px;
  872. font-style:none;
  873. -webkit-transition: all 0.5s ease-in-out;
  874. -moz-transition-duration: 0.5s;
  875. -o-transition-duration: 0.5s;
  876. -webkit-transition-duration: 0.5s;
  877. transition-duration: 0.5s;
  878. }
  879.  
  880. #tags a:hover {
  881. color:#fff;
  882. background-color:{color:tags text};
  883. text-shadow:none;
  884. font-style:italic;
  885. -webkit-transition: all 0.3s ease-in-out;
  886. -moz-transition: all 0.3s ease-in-out;
  887. -o-transition: all 0.3s ease-in-out;
  888. -ms-transition: all 0.3s ease-in-out;
  889. transition: all 0.3s ease-in-out;
  890. }
  891.  
  892. .rebox {
  893. position:absolute;
  894. margin-left:-23px;
  895. margin-top:0px;
  896. opacity:0;
  897. background-color:#fff;
  898. height:13px;
  899. box-shadow:2px 2px 4px #eee;
  900. -webkit-transition: all 0.3s ease-in-out;
  901. -moz-transition: all 0.3s ease-in-out;
  902. -o-transition: all 0.3s ease-in-out;
  903. -ms-transition: all 0.3s ease-in-out;
  904. transition: all 0.3s ease-in-out;
  905. }
  906.  
  907. .reblogh {
  908. font-size:9px;
  909. color:{color:reblog text};
  910. padding-left:3px;
  911. padding-right:3px;
  912. font-style:italic;
  913. text-shadow:1px 1px #f0f0f0;
  914. letter-spacing:1px;
  915. -webkit-transition: all 0.3s ease-in-out;
  916. -moz-transition: all 0.3s ease-in-out;
  917. -o-transition: all 0.3s ease-in-out;
  918. -ms-transition: all 0.3s ease-in-out;
  919. transition: all 0.3s ease-in-out;
  920. }
  921.  
  922. .reblogbutton:hover .rebox {
  923. opacity:1;
  924. margin-left:-12px;
  925. margin-top:20px;
  926. -webkit-transition: all 0.3s ease-in-out;
  927. -moz-transition: all 0.3s ease-in-out;
  928. -o-transition: all 0.3s ease-in-out;
  929. -ms-transition: all 0.3s ease-in-out;
  930. transition: all 0.3s ease-in-out;
  931. }
  932.  
  933. #arrow {
  934. position:relative;
  935. margin-left:-30px;
  936. opacity:0;
  937. -webkit-transition: all 0.3s ease-in-out;
  938. -moz-transition: all 0.3s ease-in-out;
  939. -o-transition: all 0.3s ease-in-out;
  940. -ms-transition: all 0.3s ease-in-out;
  941. transition: all 0.3s ease-in-out;
  942. }
  943.  
  944. #link:hover #arrow {
  945. margin-left:0px;
  946. opacity:1;
  947. -webkit-transition: all 0.3s ease-in-out;
  948. -moz-transition: all 0.3s ease-in-out;
  949. -o-transition: all 0.3s ease-in-out;
  950. -ms-transition: all 0.3s ease-in-out;
  951. transition: all 0.3s ease-in-out;
  952. }
  953.  
  954. #plus {
  955. opacity:1;
  956. -webkit-transition: all 0.3s ease-in-out;
  957. -moz-transition: all 0.3s ease-in-out;
  958. -o-transition: all 0.3s ease-in-out;
  959. -ms-transition: all 0.3s ease-in-out;
  960. transition: all 0.3s ease-in-out;
  961. }
  962.  
  963. #link:hover #plus {
  964. opacity:0;
  965. -webkit-transition: all 0.3s ease-in-out;
  966. -moz-transition: all 0.3s ease-in-out;
  967. -o-transition: all 0.3s ease-in-out;
  968. -ms-transition: all 0.3s ease-in-out;
  969. transition: all 0.3s ease-in-out;
  970. }
  971.  
  972. #vid {
  973. {block:indexpage}
  974. {block:ifimageopacity}
  975. opacity:0.6;
  976. {/block:ifimageopacity}
  977. {/block:indexpage}
  978. -webkit-transition: all 0.7s ease-in-out;
  979. -moz-transition: all 0.7s ease-in-out;
  980. -o-transition: all 0.7s ease-in-out;
  981. -ms-transition: all 0.7s ease-in-out;
  982. transition: all 0.7s ease-in-out;
  983. }
  984.  
  985. #vid:hover {
  986. opacity:1;
  987. -webkit-transition: all 0.7s ease-in-out;
  988. -moz-transition: all 0.7s ease-in-out;
  989. -o-transition: all 0.7s ease-in-out;
  990. -ms-transition: all 0.7s ease-in-out;
  991. transition: all 0.7s ease-in-out;
  992. }
  993.  
  994. #mid {
  995. left:50%;
  996. right:50%;
  997. position:fixed;
  998. height:100%;
  999. top:0px;
  1000. }
  1001.  
  1002. .side {
  1003. position:absolute;
  1004. {block:if250pxposts}
  1005. margin-left:-375px;
  1006. {/block:if250pxposts}
  1007. {block:if400pxposts}
  1008. margin-left:-450px;
  1009. {/block:if400pxposts}
  1010. {block:if500pxposts}
  1011. margin-left:-500px;
  1012. {/block:if500pxposts}
  1013. bottom:54%;
  1014. opacity:0.6;
  1015. }
  1016.  
  1017. .shape {
  1018. position:absolute;
  1019. left:8px;
  1020. top:9px;
  1021. border:2px solid {color:description box};
  1022. width:130px;
  1023. height:80px;
  1024. z-index:1;
  1025. overflow:hidden;
  1026. -webkit-transition: all 0.7s ease-in-out;
  1027. -moz-transition: all 0.7s ease-in-out;
  1028. -o-transition: all 0.7s ease-in-out;
  1029. -ms-transition: all 0.7s ease-in-out;
  1030. transition: all 0.7s ease-in-out;
  1031. }
  1032.  
  1033. .side:hover .shape {
  1034. top:130px;
  1035. -webkit-transition: all 0.7s ease-in-out;
  1036. -moz-transition: all 0.7s ease-in-out;
  1037. -o-transition: all 0.7s ease-in-out;
  1038. -ms-transition: all 0.7s ease-in-out;
  1039. transition: all 0.7s ease-in-out;
  1040. }
  1041.  
  1042. .s2 {
  1043. position:absolute;
  1044. top:122px;
  1045. -webkit-transition: all 0.3s ease-in-out;
  1046. -moz-transition: all 0.3s ease-in-out;
  1047. -o-transition: all 0.3s ease-in-out;
  1048. -ms-transition: all 0.3s ease-in-out;
  1049. transition: all 0.3s ease-in-out;
  1050. }
  1051.  
  1052. #descr {
  1053. position:relative;
  1054. width:100px;
  1055. text-align:center;
  1056. margin-left:15px;
  1057. margin-top:126px;
  1058. height:70px;
  1059. -webkit-transition: all 0.7s ease-in-out;
  1060. -moz-transition: all 0.7s ease-in-out;
  1061. -o-transition: all 0.7s ease-in-out;
  1062. -ms-transition: all 0.7s ease-in-out;
  1063. transition: all 0.7s ease-in-out;
  1064. }
  1065.  
  1066. .side:hover #descr {
  1067. margin-top:5px;
  1068. -webkit-transition: all 0.7s ease-in-out;
  1069. -moz-transition: all 0.7s ease-in-out;
  1070. -o-transition: all 0.7s ease-in-out;
  1071. -ms-transition: all 0.7s ease-in-out;
  1072. transition: all 0.7s ease-in-out;
  1073. }
  1074.  
  1075. #de {
  1076. background-color:{color:description highlight};
  1077. line-height:17px;
  1078. padding:0px 2px 0px 2px;
  1079. font-family:cambria;
  1080. color:{color:description};
  1081. }
  1082. .linkss {
  1083. position:absolute;
  1084. width:130px;
  1085. height:80px;
  1086. margin-top:-80px;
  1087. margin-left:17px;
  1088. opacity:0;
  1089. -webkit-transition: all 0.5s ease-in-out;
  1090. -moz-transition: all 0.5s ease-in-out;
  1091. -o-transition: all 0.5s ease-in-out;
  1092. -ms-transition: all 0.5s ease-in-out;
  1093. transition: all 0.5s ease-in-out;
  1094. }
  1095.  
  1096. .boxl {
  1097. position:relative;
  1098. width:50px;
  1099. height:20px;
  1100. background-color:{color:main link box};
  1101. margin:3px;
  1102. display:inline-block;
  1103. box-shadow:3px 3px 6px #ccc;
  1104. -webkit-transition: all 0.3s ease-in-out;
  1105. -moz-transition: all 0.3s ease-in-out;
  1106. -o-transition: all 0.3s ease-in-out;
  1107. -ms-transition: all 0.3s ease-in-out;
  1108. transition: all 0.3s ease-in-out;
  1109. }
  1110.  
  1111. .linkt {
  1112. text-align:center;
  1113. margin-top:3px;
  1114. font-family:cambria;
  1115. font-style:italic;
  1116. letter-spacing:1px;
  1117. color:{color:main links};
  1118. }
  1119.  
  1120. .linkt a {
  1121. color:{color:main links};
  1122. -webkit-transition: all 0.3s ease-in-out;
  1123. -moz-transition: all 0.3s ease-in-out;
  1124. -o-transition: all 0.3s ease-in-out;
  1125. -ms-transition: all 0.3s ease-in-out;
  1126. transition: all 0.3s ease-in-out;
  1127. }
  1128.  
  1129. .linkt a:hover{
  1130. color:#eee;
  1131. -webkit-transition: all 0.3s ease-in-out;
  1132. -moz-transition: all 0.3s ease-in-out;
  1133. -o-transition: all 0.3s ease-in-out;
  1134. -ms-transition: all 0.3s ease-in-out;
  1135. transition: all 0.3s ease-in-out;
  1136. }
  1137.  
  1138. .side:hover .linkss {
  1139. opacity:0.9;
  1140. transition-delay: 0.6s;
  1141. -webkit-transition-delay: 0.6s;
  1142. transition-duration: 0.4s;
  1143. }
  1144. .boxl:hover {
  1145. box-shadow:0px 0px 0px #ccc;
  1146. -webkit-transition: all 0.3s ease-in-out;
  1147. -moz-transition: all 0.3s ease-in-out;
  1148. -o-transition: all 0.3s ease-in-out;
  1149. -ms-transition: all 0.3s ease-in-out;
  1150. transition: all 0.3s ease-in-out;
  1151. }
  1152.  
  1153.  
  1154. .ti {
  1155. margin-top:6px;
  1156. font-family:garamond;
  1157. font-size:14px;
  1158. letter-spacing:2px;
  1159. }
  1160.  
  1161. .ti a {
  1162. color:{color:blog title};
  1163. }
  1164.  
  1165. .ti:first-letter {
  1166. color:{color:blog title first letter};
  1167.  
  1168. }
  1169.  
  1170. #sidesh {
  1171. position:absolute;
  1172. padding:5px;
  1173. border:1px solid {color:sidebar border};
  1174. height:240px;
  1175. z-index:-1;
  1176. margin-top:-115px;
  1177. width:160px;
  1178. margin-left:-10px;
  1179. }
  1180.  
  1181. #pag {
  1182. position:absolute;
  1183. font-size:11px;
  1184. padding:5px;
  1185. border:1px solid {color:sidebar border};
  1186. font-family:consolas;
  1187. margin-top:170px;
  1188. margin-left:-10px;
  1189. width:160px;
  1190. text-align:center;
  1191. }
  1192.  
  1193. #pag a {
  1194. font-size:11px;
  1195. font-family:consolas;
  1196. color:{color:pagnation links};
  1197. margin-left:5px;
  1198. margin-right:5px;
  1199. }
  1200.  
  1201. .pagc {
  1202. color:{color:pagnation current page};
  1203. font-weight:bold;
  1204. margin-left:5px;
  1205. margin-right:5px;
  1206. }
  1207.  
  1208. .leftlinks {
  1209. position:absolute;
  1210. text-align:right;
  1211. margin-left:-125px;
  1212. line-height:20px;
  1213. margin-top:-100px;
  1214. padding:3px;
  1215. width:100px;
  1216. }
  1217.  
  1218. .leftlinks a {
  1219. font-style:italic;
  1220. text-decoration:none;
  1221. color:{color:extra links};
  1222. text-shadow:none;
  1223. -webkit-transition: all 0.3s ease-in-out;
  1224. -moz-transition: all 0.3s ease-in-out;
  1225. -o-transition: all 0.3s ease-in-out;
  1226. -ms-transition: all 0.3s ease-in-out;
  1227. transition: all 0.3s ease-in-out;
  1228. }
  1229.  
  1230. .leftlinks a:hover {
  1231. text-decoration:line-through;
  1232. color:{color:extra links hover};
  1233. -webkit-transition: all 0.3s ease-in-out;
  1234. -moz-transition: all 0.3s ease-in-out;
  1235. -o-transition: all 0.3s ease-in-out;
  1236. -ms-transition: all 0.3s ease-in-out;
  1237. transition: all 0.3s ease-in-out;
  1238. }
  1239.  
  1240. #out {
  1241. width:100%;
  1242. top:0px;
  1243. position:fixed;
  1244. z-index:9;
  1245. }
  1246.  
  1247. #banner {
  1248. margin-left:auto;
  1249. margin-right:auto;
  1250. {block:indexpage}
  1251. {block:if250pxposts}
  1252. width:270px;
  1253. {/block:if250pxposts}
  1254. {block:if400pxposts}
  1255. width:420px;
  1256. {/block:if400pxposts}
  1257. {block:if500pxposts}
  1258. width:520px;
  1259. {/block:if500pxposts}
  1260. {/block:indexpage}
  1261. }
  1262.  
  1263. #lace {
  1264. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  1265. repeat:repeat-x;
  1266. opacity:0.7;
  1267. {block:indexpage}
  1268. margin-left:-8px;
  1269. {block:if250pxposts}
  1270. width:270px;
  1271. {/block:if250pxposts}
  1272. {block:if400pxposts}
  1273. width:420px;
  1274. {/block:if400pxposts}
  1275. {block:if500pxposts}
  1276. width:520px;
  1277. {/block:if500pxposts}
  1278. {/block:indexpage}
  1279. height:18px;
  1280. border-top:20px solid #fff;
  1281. -webkit-transition: all 0.5s ease-in-out;
  1282. -moz-transition: all 0.5s ease-in-out;
  1283. -o-transition: all 0.5s ease-in-out;
  1284. -ms-transition: all 0.5s ease-in-out;
  1285. transition: all 0.5s ease-in-out;
  1286. }
  1287. {block:indexpage}
  1288. #lace:hover {
  1289. border-top:{text:Updates Height}px solid #fff;
  1290. opacity:0.9;
  1291. -webkit-transition: all 0.5s ease-in-out;
  1292. -moz-transition: all 0.5s ease-in-out;
  1293. -o-transition: all 0.5s ease-in-out;
  1294. -ms-transition: all 0.5s ease-in-out;
  1295. transition: all 0.5s ease-in-out;
  1296. }
  1297.  
  1298. {/block:indexpage}
  1299. .updatehead {
  1300. font-family:lucida console;
  1301. font-size:11px;
  1302. display:block;
  1303. color:{color:update titles};
  1304. padding-top:15px;
  1305. text-align:right;
  1306. position:relative;
  1307. z-index:100;
  1308. }
  1309.  
  1310. #words {
  1311. position:absolute;
  1312. bottom:40px;
  1313. width:250px;
  1314. {block:indexpage}
  1315. {block:if250pxposts}
  1316. width:250px;
  1317. {/block:if250pxposts}
  1318. {block:if400pxposts}
  1319. width:400px;
  1320. {/block:if400pxposts}
  1321. {block:if500pxposts}
  1322. width:500px;
  1323. {/block:if500pxposts}
  1324. {/block:indexpage}
  1325. letter-spacing:1px;
  1326. background-color:#fff;
  1327. line-height:15px;
  1328. margin-left:10px;
  1329. text-align:left;
  1330. }
  1331.  
  1332. .hover {
  1333. position:absolute;
  1334. {block:if250pxposts}
  1335. {block:ifmessage}
  1336. margin-left:87px;
  1337. {/block:ifmessage}
  1338. {block:ifupdates}
  1339. margin-left:77px;
  1340. {/block:ifupdates}
  1341. {/block:if250pxposts}
  1342. {block:if400pxposts}
  1343. {block:ifmessage}
  1344. margin-left:165px;
  1345. {/block:ifmessage}
  1346. {block:ifupdates}
  1347. margin-left:155px;
  1348. {/block:ifupdates}
  1349. {/block:if400pxposts}
  1350. {block:if500pxposts}
  1351. {block:ifmessage}
  1352. margin-left:216px;
  1353. {/block:ifmessage}
  1354. {block:ifupdates}
  1355. margin-left:206px;
  1356. {/block:ifupdates}
  1357. {/block:if500pxposts}
  1358. margin-top:-15px;
  1359. letter-spacing:7px;
  1360. opacity:0.4;
  1361. -webkit-transition: all 0.7s ease-in-out;
  1362. -moz-transition: all 0.7s ease-in-out;
  1363. -o-transition: all 0.7s ease-in-out;
  1364. -ms-transition: all 0.7s ease-in-out;
  1365. transition: all 0.7s ease-in-out;
  1366. }
  1367.  
  1368. #lace:hover .hover {
  1369. opacity:0;
  1370. -webkit-transition: all 0.7s ease-in-out;
  1371. -moz-transition: all 0.7s ease-in-out;
  1372. -o-transition: all 0.7s ease-in-out;
  1373. -ms-transition: all 0.7s ease-in-out;
  1374. transition: all 0.7s ease-in-out;
  1375. }
  1376.  
  1377. #cornerpic {
  1378. position:fixed;
  1379. right:0px;
  1380. bottom:0px;
  1381. {block:ifcornerimageopacity}
  1382. opacity:0.6;
  1383. {/block:ifcornerimageopacity}
  1384. -webkit-transition: all 0.5s ease-in-out;
  1385. -moz-transition: all 0.5s ease-in-out;
  1386. -o-transition: all 0.5s ease-in-out;
  1387. -ms-transition: all 0.5s ease-in-out;
  1388. transition: all 0.5s ease-in-out;
  1389. }
  1390.  
  1391.  
  1392. #cornerpic:hover {
  1393. opacity:1;
  1394. -webkit-transition: all 0.5s ease-in-out;
  1395. -moz-transition: all 0.5s ease-in-out;
  1396. -o-transition: all 0.5s ease-in-out;
  1397. -ms-transition: all 0.5s ease-in-out;
  1398. transition: all 0.5s ease-in-out;
  1399. }
  1400.  
  1401. .upline {
  1402. position:absolute;
  1403. height:1px;
  1404. {block:indexpage}
  1405. {block:if250pxposts}
  1406. width:250px;
  1407. {/block:if250pxposts}
  1408. {block:if400pxposts}
  1409. width:400px;
  1410. {/block:if400pxposts}
  1411. {block:if500pxposts}
  1412. width:500px;
  1413. {/block:if500pxposts}
  1414. {/block:indexpage}
  1415. background-color:{color:update title lines};
  1416. margin-top:7px;
  1417. }
  1418.  
  1419. #cr {
  1420. position:fixed;
  1421. bottom:10px;
  1422. left:10px;
  1423. font-family:consolas;
  1424. box-shadow:2px 2px 2px #eee;
  1425. padding:3px;
  1426. -webkit-transition: all 0.3s ease-in-out;
  1427. -moz-transition: all 0.3s ease-in-out;
  1428. -o-transition: all 0.3s ease-in-out;
  1429. -ms-transition: all 0.3s ease-in-out;
  1430. transition: all 0.3s ease-in-out;
  1431. }
  1432.  
  1433. #cr a {
  1434. color:#ccc;
  1435. }
  1436.  
  1437. #cr:hover {
  1438. box-shadow:0px 0px 0px #eee;
  1439. -webkit-transition: all 0.3s ease-in-out;
  1440. -moz-transition: all 0.3s ease-in-out;
  1441. -o-transition: all 0.3s ease-in-out;
  1442. -ms-transition: all 0.3s ease-in-out;
  1443. transition: all 0.3s ease-in-out;
  1444. }
  1445.  
  1446. </style>
  1447.  
  1448. {block:ifinfinitescroll}
  1449. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1450. {/block:ifinfinitescroll}
  1451. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1452. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1453. <script>
  1454. (function($){
  1455. $(document).ready(function(){
  1456. $("[title],a[title],img[title]").style_my_tooltips({
  1457. tip_follows_cursor:true,
  1458. tip_delay_time:100,
  1459. tip_fade_speed:250,
  1460. attribute:"title"
  1461. });
  1462. });
  1463. })(jQuery);
  1464. </script>
  1465.  
  1466. </head>
  1467. <body>
  1468.  
  1469. <div id="cornerpic"><img src="{image:cornerpic}" width="200px" draggable="false"></div>
  1470.  
  1471. {block:iflacebanner}
  1472. <div id="out"><div id="banner"><div id="lace"><span id="words">
  1473.  
  1474. {block:ifupdates}
  1475. <!---UPDATES START--->
  1476.  
  1477. <div class="updatehead"><div class="upline"></div><span style="position:relative;z-index:3;background-color:#fff;padding-left:4px;">
  1478. <!--- This is your FIRST update TITLE--->
  1479. Update title
  1480.  
  1481. </span></div>
  1482. <!--- This is your FIRST update CONTENT--->
  1483. <p>If you're wondering where you customize what is in the box, you have to go into the HTML and find the part where you see these words </p>
  1484.  
  1485. <div class="updatehead"><div class="upline"></div><span style="position:relative;z-index:3;background-color:#fff;padding-left:4px;">
  1486. <!--- This is your SECOND update TITLE--->
  1487. Update title
  1488.  
  1489. </span></div>
  1490. <!--- This is your SECOND update CONTENT--->
  1491. <p>there should be a place in the customizing area that says "updates height"</p>
  1492. <p>you can use that to control the height of the updates bar when it slides out. The number that you provide is the number of pixels that the height will have. The higher the amount, the longer it will be.</p>
  1493.  
  1494. <div class="updatehead"><div class="upline"></div><span style="position:relative;z-index:3;background-color:#fff;padding-left:4px;">
  1495. <!--- This is your THIRD update TITLE--->
  1496. Update title
  1497.  
  1498. </span></div>
  1499.  
  1500. <!--- This is your THIRD update CONTENT--->
  1501. <p>This an be one group of updates </p>
  1502. <p>and this can be another</p>
  1503. <p>you can have as many as you would like</p>
  1504.  
  1505. <!---UPDATES END--->
  1506. {/block:ifupdates}
  1507. {block:ifmessage}
  1508. <i>
  1509. <!---MESSAGE START--->
  1510. If you've checked off "message" in the customize area, this will appear. In oppose to updates, this lets you put something like another description or maybe a quote. If you need help with handling the slide-out bar, read the information that appears when you check off "updates" instead. <br>The height of the bar when it slides out is also controlled by "updates height" in the customize area.
  1511. <!---MESSAGE END--->
  1512. </i>
  1513. {/block:ifmessage}
  1514.  
  1515. </span>
  1516.  
  1517. {block:indexpage}<span class="hover">{block:ifmessage}( hover ){/block:ifmessage}{block:ifupdates}( updates ){/block:ifupdates}</span>{block:indexpage}
  1518. </div></div></div>
  1519. {/block:iflacebanner}
  1520.  
  1521. <div id="mid">
  1522.  
  1523. <div class="side">
  1524. <img src="{image:sidepic1}" draggable="false" width="150px" height="100px"><div class="box"><div class="shape"><div id="descr"><span id="de">{description}</span></div></div><div class="s2"><img src="{image:sidepic2}" draggable="false" width="150px" height="100px"><div class="ti"><a href="/">{title}</a></div></div></div>
  1525. <div class="linkss">
  1526. <a href="/"><div class="boxl"><div class="linkt">index</div></div></a>
  1527. <a href="/ask"><div class="boxl"><div class="linkt">ask</div></div></a>
  1528. <a href="/archive"><div class="boxl"><div class="linkt">archive</div></div></a>
  1529. <a href="http://electrail.tumblr.com"><div class="boxl"><div class="linkt">theme</div></div></a>
  1530. </div>
  1531. <div id="sidesh">
  1532. </div>
  1533. <div class="leftlinks">
  1534. {block:iflink1}<a href="{text:link1 url}">{text:link1}</a>{/block:ifLink1}<br>
  1535. {block:iflink2}<a href="{text:link2 url}">{text:link2}</a><{/block:ifLink2}<br>
  1536. {block:iflink3}<a href="{text:link3 url}">{text:link3}</a>{/block:ifLink3}<br>
  1537. {block:iflink4}<a href="{text:link4 url}">{text:link4}</a>{/block:ifLink4} <br>
  1538. {block:iflink5}<a href="{text:link5 url}">{text:link5}</a>{/block:ifLink5}<br>
  1539. </div>
  1540. {block:ifnotinfinitescroll}
  1541. <div id="pag">
  1542. {block:Pagination}
  1543. {block:JumpPagination length="5"}
  1544. {block:CurrentPage}<span class="pagc">{PageNumber}</span>{/block:CurrentPage}
  1545.  
  1546. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1547.  
  1548. {/block:JumpPagination}
  1549. {/block:Pagination}
  1550. </div>
  1551. {/block:ifnotinfinitescroll}
  1552. </div>
  1553.  
  1554. <div id="cr"><a href="http://electrail.tumblr.com" title="theme by electrail">elc|thm</a></div>
  1555.  
  1556. </div>
  1557.  
  1558. <div id="content">
  1559. {block:Posts}
  1560. <div class="posts">
  1561.  
  1562. {block:Text}
  1563.  
  1564. {block:Title}<h2>{Title}</h2>{/block:Title}
  1565. {Body}
  1566. {/block:Text}
  1567.  
  1568. {block:Answer}
  1569.  
  1570. <div id="apic"><div class="abr">(</div><img src="{AskerPortraitURL-40}" class="askpic" draggable="false"><div class="abr">)</div></div><div class="question"><span class="asker">{Asker} inquired: </span>{Question}
  1571. </div>
  1572. <div class="answer">
  1573. {Answer}
  1574. </div>
  1575. {/block:Answer}
  1576.  
  1577. {block:Quote}
  1578.  
  1579. <div class="quote">
  1580. <div class="quotetext">"{Quote}"</div>{block:Source}<div class="source">-{Source}</div>{/block:Source}
  1581. </div>
  1582. {/block:Quote}
  1583.  
  1584. {block:Link}
  1585. <div id="link"><h2><a href="{URL}"><span id="plus">+ </span>{Name} <span id="arrow">»</span></a></h2></div>
  1586.  
  1587. {block:ifcaptions}
  1588. {block:IndexPage}
  1589. {block:Description}{Description}{/block:Description}
  1590. {/block:IndexPage}
  1591. {/block:ifcaptions}
  1592.  
  1593. {block:PermalinkPage}
  1594. {block:Description}{Description}{/block:Description}
  1595. {/block:PermalinkPage}
  1596.  
  1597. {/block:Link}
  1598.  
  1599. {block:Chat}
  1600. {block:Title}<h2>{Title}</h2>{/block:Title}
  1601. <ul class="convo">{block:Lines}<li class="line_{alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1602. {Line}{/block:Lines}</li></ul>
  1603.  
  1604. {/block:Label}
  1605. {/block:Chat}
  1606.  
  1607. {block:Photo}
  1608.  
  1609. {LinkOpenTag}{block:indexpage}
  1610. {block:if500pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" >{/block:if500pxposts}
  1611.  
  1612. {block:if400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" >{/block:if400pxposts}
  1613.  
  1614. {block:if250pxposts}<img src="{PhotoURL-250}" alt="{PhotoAlt}" >{/block:if250pxposts}
  1615.  
  1616. {/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{/block:permalinkpage}
  1617. {LinkCloseTag}
  1618.  
  1619. {block:ifcaptions}
  1620. {block:IndexPage}
  1621. {block:Caption}{Caption}{/block:Caption}
  1622. {/block:IndexPage}
  1623. {/block:ifcaptions}
  1624.  
  1625. {block:PermalinkPage}
  1626. {block:Caption}{Caption}{/block:Caption}
  1627. {/block:PermalinkPage}
  1628.  
  1629. {/block:Photo}
  1630.  
  1631. {block:Photoset}
  1632. {Photoset}
  1633. {block:ifcaptions}
  1634. {block:IndexPage}
  1635. {block:Caption}{Caption}{/block:Caption}
  1636. {/block:IndexPage}
  1637. {/block:ifcaptions}
  1638.  
  1639. {block:PermalinkPage}
  1640. {block:Caption}{Caption}{/block:Caption}
  1641. {/block:PermalinkPage}
  1642. {/block:Photoset}
  1643. {block:Audio}
  1644. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerwhite}{/block:AudioPlayer}</div></div>
  1645. <div class="cover">{block:AlbumArt}
  1646. <img src="{AlbumArtURL}">{/block:AlbumArt}</div><div class="musicnote">♪</div>
  1647. <div class="musicinfo">
  1648. {block:TrackName}<span style="font-size:10px"><b>{TrackName}</b></span>{/block:TrackName}<br>
  1649. {block:Artist}<i>By {Artist}</i>{/block:Artist}<br>
  1650. {block:Album}From {Album}{/block:Album}<br>
  1651. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  1652. {/block:AlbumArt}
  1653.  
  1654. {/block:Audio}
  1655.  
  1656. {block:Video}
  1657. <div id="vid">
  1658. {block:IndexPage}
  1659. {block:if250pxposts}
  1660. {Video-250}
  1661. {block:if250pxposts}
  1662. {block:if400pxposts}
  1663. {Video-400}
  1664. {block:if400pxposts}
  1665. {block:if500pxposts}
  1666. {Video-500}
  1667. {block:if500pxposts}
  1668. {/block:IndexPage}
  1669. {block:PermalinkPage}
  1670. {Video-500}
  1671. {/block:PermalinkPage}
  1672. {block:ifcaptions}
  1673. {block:IndexPage}
  1674. {block:Caption}{Caption}{/block:Caption}
  1675. {/block:IndexPage}
  1676. {/block:ifcaptions}
  1677. {block:PermalinkPage}
  1678. {block:Caption}{Caption}{/block:Caption}
  1679. {/block:PermalinkPage}
  1680. </div>
  1681. {/block:Video}
  1682.  
  1683. {block:indexpage}
  1684. <div id="perma">
  1685. <div class="line1"></div>
  1686. <div class="line2"></div>
  1687. <div class="line3"></div>
  1688. <div class="line4"></div>
  1689. <div class="line5"></div>
  1690. <div class="line6"></div>
  1691. <div id="permadatenotes"><a href="{Permalink}" title="{timeago}">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}{/block:Date}</a> <span style="text-shadow:none">//</span> <a href="{Permalink}" title="{NoteCountWithLabel}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  1692. </div>
  1693. <a href="{ReblogURL}"><div class="reblogbutton"><div class="rebox"><span class="reblogh">reblog</span></div><div style="position:absolute; margin-left:3px">♥</div>
  1694. </div></a>
  1695. {/block:indexpage}
  1696.  
  1697. {block:permalinkpage}
  1698. <div class="permalinkstuff">
  1699. <div class="infostuff">
  1700. {block:date}Posted {DayOfWeek}, <span class="highl">{Month} {MonthNumber}</span>, {Year} at {12Hour}:{Minutes}{AmPm}{/block:date}
  1701. <span class="highl">{block:NoteCount} with {NoteCountwithlabel}{/block:NoteCount}</span><br>
  1702. {block:RebloggedFrom}Reblogged from: <span class= "highl"><a href="{ReblogParentURL}">{ReblogParentName}</span></a> {/block:RebloggedFrom}
  1703. {block:ContentSource}» Source: <span class= "highl"><a href="{SourceURL}">{SourceTitle}</span></a>{/block:ContentSource}
  1704. </div>
  1705.  
  1706. {block:HasTags}<div style="display:inline-block;font-style:italic;letter-spacing:3px;font-size:10px;">Tags:</div><div style="display:inline-block">{block:Tags}
  1707.  
  1708. <span id="tags"><a href="{TagURL}">▲ {Tag} </a></span>
  1709.  
  1710. {/block:Tags}</div>{/block:HasTags}
  1711.  
  1712. {block:PostNotes}<div class="permanotes">{PostNotes}</div>{/block:PostNotes}
  1713. </div>
  1714. {/block:permalinkpage}
  1715. </div>
  1716.  
  1717. {/block:Posts}
  1718. </div></div>
  1719.  
  1720. </body>
  1721. </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!