API tools faq
paste
Advertisement
mardeemoe

[07] blush

mardeemoe
Apr 22nd, 2014
8,372
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.07 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--------------------------------------------
  3. THEME: [07] BLUSH
  4.  
  5. THEME BY CYNESSIE
  6. http://cythemes.tumblr.com // http://cynessie.tumblr.com
  7. ---------------------------------------------
  8. TERMS OF USE:
  9. ● DO NOT REMOVE THE CREDITS
  10. ● DO NOT CLAIM AS YOUR OWN
  11. ● DO NOT REDISTRIBUTE
  12. ● DO NOT USE AS A BASE
  13. ----------------------------------------------->
  14.  
  15. {block:IfinfiniteScroll}<script type="text/javascript"
  16. src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfinfiniteScroll}
  17. <head>
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="" />
  22. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  23.  
  24. <!-- S-M-T TOOLTIP CODE START -->
  25. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27. <script>
  28. (function($){
  29. $(document).ready(function(){
  30. $("a[title]").style_my_tooltips({
  31. tip_follows_cursor:true,
  32. tip_delay_time:0,
  33. tip_fade_speed:0,
  34. attribute:"title"
  35. });
  36. });
  37. })(jQuery);
  38. </script>
  39. <!-- S-M-T TOOLTIP CODE END -->
  40.  
  41. <meta name="image:background" content="http://static.tumblr.com/30b87f688d085159b92f8adbf29c4fad/skpdfau/guzn4ba9b/tumblr_static_20e2fejvwmkkgkg8sg0404ggc.png">
  42. <meta name="image:side image" content="http://static.tumblr.com/f6510cfed25e996dc664d4d16fc4deb7/skpdfau/pjdn49st6/tumblr_static_5o017azu6h0kckkg4k8cko8w8.png">
  43. <meta name="image:custom icon" content="">
  44.  
  45. <meta name="color:header" content="#b75a8e">
  46. <meta name="color:text" content="#7e4266">
  47. <meta name="color:bold" content="#cc819d">
  48. <meta name="color:italic" content="#cc819d">
  49. <meta name="color:link" content="#cc819d">
  50. <meta name="color:link hover" content="#d1a1b3">
  51. <meta name="color:borders" content="#d1a1b3">
  52. <meta name="color:dashed borders" content="#eac7d7">
  53. <meta name="color:navi button text" content="#f3e5e5">
  54. <meta name="color:navi button text hover" content="#f3e5e5">
  55. <meta name="color:navi button bg" content="#b9778f">
  56. <meta name="color:navi button bg hover" content="#965a70">
  57. <meta name="color:postwrap bg" content="#f7eff1">
  58. <meta name="color:entry bg" content="#f9f6f7">
  59. <meta name="color:entry title" content="#c87996">
  60. <meta name="color:asker icon border" content="#d1a1b3">
  61. <meta name="color:asker bg" content="#b9778f">
  62. <meta name="color:asker link" content="#f9f6f7">
  63. <meta name="color:asker link hover" content="#f9f6f7">
  64. <meta name="color:question bg" content="#f7eff1">
  65. <meta name="color:infobar bg" content="#d1a1b3">
  66. <meta name="color:info text" content="#f3e5e5">
  67. <meta name="color:tags" content="#d5abbb">
  68.  
  69. <meta name="if:show icon" content="1">
  70. <meta name="if:show custom icon" content="0">
  71. <meta name="if:infinite scroll" content="0">
  72. <meta name="if:500px posts" content="0">
  73. <meta name="if:monochrome images" content="1">
  74. <meta name="if:faded images" content="1">
  75. <meta name="if:show captions" content="1">
  76. <meta name="if:show tags" content="1">
  77. <meta name="if:music player" content="1">
  78.  
  79. <meta name="text:header title" content="[07] blush">
  80. <meta name="text:next" content="PAST">
  81. <meta name="text:back" content="FUTURE">
  82. <meta name="text:Link 1 Title" content="return">
  83. <meta name="text:Link 1 URL" content="/">
  84. <meta name="text:Link 2 Title" content="message">
  85. <meta name="text:Link 2 URL" content="/ask">
  86. <meta name="text:Link 3 Title" content="archive">
  87. <meta name="text:Link 3 URL" content="/archive">
  88. <meta name="text:Link 4 Title" content="">
  89. <meta name="text:Link 4 URL" content="">
  90. <meta name="text:Link 5 Title" content="">
  91. <meta name="text:Link 5 URL" content="">
  92. <meta name="text:Link 6 Title" content="">
  93. <meta name="text:Link 6 URL" content="">
  94. <meta name="text:Link 7 Title" content="">
  95. <meta name="text:Link 7 URL" content="">
  96. <meta name="text:Link 8 Title" content="">
  97. <meta name="text:Link 8 URL" content="">
  98. <meta name="text:Link 9 Title" content="">
  99. <meta name="text:Link 9 URL" content="">
  100. <meta name="text:Link 10 Title" content="">
  101. <meta name="text:Link 10 URL" content="">
  102.  
  103. <style type="text/css">
  104. /*BODY*/
  105. body {
  106. margin: 0;
  107. background-attachment: fixed;
  108. background-color: #fff;
  109. background-image: url('{image:background}');
  110. color: {color:text};
  111. font-family: verdana;
  112. font-size: 9px;
  113. }
  114.  
  115. /*LINK*/
  116.  
  117. a {
  118. color: {color:link};
  119. font-family: courier new;
  120. font-size: 10px;
  121. text-decoration: none;
  122. -moz-transition-duration: 0.7s;
  123. -o-transition-duration: 0.7s;
  124. -webkit-transition-duration: 0.7s;
  125. transition-duration: 0.7s;
  126. }
  127.  
  128. a:hover {
  129. color: {color:link hover};
  130. text-decoration: none;
  131. -moz-transition-duration: 0.7s;
  132. -o-transition-duration: 0.7s;
  133. -webkit-transition-duration: 0.7s;
  134. transition-duration: 0.7s;
  135. }
  136.  
  137. b, strong {
  138. color: {color:bold};
  139. }
  140.  
  141. i, em {
  142. color:{color:italic};
  143. }
  144.  
  145. pre {
  146. padding: 5px;
  147. background-color: {color:question bg};
  148. }
  149.  
  150. blockquote {
  151. margin: 0 0 0 10px;
  152. padding-left: 5px;
  153. border-left: 1px dashed {color:dashed borders};
  154. }
  155.  
  156. h1 {
  157. color: {color:entry title};
  158. font-family: courier new;
  159. font-size: 15px;
  160. font-weight: normal;
  161. letter-spacing: 2px;
  162. text-align: center;
  163. text-transform: uppercase;
  164. }
  165.  
  166. h2 {
  167. color: {color:entry title};
  168. font-family: courier new;
  169. font-size: 13px;
  170. font-weight: normal;
  171. letter-spacing: 1px;
  172. text-transform: uppercase;
  173. }
  174.  
  175. h3 {
  176. color: {color:entry title};
  177. font-family: courier new;
  178. font-size: 11px;
  179. font-weight: normal;
  180. letter-spacing: 1px;
  181. text-transform: lowercase;
  182. }
  183.  
  184. .container {
  185. {block:IfNot500pxposts}width: 880px;{/block:IfNot500pxposts}
  186. {block:If500pxposts}width: 980px;{/block:If500pxposts}
  187. margin: auto;
  188. }
  189.  
  190. .holder {
  191. position: fixed;
  192. height: 100%;
  193. width: 980px;
  194. background-color: transparent;
  195. }
  196.  
  197. ::-webkit-scrollbar-thumb:vertical {
  198. width: 15px!important;
  199. background-color: {color:entry bg};
  200. border-top: 5px solid {color:borders};
  201. border-left: 5px solid {color:borders};
  202. border-bottom: 2px solid {color:borders};
  203. border-bottom: 5px solid {color:borders};
  204. }
  205.  
  206. ::-webkit-scrollbar-thumb:horizontal {
  207. height:15px!important;
  208. background-color: {color:entry bg};
  209. border-top: 5px solid {color:borders};
  210. border-left: 5px solid {color:borders};
  211. border-right: 5px solid {color:borders};
  212. border-bottom: 2px solid {color:borders};
  213. }
  214.  
  215. ::-webkit-scrollbar {
  216. height:10px;
  217. width:10px;
  218. background-color: {color:borders};
  219. }
  220.  
  221. /*HEADER*/
  222. .header {
  223. position: absolute;
  224. z-index: 9999;
  225. height: auto;
  226. {block:ifnot500pxposts}width: 500px;{/block:ifnot500pxposts}
  227. {block:if500pxposts}width: 600px;{/block:if500pxposts}
  228. margin: 75px 0 0 360px;
  229. color: {color:header};
  230. font-family: courier new;
  231. font-size: 25px;
  232. letter-spacing: 3px;
  233. text-align: center;
  234. text-transform: uppercase;
  235. }
  236.  
  237. /*DESCC*/
  238. .sidehold {
  239. position: absolute;
  240. height: 100%;
  241. width: 250px;
  242. background-color: transparent;
  243. }
  244.  
  245. .sideimg {
  246. position: absolute;
  247. margin-top: 100px;
  248. }
  249.  
  250. .sideimg img {
  251. position: relative;
  252. height: 236px;
  253. width: 236px;
  254. border-top: 4px solid {color:borders};
  255. border-left: 4px solid {color:borders};
  256. border-bottom: 2px solid {color:borders};
  257. border-radius: 0px 0 0 0;
  258. }
  259.  
  260. .sidebox {
  261. position: relative;
  262. overflow: hidden;
  263. height: 290px;
  264. width: 216px;
  265. margin-top: 342px;
  266. padding: 10px;
  267. background-color: {color:postwrap bg};
  268. text-align: justify;
  269. border-top: 2px solid {color:borders};
  270. border-left: 4px solid {color:borders};
  271. border-bottom: 4px solid {color:borders};
  272. border-radius: 0 0 0 0px;
  273. }
  274.  
  275. .sidetext {
  276. overflow: auto;
  277. height: 270px;
  278. padding: 10px;
  279. background-color: {color:entry bg};
  280. border-radius: 0 0 0 0px;
  281. }
  282.  
  283. /*MUSIC PLAYER*/
  284. .playholder {
  285. overflow: hidden;
  286. height: 15px;
  287. width: 30px;
  288. margin-left: 35px;
  289. margin-bottom: 5px;
  290. -webkit-transition: all 0.4s ease-in-out;
  291. -moz-transition: all 0.4s ease-in-out;
  292. -o-transition: all 0.4s ease-in-out;
  293. -ms-transition: all 0.4s ease-in-out;
  294. transition: all 0.4s ease-in-out;
  295. }
  296.  
  297. .eplayer {
  298. margin-top: 0px;
  299. margin-left: -22px;
  300. -webkit-transition: all 0.4s ease-in-out;
  301. -moz-transition: all 0.4s ease-in-out;
  302. -o-transition: all 0.4s ease-in-out;
  303. -ms-transition: all 0.4s ease-in-out;
  304. transition: all 0.4s ease-in-out;
  305. }
  306.  
  307. .playgif {
  308. margin-bottom: 10px;
  309. -webkit-transition: all 0.4s ease-in-out;
  310. -moz-transition: all 0.4s ease-in-out;
  311. -o-transition: all 0.4s ease-in-out;
  312. -ms-transition: all 0.4s ease-in-out;
  313. transition: all 0.4s ease-in-out;
  314. }
  315.  
  316. .playholder:hover .playgif {
  317. margin-top: -30px;
  318. -webkit-transition: all 0.4s ease-in-out;
  319. -moz-transition: all 0.4s ease-in-out;
  320. -o-transition: all 0.4s ease-in-out;
  321. -ms-transition: all 0.4s ease-in-out;
  322. transition: all 0.4s ease-in-out;
  323. }
  324.  
  325. .playholder:hover .eplayer {
  326. margin-top: -15px;
  327. -webkit-transition: all 0.4s ease-in-out;
  328. -moz-transition: all 0.4s ease-in-out;
  329. -o-transition: all 0.4s ease-in-out;
  330. -ms-transition: all 0.4s ease-in-out;
  331. transition: all 0.4s ease-in-out;
  332. }
  333.  
  334. /*NAVIGATION*/
  335. .icon {
  336. position: relative;
  337. margin-bottom: 10px;
  338. }
  339.  
  340. .icon img {
  341. height:100px;
  342. width:100px;
  343. }
  344.  
  345. .navihold {
  346. position: absolute;
  347. z-index: 4;
  348. height: 100%;
  349. width: 100px;
  350. padding: 10px;
  351. margin-left: 240px;
  352. background-color: {color:borders};
  353. }
  354.  
  355. .navbar {
  356. position: relative;
  357. z-index: 4;
  358. margin: 100px 0px 0px 0px;
  359. width: 100px;
  360. height: auto;
  361. background-color: ;
  362. }
  363.  
  364. .navbar a {
  365. color: {color:navi button text};
  366. }
  367. .button {
  368. overflow: hidden;
  369. height: 20px;
  370. width: 100px;
  371. margin-bottom: 10px;
  372. background-color: {color:navi button bg};
  373. line-height: 20px;
  374. transition: 0.4s;
  375. -moz-transition: 0.4s;
  376. -webkit-transition: 0.4s;
  377. -o-transition: 0.4s;
  378. }
  379.  
  380. .buttontext {
  381. position: relative;
  382. width: 100px;
  383. margin: -20px 0px;
  384. font-family: 'courier new';
  385. font-size: 9px;
  386. letter-spacing: 1px;
  387. text-align: center;
  388. text-transform: lowercase;
  389. transition: 0.4s;
  390. -moz-transition: 0.4s;
  391. -webkit-transition: 0.4s;
  392. -o-transition: 0.4s;
  393. }
  394.  
  395. .button:hover .buttontext {
  396. color: {color:navi button text hover};
  397. margin: -20px 0px;
  398. letter-spacing: 4px;
  399. }
  400.  
  401. .buttonhov {
  402. height: 20px;
  403. width: 0px;
  404. margin-left: 50px;
  405. background-color: {color:navi button bg hover};
  406. transition: 0.4s;
  407. -moz-transition: 0.4s;
  408. -webkit-transition: 0.4s;
  409. -o-transition: 0.4s;
  410. }
  411.  
  412. .button:hover .buttonhov {
  413. width: 100px;
  414. margin-left: 0px;
  415. }
  416.  
  417. .button a {
  418. display: inline-block;
  419. padding: 2px 6px;
  420. background-color: {color:navi button bg};
  421. color: {color:navi button text};
  422. }
  423.  
  424. /*ENTRIES*/
  425. .posthold {
  426. position: absolute;
  427. z-index: 2;
  428. height: 100%;
  429. {block:IfNot500pxposts}width: 500px;{/block:IfNot500pxposts}
  430. {block:If500pxposts}width: 600px;{/block:If500pxposts}
  431. margin-left: 360px;
  432. background-color: transparent;
  433. }
  434.  
  435. .wrapper {
  436. position: absolute;
  437. overflow: hidden;
  438. height: 550px;
  439. width: auto;
  440. margin-top: 100px;
  441. border-top: 4px solid {color:borders};
  442. border-right: 4px solid {color:borders};
  443. border-bottom: 4px solid {color:borders};
  444. border-radius: 0 0px 0px 0;
  445. }
  446.  
  447. .postwrap {
  448. position: relative;
  449. overflow: auto;
  450. z-index: 2;
  451. height: 520px;
  452. width: auto;
  453. padding: 30px 30px 30px 30px;
  454. background-color: {color:postwrap bg};
  455.  
  456. }
  457.  
  458. .entry {
  459. height: auto;
  460. {block:IfNot500pxposts}width: 400px;{/block:IfNot500pxposts}
  461. {block:If500pxposts}width: 500px;{/block:If500pxposts}
  462. margin-right: 10px;
  463. margin-bottom: 20px;
  464. padding: 15px;
  465. background: {color:entry bg};
  466. text-align: justify;
  467. }
  468.  
  469. .entry img {
  470. max-width:100%;
  471. }
  472.  
  473. .entrytitle {
  474. color: {color:entry title};
  475. font-family: courier new;
  476. font-size: 15px;
  477. letter-spacing: 2px;
  478. text-align: right;
  479. text-transform: uppercase;
  480. border-bottom: 1px dashed {color:dashed borders};
  481. }
  482.  
  483. .link {
  484. margin-bottom: 5px;
  485. font-family: courier new;
  486. font-size: 15px;
  487. letter-spacing: 2px;
  488. text-align: right;
  489. text-transform: uppercase;
  490. border-bottom: 1px dashed {color:dashed borders};
  491. }
  492.  
  493. .link a {
  494. color: {color:entry title};
  495. font-size: 15px;
  496. }
  497.  
  498. /*ANSWER*/
  499. .aicon {
  500. position: relative;
  501. width: 48px;
  502. height: 48px;
  503. margin: 5px;
  504. padding: 5px;
  505. background-color: {color:asker icon border};
  506. }
  507.  
  508. .asker {
  509. position: relative;
  510. margin: 4px;
  511. font-family: courier new;
  512. background-color: {color:asker bg};
  513. color: {color:asker link};
  514. font-size: 10px;
  515. letter-spacing: 1px;
  516. text-transform: uppercase;
  517. }
  518.  
  519. .asker a:hover {
  520. color: {color:asker link hover};
  521. }
  522.  
  523. .question {
  524. {block:If500pxposts}width: 450px;{block:If500pxposts}
  525. {block:IfNot500pxposts}width: 350px;{block:IfNot500pxposts}
  526. padding: 5px;
  527. background-color: {color:question bg};
  528. font-size: 9px;
  529. }
  530.  
  531. .answer {
  532. margin-top: 0px;
  533. }
  534.  
  535. /*QUOTE*/
  536.  
  537. .qquote {
  538. color: {color:entry title};
  539. font-family: courier new;
  540. font-size: 17px;
  541. text-align: center;
  542. text-transform: uppercase;
  543. }
  544.  
  545. .qsource {
  546. margin-bottom: 5px;
  547. text-align: right;
  548. }
  549.  
  550. /*PHOTO*/
  551.  
  552. .photos {
  553. margin-bottom: 5px;
  554. {block:iffadedimages}
  555. -webkit-transition: opacity 0.8s linear;
  556. opacity: 0.60;{/block:iffadedimages}
  557. {block:IfMonochromeImages}-webkit-filter: grayscale(1);
  558. -webkit-transition: all 0.5s ease-in-out;
  559. -moz-transition: all 0.5s ease-in-out;
  560. -o-transition: all 0.5s ease-in-out;
  561. -ms-transition: all 0.5s ease-in-out;
  562. transition: all 0.5s ease-in-out;{/block:IfMonochromeImages}
  563. }
  564.  
  565. .photos:hover {
  566.  
  567. {block:iffadedimages}-webkit-transition: opacity 0.8s linear;
  568. opacity: 1;{/block:iffadedimages}
  569. {block:IfMonochromeImages}
  570. filter: none;
  571. -webkit-filter: grayscale(0);
  572. -webkit-transition: all 0.5s ease-in-out;
  573. -moz-transition: all 0.5s ease-in-out;
  574. -o-transition: all 0.5s ease-in-out;
  575. -ms-transition: all 0.5s ease-in-out;
  576. transition: all 0.5s ease-in-out;{/block:IfMonochromeImages}
  577. }
  578.  
  579. /*INDEX INFO*/
  580. .infobar {
  581. height: auto;
  582. {block:If500pxposts}width: 490px;{block:If500pxposts}
  583. {block:IfNot500pxposts}width: 390px;{block:IfNot500pxposts}
  584. padding: 2px 5px ;
  585. background-color: {color:infobar bg};
  586. font-family: courier new;
  587. font-size: 10px;
  588. letter-spacing: 1px;
  589. text-align: center;
  590. text-transform: uppercase;
  591. }
  592.  
  593. .infobar a {
  594. color: {color:info text};
  595. }
  596.  
  597. .indextags {
  598. padding: 2px 5px;
  599. font-size: 8px;
  600. text-align: center;
  601. text-transform: lowercase;
  602. }
  603.  
  604. .indextags a {
  605. color: {color:tags};
  606. font-family: tahoma;
  607. font-size: 8px;
  608. letter-spacing: 1px;
  609. }
  610.  
  611. /*CHAT*/
  612.  
  613. .convo li {
  614. list-style: none;
  615. margin-left: -40px;
  616. }
  617.  
  618. .line_odd {
  619. background-color: {color:question bg};
  620. margin-bottom: 2px;
  621. padding: 4px;
  622.  
  623.  
  624. }
  625.  
  626. .line_even {
  627. background-color: {color:question bg};
  628. margin-bottom: 2px;
  629. padding: 4px;
  630. }
  631.  
  632. .convo .label {
  633. font-family: courier new;
  634. font-size: 10px;
  635. letter-spacing: 1px;
  636. text-transform: uppercase;
  637.  
  638. }
  639.  
  640. .line_odd .label {
  641. color: {color:bold};
  642. }
  643.  
  644. .line_even .label {
  645. color: {color:bold};
  646.  
  647. }
  648.  
  649. /*AUDIO*/
  650. .player {
  651. position: absolute;
  652. opacity: .3;
  653. overflow: hidden;
  654. height: 30px;
  655. width: 30px;
  656. margin-top: 60px;
  657. margin-left: 60px;
  658. transition: 0.4s;
  659. -moz-transition: 0.4s;
  660. -webkit-transition: 0.4s;
  661. -o-transition: 0.4s;
  662. }
  663.  
  664. .player:hover {
  665. opacity: 1;
  666. transition: 0.4s;
  667. -moz-transition: 0.4s;
  668. -webkit-transition: 0.4s;
  669. -o-transition: 0.4s;
  670. }
  671.  
  672. .artwork {
  673. margin-bottom: 5px;
  674. }
  675.  
  676. .trackinfo {
  677. position: absolute;
  678. height: 150px;
  679. {block:ifnot500pxposts}width: 235px;{/block:ifnot500pxposts}
  680. {block:if500pxposts}width: 335px;{/block:if500pxposts}
  681. margin-left: 165px;
  682. background-color: transparent;
  683.  
  684. }
  685.  
  686. .tracklist {
  687. height: 30px;
  688. {block:ifnot500pxpost}width: 227px;{/block:ifnot500pxpost}
  689. {block:if500pxpost}width: 327px;{/block:if500pxpost}
  690. padding: 0px 4px;
  691. margin-bottom: 10px;
  692. background-color: {color:question bg};
  693. color: {color:text};
  694. line-height: 30px;
  695. text-transform: lowercase;
  696. }
  697.  
  698. .tracklabel {
  699. color: {color:bold};
  700. font-family: courier new;
  701. font-size: 10px;
  702. letter-spacing: 1px;
  703. text-transform: uppercase;
  704. }
  705.  
  706. /* PERMALINK PAGE */
  707. .permalink {
  708. position: relative;
  709. z-index: 999px;
  710. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  711. {block:ifNot500pxposts}width: 400px;{/block:ifNot500pxposts}
  712. margin: 0px 20px 0px 0px;
  713. padding-top: 5px;
  714. color: {color:entrytext};
  715. font-family: courier new;
  716. font-size: 10px;
  717. letter-spacing: 1px;
  718. text-align: center;
  719. text-transform: uppercase;
  720. border-top: 1px dashed {color:dashed borders};
  721. }
  722.  
  723. .permalinknotes {
  724. position: relative;
  725. z-index: 999px;
  726. overflow: hidden;
  727. margin-top: 20px;
  728. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  729. {block:ifNot500pxposts}width: 400px;{/block:ifNot500pxposts}
  730. color: {color:text};
  731. font-family: tahoma;
  732. font-size: 8px;
  733. letter-spacing: 1px;
  734. text-transform: lowercase;
  735.  
  736. }
  737.  
  738. .permalinknotes a {
  739. color: {color:link};
  740. font-family: tahoma;
  741. font-size: 8px;
  742. text-decoration: none;
  743. text-transform: lowercase;
  744. -webkit-transition: all 0.5s ease-in-out;
  745. -moz-transition: all 0.5s ease-in-out;
  746. -o-transition: all 0.5s ease-in-out;
  747. -ms-transition: all 0.5s ease-in-out;
  748. transition: all 0.5s ease-in-out;
  749. }
  750.  
  751. .permalinknotes a:hover {
  752. color: {color:link hover};
  753. }
  754.  
  755. /* NOTES */
  756.  
  757. ol.notes {
  758. overflow: auto;
  759. position: static;
  760. padding: 2px;
  761. max-height: 200px;
  762. {block:if500pxposts}width: 470px;{/block:if500pxposts}
  763. {block:ifNot500pxposts}width: 370px;{/block:ifNot500pxposts}
  764. margin: 15px 0px;
  765. padding: 10px;
  766. letter-spacing: 1px;
  767. list-style-type: none;
  768. }
  769.  
  770. ol.notes li.note {
  771. margin-left: 10px
  772. margin-bottom: 10px;
  773. letter-spacing: 1px;
  774. line-height: 20px;
  775. }
  776.  
  777. .notes img{
  778. opacity: .7;
  779. margin-bottom: -5px;
  780. margin-right: 5px;
  781. }
  782.  
  783. .notes::-webkit-scrollbar-thumb:horizontal {
  784. height:20px!important;
  785. background-color: {color:borders};
  786. border: 5px solid transparent;
  787. }
  788.  
  789. .notes::-webkit-scrollbar-thumb:vertical {
  790. width: 4px!important;
  791. background-color: {color:borders};
  792. border: 5px solid transparent;
  793. }
  794.  
  795. .notes::-webkit-scrollbar {
  796. height:0px;
  797. width:4px;
  798. background-color: transparent;
  799. }
  800.  
  801. /* CREDIT - DO NOT REMOVE */
  802. .logo {
  803. z-index: 9999;
  804. position: fixed;
  805. height: 30px;
  806. width: 30px;
  807. right: 10px;
  808. bottom: 10px;
  809. background-color: {color:navi button bg};
  810. color: {color:navi button text};
  811. font-family: trebuchet ms;
  812. font-size: 8px;
  813. letter-spacing: 1px;
  814. line-height: 30px;
  815. text-align: center;
  816. border-radius: 20px;
  817. -moz-transition-duration: 0.5s;
  818. -o-transition-duration: 0.5s;
  819. -webkit-transition-duration: 0.5s;
  820. transition-duration: 0.5s;
  821. }
  822.  
  823. .logo a {
  824. color: {color:navi button text};
  825. width: 100px;
  826. font-family: trebuchet ms;
  827. font-size: 8px;
  828. -moz-transition-duration: 0.5s;
  829. -o-transition-duration: 0.5s;
  830. -webkit-transition-duration: 0.5s;
  831. transition-duration: 0.5s;
  832.  
  833. }
  834.  
  835. .logo a:hover {
  836. color: {color:navi button text};
  837. width: 100px;
  838. font-size: 8px;
  839. -moz-transition-duration: 0.5s;
  840. -o-transition-duration: 0.5s;
  841. -webkit-transition-duration: 0.5s;
  842. transition-duration: 0.5s;
  843.  
  844. }
  845.  
  846. #s-m-t-tooltip {
  847. z-index:999;
  848. padding: 5px 10px;
  849. margin:20px 14px 7px 10px;
  850. background-color: {color:entry bg};
  851. color: {color:text};
  852. font-family: verdana;
  853. font-size: 8px;
  854. letter-spacing: 0px;
  855. text-transform:uppercase;
  856. border: 3px solid {color:borders};
  857. }
  858. </style>
  859. </head>
  860. <body>
  861. <div class="logo"><a href="http://cynessie.tumblr.com" title="THEME CREATED BY CYNESSIE [CYTHEMES].">CY</a></div>
  862. <div class="container">
  863. <div class="header">{text:header title}</div>
  864. <div class="holder">
  865. <div class="sidehold">
  866. <div class="sideimg">
  867. <img src="{image:side image}">
  868. </div>
  869. <div class="sidebox"><div class="sidetext">
  870. {description}
  871. </div></div>
  872.  
  873. </div>
  874. <div class="navihold">
  875. <div class="navbar">
  876. <table cellspacing="0" cellpadding="0" style="font-size: 10px; text-align: center;"><tr><td style="height:540px; width:120px;">
  877.  
  878. {block:ifmusicplayer}
  879. <div class="playholder">
  880. <img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" class="playgif">
  881. <div class="eplayer">
  882. <!-- REMOVE THIS AND EMBED YOUR OWN MUSIC PLAYER (MUST BE A BILLY PLAYER) HERE!!!! -->
  883. </div>
  884. </div>
  885. {/block:ifmusicplayer}
  886.  
  887.  
  888. <div class="icon">
  889. {block:IfShowIcon}
  890. {block:IfShowCustomIcon}<img src="{image:Custom Icon}">{/block:IfShowCustomIcon}
  891. {block:IfNotShowCustomIcon}<img src="{Favicon}">{/block:IfNotShowCustomIcon}
  892. {/block:IfShowIcon}
  893. </div>
  894.  
  895. {block:IfLink1Title}<a href="{text:Link 1 URL}"><div class="button">
  896. <div class="buttonhov"></div>
  897. <div class="buttontext">{text:Link 1 Title}</div>
  898. </div></a>{/block:IfLink1Title}
  899.  
  900. {block:IfLink2Title}<a href="{text:Link 2 URL}"><div class="button">
  901. <div class="buttonhov"></div>
  902. <div class="buttontext">{text:Link 2 Title}</div>
  903. </div></a>{/block:IfLink2Title}
  904.  
  905. {block:IfLink3Title}<a href="{text:Link 3 URL}"><div class="button">
  906. <div class="buttonhov"></div>
  907. <div class="buttontext">{text:Link 3 Title}</div>
  908. </div></a>{/block:IfLink3Title}
  909.  
  910. {block:IfLink4Title}<a href="{text:Link 4 URL}"><div class="button">
  911. <div class="buttonhov"></div>
  912. <div class="buttontext">{text:Link 4 Title}</div>
  913. </div></a>{/block:IfLink4Title}
  914.  
  915. {block:IfLink5Title}<a href="{text:Link 5 URL}"><div class="button">
  916. <div class="buttonhov"></div>
  917. <div class="buttontext">{text:Link 5 Title}</div>
  918. </div></a>{/block:IfLink5Title}
  919.  
  920. {block:IfLink6Title}<a href="{text:Link 6 URL}"><div class="button">
  921. <div class="buttonhov"></div>
  922. <div class="buttontext">{text:Link 6 Title}</div>
  923. </div></a>{/block:IfLink6Title}
  924.  
  925. {block:IfLink7Title}<a href="{text:Link 7 URL}"><div class="button">
  926. <div class="buttonhov"></div>
  927. <div class="buttontext">{text:Link 7 Title}</div>
  928. </div></a>{/block:IfLink7Title}
  929.  
  930. {block:IfLink8Title}<a href="{text:Link 8 URL}"><div class="button">
  931. <div class="buttonhov"></div>
  932. <div class="buttontext">{text:Link 8 Title}</div>
  933. </div></a>{/block:IfLink8Title}
  934.  
  935. {block:IfLink9Title}<a href="{text:Link 9 URL}"><div class="button">
  936. <div class="buttonhov"></div>
  937. <div class="buttontext">{text:Link 9 Title}</div>
  938. </div></a>{/block:IfLink9Title}
  939.  
  940. {block:IfLink10Title}<a href="{text:Link 10 URL}"><div class="button">
  941. <div class="buttonhov"></div>
  942. <div class="buttontext">{text:Link 10 Title}</div>
  943. </div></a>{/block:IfLink10Title}
  944.  
  945. <a href="http://cynessie.tumblr.com"><div class="button">
  946. <div class="buttonhov"></div>
  947. <div class="buttontext">theme</div>
  948. </div></a>
  949.  
  950. {block:IfNotinfiniteScroll}
  951. {block:Pagination}
  952. {block:PreviousPage}
  953. <a href="{PreviousPage}">{text:back}</a>
  954. {/block:PreviousPage}
  955. {block:NextPage}
  956. <a href="{NextPage}">{text:next}</a>
  957. {/block:NextPage}
  958. {/block:Pagination}
  959. {/block:IfNotinfiniteScroll}
  960.  
  961. </td></tr></table>
  962. </div>
  963. </div>
  964. </div>
  965. <div class="posthold">
  966. <div class="wrapper">
  967. <div class="postwrap">
  968. {block:IfinfiniteScroll}<div class="autopagerize_page_element">{/block:IfinfiniteScroll}
  969. {block:Posts}
  970. <div class="entry">
  971. <!---------------------------------------------------
  972. TEXT POSTS
  973. ---------------------------------------------------->
  974. {block:Text}
  975. {block:Title}<div class="entrytitle">{Title}</div>{/block:Title}
  976. {Body}
  977. {/block:Text}
  978.  
  979. <!---------------------------------------------------
  980. LINK POSTS
  981. ---------------------------------------------------->
  982. {block:Link}
  983. <div class="link"><a href="{URL}">{Name}«</a></div>
  984. {block:Description}{Description}{/block:Description}
  985. {/block:Link}
  986.  
  987. <!---------------------------------------------------
  988. ANSWER POSTS
  989. ---------------------------------------------------->
  990. {block:Answer}
  991. <table cellspacing="0" cellpadding="0"><tr>
  992. <td class="aicon"><img src="{AskerPortraitURL-48}"></td>
  993. <td class="question"><span class="asker">{Asker}</span>{Question}</td>
  994. </tr>
  995. </table>
  996.  
  997. <div class="answer">{Answer}</div>
  998. {/block:Answer}
  999.  
  1000. <!---------------------------------------------------
  1001. QUOTE POSTS
  1002. ---------------------------------------------------->
  1003.  
  1004. {block:Quote}
  1005. <div class="qquote">"{Quote}"</div>
  1006. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
  1007. {/block:Quote}
  1008.  
  1009. <!---------------------------------------------------
  1010. CHAT POSTS
  1011. ---------------------------------------------------->
  1012. {block:Chat}
  1013. {block:Title}<div class="entrytitle">{Title}</div>
  1014. {/block:Title}
  1015. <ul class="convo">{block:Lines}
  1016. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1017. {Line}</li>
  1018. {/block:Lines}</ul>
  1019.  
  1020. {/block:Chat}
  1021.  
  1022.  
  1023. <!---------------------------------------------------
  1024. PHOTO POSTS
  1025. ---------------------------------------------------->
  1026. {block:Photo}
  1027.  
  1028. {block:IfNot500pxposts}{LinkOpenTag}<div class="photos"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px"></div>{LinkCloseTag}{/block:IfNot500pxposts}
  1029.  
  1030. {block:if500pxposts}{LinkOpenTag}<div class="photos"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></div>{LinkCloseTag}{/block:if500pxposts}
  1031. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1032. {/block:Photo}
  1033.  
  1034. <!---------------------------------------------------
  1035. PHOTOSET POSTS
  1036. ---------------------------------------------------->
  1037. {block:Photoset}
  1038. {block:IfNot500pxposts}<div class="photos">{Photoset-400}</div>{/block:IfNot500pxposts}
  1039. {block:If500pxposts}<div class="photos">{Photoset-500}</div>{/block:if500pxposts}
  1040. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1041. {/block:Photoset}
  1042.  
  1043. <!---------------------------------------------------
  1044. AUDIO POSTS
  1045. ---------------------------------------------------->
  1046. {block:Audio}
  1047. <div class="trackinfo">
  1048. <div class="tracklist"><span class="tracklabel">TRACK:</span> {block:TrackName}{TrackName}{/block:TrackName}</div>
  1049. <div class="tracklist"><span class="tracklabel">ARTIST:</span> {block:Artist}{Artist}{/block:Artist}</div>
  1050. <div class="tracklist"><span class="tracklabel">ALBUM:</span> {block:Album}{Album}{/block:Album}</div>
  1051. <div class="tracklist"><span class="tracklabel">PLAYS:</span> {PlayCount}</div>
  1052. </div>
  1053.  
  1054. {block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1055. {block:AlbumArt}<div class="artwork"><img src="{AlbumArtURL}" width="150"></div>{/block:AlbumArt}
  1056.  
  1057. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1058. {/block:Audio}
  1059.  
  1060. <!---------------------------------------------------
  1061. VIDEO POSTS
  1062. ---------------------------------------------------->
  1063. {block:Video}
  1064. {block:IfNot500pxposts}{Video-400}{/block:IfNot500pxposts}
  1065. {block:If500pxposts}{Video-500}{/block:If500pxposts}
  1066. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1067. {/block:Video}
  1068.  
  1069. <!---------------------------------------------------
  1070. INDEX POST INFO
  1071. ---------------------------------------------------->
  1072. {block:IndexPage}
  1073. <div class="infobar">{block:Date}
  1074. <a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a> {/block:Date} {block:NoteCount}- <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}- <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom} {block:ContentSource}- <a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  1075.  
  1076. {block:IfShowtags}{block:HasTags}<div class="indextags">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}&nbsp;&nbsp;</div>{/block:HasTags}{/block:IfShowtags}
  1077. {/block:IndexPage}
  1078.  
  1079. <!---------------------------------------------------
  1080. PERMALINK POST INFO
  1081. ---------------------------------------------------->
  1082.  
  1083. {block:PermalinkPage}
  1084. <div class="permalinknotes">
  1085. <div class="permalink">
  1086. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>{block:RebloggedFrom}origin: <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1087. {block:HasTags}tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  1088. </div>
  1089. {block:PostNotes}
  1090. {PostNotes-16} {PostNotes}
  1091. {/block:PostNotes}
  1092. </div>
  1093. {/block:PermalinkPage}
  1094.  
  1095.  
  1096.  
  1097. </div>
  1098. {/block:Posts}
  1099. {block:IfinfiniteScroll}</div>{/block:IfinfiniteScroll}
  1100. </div></div></div></div></div>
  1101. </body>
  1102. </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!