itriedokay

Stay Alive

Jun 13th, 2013
473
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.39 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
  7.  
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <!--
  17. ^---^
  18. =o.o=
  19.  
  20. -itsacatshutup-
  21.  
  22. Theme by wigglemytuff.tumblr.com
  23. Please Do Not:
  24. -steal or use as base code
  25. -remove credit
  26. It would be nice if you
  27. -like/reblog this
  28. -share with your mates
  29. -followed me :)
  30. thank you and if there are any bugs please message me
  31.  
  32. -->
  33.  
  34. <meta name="image:Sidebar" content="http://static.tumblr.com/wm6ssjg/8rPmo2uub/39.jpg"/>
  35. <meta name="image:Background" content="http://static.tumblr.com/wm6ssjg/GzCmo2xsr/white_cubes.png"/>
  36.  
  37. <meta name="if:Show Captions" content="0">
  38. <meta name="if:Show Tags" content="1">
  39. <meta name="if:Show Notes" content="1">
  40.  
  41. <meta name="text:Link 1 Url" content="/"/>
  42. <meta name="text:Link 1 Title" content="Link 1"/>
  43. <meta name="text:Link 2 Url" content="/"/>
  44. <meta name="text:Link 2 Title" content="Link 2"/>
  45. <meta name="text:Link 3 Url" content="/"/>
  46. <meta name="text:Link 3 Title" content="Link 3"/>
  47. <meta name="text:Link 4 Url" content="/"/>
  48. <meta name="text:Link 4 Title" content="Link 4"/>
  49.  
  50. <meta name="color:Background" content="#ffffff"/>
  51. <meta name="color:Body" content="#555454"/>
  52. <meta name="color:Link" content="#291f21"/>
  53. <meta name="color:Link Hover" content="#9bb4e4"/>
  54. <meta name="color:Post" content="#ffffff"/>
  55. <meta name="color:Post Border" content="#f0f0f0"/>
  56. <meta name="color:Scrollbar" content="#bdbdbd"/>
  57. <meta name="color:SideLink Text" content="#7c7577"/>
  58. <meta name="color:SideLink Text Hover" content="#f2f2fc"/>
  59. <meta name="color:Sidebar" content="#f7f7f7"/>
  60. <meta name="color:Sidebar Border" content="#f0f6ff"/>
  61. <meta name="color:Title" content="#4e4f50"/>
  62. <meta name="color:Title Background" content="#e6e8f1"/>
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {
  68.     background-color:{color:Scrollbar};
  69.     height:30px;
  70.     }
  71.  
  72. ::-webkit-scrollbar-thumb:horizontal {
  73.     background-color:{color:Scrollbar};
  74.     height:7px!important;
  75.     }
  76.  
  77. ::-webkit-scrollbar {
  78.     background-color:{color:Background};
  79.     height:5px;
  80.     width:7px;
  81.     }
  82.    
  83.  
  84. img {
  85.     width:100%;
  86. }
  87.  
  88. body {
  89.     font-family:Lucida Sans Unicode, Lucida Grande, Arial, sans serif;
  90.     font-size:12px;
  91.     background-repeat:repeat;
  92.     margin:0px;
  93.     padding:0px;
  94.     background-attachment:fixed;
  95.     background-color:{color:background};
  96.     background-image:url('{image:background}');
  97.  
  98. }
  99.  
  100. a {
  101.     padding:5px;
  102.     text-decoration:none;
  103.     -webkit-transition-property:color;
  104.     -webkit-transition-duration:0.25s;
  105.     -webkit-transition-timing-function:linear;
  106.     -webkit-transition-delay:none;
  107.     color:{color:link};
  108. }
  109.  
  110. a:hover {
  111.     color:{color:link hover};
  112. }
  113.  
  114. blockquote {
  115.     border-left:2px solid {color:blockquote};
  116.     padding:0px;
  117.     padding-left:5px;
  118.     margin:5px;
  119.     }
  120.  
  121.  
  122. #container {
  123. width:760px;
  124. margin:20px 0px 20px 100px;
  125. }
  126.  
  127. #audioplayer {
  128.     width:30px;
  129.     height:30px;
  130.     margin-top:-20px;
  131. }
  132.  
  133. #content {
  134.     margin-top:0px;
  135.     width:500px;
  136.     margin-left:680px;
  137.     float:left;
  138.     text:{color:text};
  139. }
  140.  
  141. #post {
  142.     width:500px;
  143.     margin-bottom:40px;
  144.     -webkit-transition: opacity 0.5s linear;
  145.     -webkit-transition: all 0.5s linear;
  146.     -moz-transition: all 0.5s linear;
  147.     transition: all 0.5s linear;
  148.     font-family: 'Anonymous Pro', sans-serif;
  149.     font-size:10px;
  150.     padding: 10px;
  151.     color:{color:Body};
  152.     background:{color:post};
  153.     border: 1px {color:post border} solid;
  154. }
  155.  
  156. #post {
  157.        opacity:0.9;
  158.    -webkit-transition-property:opacity;
  159.    -webkit-transition-duration:0.5s;
  160.    -webkit-transition-timing-function:linear;
  161.    -webkit-transition-delay:none;
  162.    
  163.     }
  164.  
  165. #post:hover {
  166.     opacity:1;
  167.     -webkit-transition: opacity 0.5s linear;
  168.     -webkit-transition: all 0.5s linear;
  169.     -moz-transition: all 0.5s linear;
  170.     transition: all 0.5s linear;
  171. }
  172.  
  173. #post img {
  174.     display:block;
  175.     margin-left:auto;
  176.     margin-right:auto;
  177.     border:none;
  178.     width:100%;
  179.     height:auto;
  180. }
  181.  
  182. .chat {line-height: 13px; list-style: none }
  183. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  184. .person1 {color: {color:body}; padding: 2px; }
  185. .person1 .label {font-weight: bold;  color:{color:body}}
  186. .person2 {color: {color:body}; padding: 2px;  }
  187. .person2 .label {font-weight: bold;  color:{color:body}}
  188.  
  189. .post .meta {
  190.     text-align:right;
  191. }
  192.  
  193. .asker {
  194.     line-height: 24px;
  195.     margin: 25px 20px 0 23px;
  196. }
  197.  
  198. .caption .asker a {
  199.     margin-left: 0;
  200. }
  201.  
  202. .caption img {
  203.     width:80%;
  204. }
  205. .noteth {
  206.     text-transform:uppercase;
  207.     letter-spacing:2px;
  208.     margin-top:10px;
  209.     font-size:7px;
  210.     text-align:center;
  211.     padding:3px;
  212.     border-top:1px dotted {color:post border};
  213. }
  214.  
  215. #pga {
  216.     width:530px;
  217.     height:35px;
  218.     margin-left:0px;
  219.     bottom:0px;
  220.     position:relative;
  221.     text-align:center;
  222. }
  223.  
  224. .jump_page {
  225.     padding: 4px 8px;
  226.     border: 2px solid {color:link hover};
  227.     background-color: #ffffff;
  228.     color:{color:body};
  229.     font-family:century gothic;
  230.     font-size:11px;
  231.     text-decoration:none;
  232. }
  233.  
  234. .current_page, .jump_page:hover {
  235.     padding: 4px 8px;
  236.     border: 2px solid {color:post border};
  237.     background-color: {color:link hover};
  238.     color: {color:background};
  239.     font-family:century gothic;
  240.     font-size:11px;
  241.     text-decoration:none;
  242. }
  243.  
  244. .pagni {
  245.     margin-top:0px;
  246. }
  247.    
  248. #credz {
  249.     left:10px;
  250.     bottom:10px;
  251.     position:fixed;
  252.     z-index:5;
  253.     font-size:10px;  
  254. }
  255.  
  256. #credz a {
  257.     border:1px solid {color:link};
  258.     padding:2px;
  259. }
  260.  
  261. .answr {
  262.     width:500px;
  263.     -webkit-transition: opacity 0.5s linear;
  264.     -webkit-transition: all 0.5s linear;
  265.     -moz-transition: all 0.5s linear;
  266.     transition: all 0.5s linear;
  267.     font-family: 'Anonymous Pro', sans-serif;
  268.     color:{color:Body};
  269. }
  270.  
  271. .answr a {
  272.     margin-right:0px;
  273.     margin-left:0px;
  274. }
  275.  
  276. @font-face {font-family: 'Black Jack'; src: url('http://static.tumblr.com/npggxjg/oZUm1zb9f/black_jack.ttf');}
  277.  
  278.  
  279. .answr i {
  280.     width:500px;
  281.     height:auto;
  282.     display: inline-block;
  283.     font-family: "Black Jack";
  284.     border-bottom:dashed 1px {color:post border};
  285.     font-size:17px;
  286. }
  287.  
  288. #postynotey {
  289.     display:inline-block;
  290.     width:500px;
  291.     text-align:left;
  292. }
  293.  
  294. #postynotey img{
  295.     width:16px;
  296.     position:absolute;
  297.     margin-top:-16px;
  298. }
  299.  
  300. #stuuf {
  301.     width: 80px;
  302.     height: auto;
  303.     padding:8px;
  304.     margin-left:525px;
  305.     margin-top:5px;
  306.     font-size: 10px;
  307.     position:absolute;
  308.     opacity: 0;
  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. #sors {
  316.     opacity:0.5;
  317.     font-size:8px;
  318.     text-align:center;
  319.     width:auto;
  320. }
  321.  
  322. #sors a {
  323.     width:70px;
  324.     display:inline-block;
  325.     padding:2px;
  326.     font-size:8px;
  327.     margin-bottom:3px;
  328.     border:1px solid {color:post border};
  329. }
  330.  
  331. #post:hover #stuuf {
  332.     opacity: 0.7;
  333.     margin: 5px 0 0 525px;
  334.     -webkit-transition:all 0.9s ease-in-out;
  335.     -moz-transition:all 0.9s ease-in-out;
  336.     -o-transition:all 0.9s ease-in-out;
  337.     -ms-transition:all 0.9s ease-in-out;
  338.     transition:all 0.9s ease-in-out;
  339. }
  340.  
  341. #tahg {
  342.     font-size:8px;
  343.     text-align:left;
  344.     width:auto;
  345. }
  346.  
  347. #tahg i {
  348.     text-align:center;
  349.     display:inline-block;
  350.     width:80px;
  351.     border-bottom:{color:post border} 1px dashed;
  352.     }
  353.  
  354.  
  355. #tahg a {
  356.     font-size:8px;
  357.     -webkit-transition: color 0.6s ease-out;
  358.     -moz-transition: color 0.6s ease-out;
  359.     transition: color 0.6s ease-out;
  360.     color:{color:link hover}
  361.     padding:none;
  362.     font-size:8px;
  363.     border:none;
  364. }
  365.  
  366. #tahg a:hover{
  367.     color:{color:link};
  368. }
  369.  
  370. /*da bar*/
  371.  
  372.  
  373. #moop {
  374.     position:fixed;
  375.     margin-top:100px;
  376.     margin-left:10px;
  377.     height:360px;
  378.     width:360px;
  379.     z-index:2;
  380.     -webkit-transition: opacity .4s linear;
  381. }
  382.  
  383. .ichi {
  384.     position:fixed;
  385.     margin-top:100px;
  386.     margin-left:20px;
  387.     height:360px;
  388.     width:360px;
  389.     z-index:3;
  390.     opacity:1;
  391.     -webkit-transition: opacity .4s linear;
  392. }  
  393.  
  394. .ni {
  395.     height:300px;
  396.     float:left;
  397.     position:fixed;
  398.     width:300px;
  399.     margin-top:200px;
  400.     margin-left:20px;
  401.     padding:10px;
  402.     z-index:3;
  403.     opacity:1;
  404.     -webkit-transition: opacity .4s linear;
  405. }
  406.  
  407. .san img {
  408.     border-raduis:10px;
  409.     margin-left:5px;
  410.     }
  411.  
  412. .san img {
  413.     width:150px;
  414.     height:auto;
  415.     max-height:350px;
  416.     margin-top:-100px;
  417.     margin-bottom:-15px;
  418.     opacity:1;
  419.    -webkit-transition-property:opacity;
  420.    -webkit-transition-duration:3s;
  421.    -webkit-transition-timing-function:linear;
  422.    -webkit-transition-delay:none;
  423.    border:{color:sidebar border} 1px solid;
  424.    position:absolute;
  425. }
  426.  
  427. .san img:hover {
  428.     opacity: 1;
  429. }
  430.  
  431. .san img {
  432.     -webkit-transition: opacity .5s linear;
  433.     -webkit-transition: all .5s linear;
  434.     -moz-transition: all .5s linear;
  435.     transition: all .5s linear;
  436.     }
  437.  
  438. .san img:hover {
  439.     -webkit-transition: opacity .5s linear;
  440.     -webkit-transition: all .5s linear;
  441.     -moz-transition: all .5s linear;
  442.     transition: all .5s linear;
  443.     }    
  444.  
  445.  
  446.  
  447. .shi {
  448.     width:140px;
  449.     height:140px;
  450.     margin-top:5px;
  451.     margin-left:175px;
  452.     margin-bottom:-15px;
  453.     opacity:1;
  454.     padding:8px;
  455.    -webkit-transition-property:opacity;
  456.    -webkit-transition-duration:3s;
  457.    -webkit-transition-timing-function:linear;
  458.    -webkit-transition-delay:none;
  459.    background:{color:title background};
  460.    border:{color:sidebar border} 2px solid;
  461.    position:absolute;
  462.    text-align:center;
  463. }
  464.  
  465. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  466.  
  467. .shi h1 {
  468.     font-size:30px;
  469.     font-family:"Aderyn";
  470.     margin-top:45px;
  471.     color:{color:title};
  472. }  
  473.  
  474.  
  475. .go {
  476.     position:fixed;
  477.     margin-top:100px;
  478.     margin-left:20px;
  479.     height:360px;
  480.     width:360px;
  481.     z-index:5;
  482.     opacity:0;
  483.    
  484.     -webkit-transition: opacity .4s linear;
  485.     }    
  486.  
  487. .roku {
  488.     width:140px;
  489.     height:180px;
  490.     margin-top:10px;
  491.     margin-left:185px;
  492.     margin-bottom:-15px;
  493.     opacity:1;
  494.     padding:8px;
  495.    -webkit-transition-property:opacity;
  496.    -webkit-transition-duration:3s;
  497.    -webkit-transition-timing-function:linear;
  498.    -webkit-transition-delay:none;
  499.    color:{color:body};
  500.    background:{color:sidebar};
  501.    border:{color:sidebar border} 2px solid;
  502.    position:absolute;
  503.    text-align:right;
  504. }
  505.  
  506. .roku p {
  507.     font-size:10px;
  508.     padding-bottom:5px;
  509. }
  510.  
  511. .nana {
  512.     width:140px;
  513.     height:180px;
  514.     margin-top:145px;
  515.     margin-left:10px;
  516.     margin-bottom:-15px;
  517.     opacity:1;
  518.     padding:8px;
  519.    -webkit-transition-property:all;
  520.    -webkit-transition-duration:3s;
  521.    -webkit-transition-timing-function:linear;
  522.    -webkit-transition-delay:none;
  523.    background:{color:sidebar};
  524.    border:{color:sidebar border} 2px solid;
  525.    position:absolute;
  526. }
  527.  
  528. @font-face {font-family:"Nixie"; src:url('http://static.tumblr.com/wm6ssjg/xMEmo1xv0/neou-thin.otf');}
  529.  
  530. .nana a {
  531.     text-transform:uppercase;
  532.     font-family:"Nixie";
  533.     font-size:10px;
  534.     display: inline-block;
  535.     width:130px;
  536.     height:16px;
  537.     margin-bottom:4px;
  538.     padding:5px;
  539.     background:{color:sidelink text hover};
  540.     color:{color:sidelink text};
  541.     -webkit-transition-property:all;
  542.    -webkit-transition-duration:.6s;
  543.    -webkit-transition-timing-function:linear;
  544.    -webkit-transition-delay:none;
  545. }
  546.  
  547. .nana a:hover {
  548.     background:{color:sidelink text};
  549.     color:{color:sidelink text hover};
  550.     -webkit-transition-property:all;
  551.    -webkit-transition-duration:.6s;
  552.    -webkit-transition-timing-function:linear;
  553.    -webkit-transition-delay:none;
  554.     }
  555.  
  556. .hover:hover .ichi {
  557.     opacity:0;
  558.     -webkit-transition: opacity .4s linear;
  559. }
  560.  
  561.  
  562. .hover:hover .ni{
  563.     -webkit-transition: opacity .4s linear;
  564.     opacity:0;
  565. }
  566.  
  567. .hover:hover .go {
  568.     -webkit-transition: opacity .4s linear;
  569.     opacity:1;
  570. }
  571.    
  572. .otherhvr:hover .ni{
  573.     -webkit-transition: opacity .4s linear;
  574.     opacity:0;
  575. }
  576.  
  577. {CustomCSS}
  578. </style>
  579.  
  580. </head>
  581.  
  582. <body>
  583.  
  584. <div id="container">
  585.  
  586. <div id="moop"></div>
  587.  
  588. <div class="hover">
  589. <div class="otherhvr">
  590.  
  591. <div class="go">
  592.  
  593. <div class="roku">
  594. <p>{description}</p>
  595. </div>
  596.  
  597. <div class="nana">
  598. <a href="/">index</a>
  599. <a href="/ask">message</a>
  600. {block:IfLink1Title}<a href="{text:Link 1 Url}">{text:Link 1 Title}</a>{/block:IfLink1Title}
  601. {block:IfLink2Title}<a href="{text:Link 2 Url}">{text:Link 2 Title}</a>{/block:IfLink2Title}
  602. {block:IfLink3Title}<a href="{text:Link 3 Url}">{text:Link 3 Title}</a>{/block:IfLink3Title}
  603. {block:IfLink4Title}<a href="{text:Link 4 Url}">{text:Link 4 Title}</a>{/block:IfLink4Title}
  604.  
  605.  
  606. </div></div></div>
  607.  
  608. <div class="ichi">
  609.    
  610. </div>
  611.  
  612.  
  613. <div class="ni">
  614.  
  615. <div class="san">
  616. <img src="{image:Sidebar}">
  617.  
  618. <div class="shi">
  619. <h1>{title}</h1>
  620.    
  621.  
  622.  
  623. </div></div></div></div></div>
  624.  
  625.  
  626.  
  627. <div id="content">
  628. {block:Posts}
  629.  
  630. <div id="post">
  631.  
  632.     <div id="stuuf">
  633.     <div id="sors">
  634.         <a href="{ReblogURL}" target="_blank" class="reblog">REBLOG</a>
  635. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  636. {block:ContentSource} <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</a>
  637. </div>
  638. {block:IfShowTags}
  639. <div id="tahg">
  640.     {block:HasTags}<i>tags</i><br>{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  641. {/block:IfShowTags}
  642.             </div></div>
  643.  
  644.                
  645.  
  646. {block:Answer}
  647. <div class="answr">
  648. <p><i>{Asker}asked: {Question}</i></p>
  649. <br>
  650. <p>{Answer}</p>
  651. </div>
  652. {/block:Answer}
  653.  
  654.  
  655. {block:Title}
  656. <h3><a href="{Permalink}">{Title}</a></h3>
  657. {/block:Title}
  658. {block:Text}
  659.  
  660. {Body}        
  661. {/block:Text}
  662.  
  663. {block:Photo}
  664. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  665. {block:IfShowCaptions}
  666. {block:Caption}
  667. <div class="caption">{Caption}</div>
  668. {/block:Caption}
  669. {block:IfShowCaptions}
  670. {/block:Photo}
  671.  
  672. {block:Photoset}
  673. {Photoset-500}
  674.  
  675. {block:IfShowCaptions}
  676. {block:Caption}
  677. <div class="caption">{Caption}</div>
  678. {/block:Caption}
  679. {block:IfShowCaptions}
  680. {/block:Photoset}
  681.  
  682. {block:Quote}
  683. "{Quote}"
  684.  
  685. {block:Source}
  686. <center>
  687. <div class="source">—{Source}</div>
  688. {/block:Source}
  689. {/block:Quote}
  690.  
  691. {block:Link}
  692. <a href="{URL}" class="link" {Target}>{Name}</a>
  693.  
  694. {Description}
  695. {/block:Description}
  696. {/block:Link}
  697.  
  698. {block:Chat}
  699. {block:Title}
  700. <h3><a href="{Permalink}">{Title}</a></h3>
  701. {/block:Title}
  702.  
  703. {block:Chat}
  704. <div class="chat"><ul>{block:Lines}
  705. <li class="person{UserNumber}">{block:Label}
  706. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  707. {/block:Chat}
  708.  
  709. {block:Video}
  710. {Video-500}
  711.  
  712. {block:IfShowCaptions}
  713. {block:Caption}
  714. <div class="caption">{Caption}</div>
  715. {/block:Caption}
  716. {block:IfShowCaptions}
  717. {/block:Video}
  718.  
  719.  
  720. {block:Audio}
  721. <div id="audioplayer">{AudioPlayerBlack} </div>      
  722. {PlayCountWithLabel}
  723. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  724. {/block:Audio}
  725.  
  726.  
  727. {block:IfShowNotes}
  728. <div class="noteth">
  729. posted <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>with<a href="{Permalink}">
  730. {NoteCountWithLabel}</a>{/block:NoteCount}
  731. </div>
  732. {/block:IfShowNotes}
  733.  
  734. {block:PermalinkPage}
  735. <div id="postynotey">
  736. {block:PostNotes}
  737. {PostNotes-16}
  738. {/block:PostNotes}
  739. </div>
  740. {/block:PermalinkPage}
  741. </div>
  742. {/block:Posts}
  743. <div id="pga">
  744. <div class="pagni">
  745. {block:Pagination}
  746. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  747. {block:JumpPagination length="5"}
  748. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  749. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  750. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  751. {/block:Pagination}
  752. </div>
  753. </div>
  754.  
  755. <div id="credz">
  756. <a href="http://www.wigglemytuff.tumblr.com/thm">©</a>
  757. </div>
  758.  
  759. </div>
  760.  
  761. </body>
  762. </html>
Add Comment
Please, Sign In to add comment