API tools faq
paste
Advertisement
dylaenobriens

Theme #59: She Looks So Perfect

dylaenobriens
Mar 23rd, 2014
367
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- theme #59 by alexgaeskarth
  4. don't steal -->
  5.  
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}"/>
  12. {/block:Description}
  13. <link rel="shortcut icon" href="{Favicon}" />
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  15.  
  16. <meta name="color:Bg" content="#ffffff">
  17. <meta name="color:Link" content="#000000">
  18. <meta name="color:Text" content="#000000">
  19. <meta name="color:Ask" content="#000000">
  20. <meta name="color:selection" content="#f7f7f7">
  21. <meta name="color:Hover" content="#eeeeee">
  22. <meta name="color:Border" content="#e7e7e7">
  23. <meta name="color:Scrollbar" content="#000000">
  24. <meta name="color:Bold Text" content="#fd71cf">
  25. <meta name="color:Italic Text" content="#30afff">
  26.  
  27.  
  28. <meta name="image:sidebar" content=""/>
  29.  
  30. <meta name="text:sidetitle" content="she looks so perfect;">
  31. <meta name="text:link 1" content="">
  32. <meta name="text:link 1 url" content="/">
  33. <meta name="text:link 2" content="">
  34. <meta name="text:link 2 url" content="/">
  35. <meta name="text:link 3" content="">
  36. <meta name="text:link 3 url" content="/">
  37. <meta name="text:link 4" content="">
  38. <meta name="text:link 4 url" content="/">
  39. <meta name="text:link 5" content="">
  40. <meta name="text:link 5 url" content="/">
  41.  
  42. <meta name="if:Cursor" content="1">
  43. <meta name="if:500pxPosts" content="1">
  44. <meta name="if:400pxPosts" content="0">
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. /*--scrollbar--*/
  51.  
  52. ::-webkit-scrollbar-thumb:vertical {border:2px solid #fff;height:12px; background-color:{color:scrollbar};}
  53. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  54. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  55. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  56. }
  57. /*--body--*/
  58.  
  59.  
  60. body {
  61. margin:0px;
  62. font-style:none;
  63. background-color:{color:bg};
  64. font-family:arial;
  65. color:{color:text};
  66. font-size:8px;
  67. }
  68.  
  69.  
  70. a {
  71. color:{color:link};
  72. text-decoration:none;
  73. -webkit-transition: all 0.6s ease;
  74. -moz-transition: all 0.6s ease;
  75. -o-transition: all 0.6s ease
  76. }
  77.  
  78. a:hover {
  79. color:{color:hover};
  80. text-decoration:none;
  81. -webkit-transition: all 0.8s ease-out;
  82. -moz-transition: all 0.8s ease-out;
  83. transition: all 0.8s ease-out;
  84. }
  85.  
  86. img {
  87. max-width:100%;
  88. border:none;
  89. }
  90.  
  91. blockquote {
  92. padding-left:5px;
  93. border-left:2px solid {color:border};
  94. }
  95.  
  96. h1 {
  97. text-align:center;
  98. font-size:15px;
  99. line-height:110%;
  100. font-style:none;
  101. color:#000;
  102. }
  103.  
  104. h2 {
  105. text-align:left;
  106. font-size:15px;
  107. line-height:110%;
  108. font-style:none;
  109. color:#000;
  110. }
  111.  
  112. h1 a {
  113. color:#000;
  114. }
  115.  
  116. b {
  117. color:{color:Bold Text};
  118. }
  119.  
  120. i {
  121. color:{color:Italic Text};
  122. }
  123.  
  124. pre {
  125. padding:5px;
  126. background:#eee;
  127. }
  128.  
  129. ::selection {
  130. background:{color:selection};
  131. }
  132. /*--Cursor code--*/
  133.  
  134. {block:ifCursor}
  135.  
  136. body, a{cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  137.  
  138. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
  139.  
  140. {/block:ifCursor}
  141.  
  142.  
  143.  
  144. /*--sidebar--*/
  145.  
  146. #sidebar {
  147. position:fixed;
  148. width:200px;
  149. text-align:left;
  150. margin-left:180px;
  151. margin-top:130px;
  152. }
  153.  
  154. #sidebarimage {
  155. margin-top:2px;
  156. width:200px;
  157. }
  158.  
  159. #sidebarimage img {
  160. width:200px;
  161. }
  162.  
  163. /*--links--*/
  164.  
  165. #fish {
  166. margin-top:2px;
  167. font-family:'calibri';
  168. text-transform:uppercase;
  169. text-align:center;
  170. }
  171.  
  172.  
  173. #links{
  174. width:125px;
  175. position:relative;
  176. z-index:9999999;
  177. margin-top:-23px;
  178. margin-left:40px;
  179. font-family:'calibri';
  180. font-size:9px;
  181. color:transparent;
  182. text-transform:uppercase;
  183. text-align:center;
  184. }
  185.  
  186. #links a {
  187. margin-bottom:4px;
  188. padding-left:5px;
  189. padding-right:5px;
  190. color:#fff;
  191. width:12px;
  192. height:12px;
  193. border:1px solid #000;
  194. background:#fff;
  195. border-radius:100px;
  196. }
  197.  
  198.  
  199. #blocker {
  200. margin-top:-23px;
  201. position:relative;
  202. z-index:9;
  203. background:transparent;
  204. width:23px;
  205. height:35px
  206. }
  207.  
  208. #title {
  209. text-transform:lowercase;
  210. font-weight:bold;
  211. font-size:17px;
  212. color:#000;
  213. }
  214.  
  215.  
  216.  
  217.  
  218.  
  219. /*--description--*/
  220.  
  221. #description {
  222. margin-top:5px;
  223. font-family:'arial';
  224. font-size:9px;
  225. text-align:justify;
  226. color:#000;
  227. }
  228.  
  229. /*--pagination--*/
  230.  
  231. #pagination {
  232. margin-top:10px;
  233. text-transform:lowercase;
  234. text-align:right;
  235. font-size:9px;
  236. font-family:arial;
  237. }
  238.  
  239. #pagination a{
  240. color:{color:Link};
  241. }
  242.  
  243. #pagination a:hover {
  244. color:{color:Hover};
  245. }
  246.  
  247. /*--posts--*/
  248.  
  249. {block:if500pxPosts}
  250.  
  251. #posts {
  252. width:500px;
  253. margin-bottom:10px;
  254. padding:1px;
  255. font-size:11px;
  256. color:{color:Text};
  257. line-height:100%;
  258. text-align:justify;
  259. }
  260.  
  261. {/block:if500pxPosts}
  262.  
  263. {block:if400pxPosts}
  264.  
  265. #posts {
  266. width:400px;
  267. margin-bottom:10px;
  268. padding:1px;
  269. font-size:11px;
  270. color:{color:Text};
  271. line-height:100%;
  272. text-align:justify;
  273. }
  274.  
  275. {/block:if400pxPosts}
  276.  
  277. #postscontainer {
  278. margin-bottom:20px;
  279. padding:1px;
  280. margin-left:450px;
  281. margin-top:55px;
  282. }
  283.  
  284.  
  285. #info {
  286. background-color:#000;
  287. padding:5px;
  288. font-family:'trebuchet ms';
  289. text-align:left;
  290. text-transform:uppercase;
  291. margin-bottom:10px;
  292. margin-top:10px;
  293. letter-spacing:1px;
  294. font-size:7px;
  295. padding-top:4px;
  296. color:#fff;
  297. }
  298.  
  299. #info a {
  300. color:#fff;
  301. }
  302.  
  303.  
  304. /*--tags--*/
  305.  
  306. #tags {
  307. font-family:trebuchet ms;
  308. width:490px;
  309. margin-left:0px;
  310. margin-top:2px;
  311. font-size:7px;
  312. color:#fff:
  313. }
  314.  
  315. #tags a {
  316. color:#fff;
  317. }
  318.  
  319.  
  320. #tags a:hover {
  321. color:{color:Hover};
  322. }
  323.  
  324. /*--asks--*/
  325.  
  326. #ask {
  327. padding:10px;
  328. background-color:{color:Ask};
  329. color:#fff;
  330. }
  331.  
  332. #ask a {
  333. color:#fff;
  334. }
  335.  
  336.  
  337. /*--audio--*/
  338.  
  339. .newplayerbutton {
  340. position: relative;
  341. width: 28px;
  342. height: 27px;
  343. overflow: hidden;
  344. }
  345.  
  346. .playerbuttonhug {
  347. position: absolute;
  348. top: -12px;
  349. left: -8px;
  350. }
  351.  
  352.  
  353. .tumblr_audio_player {
  354. border: none;
  355. padding: 0px;
  356. margin: 0px;
  357. height: 53px;
  358. width: 500px;
  359. }
  360.  
  361. .playerbuttonbg {
  362. position: absolute;
  363. left: 25px;
  364. top: 20px;
  365. width: 28px;
  366. height: 28px;
  367. background-color: #fff;
  368. padding: 10px;
  369. -webkit-border-radius: 40px;
  370. -moz-border-radius: 40px;
  371. border-radius: 40px;
  372. opacity: .4;
  373. filter: alpha(opacity=40);
  374. -moz-opacity: 0.4;
  375. -khtml-opacity: 0.4;
  376. transition: opacity .7s ease-in-out;
  377. -moz-transition: opacity .7s ease-in-out;
  378. -webkit-transition: opacity .7s ease-in-out;
  379. }
  380.  
  381. .playerbuttonbg:hover {
  382. opacity: 1;
  383. filter: alpha(opacity=100);
  384. -moz-opacity: 1;
  385. -khtml-opacity: 1;
  386. }
  387.  
  388. .audioimgwrapper {
  389. position: absolute;
  390. left: 10px;
  391. top: 5px;
  392. -webkit-border-radius: 50px;
  393. -moz-border-radius: 50px;
  394. border-radius: 50px;
  395. overflow: hidden;
  396. width: 78px;
  397. height: 78px;
  398. }
  399.  
  400. .audioimgwrapper img {
  401. width: 100%;
  402. height: auto;
  403. -webkit-border-radius: 50px;
  404. -moz-border-radius: 50px;
  405. border-radius: 50px;
  406. }
  407.  
  408. .trackdetails {
  409. width: auto;
  410. display:inline-block;
  411. margin-left: 100px;
  412. margin-top:10px;
  413. min-height: 85px;
  414. line-height:150%;
  415. }
  416.  
  417. .audiowrapper {
  418. position: relative;
  419. display:inline-block;
  420. background-color:#000;
  421. width:100%;
  422. height:88px;
  423. color:#fff;
  424. }
  425.  
  426. /*--credit--*/
  427.  
  428. #credit {
  429. right:2px;
  430. bottom:0px;
  431. font-size:9px;
  432. padding:5px;
  433. text-transform:uppercase;
  434. position:fixed;
  435. -webkit-transition: all 0.5s ease-out;
  436. -moz-transition: all 0.5s ease-out;
  437. transition: all 0.5s ease-out;
  438. }
  439.  
  440. /*--tooltips--*/
  441.  
  442. #s-m-t-tooltip {
  443. max-width:300px;
  444. padding:3px 4px 5px 4px;
  445. margin:20px 0px 0px 20px;
  446. background-color:#000; /* change the background color */
  447. font-family:arial; /* change the font */
  448. font-size:9px; /* change the font size */
  449. border:3px double #fff;
  450. font-weight:bold;
  451. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  452. color:white; /* change the text color */
  453. z-index:999999999999999999999999999999999999;
  454. }
  455.  
  456.  
  457.  
  458.  
  459. {CustomCSS}
  460.  
  461. </style>
  462.  
  463.  
  464. <!--tooltips javascript-->
  465.  
  466. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  467.  
  468. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  469.  
  470. <script>
  471.  
  472. (function($){
  473.  
  474. $(document).ready(function(){
  475.  
  476. $("a[title]").style_my_tooltips({
  477.  
  478. tip_follows_cursor:true,
  479.  
  480. tip_delay_time:90,
  481.  
  482. tip_fade_speed:600,
  483.  
  484. attribute:"title"
  485.  
  486. });
  487.  
  488. });
  489.  
  490. })(jQuery);
  491.  
  492. </script>
  493.  
  494. <body>
  495.  
  496.  
  497. <div id="sidebar">
  498. <div id="title">{text:sidetitle}</div>
  499. <div id="sidebarimage">
  500. <a title="home" href="/"><img src="{image:sidebar}"></div></a>
  501.  
  502.  
  503. <div id="fish">
  504. <a title="click to feed">
  505.  
  506. <object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor2=8fd7ff&up_fishColor10=F45540&up_fishName=Fish&up_fishColor3=8fd7ff&up_fishColor7=F45540&up_fishColor1=8fd7ff&up_fishColor6=F45540&up_fishColor5=EEEEEE&up_foodColor=EE4393&up_backgroundColor=000000&up_fishColor8=F45540&up_fishColor4=EEEEEE&up_numFish=3&up_fishColor9=F45540&" width="200" height="35"><!--TUTORIAL BY DUMBLEDORES-->
  507.  
  508. <param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor2=EEEEEE&up_fishColor10=F45540&up_fishName=Fish&up_fishColor3=EEEEEE&up_fishColor7=F45540&up_fishColor1=EEEEEE&up_fishColor6=F45540&up_fishf5=EEEEEE&up_foodColor=5ba49c&up_backgroundImage=http://&up_backgroundColor=000000&up_fishColor8=F45540&up_fishColor4=EEEEEE&up_numFish=5&up_fishColor9=F45540&"></param>
  509. <param name="AllowScriptAccess" value="always"></param>
  510. <param name="wmode" value="opaque"></param><param name="scale" value="noscale"/>
  511. <param name="salign" value="tl"/><!--TUTORIAL BY DUMBLEDORES-->
  512. </object></div></a>
  513.  
  514.  
  515. <div id="links">
  516. <a title="{text:link 1}" href="{text:link 1 url}"></a>iiiii
  517. <a title="{text:link 2}" href="{text:link 2 url}"></a>iiiii
  518. <a title="{text:link 3}" href="{text:link 3 url}"></a>iiiii
  519. <a title="{text:link 4}" href="{text:link 4 url}"></a>iiiii
  520. <a title="{text:link 5}" href="{text:link 5 url}"></a>ii
  521. </div>
  522.  
  523. <div id="blocker"></div>
  524.  
  525.  
  526.  
  527. <div id="description">{description}</div>
  528.  
  529.  
  530. {block:Pagination}
  531. <div id="pagination">
  532.  
  533. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  534. {block:NextPage}-<a href="{NextPage}">Next</a>{/block:NextPage}
  535. </div>{/block:Pagination}
  536.  
  537. </div></div>
  538.  
  539.  
  540. <div id="postscontainer">
  541.  
  542. {block:Posts}
  543.  
  544. <div id="posts">
  545.  
  546.  
  547. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  548.  
  549.  
  550. {block:Photo}{LinkOpenTag}
  551.  
  552. {block:if500pxPosts}
  553. <img src="{PhotoURL-500}">
  554. {/block:if500pxPosts}
  555.  
  556. {block:if400pxPosts}
  557. <img src="{PhotoURL-400}">
  558. {/block:if400pxPosts}
  559.  
  560. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  561.  
  562. {block:Photoset}
  563.  
  564. {block:if500pxPosts}
  565. {Photoset-500}
  566. {/block:if500pxPosts}
  567.  
  568. {block:if400pxPosts}
  569. {Photoset-400}
  570. {/block:if400pxPosts}
  571.  
  572. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  573.  
  574. {block:Quote}<h2>{Quote}</h2>{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  575.  
  576. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  577.  
  578. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  579.  
  580. {block:Audio}{block:AudioPlayer}
  581. <div class="audiowrapper">
  582. {block:AlbumArt}
  583. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  584. {/block:AlbumArt}
  585.  
  586. <div class="playerbuttonbg">
  587. <div class="newplayerbutton">
  588. <div class="playerbuttonhug">
  589.  
  590. {AudioPlayerWhite}
  591.  
  592. </div>
  593. </div>
  594. </div>
  595.  
  596. <div class="trackdetails">
  597.  
  598. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  599. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  600. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  601. <b>{PlayCountWithLabel}</b>
  602.  
  603. </div>
  604. </div>
  605. {/block:AudioPlayer}
  606.  
  607. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  608.  
  609. {block:Video}
  610.  
  611. {block:if500pxPosts}
  612. {Video-500}
  613. {/block:if500pxPosts}
  614.  
  615. {block:if400pxPosts}
  616. {Video-400}
  617. {/block:if400pxPosts}
  618.  
  619. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  620.  
  621.  
  622. {block:Answer}<div id="ask"><span style="font-family:arial;font-size:15px;font-weight:bold;color:#fff;">{Asker}</span>: {Question}</div> {Answer}{/block:Answer}
  623.  
  624. <div id="info">{block:Date} <a href="{Permalink}">
  625. {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</a></a>{/block:Date} - {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  626. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom} with <a href="{Permalink}">
  627. {NoteCountWithLabel}</a>
  628. {block:HasTags} <div id="tags">tags:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  629.  
  630.  
  631. </div>
  632.  
  633. {/block:Posts}
  634.  
  635. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  636. {/block:Posts}
  637.  
  638. </div>
  639. <div id="credit"><a href="http://alexgaeskarth.tumblr.com/"><img src="http://static.tumblr.com/ujmsumm/TJamv4jm6/sg.png" width="40px;"></div></a>
  640. </body>
  641. </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!