API tools faq
paste
Advertisement
itriedokay

Untitled For Now K

itriedokay
Jan 6th, 2013
448
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.51 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---fonts---->
  5. <link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
  6. <link href='http://fonts.googleapis.com/css?family=Nixie+One' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Noticia+Text' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Sanchez' rel='stylesheet' type='text/css'>
  9. <!---unfont---->
  10.  
  11.  
  12.  
  13. <head>
  14.  
  15. </style>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23.  
  24. <!--
  25. ^---^
  26. =o.o=
  27.  
  28. -itsacatshutup-
  29.  
  30. Theme by yourfridgeisempty.tumblr.com
  31. Please Do Not:
  32. -steal or use as base code
  33. -remove credit
  34. It would be nice if you
  35. -like/reblog this
  36. -share with your mates
  37. -followed me :)
  38. thank you and if there are any bugs please message me
  39.  
  40. -->
  41.  
  42. <meta name="if:Show Photo Caption" content=""/>
  43. <meta name="if:Show Post Notes" content="/">
  44.  
  45. <meta name="image:Sidebar" content=""/>
  46. <meta name="image:Sidebar2" content=""/>
  47. <meta name="image:Background" content=""/>
  48.  
  49. <meta name="text:Description Thing" content"About"/>
  50. <meta name="text:Link 1 Url" content""/>
  51. <meta name="text:Link 1 Title" content"Link 1"/>
  52. <meta name="text:Link 2 Url" content""/>
  53. <meta name="text:Link 2 Title" content"Link 2"/>
  54. <meta name="text:Link 3 Url" content""/>
  55. <meta name="text:Link 3 Title" content"Link 3"/>
  56. <meta name="text:Link 4 Url" content""/>
  57. <meta name="text:Link 4 Title" content"Link 4"/>
  58.  
  59. <meta name="color:Notes Background" content="#fafafa"/>
  60. <meta name="color:Background" content="#fafafa"/>
  61. <meta name="color:Sidebar" content"#d6d3cb"/>
  62. <meta name="color:Sidebar Border" content"#d6d3cb"/>
  63. <meta name="color:Description Text" content="#251b08"/>
  64. <meta name="color:Posts" content="#f5ecde"/>
  65. <meta name="color:Body" content="#332506"/>
  66. <meta name="color:Post Background" content="#f7f8f8"/>
  67. <meta name="color:SideLink Text" content="#281b3a"/>
  68. <meta name="color:SideLink Border" content="#1a1717"/>
  69. <meta name="color:SideLink Text Hover" content="#f7f8f8"/>
  70. <meta name="color:SideLink Background" content="#dfc999"/>
  71. <meta name="color:Link" content="#7a5612"/>
  72. <meta name="color:Link Hover" content="#ad8516"/>
  73. <meta name="color:Title" content="#4e3c20"/>
  74. <meta name="color:Title Back" content="#251b08">
  75. <meta name="color:Scrollbar" content"#535353"/>
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80.  
  81. #dropdown
  82.  
  83. #dropthebass a {
  84.     display:block
  85.     }
  86.    
  87. #dropthebass .downthechimney {
  88.     margin-top:-45px;filter: alpha(opacity = 0);
  89.     opacity:0;-webkit-transition: all 0.4s ease-out;
  90.     -moz-transition: all 0.4s ease-out;
  91.     transition: all 0.4s ease-out;
  92. }
  93.  
  94. #dropthebass:hover .downthechimney {
  95.     margin-top:0px;
  96.     -webkit-transition: all 0.4s ease-out;
  97.     -moz-transition: all 0.4s ease-out;
  98.     transition: all 0.4s ease-out;
  99.     filter: alpha(opacity = 100);
  100.     filter: alpha(opacity = 100);
  101.     opacity:100;
  102. }
  103.  
  104.  
  105. ::-webkit-scrollbar-thumb:vertical {
  106.     background-color:{color:Scrollbar};
  107.     height:30px;
  108.     }
  109.  
  110. ::-webkit-scrollbar-thumb:horizontal {
  111.     background-color:{color:Scrollbar};
  112.     height:5px!important;
  113.     }
  114.  
  115. ::-webkit-scrollbar {
  116.     background-color:{color:Background};
  117.     height:5px;
  118.     width:5px;
  119.     }
  120.    
  121. body {
  122.     color:{color:Body};
  123.     font-family:Lucida Sans Unicode, Lucida Grande, Arial, sans serif;
  124.     font-size:12px;
  125.     background-color:{color:background};
  126.     background-image:url('{image:background}');
  127.     background-repeat:repeat;
  128.     margin:0px;
  129.     padding:0px;
  130. }
  131.  
  132. a {
  133.     padding:5px;
  134.     color:{color:link};
  135.  
  136.     text-decoration:none;
  137.     -webkit-transition-property:color;
  138.     -webkit-transition-duration:0.25s;
  139.     -webkit-transition-timing-function:linear;
  140.     -webkit-transition-delay:none;
  141. }
  142.  
  143. a:hover {
  144.     color:{color:link hover};
  145. }
  146.  
  147.  
  148. #container {
  149.     width:760px;
  150.     margin-top:15px;
  151.     margin-left:250px;
  152. }
  153.  
  154.  
  155. #sidebar {
  156.     float:left;
  157.     position:fixed;
  158.     width:220px;
  159.     height:220px;
  160.     margin-top:160px;
  161.     margin-left:-100px;
  162.     padding:10px;
  163. }
  164. /*title*/
  165.  
  166. #sidebar h1 {
  167.     position:absolute;
  168.     background:{color:Title Back};
  169.     color:{color:title};
  170.     font-size:15px;
  171.     margin-top:-10px;
  172.     margin-left:-15px;
  173.     margin-bottom:-15px;
  174.    -webkit-transform: rotate(-7.5deg);
  175.    -moz-transform: rotate(-7.5deg);    
  176.     font-family: 'Nixie One', cursive;
  177.     z-index:4;
  178. }
  179. /*back image thing */
  180.  
  181. #thingybehindit img {
  182.     border-left:5px groove {color:Sidebar Border};
  183.     border-right:5px groove {color:Sidebar Border};
  184. }
  185.  
  186. #thingybehindit img {
  187.     border-radius: 2px;
  188.     position:absolute;
  189.     width:140px;
  190.     height:140px;
  191.     margin-bottom:-15px;
  192.     opacity:0.7;
  193.    -webkit-transition-property:opacity;
  194.    -webkit-transition-duration:3s;
  195.    -webkit-transition-timing-function:linear;
  196.    -webkit-transition-delay:none;
  197.    z-index:3;
  198. }
  199.  
  200. #thingybehindit img:hover {
  201.     opacity: 1;
  202.     z-index:3;
  203. }
  204.  
  205. #thingybehindit img {
  206.     -webkit-transition: opacity .5s linear;
  207.     -webkit-transition: all .5s linear;
  208.     -moz-transition: all .5s linear;
  209.     transition: all .5s linear;
  210.     }
  211.  
  212. #thingybehindit img:hover {
  213.     -webkit-transition: opacity .5s linear;
  214.     -webkit-transition: all .5s linear;
  215.     -moz-transition: all .5s linear;
  216.     transition: all .5s linear;
  217.     }
  218.    
  219. #thingybehindit img:hover {
  220.     img:{image:Sidebar 2};
  221. }
  222.  
  223. /*front image thing*/
  224.  
  225. #sidebarimage img {
  226.     border-left:5px groove {color:Sidebar Border};
  227.     border-right:5px groove {color:Sidebar Border};
  228. }
  229.  
  230. #sidebarimage img {
  231.     border-radius: 2px;
  232.     position:absolute;
  233.     width:140px;
  234.     height:140px;
  235.     margin-bottom:155px;
  236.     opacity:1;
  237.    -webkit-transition-property:opacity;
  238.    -webkit-transition-duration:3s;
  239.    -webkit-transition-timing-function:linear;
  240.    -webkit-transition-delay:none;
  241.    z-index:3;
  242. }
  243.  
  244. #sidebar img:hover {
  245.     opacity: 0;
  246.     z-index:3;
  247. }
  248.  
  249. #sidebar img {
  250.     -webkit-transition: opacity .5s linear;
  251.     -webkit-transition: all .5s linear;
  252.     -moz-transition: all .5s linear;
  253.     transition: all .5s linear;
  254.     }
  255.  
  256. #sidebar img:hover {
  257.     -webkit-transition: opacity .5s linear;
  258.     -webkit-transition: all .5s linear;
  259.     -moz-transition: all .5s linear;
  260.     transition: all .5s linear;
  261.     }
  262.    
  263. #sidebar img:hover {
  264.     img:{image:Sidebar 2};
  265. }
  266.  
  267. /*custom links*/
  268.  
  269. #sidelinksbox1 {
  270.     position:absolute;
  271.     margin-top: 10px;
  272.     margin-left:-160px;
  273.     width: 200px;
  274.     z-index:2;
  275.     text-decoration: none;
  276.     text-transform: lowercase;
  277.     text-align: left;
  278. }
  279.  
  280.  
  281. #sidelinksbox1 a {
  282.     border-radius: 2px;
  283.     background:{color:SideLink Background};
  284.     border:{color:SideLink Border} 1px dotted;
  285.     width:auto;
  286.     height:15px;
  287.     margin-bottom:5px;
  288.     margin-right:0px;
  289.     font-size:10px;
  290.     color: {color:Sidelink Text};
  291.     font-family: 'Unica One', cursive;
  292.     letter-spacing: 1px;
  293.     line-height: 30px;
  294.     -webkit-transition: all 0.5s ease-in-out;
  295.     -moz-transition: all 0.5s ease-in-out;
  296.     -o-transition: all 0.5s ease-in-out;
  297.     -ms-transition: all 0.5s ease-in-out;
  298.     transition: all 0.5s ease-in-out;
  299.     -webkit-transition:All .5s ease;
  300.     -moz-transition:All .5s ease;
  301.     -o-transition:All .5s ease;
  302.     -webkit-transform:scale 0.8;
  303. }
  304.  
  305. #sidelinksbox1 a:hover {  
  306.     color:{color:SideLink Text Hover};
  307.     -webkit-transform:scale 1;
  308.     border-left:{color:SideLink Border} 5px groove;
  309.     border-right:{color:SideLink Border} 5px groove;
  310.     border-top:{color:SideLink Border} 1px dotted;
  311.     border-bottom:{color:SideLink Border} 1px dotted;
  312. }
  313.  
  314. #sidelinksbox1 ul{
  315.     list-style-type:none;
  316. }
  317.  
  318. /*navigation icons dammit it says on the tag gosh*/
  319.  
  320. #navicon {
  321.     position:absolute;
  322.     margin-top: 25px;
  323.     margin-left:110px;
  324.     width: 200px;
  325.     z-index:2;
  326. }
  327.  
  328. #navicon img {
  329.     width:10px;
  330.     height:auto;
  331.     border:none;
  332.     padding:5px;
  333. }
  334.  
  335. #navicon img:hover {
  336.     opacity:0.8;
  337. }
  338.  
  339. #navicon ul{
  340.     list-style-type:none;
  341. }
  342.  
  343. #navicon a {
  344.     -webkit-transition: all 0.5s ease-in-out;
  345.     -moz-transition: all 0.5s ease-in-out;
  346.     -o-transition: all 0.5s ease-in-out;
  347.     -ms-transition: all 0.5s ease-in-out;
  348.     transition: all 0.5s ease-in-out;
  349.     -webkit-transition:All .5s ease;
  350.     -moz-transition:All .5s ease;
  351.     -o-transition:All .5s ease;
  352.     -webkit-transform:scale 0.8;
  353. }
  354.  
  355.  #navicon a:hover {  
  356.     color:{color:SideLink Text Hover};
  357.     -webkit-transform:scale 1;
  358. }
  359.  
  360. #description {
  361.     border-top:1px dotted {color:sidebar border};
  362.     padding:5px;
  363.     max-height:130px;
  364.     max-width:130px;
  365.     position:absolute;
  366.     text-align:center;
  367.     font-size:12px;
  368.    font-family: 'Noticia Text', serif;
  369.     margin-top:160px;
  370.     margin-left:5px;
  371.     text:{color:Body};
  372.     color:{color:Description Text};
  373.     z-index:6;
  374. }
  375.  
  376.  
  377. #link {
  378.     margin-bottom:10px;
  379.     margin-top:15px;
  380.     text-transform:lowercase;
  381.  
  382. }
  383.  
  384. #audioplayer {
  385.     width:30px;
  386.     height:30px;
  387. }
  388.  
  389. #content {
  390.     margin-top:20px;
  391.     position:relative;
  392.     width:510px;
  393.     float:right;
  394.     text:{color:text};
  395. }
  396.  
  397. /*posts*/
  398.  
  399. #post {
  400.     background:{color:Post Background};
  401.     font-size:10px;
  402.     border-bottom:5px solid {color:Posts};
  403.     position:relative;
  404.     width:510px;
  405.     font-family: 'Sanchez', serif;
  406.     text:{color:Body};
  407.     padding:5px;
  408.     margin-bottom: 10px;
  409.     margin-top: 10px;
  410.     -webkit-transition: opacity 0.5s linear;
  411.     -webkit-transition: all 0.5s linear;
  412.     -moz-transition: all 0.5s linear;
  413.     transition: all 0.5s linear;
  414.    
  415. }
  416.  
  417. #post {
  418.     opacity:0.9;
  419.    -webkit-transition-property:opacity;
  420.    -webkit-transition-duration:0.5s;
  421.    -webkit-transition-timing-function:linear;
  422.    -webkit-transition-delay:none;
  423.    z-index:8;
  424.    
  425.     }
  426.  
  427. #post:hover {
  428.     opacity:1;
  429.     -webkit-transition: opacity 0.5s linear;
  430.     -webkit-transition: all 0.5s linear;
  431.     -moz-transition: all 0.5s linear;
  432.     transition: all 0.5s linear;
  433. }
  434.  
  435. .post .meta {
  436.     text-align:right;
  437. }
  438.  
  439. .asker {
  440.     line-height: 24px;
  441.     margin: 25px 20px 0 23px;
  442. }
  443.  
  444. .asker img {
  445.     float: left;
  446.     margin: 0 7px 0 0;
  447. }
  448.  
  449. .caption .asker a {
  450.     margin-left: 0;
  451. }
  452.  
  453. #postnotes {
  454.     font-size:10px;
  455.     text-align:center;
  456.     background:{color:Notes Background};
  457.  
  458. }
  459.  
  460. .pagnation{
  461.     width:110px;
  462.     height:100%;
  463.     position:fixed;
  464.     top:40px;
  465.     left:350px;
  466. }
  467.  
  468. .pagnation td{
  469.     width:100%;
  470.     height:100%;
  471. }
  472.  
  473. .pagithingy{
  474.     top:-40px;
  475.     position:relative;
  476.     width:110px;
  477.     text-align:center;
  478. }
  479.  
  480. .pagithingy a{
  481.     font-size:75px;
  482.     color: {color:Posts};
  483.     text-shadow: 2px 2px -3px {color:Link Hover};
  484.     filter: dropshadow(color={color:Link Hover}, offx=2, offy=2);
  485. }
  486.  
  487. .pagithingy a:hover{
  488.     color:{color:Link Hover};
  489.     border-bottom:0px;
  490. }
  491.  
  492. {CustomCSS}
  493. </style>
  494.  
  495. </head>
  496.  
  497. <body>
  498.  
  499. {block:Pagination}
  500. <table class="pagnation"><tr><td>
  501. <div class="pagithingy">
  502. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  503. </div>
  504. </td></tr></table>
  505. {/block:Pagination}
  506. {block:DayPage}{block:DayPagination}
  507. <table class="pagtable"><tr><td>
  508. <div class="pagithingy">
  509. {block:NextDayPage}<a href="{NextDayPage}">←</a>{/block:NextDayPage}
  510. {block:PreviousDayPage}<a href="{PreviousDayPage}">→</a>{/block:PreviousDayPage}
  511. </div>
  512. </td></tr></table>
  513. {/block:DayPagination}{/block:DayPage}
  514.  
  515. <div id="container">
  516.  
  517. <div id="sidebar">
  518. <h1>{Title}</h1>
  519.  
  520. <div id="thingybehindit">
  521. <img src="{image:Sidebar2}">
  522. </div>
  523.  
  524. <div id="sidebarimage">
  525. <img src="{image:Sidebar}">
  526.  
  527. <div>
  528. <div id="navicon">
  529. <ul>
  530. <li><a href="/"><img src="http://media.tumblr.com/tumblr_mdm0imdITL1qbwxxw.png" width="16px"></a><br></li>
  531. <li><a href="/ask"><img src="http://media.tumblr.com/tumblr_mdm0j7Cs0i1qbwxxw.png" width="16px"></a><br></li>
  532. <li><a href="http://yourfridgeisempty.tumblr.com" rel="03" title="me"><img src="http://media.tumblr.com/tumblr_mdm0neK1IS1qbwxxw.png" width="16px"></a><br></li>
  533. <li><a href="/archive"><img src="http://media.tumblr.com/tumblr_mdm0ldgm3J1qbwxxw.png" width="16px"></a><br></li>
  534.  
  535. </ul>
  536. </div>
  537.  
  538. <div id="sidelinksbox1">
  539. <center>
  540.  
  541. <ul>
  542. {block:IfLink1Title}<li><a href="{text:Link 1 Url}">{text:Link 1 Title}</a><br></li>{/block:IfLink1Title}
  543. {/block:IfLink2Title}<li><a href="{text:Link 2 Url}">{text:Link 2 Title}</a><br></li>{/block:IfLink2Title}
  544. {block:IfLink3Title}<li><a href="{text:Link 3 Url}">{text:Link 3 Title}</a><br></li>{/block:IfLink3Title}
  545. {block:IfLink4Title}<li><a href="{text:Link 4 Url}">{text:Link 4 Title}</a><br></li>{/block:IfLink4Title}
  546. </center>
  547. </ul>
  548. </div>
  549.  
  550.  
  551.  
  552. {block:Description}
  553.  
  554. <div id="description">
  555. <div id="dropthebass">
  556. <h4><center>{text:Description Thing}</center></h4>
  557. <div class="downthechimney">
  558. <div align="center">
  559. {Description}
  560. {/block:Description}
  561. </div></div></div></div></div></div></div>
  562.  
  563. <div id="content">
  564. {block:Posts}
  565. <div id="post">
  566. {block:Title}
  567. <h1><a href="{Permalink}">{Title}</a></h1>
  568. {/block:Title}
  569. {block:Text}
  570.  
  571. {Body}        
  572. {/block:Text}
  573.  
  574. {block:Photo}
  575. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  576. {block:IfShowPhotoCaption}
  577. {block:Caption}
  578. {Caption}
  579. {/block:Caption}
  580. {/block:IfShowPhotoCaption}
  581. {/block:Photo}
  582.  
  583. {block:Photoset}
  584. {Photoset-500}
  585. {block:IfShowPhotoCaption}
  586. {block:Caption}
  587. {Caption}
  588. {/block:Caption}
  589. {/block:IfShowPhotoCaption}
  590. {/block:Photoset}
  591.  
  592. {block:Quote}
  593. "{Quote}"
  594.  
  595. {block:Source}
  596. <center>
  597. <div class="source">{Source}</div>
  598. {/block:Source}
  599. {/block:Quote}
  600.  
  601. {block:Link}
  602. <a href="{URL}" class="link" {Target}>{Name}</a>
  603.  
  604. {block:Description}
  605. <div class="description">{Description}</div>
  606. {/block:Description}
  607. {/block:Link}
  608.  
  609. {block:Chat}
  610. {block:Title}
  611. <h3><a href="{Permalink}">{Title}</a></h3>
  612. {/block:Title}
  613.  
  614. {block:Chat}
  615. <div class="chat"><ul>{block:Lines}
  616. <li class="person{UserNumber}">{block:Label}
  617. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  618. {/block:Chat}
  619.  
  620. {block:Video}
  621. {Video-500}
  622.  
  623. {block:Caption}
  624. <div class="caption">{Caption}</div>
  625. {/block:Caption}
  626. {/block:Video}
  627.  
  628. {block:Answer}
  629. <div style="padding:5px;background:{color:accent};color:{color:posts background};">{Question}</div>
  630. <div class="arrow-down"></div>
  631. <div style="font-family:courier new;text-transform:uppercase;margin:5px 0px 0px 22px;"><img src="{AskerPortraitURL-16}"> {lang:Asked by Asker 2}</div>
  632. {Answer}
  633. {/block:Answer}
  634.  
  635. {block:Audio}
  636. <div id="audioplayer">{AudioPlayerWhite} </div>      
  637. {PlayCountWithLabel}
  638. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  639. {/block:Audio}
  640.  
  641.  
  642. <div id="postnotes">
  643. <a href="{Permalink}">
  644. {block:IfShowPostNotes}
  645. {block:Date}{TimeAgo}{/block:Date}</a> with <a href="{Permalink}">
  646. {NoteCountWithLabel}</a>{/block:NoteCount}
  647. {block:RebloggedFrom} via <a href="{ReblogParentURL}">
  648. {ReblogParentName}</a>{/block:RebloggedFrom}
  649. {block:HasTags}<br>{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  650. {/block:IfShowPostNotes}
  651.     </div>
  652. {block:PermalinkPage}
  653. {block:PostNotes}
  654. <div id="postnotes">
  655. {PostNotes}
  656. </div>
  657. {/block:PostNotes}
  658. {/block:PermalinkPage}
  659. </div>
  660. {/block:Posts}
  661. </div>
  662.  
  663. </div>
  664.  
  665.  
  666. </body>
  667. </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!