Advertisement
Guest User

Understand Theme by Wallflohwr

a guest
Feb 13th, 2013
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.18 KB | None | 0 0
  1. <!--
  2. ATHENA V2 by HELVETICAS
  3. DON'T REMOVE CREDIT OR I'LL REPORT YOU
  4. -->
  5.  
  6.  
  7. <!--------------------------------
  8.  
  9. asdfghjkl;
  10.  
  11.  
  12. _( )_
  13. (_(%)_)
  14. (_)\
  15. | __
  16. |/_/
  17. |
  18. |
  19.  
  20. theme heavily tweaked by wallflohwr,
  21. don't remove credit for that either xx
  22. thanks for choosin me :)
  23.  
  24. --------------------------------------->
  25.  
  26.  
  27. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  28. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  29.  
  30. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  31. <head>
  32.  
  33. <meta name="color:link" content="#ff004f"/>
  34. <meta name="color:hover" content="#ffffff"/>
  35. <meta name="color:blockquote" content="#efefef"/>
  36. <meta name="color:background" content="#ffffff"/>
  37. <meta name="color:posts" content="#ffffff"/>
  38. <meta name="image:background image" content="0"/>
  39. <meta name="image:sidebar" content="0"/>
  40. <meta name="if:show sidebar image" content="0"/>
  41. <meta name="if:thin title font" content="1"/>
  42. <meta name="if:shadow" content="0"/>
  43. <meta name="if:rounded corners" content="0"/>
  44. <meta name="if:ComingSoonfont" content="0">
  45. <meta name="if:custom cursor" content="1">
  46. <meta name="if:custom scrollbar" content="1">
  47. <meta name="if:show title" content="1"/>
  48. <meta name="text:Blog Title Size" content="50" />
  49. <meta name="text:Link One Title" content="" />
  50. <meta name="text:Link One" content="" />
  51. <meta name="text:Link Two Title" content="" />
  52. <meta name="text:Link Two" content="" />
  53. <meta name="text:Link Three Title" content="" />
  54. <meta name="text:Link Three" content="" />
  55. <meta name="text:Link Four Title" content="" />
  56. <meta name="text:Link Four" content="" />
  57. <meta name="text:Link Five Title" content="" />
  58. <meta name="text:Link Five" content="" />
  59. <meta name="text:Network Codes" content="put your network codes here" />
  60. <meta name="text:Updates" content="put your updates here" />
  61. <meta name="text:FAQ" content="your FAQ here yay" />
  62. <meta name="text:scrolling text" content="He's a wallflower.">
  63.  
  64. <title>{Title}</title>
  65. <link rel="shortcut icon" href="{Favicon}">
  66. {block:Description}
  67. <meta name="description" content="{MetaDescription}"/>
  68. {/block:Description}
  69. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70. <!--[if IE]>
  71. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  72. <![endif]-->
  73.  
  74. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  75.  
  76. <style type="text/css">
  77.  
  78. {block:ifnotthintitlefont}
  79. @font-face {font-family: customfont; src: url('http://static.tumblr.com/fxpo5zq/oOim5vst9/quicksand_book.otf');
  80. }
  81. {block:ifnotthintitlefont}
  82.  
  83. {block:ifthintitlefont}
  84. @font-face {font-family: customfont; src: url('http://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf');
  85. }
  86. {/block:ifthintitlefont}
  87.  
  88. html, body, {
  89. {block:ifComingSoonfont}
  90. font-family: Coming Soon;
  91. font-size: 12px;
  92. letter-spacing:0px;
  93. {/block:ifComingSoonfont}
  94.  
  95. {block:ifnotComingSoonfont}
  96. font-family: Dosis;
  97. font-size: 12px;
  98. {/block:ifnotComingSoonfont}
  99. }
  100. body {
  101. color: #777;
  102. background:{color:background} url({image:background image});
  103. line-height:150%;
  104. {block:ifComingSoonfont}
  105. font-family: Coming Soon;
  106. font-size: 12px;
  107. letter-spacing:0px;
  108. {/block:ifComingSoonfont}
  109.  
  110. {block:ifnotComingSoonfont}
  111. font-family: Dosis;
  112. font-size: 12px;
  113. {/block:ifnotComingSoonfont}
  114. }
  115.  
  116. {block:ifcustomcursor}
  117.  
  118. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  119.  
  120. {/block:ifcustomcursor}
  121.  
  122. {if:customscrollbar}
  123.  
  124. ::-webkit-scrollbar-thumb:vertical {
  125. background-color:{color:Link};
  126. height:auto;-webkit-border-radius:20px;
  127. }
  128.  
  129. ::-webkit-scrollbar-thumb:horizontal {
  130. background-color:{color:Link};
  131. height:6px !important;-webkit-border-radius:20px;
  132. }
  133.  
  134. ::-webkit-scrollbar {
  135. height:6px;
  136. width:6px;
  137. background-color:{color:Background};
  138. -webkit-border-radius:20px;
  139. }
  140.  
  141. {/if:customscrollbar}
  142.  
  143. #infscr-loading {
  144. position: absolute;
  145. bottom: 0;
  146. left: 25%;
  147. }
  148. a:link, a:active, a:visited{
  149.  
  150. color:{color:Link};
  151. text-decoration: none;
  152.  
  153. }
  154. a:hover {
  155. color:{color:Hover};
  156.  
  157. text-decoration: none;
  158. }
  159.  
  160. #content {
  161. {block:indexpage}
  162. width: 768px;
  163. {/block:indexpage}
  164.  
  165. {block:permalinkpage}
  166. width: 506px;
  167. {/block:permalinkpage}
  168. float: right;
  169. background: {color:posts}
  170. }
  171.  
  172. #note3 {
  173. width: 500px;
  174. text-align:left;
  175. }
  176.  
  177. #contain {
  178. {block:indexpage}
  179. width: 1040px;
  180. {/block:indexpage}
  181.  
  182. {block:permalinkpage}
  183. width: 700px;
  184. {/block:permalinkpage}
  185.  
  186. height:100%;
  187. padding-left:10px;
  188. padding-right:10px;
  189. margin: 0px auto;
  190. position: relative;
  191. }
  192.  
  193. ol.notes img {
  194. width: 16px;
  195. display: inline;
  196. position: relative;
  197. top: 3px;
  198. }
  199.  
  200. #sidebar {
  201. height:100%;
  202. width: 260px;
  203. position: fixed;
  204. background:{color:posts};
  205. padding: 2px;
  206.  
  207. {block:indexpage}
  208. margin-right:768px;
  209. {/block:indexpage}
  210.  
  211. {block:permalinkpage}
  212. margin-right:505px;
  213. {/block:permalinkpage}
  214. }
  215.  
  216. ol.notes img {
  217. width: 16px;
  218. display: inline;
  219. position: relative;
  220. top: 3px;
  221. }
  222.  
  223. #sidebar img {
  224. {block:ifroundedcorners}-moz-border-radius: 5px;
  225. border-radius: 5px;
  226. {block:ifroundedcorners}
  227. display: block;
  228. margin-bottom: 1px;
  229. }
  230. .entry {
  231. {block:ifroundedcorners}-moz-border-radius: 5px;
  232. border-radius: 5px;
  233. {/block:ifroundedcorners}
  234. float: right;
  235. {block:indexpage}
  236.  
  237. width: 250px;
  238. margin: 3px;
  239. {/block:indexpage}
  240. {block:permalinkpage}
  241. width: 500px;
  242. margin: 3px;
  243. {/block:permalinkpage}
  244. display: block;
  245. background:{color:posts};
  246. {block:ifshadow}
  247. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  248. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  249. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  250. {/block:ifshadow}
  251. position: relative;
  252. }
  253. .entry img {
  254. {block:ifroundedcorners}-moz-border-radius: 5px;
  255. border-radius: 5px;
  256. {block:ifroundedcorners}
  257. display: block;
  258. max-width: 100%;
  259. {block:iffadedimages}
  260. opacity:0.8;
  261. filter:alpha(opacity=80);
  262. -webkit-transition: all ease-in 250ms;
  263. -moz-transition: all ease-in 250ms;
  264. -o-transition: all ease-in 250ms;
  265. -ms-transition: all ease-in 250ms;
  266. transition: all ease-in 250ms;
  267. {/block:iffadedimages}
  268. }
  269. .entry:hover img {
  270. {block:iffadedimages}
  271. opacity:1;
  272. filter:alpha(opacity=100);
  273. -webkit-transition: all ease-in 250ms;
  274. -moz-transition: all ease-in 250ms;
  275. -o-transition: all ease-in 250ms;
  276. -ms-transition: all ease-in 250ms;
  277. transition: all ease-in 250ms;
  278. {/block:iffadedimages}
  279. }
  280.  
  281.  
  282. .entry:hover .details {
  283. opacity: 1.0;
  284. margin:12px 0px 0px 0px;
  285. filter: alpha(opacity = 100);
  286. -webkit-transition: all .25s ease-in-out;
  287. -moz-transition: all .25s ease-in-out;
  288. -o-transition: all .25s ease-in-out;
  289. transition: all .25s ease-in-out;
  290. }
  291.  
  292.  
  293. #pagination{
  294. display:none;
  295. }
  296.  
  297.  
  298.  
  299.  
  300.  
  301. iframe#tumblr_controls {
  302. right:3px !important;
  303. position: fixed !important;
  304. -webkit-transition: opacity 0.7s linear;
  305. opacity: 0.5;
  306. -webkit-transition: all 0.8s ease-out;
  307. -moz-transition: all 0.8s ease-out;
  308. transition: all 0.8s ease-out;
  309. }
  310.  
  311. iframe#tumblr_controls:hover {
  312. -webkit-transition: opacity 0.7s linear;
  313. opacity: 1;
  314. -webkit-transition: all 0.4s ease-out;
  315. -moz-transition: all 0.4s ease-out;
  316. transition: all 0.4s ease-out;
  317. }
  318.  
  319. .permalink2 {
  320. color: #000000;
  321. padding-top: 0px;
  322. padding-bottom: 0px;
  323. font-size: 15px;
  324. text-align: center;
  325. opacity: 0;
  326. filter: alpha(opacity = 0);
  327. -webkit-transition: all ease-in 250ms;
  328. -moz-transition: all ease-in 250ms;
  329. -o-transition: all ease-in 250ms;
  330. -ms-transition: all ease-in 250ms;
  331. transition: all ease-in 250ms;
  332.  
  333. }
  334.  
  335. blockquote {
  336. padding-left:5px;padding-top:7px;
  337. padding-right:5px;padding-bottom:7px;
  338. margin-left:5px; margin-right:5px;
  339. border-left: 2px solid #ccc;
  340. border-right: 2px solid #ccc;
  341. background-color:{color:blockquote};
  342. }
  343.  
  344. #cole{
  345. padding-right:5px;
  346. color:{color:Link};
  347.  
  348. }
  349.  
  350. #cole a {
  351. padding-right:5px;
  352. display:relative;
  353. max-width:400px;
  354. text-align:left;
  355. color:{color:Link};
  356. }
  357.  
  358. #cole .mohr {
  359. padding-left:10px;
  360. margin-top:-10px;
  361. filter: alpha(opacity = 0);
  362. opacity:0;
  363. -webkit-transition: all 1s ease-out;
  364. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  365. text-align:left;text-transform:lowercase;
  366. }
  367.  
  368. #cole:hover .mohr {
  369. margin-top:5px;
  370. padding-left:10px;
  371. -webkit-transition: all 1s ease-out;
  372. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  373. filter: alpha(opacity = 80);
  374. filter: alpha(opacity = 100);
  375. opacity:100;
  376. }
  377.  
  378.  
  379.  
  380.  
  381. li.drawer a {
  382. margin: 0px 5px;}
  383.  
  384. .label {
  385. text-transform:uppercase;
  386. color:{color:Link}
  387. }
  388.  
  389. .question {
  390. text-align:left;
  391. padding-left:5px;padding-top:7px;
  392. padding-right:5px;padding-bottom:7px;
  393. border-left: 2px solid {color:Link};
  394. border-right: 2px solid {color:Link};
  395. background-color:{color:blockquote};
  396. }
  397.  
  398. .answer {
  399. text-align:left;
  400. padding-left:5px;padding-top:7px;
  401. padding-right:5px;padding-bottom:7px;
  402. }
  403.  
  404. .text {
  405. padding: 10px;
  406. }
  407.  
  408. .entry:hover .permalink2 {
  409. opacity: 1;
  410. filter: alpha(opacity = 100);
  411. -webkit-transition: all ease-in 250ms;
  412. -moz-transition: all ease-in 250ms;
  413. -o-transition: all ease-in 250ms;
  414. -ms-transition: all ease-in 250ms;
  415. transition: all ease-in 250ms;
  416. }
  417.  
  418. #pp {
  419. text-align: center;
  420. width: 100%;
  421. padding-top: 2px;
  422. }
  423.  
  424.  
  425. .perma1
  426. {
  427. opacity: 0.0;
  428. filter: alpha(opacity = 0);
  429. position:absolute;
  430. z-index:9999991;
  431. bottom: 0px;
  432. right: 7px;
  433. }
  434.  
  435. .entry:hover .perma1 {
  436.  
  437. -webkit-transition: opacity 0.4s linear;
  438. opacity: 1;
  439. -moz-transition: all 0.4s linear;
  440. transition: all 0.4s linear;
  441. filter: alpha(opacity = 100);
  442.  
  443. }
  444.  
  445. .likep {
  446. width: 21px;
  447. height: 20px;
  448. overflow: hidden;
  449. z-index: 9999999;
  450. display: inline-block;
  451.  
  452. }
  453. .rep {
  454. width: 24px;
  455. height: 20px;
  456. overflow: hidden;
  457. z-index: 9999999;
  458. display: inline-block;
  459.  
  460. }
  461. .likep a:hover {
  462. background-position: 0px 0px;
  463. }
  464. .likep a {
  465. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  466. background-position: 0px 0px;
  467. display: block;
  468. z-index: 9999999;
  469. webkit-transition: all 0s linear;
  470. -webkit-transition: all 0s linear;
  471. -moz-transition: all 0s linear;
  472. transition: all 0s linear;
  473. }
  474. .likep img {
  475. width: 21px;
  476. height: 20px;
  477. webkit-transition: all 0.2s linear;
  478. -webkit-transition: all 0.2s linear;
  479. -moz-transition: all 0.2s linear;
  480. transition: all 0.2s linear;
  481. }
  482. .rep img{
  483. width: 24px;
  484. height: 20px;
  485. line-height: 30px;
  486. display: inline;
  487. }
  488.  
  489. .not { display: inline-block;
  490. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  491. height: 20px;
  492. font-size: 15px;
  493. line-height: 20px;
  494. color: #fff;
  495. padding-left: 4px;
  496. padding-right: 4px;
  497. -moz-border-radius: 2px;
  498. border-radius: 2px;
  499. bottom: 6px;
  500. position: relative;
  501. letter-spacing:0px;
  502. }
  503. .not a{
  504. color: #fff;
  505. font-family: Dosis;
  506. font-size:12px;
  507. }
  508.  
  509. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  510. opacity: 0.8;
  511. filter: alpha(opacity = 80);
  512. }
  513. .not:hover , .rep:hover, .likep:hover {
  514. opacity: 1!important;
  515. filter: alpha(opacity = 100)!important;
  516. }
  517.  
  518. .permahover {
  519. text-align: right;
  520. line-height:200%;
  521. opacity: 0.0;
  522. filter: alpha(opacity = 0);
  523. font-size: 12px;
  524. line-height: 9px;
  525. text-transform: uppercase;
  526. }
  527.  
  528. .entry:hover .permahover {
  529. text-align: center;
  530. opacity: 1;
  531. filter: alpha(opacity = 50);
  532.  
  533.  
  534. }
  535.  
  536.  
  537. .b {display : block; font-size: 12px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  538. padding-bottom : 0px;}
  539.  
  540.  
  541. #titulo {
  542. text-transform:uppercase;
  543. padding-bottom: 2px;
  544. padding-left: 5px;
  545. text-align: left;
  546. font-family:customfont;
  547. font-size: {text:Blog title size}px;
  548. line-height: 110%;
  549. color:{color:link};
  550. }
  551.  
  552. div.panel {
  553. width: 260px;
  554. padding: 15px 20px;
  555. color: #333;
  556. text-align: center;
  557. line-height: 22px;
  558. display: none;
  559.  
  560. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  561. }
  562. div.panel p {
  563. margin: 10px 0;
  564. }
  565. div.panel p a, div.textPost p a, div.audioPost p a {
  566. color: #333;
  567. text-decoration: none;
  568. border-bottom: 1px dotted;
  569. font-style: italic;
  570. font-weight: bold;
  571. }
  572.  
  573.  
  574. /* tutorial made by sppice */
  575.  
  576. #purple {
  577. text-align: center;
  578. font-size: 11px;
  579. position:fixed;
  580. left:5px;
  581. top:-291px;
  582. -webkit-transition: all .5s ease-in-out;
  583. -moz-transition: all .5s ease-in-out;
  584. -o-transition: all .5s ease-in-out;
  585. z-index:999;
  586. }
  587.  
  588. #purple:hover {top:0px;}
  589.  
  590. #red {
  591. background: #fff;
  592. border:1px solid #FF0066;
  593. border-top:none;
  594. padding:5px 0 5px 0;
  595. width:100px;
  596. height:280px;
  597. z-index: 9999;
  598. }
  599.  
  600. #redtab {
  601. background:#FF0066;
  602. border:1px solid #FF0066;
  603. border-top:none;
  604. color:#fff;
  605. text-align: center;
  606. height:11px;
  607. padding:2px 0 8px 0;
  608. width:100px;
  609. }
  610.  
  611. #orange {
  612. text-align: center;
  613. font-size: 11px;
  614. position:fixed;
  615. left:112px;
  616. top:-161px;
  617. -webkit-transition: all .5s ease-in-out;
  618. -moz-transition: all .5s ease-in-out;
  619. -o-transition: all .5s ease-in-out;
  620. z-index:999;
  621. }
  622.  
  623. #orange:hover {top:0px;}
  624.  
  625. #green {
  626. background: #fff;
  627. border:1px solid;
  628. border-top:none;
  629. border-color:#00FFDD;
  630. padding:5px 0 5px 0;
  631. width:200px; /* to make the announcements tab wider, make this 200 something bigger like 220 or 240 */
  632. height:150px;
  633. z-index: 9999;
  634. }
  635.  
  636. #greentab {
  637. background: #00FFDD;
  638. border:1px solid #00FFDD;
  639. border-top:none;
  640. color: #fff;
  641. border-width:1px;
  642. text-align: center;
  643. height:11px;
  644. padding:2px 0 8px 0;
  645. width: 120px;
  646. }
  647.  
  648. /* tutorial made by sppice */
  649.  
  650. /* squares */
  651.  
  652. #statsquare{
  653. color:#000;
  654. position:fixed !important;
  655. left:140px; padding-top:12px;
  656. top:209px;
  657. padding-bottom:12px;
  658. text-align:center;
  659. height:10px;
  660. width:68px;
  661. overflow:hidden;
  662. -webkit-transition: opacity 0.7s linear;
  663. -webkit-transition: all 0.7s ease-in-out;
  664. -moz-transition: all 0.7s ease-in-out;
  665. -o-transition: all 0.7s ease-in-out;
  666. background:transparent;
  667. z-index:9999;
  668. font-size:15px;}
  669.  
  670. #statsquare:hover{
  671. border:1px solid #000;
  672. padding:12px;
  673. height:230px;
  674. background:#fff;
  675. width:175px;
  676. z-index:9999999000000000000000099;
  677. opacity: 1;
  678. background:white;
  679. -moz-border-radius:7px;
  680. -webkit-border-radius:7px;}
  681.  
  682. #faqsquare{
  683. color:#000;
  684. position:fixed !important;
  685. left:225px; padding-top:12px;
  686. top:212px;
  687. padding-bottom:12px;
  688. text-align:center;
  689. height:10px;
  690. width:68px;
  691. line-height:12px;
  692. overflow:hidden;
  693. -webkit-transition: opacity 0.7s linear;
  694. -webkit-transition: all 0.7s ease-in-out;
  695. -moz-transition: all 0.7s ease-in-out;
  696. -o-transition: all 0.7s ease-in-out;
  697. background:transparent;
  698. z-index:9999;
  699. font-size:15px;}
  700.  
  701. #faqsquare:hover{
  702. border:1px solid #000;
  703. padding:12px;
  704. height: 200px;
  705. width:150px;
  706. z-index:99999999999999999999999999999999999;
  707. opacity: 1;
  708. background:white;
  709. -moz-border-radius:7px;
  710. -webkit-border-radius:7px;}
  711.  
  712.  
  713. #submitsquare{
  714. color: #000;
  715. position:fixed;
  716. left:275px; padding-top:12px;
  717. top:210px;
  718. padding-bottom:12px;
  719. text-align:center;
  720. line-height:15px;
  721. height:10px;
  722. width:68px;
  723. overflow:hidden;
  724. -webkit-transition: opacity 0.7s linear;
  725. -webkit-transition: all 0.7s ease-in-out;
  726. -moz-transition: all 0.7s ease-in-out;
  727. -o-transition: all 0.7s ease-in-out;
  728. background:transparent;
  729. z-index:9999;
  730. font-size:15px;
  731. }
  732.  
  733. #submitsquare:hover{
  734. border:1px solid #000;
  735. padding:12px;
  736. height:410px;
  737. overflow:hidden;
  738. width:380px;
  739. opacity:1.0;
  740. background:white;
  741. opacity: 1;
  742. z-index:999999999;
  743. -moz-border-radius:7px;
  744. -webkit-border-radius:7px;}
  745.  
  746. #asksquare{
  747. color: #000;
  748. position:fixed;
  749. left:185px; padding-top:12px;
  750. top:210px;
  751. padding-bottom:12px;
  752. text-align:center;
  753. line-height:15px;
  754. height:10px;
  755. width:68px;
  756. overflow:hidden;
  757. -webkit-transition: opacity 0.7s linear;
  758. -webkit-transition: all 0.7s ease-in-out;
  759. -moz-transition: all 0.7s ease-in-out;
  760. -o-transition: all 0.7s ease-in-out;
  761. background:transparent;
  762. z-index:9999;
  763. font-size:15px;
  764. }
  765.  
  766. #asksquare:hover{
  767. border:1px solid #000;
  768. padding:12px;
  769. height:180px;
  770. overflow:hidden;
  771. width:300px;
  772. opacity:1.0;
  773. background:white;
  774. opacity: 1;
  775. z-index:999999999;
  776. -moz-border-radius:7px;
  777. -webkit-border-radius:7px;}
  778.  
  779.  
  780. /*squares*/
  781.  
  782.  
  783.  
  784. #pink {
  785. text-align: center;
  786. font-size: 11px;
  787. position:fixed;
  788. left:100px;
  789. bottom:-5px;
  790. -webkit-transition: all .5s ease-in-out;
  791. -moz-transition: all .5s ease-in-out;
  792. -o-transition: all .5s ease-in-out;
  793. z-index:999;
  794. }
  795.  
  796. #pink:hover {bottom:60px;}
  797.  
  798. #blue {
  799. background: #fff;
  800. border-bottom:none;
  801. padding:5px 0 5px 0;
  802. width:150px;
  803. height:20px;
  804. z-index: 9999;
  805. }
  806.  
  807. </style>
  808.  
  809. <script type="text/javascript">
  810. $(window).load(function(){
  811. $("p").remove(":contains('Source:')");
  812. $("p").remove(":contains('via ')");
  813. });
  814. </script>
  815.  
  816. <link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
  817. <link href='http://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'>
  818. </head>
  819. <body>
  820.  
  821. <!----------------
  822. DO NOT REMOVE THIS
  823. ----------------->
  824. <div id="pink">
  825. <div id="blue">
  826. <div style="text-align:left">
  827.  
  828. <big>credit
  829. </div>
  830. theme by <a href="http://helveticas.tumblr.com">helveticas</a><br>
  831. tweaked by <a href="http://wallflohwr.tumblr.com">wallflohwr</a></big></div></div>
  832. <!---------------
  833. DO NOT REMOVE THIS
  834. ----------------->
  835.  
  836. <div id="statsquare">
  837. stats<br>
  838. <div id="box">
  839. <br>
  840. <font color="#000">
  841.  
  842. <script language="JavaScript">
  843. var ref = (''+document.referrer+'');
  844. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2532298&e1=lovely&e2=lovelies&r=' + ref + '"><\/script>');
  845. </script>
  846. <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID1840651&name=were here"></script><br>
  847.  
  848. <SCRIPT>
  849. function GetCookie (name) {
  850. var arg = name + "=";
  851. var alen = arg.length;
  852. var clen = document.cookie.length;
  853. var i = 0;
  854. while (i < clen) {
  855. var j = i + alen;
  856. if (document.cookie.substring(i, j) == arg)
  857. return getCookieVal (j);
  858. i = document.cookie.indexOf(" ", i) + 1;
  859. if (i == 0) break;
  860. }
  861. return null;
  862. }
  863. function SetCookie (name, value) {
  864. var argv = SetCookie.arguments;
  865. var argc = SetCookie.arguments.length;
  866. var expires = (argc > 2) ? argv[2] : null;
  867. var path = (argc > 3) ? argv[3] : null;
  868. var domain = (argc > 4) ? argv[4] : null;
  869. var secure = (argc > 5) ? argv[5] : false;
  870. document.cookie = name + "=" + escape (value) +
  871. ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
  872. ((path == null) ? "" : ("; path=" + path)) +
  873. ((domain == null) ? "" : ("; domain=" + domain)) +
  874. ((secure == true) ? "; secure" : "");
  875. }
  876. function DeleteCookie (name) {
  877. var exp = new Date();
  878. exp.setTime (exp.getTime() - 1);
  879. var cval = GetCookie (name);
  880. document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
  881. }
  882. var expDays = 30;
  883. var exp = new Date();
  884. exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
  885. function amt(){
  886. var count = GetCookie('count')
  887. if(count == null) {
  888. SetCookie('count','1')
  889. return 1
  890. }
  891. else {
  892. var newcount = parseInt(count) + 1;
  893. DeleteCookie('count')
  894. SetCookie('count',newcount,exp)
  895. return count
  896. }
  897. }
  898. function getCookieVal(offset) {
  899. var endstr = document.cookie.indexOf (";", offset);
  900. if (endstr == -1)
  901. endstr = document.cookie.length;
  902. return unescape(document.cookie.substring(offset, endstr));
  903. }
  904. </SCRIPT>
  905. <SCRIPT>
  906. document.write("you've been here <b>" + amt() + "</b> times.")
  907. </SCRIPT><br>your IP address is <script language="JavaScript" src="http://freehostedscripts.net/ip.php"></script><br>
  908. you're browser is <script language="JavaScript" src="http://freehostedscripts.net/browserinfo.php"></script><br>
  909. today is <script language="JavaScript" src="http://freehostedscripts.net/date2.php"></script><br><br><script language="JavaScript" src="http://freehostedscripts.net/fq.php"></script>
  910.  
  911.  
  912.  
  913. </font>
  914. <br>
  915. </div></div>
  916.  
  917. <div id="asksquare">
  918. ask<br>
  919. <div id="box"><br>
  920. <iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/wallflower-themes.tumblr.com" width="300"</iframe></iframe></div>
  921. </div></div>
  922.  
  923. <div id="submitsquare">
  924. submit<br>
  925. <div id="box"><br>
  926. <font color="#000">
  927. <iframe frameborder="0" scrolling="no" width="100%" height="400" src="http://www.Tumblr.com/submit_form/YOURTUMBLRUSERNAME.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></iframe>
  928. </font>
  929. </div></div>
  930.  
  931.  
  932.  
  933. <div id="faqsquare">
  934. faq<br>
  935. <div id="box"><br>{text:FAQ}
  936. <font color="#000">
  937. </div></div>
  938.  
  939.  
  940.  
  941. <!-- tutorial made by sppice -->
  942.  
  943. <div id="purple">
  944. <div id="red">
  945. <center>
  946.  
  947. <!-- below is where your networks go, make sure to fill in the url network and icon -->
  948.  
  949. {text:network codes}
  950. </center></div>
  951.  
  952.  
  953. <div id="redtab">♡<big>networks</big>♡</div></div>
  954.  
  955. <div id="orange">
  956. <div id="green">
  957. <center>
  958.  
  959. <!-- below is where your updates will go -->
  960.  
  961. <big>{text:updates}</big>
  962.  
  963. </center></div>
  964. <div id="greentab">♡<big>announcements</big>♡</div>
  965. </div>
  966.  
  967. <!-- tutorial made by sppice -->
  968.  
  969.  
  970. <div id="contain">
  971. <div id="sidebar">
  972. <div style="
  973. {block:ifshowsidebarimage}
  974. padding-top:100px;
  975. {/block:ifshowsidebarimage}
  976. {block:ifnotshowsidebarimage}
  977. padding-top:200px;
  978. {/block:ifnotshowsidebarimage}">
  979. <div style="border-right: 1px solid {color:blockquote};">
  980. <div id="titulo">
  981.  
  982. {block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width="260"/></a>{/block:ifshowsidebarimage}
  983. {block:ifshowtitle}<a href="/">{title}</a><br>{/block:ifshowtitle}
  984. </div>
  985.  
  986. <div style="
  987. {block:ifComingSoonfont}
  988. font-family: Coming Soon;
  989. font-size: 12px;
  990. letter-spacing:0px;
  991. {/block:ifComingSoonfont}
  992.  
  993. {block:ifnotComingSoonfont}
  994. font-family: Dosis;
  995. font-size: 12px;
  996. {/block:ifnotComingSoonfont}
  997. text-align:left; padding-left:10px; line-height: 100%; color:#777; text-transform: none;
  998. width:240px;padding-top:5px;">
  999. <br><br>
  1000.  
  1001. <div style="width:240px; height:15px; background-color:#FF0073; text-align:center; color: #ffffff; line-height:15px;"><marquee><font size="2">{text:scrolling text}</font></marquee></div><br>
  1002. {Description}
  1003.  
  1004. </div>
  1005.  
  1006. <br>
  1007. <div style="{block:ifComingSoonfont}
  1008. font-family: Coming Soon;
  1009. font-size: 12px;
  1010. letter-spacing:0px;
  1011. {/block:ifComingSoonfont}
  1012.  
  1013. {block:ifnotComingSoonfont}
  1014. font-family: Dosis;
  1015. font-size: 12px;
  1016. text-transform:uppercase;
  1017. {/block:ifnotComingSoonfont} text-align:right; border-top: 1px solid {color:blockquote};padding-right:3px; padding-top:3px; padding-bottom:3px;">
  1018. <div id="cole">
  1019. NAVIGATE
  1020. <div class="mohr">
  1021.  
  1022. <a href="/">home</a> &nbsp;
  1023. {block:AskEnabled}<a href="/ask">ask</a> &nbsp;{/block:AskEnabled}
  1024. {block:IfLinkOneTitle}<a href="{text:Link One}"> {text:Link One Title} </a> &nbsp; {/block:ifLinkOneTitle}
  1025. {block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title} </a> &nbsp;{/block:ifLinkTwoTitle}
  1026. {block:ifLinkThreeTitle}<a href="{text:Link Three}"> {text:Link Three Title} </a> &nbsp;{/block:ifLinkThreeTitle}
  1027. {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title} </a> &nbsp;{/block:ifLinkFourTitle}
  1028. {block:ifLinkFiveTitle}<a href="{text:Link Five}"> {text:Link Five Title} </a> &nbsp;{/block:ifLinkFiveTitle}<a href="http://wallflohwr.tumblr.com/">theme</a>
  1029. {block:HasPages}{block:Pages}<a href="{URL}"><span>{Label}&nbsp;&nbsp;</span></a>{/block:Pages}{/block:HasPages}
  1030. </div>
  1031. </div>
  1032.  
  1033. </div>
  1034. </div></div>
  1035. </div>
  1036. <div id="content">
  1037. {block:Posts}
  1038. <div class="entry">
  1039.  
  1040. {block:Text}
  1041. <div class="text">
  1042. <div style="text-transform:uppercase">{block:Title}
  1043. <a href="{Permalink}">{Title}</a>
  1044. {/block:Title}</div>
  1045. {Body}
  1046. {block:indexpage}
  1047. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1048. {/block:indexpage}
  1049.  
  1050. </div>
  1051. {/block:Text}
  1052.  
  1053. {block:Photo}
  1054. {block:IndexPage}
  1055. <div class="perma1">
  1056. <div class="likep">
  1057. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  1058. </div>
  1059. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  1060. </div>
  1061. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  1062. </div>
  1063. {/block:IndexPage}
  1064. {block:indexpage}
  1065. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  1066. {/block:indexpage}
  1067. {block:permalinkpage}
  1068. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  1069. {/block:permalinkpage}
  1070. {/block:Photo}
  1071.  
  1072. {block:Photoset}
  1073. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  1074. {block:indexpage}
  1075. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1076. {/block:indexpage}
  1077. {block:permalinkpage}
  1078. {Photoset-500}
  1079. {/block:permalinkpage}
  1080. {/block:Photoset}
  1081.  
  1082. {block:Quote}
  1083. <div class="text">
  1084. "{Quote}"
  1085. {block:Source}
  1086. <div class="source"><div style="text-align:right">{Source}</div></div>
  1087. {/block:Source}
  1088. {block:indexpage}
  1089. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1090. {/block:indexpage}
  1091. </div>{/block:Quote}
  1092.  
  1093. {block:Link}
  1094. <div class="text">
  1095. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  1096. {block:Description}
  1097. <div class="description">{Description}</div>
  1098. {/block:Description}
  1099. {block:indexpage}
  1100. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1101. {/block:indexpage}
  1102. </div>{/block:Link}
  1103.  
  1104. {block:Chat}
  1105. <div class="text">
  1106. {block:Title}
  1107. <a href="{Permalink}">{Title}</a>
  1108. {/block:Title}
  1109. <ul class="chat">
  1110. {block:Lines}
  1111. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  1112.  
  1113. {Line} </li>
  1114. {/block:Lines}
  1115. </ul>
  1116. {block:indexpage}
  1117. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1118. {/block:indexpage}
  1119. </div>{/block:Chat}
  1120.  
  1121. {block:Video}
  1122. {block:IndexPage}{Video-250}{/block:IndexPage}
  1123. {block:indexpage}
  1124. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1125. {/block:indexpage}
  1126. {block:permalinkpage}
  1127. {Video-500}
  1128. {/block:permalinkpage}
  1129.  
  1130. {/block:Video}
  1131.  
  1132. {block:Audio}
  1133. <div class="text">
  1134. {AudioPlayerGrey}
  1135. {block:Caption}
  1136. {Caption}
  1137. {/block:Caption}
  1138. {block:indexpage}
  1139. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1140. {/block:indexpage}
  1141. </div>{/block:Audio}
  1142.  
  1143. {block:Answer}<div class="text">
  1144. <div class="question">
  1145. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  1146. {block:indexpage}
  1147. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
  1148. {/block:indexpage}
  1149. </div>{/block:Answer}
  1150.  
  1151.  
  1152. {block:PermalinkPage}
  1153. <div id="note3"><div style="text-align:right">
  1154. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  1155.  
  1156. {block:PostNotes}
  1157. {PostNotes}
  1158. {/block:PostNotes}
  1159. </div>
  1160. {/block:PermalinkPage}
  1161. </div>
  1162. {/block:Posts}
  1163. </div></div>
  1164. {block:Pagination}
  1165. <ul id="pagination">
  1166. {block:PreviousPage}
  1167. <li><a href="{PreviousPage}"></a></li>
  1168. {/block:PreviousPage}
  1169. {block:JumpPagination length="5"}
  1170. {block:CurrentPage}
  1171. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1172. {/block:CurrentPage}
  1173. {block:JumpPage}
  1174. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1175. {/block:JumpPage}
  1176. {/block:JumpPagination}
  1177. {block:NextPage}
  1178. <li><a id="nextPage" href="{NextPage}"></a></li>
  1179. {/block:NextPage}
  1180. </ul>
  1181. {/block:Pagination}
  1182.  
  1183. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1184. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  1185. {block:IndexPage}
  1186. <script type="text/javascript">
  1187. $(window).load(function () {
  1188. $('#content').masonry(),
  1189. $('.masonryWrap').infinitescroll({
  1190. navSelector : '#pagination',
  1191. nextSelector : '#pagination a#nextPage',
  1192. itemSelector : ".entry",
  1193. bufferPx : 100,
  1194. loadingText : "<em></em>",
  1195. },
  1196. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1197. );
  1198. });
  1199. </script>
  1200. {/block:IndexPage}
  1201.  
  1202. <script type="text/javascript">
  1203.  
  1204. $('.show').click(function(e){
  1205. e.preventDefault();
  1206. $('.panel').stop(true,true);
  1207. var target = $(this).attr('href');
  1208. if($('.panel').is(':visible')){
  1209. if($(target).is(':visible')){
  1210. $(target).slideUp();
  1211. return false;
  1212. }else{
  1213. $('.panel:visible').slideUp(400, function(){
  1214. $(target).slideDown();
  1215. });
  1216. }
  1217. }else {
  1218. $(target).slideDown();
  1219. }
  1220. });
  1221.  
  1222. </script>
  1223. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  1224. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  1225. </body>
  1226. <div style="position:fixed; bottom:10px; right:5px; opacity:.8">
  1227. <a href="http://helveticas.tumblr.com"><img src="http://static.tumblr.com/fxpo5zq/hamm1tqjw/champp.png" width="20px"></a>
  1228. </div>
  1229.  
  1230. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement