API tools faq
paste
Advertisement
Guest User

theme 01

a guest
Oct 31st, 2014
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.38 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------
  2.  
  3. ✧･ﾟ:*✧･ﾟ:* \(◕‿◕✿)/ *:･ﾟ✧*:･ﾟ✧
  4. theme made by senpiez-themes.tumblr.com
  5. please dont steal my theme
  6. i dont like being mean
  7. but my codings take me a really long time to make
  8. and it would mean the world to me
  9. if you wouldnt be a butt
  10. by stealing my themes.
  11. also
  12. it is illegal
  13. :~)
  14. have a nice day
  15. and enjoy this theme <3
  16. ✧･ﾟ:*✧･ﾟ:* \(◕ω◕✿)/ *:･ﾟ✧*:･ﾟ✧
  17.  
  18. -------------------------------------------------->
  19.  
  20.  
  21. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  22. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  23.  
  24. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  25. <head>
  26.  
  27.  
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  29.  
  30. <script src="jquery.js"></script>
  31. <script>
  32. $(document).ready(function(){
  33. $("#click").click(function(){
  34. $("#guts").slideToggle("fast");
  35. });
  36. });
  37. </script>
  38.  
  39.  
  40.  
  41. <script src="jquery.js"></script>
  42. <script>
  43. $(document).ready(function(){
  44. $("#click2").click(function(){
  45. $("#guts2").slideToggle("fast");
  46. });
  47. });
  48. </script>
  49.  
  50.  
  51.  
  52. {block:ifrainbowlinks}
  53. <script type='text/javascript'>
  54. //<![CDATA[
  55. var rate = 50;
  56. if (document.getElementById)
  57. window.onerror=new Function("return true")
  58.  
  59. var objActive; // The object which event occured in
  60. var act = 0; // Flag during the action
  61. var elmH = 0; // Hue
  62. var elmS = 128; // Saturation
  63. var elmV = 255; // Value
  64. var clrOrg; // A color before the change
  65. var TimerID; // Timer ID
  66. if (document.all) {
  67. document.onmouseover = doRainbowAnchor;
  68. document.onmouseout = stopRainbowAnchor;
  69. }
  70. else if (document.getElementById) {
  71. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  72. document.onmouseover = Mozilla_doRainbowAnchor;
  73. document.onmouseout = Mozilla_stopRainbowAnchor;
  74. }
  75. function doRainbow(obj)
  76. {
  77. if (act == 0) {
  78. act = 1;
  79. if (obj)
  80. objActive = obj;
  81. else
  82. objActive = event.srcElement;
  83. clrOrg = objActive.style.color;
  84. TimerID = setInterval("ChangeColor()",100);
  85. }
  86. }
  87. function stopRainbow()
  88. {
  89. if (act) {
  90. objActive.style.color = clrOrg;
  91. clearInterval(TimerID);
  92. act = 0;
  93. }
  94. }
  95. function doRainbowAnchor()
  96. {
  97. if (act == 0) {
  98. var obj = event.srcElement;
  99. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  100. obj = obj.parentElement;
  101. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  102. break;
  103. }
  104. if (obj.tagName == 'A' && obj.href != '') {
  105. objActive = obj;
  106. act = 1;
  107. clrOrg = objActive.style.color;
  108. TimerID = setInterval("ChangeColor()",100);
  109. }
  110. }
  111. }
  112. function stopRainbowAnchor()
  113. {
  114. if (act) {
  115. if (objActive.tagName == 'A') {
  116. objActive.style.color = clrOrg;
  117. clearInterval(TimerID);
  118. act = 0;
  119. }
  120. }
  121. }
  122. function Mozilla_doRainbowAnchor(e)
  123. {
  124. if (act == 0) {
  125. obj = e.target;
  126. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  127. obj = obj.parentNode;
  128. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  129. break;
  130. }
  131. if (obj.nodeName == 'A' && obj.href != '') {
  132. objActive = obj;
  133. act = 1;
  134. clrOrg = obj.style.color;
  135. TimerID = setInterval("ChangeColor()",100);
  136. }
  137. }
  138. }
  139. function Mozilla_stopRainbowAnchor(e)
  140. {
  141. if (act) {
  142. if (objActive.nodeName == 'A') {
  143. objActive.style.color = clrOrg;
  144. clearInterval(TimerID);
  145. act = 0;
  146. }
  147. }
  148. }
  149. function ChangeColor()
  150. {
  151. objActive.style.color = makeColor();
  152. }
  153. function makeColor()
  154. {
  155. // Don't you think Color Gamut to look like Rainbow?
  156. // HSVtoRGB
  157. if (elmS == 0) {
  158. elmR = elmV; elmG = elmV; elmB = elmV;
  159. }
  160. else {
  161. t1 = elmV;
  162. t2 = (255 - elmS) * elmV / 255;
  163. t3 = elmH % 60;
  164. t3 = (t1 - t2) * t3 / 60;
  165. if (elmH < 60) {
  166. elmR = t1; elmB = t2; elmG = t2 + t3;
  167. }
  168. else if (elmH < 120) {
  169. elmG = t1; elmB = t2; elmR = t1 - t3;
  170. }
  171. else if (elmH < 180) {
  172. elmG = t1; elmR = t2; elmB = t2 + t3;
  173. }
  174. else if (elmH < 240) {
  175. elmB = t1; elmR = t2; elmG = t1 - t3;
  176. }
  177. else if (elmH < 300) {
  178. elmB = t1; elmG = t2; elmR = t2 + t3;
  179. }
  180. else if (elmH < 360) {
  181. elmR = t1; elmG = t2; elmB = t1 - t3;
  182. }
  183. else {
  184. elmR = 0; elmG = 0; elmB = 0;
  185. }
  186. }
  187. elmR = Math.floor(elmR).toString(16);
  188. elmG = Math.floor(elmG).toString(16);
  189. elmB = Math.floor(elmB).toString(16);
  190. if (elmR.length == 1) elmR = "0" + elmR;
  191. if (elmG.length == 1) elmG = "0" + elmG;
  192. if (elmB.length == 1) elmB = "0" + elmB
  193. elmH = elmH + rate;
  194. if (elmH >= 360)
  195. elmH = 0;
  196. return '#' + elmR + elmG + elmB;
  197. }
  198. //]]>
  199. </script>
  200. {/block:ifrainbowlinks}
  201.  
  202. <meta name="color:text" content="#777777"/>
  203. <meta name="color:link" content="#7faac9"/>
  204. <meta name="color:hover" content="#a3bdcf"/>
  205. <meta name="color:blockquote" content="#fafafa"/>
  206. <meta name="color:border" content="#ebebeb"/>
  207. <meta name="color:background" content="#fafafa"/>
  208. <meta name="color:post background" content="#ffffff"/>
  209. <meta name="color:scrollbar" content="#aaa"/>
  210. <meta name="color:gradient1" content="#e5cff5"/>
  211. <meta name="color:gradient2" content="#abafee"/>
  212.  
  213. <meta name="image:background" content="0"/>
  214. <meta name="image:post background" content="0"/>
  215. <meta name="image:sidebar" content="0"/>
  216. <meta name="image:Bottom Left" content="0"/>
  217. <meta name="image:TopBorder" content="http://media.tumblr.com/tumblr_m51bu6oqfi1qid2nw.gif"/>
  218.  
  219. <meta name="if:faded images" content="1"/>
  220. <meta name="if:shadow" content="0"/>
  221. <meta name="if:show sidebar image" content="0">
  222. <meta name="if:rounded corners" content="1"/>
  223. <meta name="if:custom tumblr controls" content="1"/>
  224. <meta name="if:show title" content="1"/>
  225. <meta name="if:show description" content="1"/>
  226. <meta name="if:custom scrollbar" content="1">
  227. <meta name="if:custom cursor" content="1">
  228. <meta name="if:TopBorder" content="1" />
  229. <meta name="if:Low Tumblr Controls" content="1" />
  230. <meta name="if:gradient background" content="1" />
  231. <meta name="if:rainbow links" content="0" />
  232. <meta name="if:solid post background" content="1" />
  233.  
  234. <meta name="text:Link One Title" content="" />
  235. <meta name="text:Link One" content="" />
  236. <meta name="text:Link Two Title" content="" />
  237. <meta name="text:Link Two" content="" />
  238. <meta name="text:Link Three Title" content="" />
  239. <meta name="text:Link Three" content="" />
  240. <meta name="text:Link Four Title" content="" />
  241. <meta name="text:Link Four" content="" />
  242. <meta name="text:Link Five Title" content="" />
  243. <meta name="text:Link Five" content="" />
  244. <meta name="text:Link Six Title" content="" />
  245. <meta name="text:Link Six" content="" />
  246.  
  247. <meta name="image:side image" content="" />
  248. <meta name="select:side image position" content="bottom:-5px;left:5px;" title="bottom left" />
  249. <meta name="select:side image position" content="bottom:-5px;right:5px;" title="bottom right" />
  250. <meta name="select:side image position" content="top:0px;right:5px;" title="top right" />
  251. <meta name="select:side image position" content="top:0px;left:5px;" title="top left" />
  252.  
  253.  
  254.  
  255. <title>{Title} {block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  256. <link rel="shortcut icon" href="{Favicon}">
  257. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  258. <!--[if IE]>
  259. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  260. <![endif]-->
  261.  
  262. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  263.  
  264.  
  265. <style type="text/css">
  266.  
  267. @font-face {
  268. font-family:titulo;
  269. src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');
  270. }
  271.  
  272. body {
  273. color: {color:text};
  274. {block:ifnotgradientbackground}
  275. background:{color:background}
  276. url({image:background});
  277. {/block:ifnotgradientbackground}
  278. background-repeat: repeat;
  279. background-attachment: fixed;
  280. {block:ifcustomfont}
  281. font-family: consolas;
  282. line-height:110%;
  283. font-size: 10px;
  284. {/block:ifcustomfont}
  285.  
  286. {block:ifnotcustomfont}
  287. font-family: helvetica;
  288. font-size: 9px;
  289. line-height:120%;
  290. {/block:ifnotcustomfont}
  291.  
  292. {block:ifcrosscursor}
  293. cursor: crosshair;
  294. {/block:ifcrosscursor}
  295. {block:ifgradientbackground}
  296. background: -moz-linear-gradient(top, {color:gradient1} 0%, {color:gradient2} 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:gradient1}), color-stop(100%,{color:gradient2})); background: -webkit-linear-gradient(top, {color:gradient1} 0%,{color:gradient2} 100%); background: -o-linear-gradient(top, {color:gradient1} 0%,{color:gradient2} 100%); background: -ms-linear-gradient(top, {color:gradient1} 0%,{color:gradient2} 100%); background: linear-gradient(to bottom, {color:gradient1} 0%,{color:gradient2} 100%); background-attachment:fixed;
  297. {/block:ifgradientbackground}
  298.  
  299. }
  300.  
  301. {block:ifcustomcursor}
  302.  
  303. body {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  304.  
  305. {/block:ifcustomcursor}
  306.  
  307.  
  308. {block:ifcustomcursor}
  309.  
  310. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;
  311. color:{color:hover};
  312. }
  313.  
  314. {/block:ifcustomcursor}
  315.  
  316.  
  317. /* TUMBLR CONTROLS */
  318.  
  319. iframe#tumblr_controls {
  320. {block:IfLowTumblrControls}
  321. top:55px;position:fixed!important;
  322. {/block:IfLowTumblrControls}
  323.  
  324. {block:IfNotLowTumblrControls}
  325. top:10px;position:fixed!important;
  326. {/block:IfNotLowTumblrControls}
  327.  
  328. right:0%!important;
  329. position:fixed!important;
  330. z-index:999999999!important;
  331. opacity:0.3!important;
  332. -webkit-filter:invert(100%);
  333. -moz-filter:invert(100%);
  334. -o-filter:invert(100%);
  335. -ms-filter:invert(100%);
  336. filter:invert(100%);
  337. }
  338.  
  339. {block:ifcustomscrollbar}
  340.  
  341.  
  342. /* SCROLLBAR */
  343.  
  344. ::-webkit-scrollbar {
  345. height: 12px;
  346. width: 7px;
  347. background: {color:scrollbar};
  348. }
  349.  
  350. ::-webkit-scrollbar-thumb {
  351. background-color: white;
  352. /*background-image:url(URL OF THE IMAGE HERE);
  353. border:1px solid black;*/
  354. -webkit-border-radius: 5ex;
  355. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  356. }
  357.  
  358. ::-webkit-scrollbar-corner {
  359. background: #transparent;
  360. }
  361.  
  362.  
  363. {/block:ifcustomscrollbar}
  364.  
  365.  
  366.  
  367.  
  368. #infscr-loading {
  369. position: absolute;
  370. bottom: 0;
  371. left: 25%;
  372. }
  373.  
  374.  
  375. a:link, a:active, a:visited{
  376. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;
  377. color:{color:Link};
  378. text-decoration: none;
  379.  
  380. }
  381. a:hover {
  382. color:{color:hover};
  383. text-decoration: none; -webkit-transition: all 0.8s ease-out;
  384. -moz-transition: all 0.8s ease-out;
  385. transition: all 0.8s ease-out;
  386. {block:ifcustomcursor}
  387. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  388. {/block:ifcustomcursor}
  389. }
  390.  
  391.  
  392. #content {
  393. margin-top:0px;
  394. {block:ifcustomcursor}
  395. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  396. {/block:ifcustomcursor}
  397. {block:indexpage}
  398. padding:7px;
  399. width:600px;
  400. margin-left:300px;
  401. {/block:indexpage}
  402.  
  403. {block:permalinkpage}
  404. background:{color:post background};
  405. width: 500px;
  406. margin-left:345px;
  407. {/block:permalinkpage}
  408. background:{color:content background};
  409. }
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416. {block:ifnotcustomtumblrcontrols}
  417.  
  418. iframe#tumblr_controls {
  419. top:2px !important;
  420. right:3px !important;
  421. position: fixed !important;
  422. -webkit-transition: opacity 0.7s linear;
  423. opacity: 0.5;
  424. -webkit-transition: all 0.8s ease-out;
  425. -moz-transition: all 0.8s ease-out;
  426. transition: all 0.8s ease-out;
  427. }
  428.  
  429. iframe#tumblr_controls:hover {
  430. -webkit-transition: opacity 0.7s linear;
  431. opacity: 1;
  432. -webkit-transition: all 0.4s ease-out;
  433. -moz-transition: all 0.4s ease-out;
  434. transition: all 0.4s ease-out;
  435. }
  436.  
  437. {/block:ifnotcustomtumblrcontrols}
  438.  
  439.  
  440. ::selection {
  441. background:#f1f1f1;
  442. color: #777;
  443. }
  444.  
  445. ::-moz-selection {
  446. background:#f1f1f1;
  447. color: #777;
  448. }
  449.  
  450.  
  451. #note3 {
  452. width: 500px;
  453. text-align:left;
  454. }
  455.  
  456. #information {
  457. padding: 5px;
  458. line-height:115%;
  459. }
  460.  
  461.  
  462.  
  463.  
  464.  
  465.  
  466. #lace {
  467. background:transparent;
  468. border-width:50px;
  469. -webkit-border-image:url(http://static.tumblr.com/8di24cd/ObSmvw8fa/middlelacedivplzpurple.gif) 50 0 50 0 repeat fixed;
  470. -moz-border-image:url(http://static.tumblr.com/8di24cd/ObSmvw8fa/middlelacedivplzpurple.gif) 50 0 50 0 repeat fixed;
  471. border-image:url({image:TopBorder}) 85 0 0 0 repeat fixed;
  472. position: fixed !important;
  473. background-color: transparent;
  474. width:100%;
  475. margin-top:-50px;
  476. margin-left:-50px;
  477. z-index:9999;
  478.  
  479. }
  480.  
  481.  
  482. #bgim {
  483. z-index: -1000;
  484. {select:side image position}
  485. position: fixed;
  486. }
  487.  
  488.  
  489.  
  490.  
  491.  
  492. #sidebar{
  493. position:fixed;
  494. margin-left:900px;
  495. margin-top:100px;
  496. padding:8px;
  497. width:150px;
  498. background: {color:post background};
  499. border:1px solid #ebebeb;
  500. {block:ifsolidpostbackground}
  501. background-color: {color:post background};
  502. {/block:ifsolidpostbackground}
  503. {block:ifnotsolidpostbackground}
  504. background: rgba(255,255,255,.7);
  505. {/block:ifnotsolidpostbackground}
  506. {block:ifshadow}
  507. box-shadow:rgba(0,0,0,0.07) 7px 7px;
  508. {/block:ifshadow}
  509. z-index:1;
  510. font-family: consolas;
  511. text-align:left;
  512. letter-spacing:1px;
  513. font-size:8px;
  514. text-transform:uppercase;
  515. {block:ifroundedcorners}
  516. border-radius: 5px;
  517. {/block:ifroundedcorners}
  518. }
  519.  
  520.  
  521.  
  522. blockquote{
  523. padding-left:5px;
  524. margin-left:15px;
  525. margin-right:0px;
  526. margin-top:5px;
  527. margin-bottom:0px;
  528. border-left:2px solid #e8e8e8;
  529. }
  530.  
  531. .p {padding-top:5px;}
  532. .ol, ul {margin-left:10px;padding:5px;}
  533. .ul {list-style-type:square;}
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540. #sidebar img {
  541. {block:iffadedimages}
  542. opacity:0.8;
  543. filter:alpha(opacity=80);
  544. -webkit-transition: all ease-in 250ms;
  545. -moz-transition: all ease-in 250ms;
  546. -o-transition: all ease-in 250ms;
  547. -ms-transition: all ease-in 250ms;
  548. transition: all ease-in 250ms;
  549. {/block:iffadedimages}
  550. padding-top:1px;
  551. }
  552.  
  553. #sidebar:hover img {
  554. {block:iffadedimages}
  555. opacity:0.9;
  556. filter:alpha(opacity=90);
  557. -webkit-transition: all ease-in 250ms;
  558. -moz-transition: all ease-in 250ms;
  559. -o-transition: all ease-in 250ms;
  560. -ms-transition: all ease-in 250ms;
  561. transition: all ease-in 250ms;
  562. {/block:iffadedimages}
  563. -webkit-transition: all ease-in 250ms;
  564. -moz-transition: all ease-in 250ms;
  565. -o-transition: all ease-in 250ms;
  566. -ms-transition: all ease-in 250ms;
  567. transition: all ease-in 250ms;
  568. }
  569.  
  570.  
  571.  
  572.  
  573. .links {
  574. text-align:center;
  575. padding-right:5px;
  576. font-family:consolas;
  577. font-size:8px;
  578. text-transform:uppercase;
  579. line-height: 115%;
  580. letter-spacing:1px;
  581. }
  582.  
  583.  
  584.  
  585. ol.notes img {
  586. width: 16px;
  587. display: inline;
  588. position: relative;
  589. top: 3px;
  590. }
  591.  
  592. .entry {
  593. {block:ifroundedcorners}-moz-border-radius: 5px;
  594. border-radius: 5px;
  595. {/block:ifroundedcorners}
  596.  
  597. {block:ifsolidpostbackground}
  598. background-color: {color:post background};
  599. {/block:ifsolidpostbackground}
  600. {block:ifnotsolidpostbackground}
  601. background: rgba(255,255,255,.7);
  602. {/block:ifnotsolidpostbackground}
  603. border: 1px solid {color:border};
  604. float: left;
  605. {block:indexpage}
  606. width: 225px;
  607. margin: 15px;
  608. {/block:indexpage}
  609.  
  610. {block:permalinkpage}
  611. width: 500px;
  612. padding:10px;
  613. margin-top:20px;
  614. {/block:permalinkpage}
  615. padding:5px;
  616. font-family:calibri;
  617. font-size:11px;
  618. line-height:12px;
  619. display: block;
  620. color:{color:text};
  621.  
  622. background-image: url("{image:post background}");
  623. {block:ifshadow}
  624. box-shadow:rgba(0,0,0,0.07)7px 7px;
  625. {/block:ifshadow}
  626. position: relative;
  627. }
  628.  
  629.  
  630.  
  631.  
  632. .entry img {
  633. display: block;
  634. max-width: 100%;
  635. {block:ifroundedcorners}-moz-border-radius: 5px;
  636. border-radius: 5px;
  637. {/block:ifroundedcorners}
  638. {block:iffadedimages}
  639. opacity: .7;
  640. filter:alpha(opacity=10);
  641. -moz-opacity: 0.1;
  642. -moz-transition: all .9s ease;
  643. -o-transition: all .9s ease;
  644. transition: all .9s ease;
  645. -webkit-transition: all .9s ease;
  646.  
  647. {/block:iffadedimages}
  648. {block:permalinkpage}
  649. width: 500px;
  650. {/block:permalinkpage}
  651. }
  652. .entry:hover img {
  653. {block:iffadedimages}
  654.  
  655. opacity: .9;
  656. filter:alpha(opacity=10);
  657. -moz-opacity: 0.1;
  658. -moz-transition: all .9s ease;
  659. -o-transition: all .9s ease;
  660. transition: all .9s ease;
  661. -webkit-transition: all .9s ease;
  662.  
  663. {/block:iffadedimages}
  664. -webkit-transition: all ease-in 250ms;
  665. -moz-transition: all ease-in 250ms;
  666. -o-transition: all ease-in 250ms;
  667. -ms-transition: all ease-in 250ms;
  668. transition: all ease-in 250ms;
  669. }
  670.  
  671. #pagination{
  672. display:none;
  673. }
  674.  
  675.  
  676. .perms {
  677. color:#777;
  678. font-size:14px;
  679. opacity: 0;
  680. -webkit-transition-duration: .75s;top:0px;
  681. width:225px;
  682. height:10px;
  683. padding-bottom:4px;
  684. background-color: #fff;
  685. position: absolute;
  686. margin-top:6px;
  687. text-align:center;
  688. text-transform:uppercase;
  689. font-family:consolas;
  690. letter-spacing:1px;
  691. display:block;
  692. border-bottom: 1px solid {color:border};
  693. }
  694.  
  695.  
  696. .entry:hover .perms {
  697. opacity:1;
  698. z-index:999999;
  699. padding-top:4px;}
  700.  
  701.  
  702. blockquote, q {
  703. padding-left:5px;padding-top:7px;
  704. padding-right:5px;padding-bottom:7px;
  705. margin-left:5px; margin-right:5px;
  706. border-left: 2px solid #ccc;
  707. border-right: 2px solid #ccc;
  708. background-color:{color:blockquote};
  709. text-align:left;
  710. font-size: 8px;
  711. text-transform: uppercase;
  712. margin-left:-5px;
  713. width:99%;
  714. height: auto;
  715. {block:ifroundedcorners}-moz-border-radius: 5px;
  716. border-radius: 5px;
  717. {/block:ifroundedcorners}
  718. border: 1px solid {color:border};
  719. }
  720.  
  721. .quote {
  722. font-family: arial;
  723. font-size: 20px;
  724. color: {color:link};
  725. float: left;
  726. margin-right: 5px;
  727. }
  728.  
  729. li.drawer a {
  730. margin: 0px 5px;}
  731.  
  732. .label {
  733. text-transform:uppercase;
  734. color:{color:Link}
  735. }
  736.  
  737. .question {
  738. text-align:left;
  739. padding-left:5px;padding-top:7px;
  740. padding-right:5px;padding-bottom:7px;
  741. border-left: 2px solid {color:Link};
  742. border-right: 2px solid {color:Link};
  743. background-color:{color:blockquote};
  744. }
  745.  
  746. .answer {
  747. text-align:left;
  748. padding-left:5px;padding-top:7px;
  749. padding-right:5px;padding-bottom:7px;
  750. }
  751.  
  752. .text {
  753. padding: 10px;
  754. }
  755.  
  756. #pp {
  757. text-align: center;
  758. width: 100%;
  759. padding-top: 2px;
  760. }
  761.  
  762.  
  763.  
  764. .permahover {
  765. text-align: center;
  766. line-height:9px;
  767. opacity: 0.0;
  768. filter: alpha(opacity = 0);
  769. font-size: 12px;
  770. text-transform: uppercase;
  771. -webkit-transition-duration: .75s;
  772. }
  773.  
  774. .entry:hover .permahover {
  775. text-align: center;
  776. opacity: 1;
  777. filter: alpha(opacity = 50);
  778.  
  779.  
  780. }
  781.  
  782.  
  783. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  784. padding-bottom : 0px;}
  785.  
  786. #newHeader {
  787. padding-bottom: 2px;
  788. text-align: center;
  789.  
  790. }
  791.  
  792. div.panel {
  793. width: 260px;
  794. padding: 15px 20px;
  795. color: #333;
  796. text-align: center;
  797. line-height: 22px;
  798. display: none;
  799.  
  800. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  801. }
  802. div.panel p {
  803. margin: 10px 0;
  804. }
  805. div.panel p a, div.textPost p a, div.audioPost p a {
  806. color: #333;
  807. text-decoration: none;
  808. border-bottom: 1px dotted;
  809. font-style: italic;
  810. font-weight: bold;
  811. }
  812. .video embed, .video object, .video iframe {
  813. {block:IndexPage}
  814. width:250px /**/ !important;
  815. {/block:IndexPage}
  816. height:auto !important;
  817. }
  818.  
  819. #album
  820. {
  821. {block:ifroundedcorners}-moz-border-radius: 5px;
  822. border-radius: 5px;
  823. {/block:ifroundedcorners}
  824. border: 1px solid {color:border};
  825. margin:10px;
  826. float:left;
  827.  
  828. {block:IndexPage}
  829. width:80px;
  830. height:80px;
  831. {/block:IndexPage}
  832.  
  833. {block:PermalinkPage}
  834. width:360px;
  835. height:360px;
  836. {/block:PermalinkPage}
  837. }
  838.  
  839.  
  840. #infos {
  841. font-size: 8px;
  842. text-transform: uppercase;
  843. float:left;
  844. margin-top:10px;
  845. padding:5px;
  846.  
  847. {block:IndexPage}
  848. border-left: 1px solid {color:border};
  849. background-color: transparent;
  850. width:83px;
  851. height: 70px;
  852. {/block:IndexPage}
  853.  
  854. {block:PermalinkPage}
  855. border-left: 1px solid {color:border};
  856. background-color: transparent;
  857. width:95px;
  858. height: 350px;
  859. margin-bottom:20px;
  860. {/block:PermalinkPage}
  861. }
  862.  
  863. #player{
  864. float:left;
  865. width:29px;
  866. padding-left:2px;
  867. padding-top:5px;
  868. padding-bottom:10px;
  869. height:15px;
  870. background-color:#fff;
  871. overflow-x:hidden;
  872. overflow-y:hidden;
  873. opacity: .9;
  874. filter:alpha(opacity=10);
  875. -moz-opacity: 0.1;
  876. -moz-transition: all .9s ease;
  877. -o-transition: all .9s ease;
  878. transition: all .9s ease;
  879. -webkit-transition: all .9s ease;
  880.  
  881. {block:IndexPage}
  882. margin-top:35px;
  883. margin-left:-65px;
  884. {/block:IndexPage}
  885.  
  886. {block:PermalinkPage}
  887. margin-top:175px;
  888. margin-left:-205px;
  889. {/block:PermalinkPage}
  890.  
  891. }
  892.  
  893. .entry #permalink{opacity:0;margin-top:-10px;text-align:right;font-family:consolas;font-size:9px;letter-spacing:1px;text-transform:uppercase;z-index:1;color:{color:Link};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; transition: all 0.5s ease;}
  894.  
  895. .entry:hover #permalink{opacity:1;margin-top:5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
  896.  
  897.  
  898. #s-m-t-tooltip {max-width:300px;padding:1px;padding-left:3px;padding-right:3px;margin:15px 20px 15px 20px;background-color:{color:Tool Tip};color:{color:Tool Tip Text};line-height:9px;font-family:pixel;letter-spacing:1px;font-size:8px;color:{color:Tool Tip Text};z-index:999999999999999999999999999999999999;-webkit-border-radius: 2px;
  899. -moz-border-radius: 2px;
  900. border-radius: 2px;}
  901.  
  902. </style>
  903.  
  904. <script type="text/javascript">
  905. $(window).load(function(){
  906. $("p").remove(":contains('Source:')");
  907. $("p").remove(":contains('via ')");
  908. });
  909. </script>
  910.  
  911.  
  912. <script type="text/javascript">
  913. $(document).ready(function(){
  914. $(".hide").hide();
  915. $(".show").click(function(){
  916. $(this).next(".hide").slideToggle('fast');
  917. }); });
  918. </script>
  919.  
  920. <script>
  921. (function($){
  922. $(document).ready(function(){
  923. $("a[title]").style_my_tooltips({
  924. tip_follows_cursor:true,
  925. tip_delay_time:90,
  926. tip_fade_speed:100,
  927. attribute:"title"
  928. });
  929. });
  930. })(jQuery);
  931. </script>
  932.  
  933. </head>
  934. <body>
  935.  
  936. <div style='background-image: url({image:TopBorder});background-repeat: repeat-x;'>
  937. <img src="{image:TopBorder}"></div>
  938.  
  939. <div id="bgim">
  940. <img src="{image:side image}">
  941. </div>
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949.  
  950.  
  951. <div id="sidebar">
  952.  
  953.  
  954.  
  955. {block:ifshowsidebarimage}<center><a title="/" href="/"><img src="{image:sidebar}" width="150px" style="margin-left:-5px; {block:ifroundedcorners}-moz-border-radius: 5px;
  956. border-radius: 5px;
  957. {/block:ifroundedcorners} ""></a></center>{/block:ifshowsidebarimage}
  958. {block:ifshowdescription}
  959. <center>
  960.  
  961. <p>
  962.  
  963. <div style="padding-top:6px; padding-bottom:2px;">{description}</div>
  964.  
  965.  
  966.  
  967. <select onChange="location=this.options[this.selectedIndex].value;" style="font:11px calibri; color: #9DA0CF; background-color:#ffd8e6; -webkit-appearance: none; text-align:center; border-radius: 5px; height: 18px; width: auto; margin-top:8px;">
  968.  
  969. <option value="">links</option>
  970. {block:ifLinkOne}
  971. <option value="{text:Link One}">{text:Link One Title}</option>
  972. {/block:ifLinkOne}
  973. {block:ifLinkTwo}
  974. <option value="{text:Link Two}">{text:Link Two Title}</option>
  975. {/block:ifLinkTwo}
  976. {block:ifLinkThree}
  977. <option value="{text:Link Three}">{text:Link Three Title}</option>
  978. {/block:ifLinkThree}
  979. {block:ifLinkFour}
  980. <option value="{text:Link Four}">{text:Link Four Title}</option>
  981. {/block:ifLinkFour}
  982. {block:ifLinkFive}
  983. <option value="{text:Link Five}">{text:Link Five Title}</option>
  984. {/block:ifLinkFive}
  985. {block:ifLinkSix}
  986. <option value="{text:Link Six}">{text:Link Four Six}</option>
  987. {/block:ifLinkSix}
  988.  
  989. <option value="http://senpiez.tumblr.com/">theme</option>
  990.  
  991.  
  992. </select>
  993. </center>
  994. {/block:ifshowdescription}
  995. </div>
  996.  
  997.  
  998.  
  999.  
  1000. </div>
  1001.  
  1002. </div></div>
  1003.  
  1004. <div id="content">
  1005. {block:Posts}
  1006. <div class="entry">
  1007.  
  1008.  
  1009. {block:Text}
  1010. <div class="text">
  1011. <div style="text-transform:uppercase">{block:Title}
  1012. <a href="{Permalink}">{Title}</a>
  1013. {/block:Title}</div>
  1014. {Body}
  1015.  
  1016. </div>
  1017. {/block:Text}
  1018.  
  1019.  
  1020. {block:Photo}
  1021.  
  1022. {block:indexpage}
  1023. {LinkOpenTag}
  1024. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  1025. {/block:indexpage}
  1026.  
  1027. {block:permalinkpage}
  1028. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PermalinkPage} width=500px"/>{LinkCloseTag}
  1029. {/block:permalinkpage}
  1030.  
  1031. {/block:Photo}
  1032.  
  1033. {block:Photoset}
  1034. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-250}" width="225" style="padding-bottom:5px;"/></a>
  1035. {/block:Photos}
  1036. {/block:Photoset}
  1037.  
  1038.  
  1039. {block:Quote}
  1040. <div class="text">
  1041. <div class="quote">&#10077;</div>
  1042. <span style="text-transform:uppercase;letter-spacing:1px;"> {Quote} </span>
  1043. {block:Source}
  1044. <div class="source"><div style="text-align:right; color:{color:link}">{Source}</div></div>
  1045. {/block:Source}
  1046. </div>{/block:Quote}
  1047.  
  1048. {block:Link}
  1049. <div class="text">
  1050. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  1051. {block:Description}
  1052. <div class="description">{Description}</div>
  1053. {/block:Description}
  1054.  
  1055. </div>{/block:Link}
  1056.  
  1057. {block:Chat}
  1058. <div class="text">
  1059. {block:Title}
  1060. <a href="{Permalink}">{Title}</a>
  1061. {/block:Title}
  1062. <ul class="chat">
  1063. {block:Lines}
  1064. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  1065.  
  1066. {Line} </li>
  1067. {/block:Lines}
  1068. </ul>
  1069.  
  1070. </div>{/block:Chat}
  1071.  
  1072. {block:Video}
  1073.  
  1074. {block:IndexPage}<div style="width:225px; overflow-y:hidden; overflow-x:hidden;">{Video-250} </div>{/block:IndexPage}
  1075.  
  1076. {block:permalinkpage}
  1077. {Video-500}
  1078. {/block:permalinkpage}
  1079.  
  1080.  
  1081. {/block:Video}
  1082.  
  1083.  
  1084. {block:Audio}
  1085. <div id="album">{block:AlbumArt}<img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  1086. <div id="player"><div style="margin-top:-3px;">{AudioPlayerWhite}</div></div>
  1087. <div id="infos">
  1088. <span style="letter-spacing:1px; color:{color:link};">{block:TrackName}{TrackName}{/block:TrackName}</span><br>
  1089. {block:Artist}
  1090. {Artist}
  1091. {/block:Artist}
  1092. <br>
  1093. {block:Album}
  1094. {Album}
  1095. {/block:Album}<br>
  1096. {PlayCountWithLabel}
  1097.  
  1098. </div>
  1099.  
  1100. {/block:Audio}
  1101.  
  1102. {block:Answer}<div class="text">
  1103. <div class="question">
  1104. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  1105.  
  1106. </div>{/block:Answer}
  1107.  
  1108.  
  1109. {block:IndexPage}<div id="permalink"><a href="{Permalink}">{NoteCount}</a> ϟ <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> </div>{/block:IndexPage}
  1110.  
  1111.  
  1112. {block:PermalinkPage}
  1113. <div id="note3"><div style="text-align:right; text-transform:uppercase;">
  1114. {block:NoteCount}<br>{block:Date}Posted {TimeAgo}{/block:Date} with {NoteCountwithLabel}
  1115. {block:HasTags}/ tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:NoteCount}</div>
  1116.  
  1117. {block:PostNotes}
  1118. {PostNotes}
  1119. {/block:PostNotes}
  1120. </div>
  1121. {/block:PermalinkPage}
  1122. </div>
  1123. {/block:Posts}
  1124. </div>
  1125. </div>
  1126. {block:Pagination}
  1127. <ul id="pagination">
  1128. {block:PreviousPage}
  1129. <li><a href="{PreviousPage}"></a></li>
  1130. {/block:PreviousPage}
  1131. {block:JumpPagination length="5"}
  1132. {block:CurrentPage}
  1133. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1134. {/block:CurrentPage}
  1135. {block:JumpPage}
  1136. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1137. {/block:JumpPage}
  1138. {/block:JumpPagination}
  1139. {block:NextPage}
  1140. <li><a id="nextPage" href="{NextPage}"></a></li>
  1141. {/block:NextPage}
  1142. </ul>
  1143. {/block:Pagination}
  1144.  
  1145. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1146. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  1147. {block:IndexPage}
  1148. <script type="text/javascript">
  1149. $(window).load(function () {
  1150. $('#content').masonry(),
  1151. $('.masonryWrap').infinitescroll({
  1152. navSelector : '#pagination',
  1153. nextSelector : '#pagination a#nextPage',
  1154. itemSelector : ".entry",
  1155. bufferPx : 100,
  1156. loadingText : "<em></em>",
  1157. },
  1158. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1159. );
  1160. });
  1161. </script>
  1162. {/block:IndexPage}
  1163.  
  1164. <script type="text/javascript">
  1165.  
  1166. $('.show').click(function(e){
  1167. e.preventDefault();
  1168. $('.panel').stop(true,true);
  1169. var target = $(this).attr('href');
  1170. if($('.panel').is(':visible')){
  1171. if($(target).is(':visible')){
  1172. $(target).slideUp();
  1173. return false;
  1174. }else{
  1175. $('.panel:visible').slideUp(400, function(){
  1176. $(target).slideDown();
  1177. });
  1178. }
  1179. }else {
  1180. $(target).slideDown();
  1181. }
  1182. });
  1183.  
  1184. </script>
  1185. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/OTlme21c1/like_script.js"></script>
  1186. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/hPeme202n/like.js"></script>
  1187. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  1188. </body>
  1189.  
  1190. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/c9Sle1h85/jquery.collapser.js"></script>
  1191. <script type="text/javascript">
  1192. $(document).ready(function(){
  1193. $('#button').collapser({
  1194. target: '#hidden',
  1195. effect: 'slide',
  1196. changeText: 0
  1197. });
  1198. });
  1199. </script>
  1200.  
  1201.  
  1202.  
  1203.  
  1204. <div style="position:fixed;right:0;bottom:0;padding:10px; ">
  1205. <a title="theme by senpiez"href="http://senpiez-themes.tumblr.com/">✿</a>
  1206. </div>
  1207. </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!