Advertisement
sstayawake

01. into your arms

Nov 30th, 2013
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.84 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><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.        
  9.      
  10.      
  11.     <!--- theme 01. into your arms by SHELLEYOFRPS
  12.       base code by HAWTORNES
  13.       steal and you'll die --->
  14.      
  15.     <meta name="color:Background" content="#f6e4e6"/>
  16.     <meta name="color:Text" content="#3d3752"/>
  17.     <meta name="color:DescriptionText" content="#f6e4e6"/>
  18.     <meta name="color:DescriptionBG" content="#3d3752"/>
  19.     <meta name="color:Border" content="#3d3752"/>
  20.     <meta name="color:Hover" content="#f6e4e6"/>
  21.     <meta name="color:Scrollbar" content="#3d3752"/>
  22.     <meta name="color:ScrollbarBg" content="#f6e4e6"/>
  23.     <meta name="color:Post Links" content="#f4b9be"/>
  24.     <meta name="color:AskBg" content="#f6e4e6"/>
  25.     <meta name="color:AskText" content="#3d3752"/>
  26.     <meta name="color:PostBg" content="#ffffff"/>
  27.  
  28.     <meta name="image:Sidebar1" content=""/>
  29.     <meta name="image:Sidebar2" content=""/>
  30.     <meta name="image:Sidebar3" content=""/>
  31.     <meta name="image:Background" content=""/>
  32.     <meta name="image:link1" content=""/>
  33.     <meta name="image:link2" content=""/>
  34.     <meta name="image:link3" content=""/>
  35.    
  36.     <meta name="text:Link 1" content="/"/>
  37.     <meta name="text:Link 2" content="/ask"/>
  38.     <meta name="text:Link 3" content="/navi"/>
  39.      
  40.      
  41.     <style type="text/css">
  42.      
  43.     ::-webkit-scrollbar-thumb {
  44.     height:auto;
  45.     background-color:{color:Scrollbar};
  46.     }
  47.      
  48.     ::-webkit-scrollbar {
  49.     height:9px;
  50.     width:4px;
  51.     background-color:{color:ScrollbarBg};
  52.     }
  53.      
  54.     body {
  55.     background:{color:background};
  56.     margin:0px;
  57.     color:{color:text};
  58.     font-family:calibri;
  59.     font-size:10px;
  60.     line-height:100%;
  61.     letter-spacing:0px;
  62.     text-align:justify;
  63.     background-image:url('{image:Background}');
  64.     background-attachment:fixed;
  65.     }
  66.          
  67.     a {
  68.     text-decoration:none;
  69.     outline:none;
  70.     -moz-outline-style:none;
  71.     color:{color:Post Links};
  72.     -moz-transition-duration:0.5s;
  73.     -webkit-transition-duration:0.5s;
  74.     -o-transition-duration:0.5s;
  75.     }
  76.    
  77.     a:hover {
  78.     color:{color:hover};
  79.     -moz-transition-duration:0.5s;
  80.     -webkit-transition-duration:0.5s;
  81.     -o-transition-duration:0.5s;
  82.     }  
  83.    
  84.     img {
  85.     border:none;
  86.     }
  87.          
  88.     blockquote {
  89.     margin-left:15px;
  90.     padding-left:5px;
  91.     border-left:1px solid {color:border};
  92.     }
  93.    
  94.     blockquote img{
  95.     max-width:400px;
  96.     height:auto;
  97.     }
  98.          
  99.     h1 {
  100.     font-size:15px;
  101.     letter-spacing:2px;
  102.     text-transform:uppercase;
  103.     font-family:'CAMBRIA';
  104.     font-style:none;
  105.     line-height:10px;
  106.     text-align:left;
  107.     padding:0px;
  108.     }
  109.          
  110.     /*ENTRIES*/
  111.      
  112.     #entries {
  113.     padding:10px;
  114.     width:500px;
  115.     margin-left:250px;
  116.     margin-top:20px;
  117.     font-size:10px;
  118.     font-family:'arial';
  119.     letter-spacing:0px;
  120.     }
  121.          
  122.     #post {
  123.     width:500px;
  124.     padding-bottom:40px;
  125.     padding:25px;
  126.     margin-top:25px;
  127.     background-color:{color:postbg};
  128.     }
  129.      
  130.     /*SIDEBAR*/
  131.      
  132.     #sidebar {
  133.     position:fixed;
  134.     margin-top:80px;
  135.     margin-left:970px;
  136.     }
  137.          
  138.     #sidebarimage1 {
  139.     width 130px;
  140.     }
  141.          
  142.     #sidebarimage1 img {
  143.     position:absolute;
  144.     width:125px;
  145.     height:275px;
  146.     margin-top:15px;
  147.     padding:2px;
  148.     margin-left:-80px;
  149.     border:1px solid {color:border};
  150.     }
  151.    
  152.     #sidebarimage2 {
  153.     width 130px;
  154.     }
  155.          
  156.     #sidebarimage2 img {
  157.     position:absolute;
  158.     width:125px;
  159.     height:275px;
  160.     margin-top:15px;
  161.     padding:2px;
  162.     margin-left:55px;
  163.     border:1px solid {color:border};
  164.     }
  165.    
  166.     #sidebarimage3 {
  167.     width 175px;
  168.     }
  169.          
  170.     #sidebarimage3 img {
  171.     position:absolute;
  172.     width:170px;
  173.     height:415px;
  174.     margin-top:-10px;
  175.     padding:4px;
  176.     margin-left:80px;
  177.     }
  178.  
  179.     #description {
  180.     text-align:center;
  181.     font-family:'Arial';
  182.     width:172px;
  183.     height:52px;
  184.     overflow:auto;
  185.     margin-top:303px;
  186.     margin-left:-77px;
  187.     padding:4px;
  188.     font-size:9px;
  189.     position:fixed;
  190.     background-color:{color:descriptionbg};
  191.     color:{color:DescriptionText};
  192.     outline: 1px solid {color:descriptionbg};
  193.     outline-offset: 2px;
  194.     }
  195.      
  196.     #pagination {
  197.     background-color:transparent;
  198.     font: bold 9px arial;
  199.     margin-top:368px;
  200.     margin-left:-10px;
  201.     }
  202.  
  203.     /*LINKS*/
  204.      
  205.     .links {
  206.     width:160px;
  207.     padding: 4px;
  208.     position:fixed;
  209.     margin-top:200px;
  210.     margin-left:50px;
  211.     }
  212.      
  213.     .links img {
  214.     padding-bottom:10px;
  215.     width:160px;
  216.     height:auto;
  217.     }
  218.    
  219.     .linkie{
  220.     -webkit-transition-duration: 0.8s;
  221.     -moz-transition-duration: 0.8s;
  222.     -o-transition-duration: 0.8s;
  223.     transition-duration: 0.8s;
  224.     -webkit-transition-property: -webkit-transform;
  225.     -moz-transition-property: -moz-transform;
  226.     -o-transition-property: -o-transform;
  227.     transition-property: transform;
  228.     }
  229.    
  230.     .linkie:hover {
  231.     -webkit-transform:rotate(360deg);
  232.     -moz-transform:rotate(360deg);
  233.     -o-transform:rotate(360deg);
  234.     }
  235.  
  236.     /*POST INFO*/
  237.      
  238.     #info {  
  239.     width:500px;
  240.     text-align:left;
  241.     font-family:'trebuchet ms';
  242.     margin-top:3px;
  243.     margin-left:px;
  244.     letter-spacing:1px;
  245.     font-size:7px;
  246.     font-style:none;
  247.     padding:1px;
  248.     line-height:10px;
  249.     text-transform:uppercase;
  250.     border-top:1px solid;
  251.     border-color:{color:Border};
  252.     }
  253.    
  254.     #info a {
  255.     text-align:center;
  256.     color:{color:Post Links};
  257.     }
  258.    
  259.     #info a:hover {
  260.     -moz-transition-duration: 0.5s;
  261.     -webkit-transition-duration: 0.5s;
  262.     -o-transition-duration: 0.5s;
  263.     color:{color:Hover};
  264.     }
  265.  
  266.     #tags {
  267.     float:left;
  268.     width:489px;
  269.     margin-top:-7px;
  270.     margin-left:-5px;
  271.     text-align:left;
  272.     font-size:7px;
  273.     padding:5px;
  274.     font-size:8px;
  275.     opacity:1;
  276.     color:{color:Post Links};
  277.     }
  278.    
  279.     #tags a {
  280.     letter-spacing:0px;
  281.     font-size:8px;
  282.     text-align:center;
  283.     font-family:'CALIBRI';
  284.     text-decoration:none;
  285.     display:inline-block;
  286.     color:{color:post links};
  287.     -moz-transition-duration: 0.5s;
  288.     -webkit-transition-duration: 0.5s;
  289.     -o-transition-duration: 0.5s;
  290.     }
  291.  
  292.     #tags a:hover {
  293.     background-color:{color:post links};
  294.     -moz-transition-duration: 0.5s;
  295.     -webkit-transition-duration: 0.5s;
  296.     -o-transition-duration: 0.5s;
  297.     color:{color:Hover};
  298.     }
  299.      
  300.     /*QUESTION*/
  301.      
  302.     #asker {
  303.     color:{color:asktext};
  304.     padding:14px;
  305.     font-family:'arial';
  306.     font-size:11px;
  307.     letter-spacing:0px;
  308.     text-align:left;
  309.     margin-top:0px;
  310.     text-transform:lowercase;
  311.     line-height:100%;
  312.     background-color:{color:AskBg};
  313.     }
  314.      
  315.     /*CREDIT*/
  316.      
  317.     #cred {
  318.     position:fixed;
  319.     font-family:'Calibri';
  320.     text-transform:uppercase;
  321.     font-size:8px;
  322.     right:9px;
  323.     bottom:9px;
  324.     padding:4px;
  325.     letter-spacing:1px;
  326.     }
  327.  
  328.  
  329.      
  330.     {CustomCSS}
  331.  
  332.     </style></head><body>
  333.      
  334.     <div id="sidebar">
  335.      
  336.     <div id="sidebarimage1">
  337.     <img src="{image:Sidebar1}">
  338.     </div>
  339.    
  340.     <div id="sidebarimage2">
  341.     <img src="{image:Sidebar2}">
  342.     </div>
  343.      
  344.     <div id="sidebarimage3">
  345.     <img src="{image:Sidebar3}">
  346.     </div>
  347.      
  348.     <div id="description">{Description}</div>
  349.    
  350.     {block:Pagination}
  351.     <div id="pagination">
  352.     {block:PreviousPage}<a href="{PreviousPage}">new</a>{/block:PreviousPage}
  353.     — {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
  354.     </div>
  355.     {/block:Pagination}
  356.    
  357.     </div>
  358.    
  359.     <div class="links">
  360.     <div class="linkie"><a href="{text:Link 1}"><img src="{image:link1}"></a></div>
  361.     <div class="linkie"><a href="{text:Link 2}"><img src="{image:link2}"></a></div>
  362.     <div class="linkie"><a href="{text:Link 3}"><img src="{image:link3}"></a></div>
  363.     </div>
  364.      
  365.     <div id="entries">
  366.     {block:Posts}
  367.     <div id="post">
  368.      
  369.     {block:Text}
  370.     <h2>{block:Title}{Title}{/block:Title}</h2>
  371.     {Body}{/block:Text}
  372.      
  373.     {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  374.     {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  375.      
  376.     {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  377.     {/block:Caption}{/block:Photoset}
  378.      
  379.     {block:Quote}<h2>"{Quote}"</h2>
  380.     {block:Source}<div class="qsource"> —{Source}</div>
  381.     {/block:Source}{/block:Quote}
  382.      
  383.     {block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  384.      
  385.     {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  386.      
  387.     {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  388.     {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  389.     {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  390.     {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  391.     {block:Caption}{Caption}{/block:Caption}
  392.     {/block:Audio}<br>
  393.      
  394.     {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  395.      
  396.     {block:Answer}<div id="asker">{Question} — <span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  397.        
  398.     <div id="info">
  399.     <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> with {NoteCountWithLabel}
  400.     {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  401.     {block:ContentSource} (<a href="{SourceURL}">source</a>){/block:ContentSource}
  402.     {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  403.     </a>
  404.     {block:HasTags}<div id="tags">
  405.      
  406.     {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  407.     </div>{block:HasTags}
  408.     </div>
  409.     </div>
  410.     {/block:Posts}
  411.     <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  412.     {/block:Posts}</div></div></div>
  413.     <br><br><br><br>
  414.        
  415.     <div id="cred">
  416.     <a href="http://shelleyofrps.tumblr.com">(ノ◕ヮ◕)ノ</a>
  417.     </div>
  418.     </div>
  419.      
  420.      
  421.            
  422.         </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement