Advertisement
purxiz

Untitled

May 13th, 2012
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.         <title> {title} </title>
  7.         <link rel="shortcut icon" href="{Favicon}">
  8.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.         {block:Description}
  10.         <meta name="description" content="{MetaDescription}" />
  11.         <meta name="image:Banner" content=""/>
  12.         <meta name="image:Sidebar" content=""/>
  13.         <meta name="color:Background" content="#4ecfff"/>
  14.         <meta name="color:Links Background" content="#0680cd"/>
  15.         <meta name="color:Links" content="#0680cd"/>
  16.         <meta name="color:Links Hover" content="#70c7ff"/>
  17.         <meta name="text:Link1" content=""/>
  18.         <meta name="text:Link1URL" content=""/>
  19.         <meta name="text:Link2" content=""/>
  20.         <meta name="text:Link2URL" content=""/>
  21.         <meta name="text:Link3" content=""/>
  22.         <meta name="text:Link3URL" content=""/>
  23.        
  24.         {/block:Description}
  25.  
  26. <style type="text/css">
  27. body {
  28. margin:0px;
  29. background-color:{color:Background};
  30. font-family:georgia;
  31. }
  32.  
  33. a, a:link,a:active,a:visited {
  34.     text-decoration:none;
  35.     color:{color:Links};
  36.     font-style:bold;
  37.     }
  38.  
  39. a:hover {
  40.     text-decoration:none;
  41.     color:{color:Links Hover};
  42.     transition: all 0.8s;
  43.     -moz-transition: all 0.8s; /* Firefox 4 */
  44.     -webkit-transition: all 0.8s; /* Safari and Chrome */
  45.     -o-transition: all 0.8s; /* Opera */
  46.      }
  47.  
  48. #box{
  49. margin:auto;
  50. width:750px;
  51. bottom:0px;
  52. min-height:100%;
  53. position:relative;
  54. background-color:{color:Background};
  55. <!-- box-shadow:0 0 0.4em #262626; -->
  56. height:100%;
  57. }
  58.  
  59.  
  60. #banner{
  61. width:750px;
  62. height:200px;
  63. padding:0px;
  64. margin-top;0px;
  65. position:fixed;
  66. overflow:hidden;
  67. z-index:1000;
  68. }
  69.  
  70. #sidebar{
  71. width:200px;
  72. padding:10px;
  73. margin-top:200px;
  74. background-color:#fff;
  75. position:fixed;
  76. z-index:1000;
  77. }
  78.  
  79.  
  80. #des{
  81. text-align:justify;
  82. font-size:10px;
  83. line-spacing:0px;
  84. color:#000;
  85. }
  86. #des a{
  87. text-transform:;
  88. }
  89.  
  90. #post{
  91. padding:5px;
  92. width:500px;
  93. font-size:11px;
  94. overflow:hidden;
  95. top:220px;
  96. bottom:-50px;
  97. text-align:justify;
  98. margin-left:215px;
  99. background-color:#fff;
  100. margin:7px;
  101. position:relative;
  102. margin-left:230px;
  103. min-height:100%;
  104. float:center;
  105.  
  106. }
  107.  
  108.    
  109. #qes{
  110.     border-bottom:{color:Links Hover} 1px solid;
  111.     padding:5px;
  112.     text-align:left;
  113.     }
  114. #qes table{
  115.     font-size:11px;
  116.     }
  117. #qes table a{
  118.     text-transform:uppercase;
  119.     font-style:normal;
  120.     }
  121.  
  122.  
  123. #postnotes{
  124.     text-align:left;font-size:10px;
  125. }
  126. ol .more, .more li{list-style:none;}
  127. .more li{padding:2px:}
  128. #tags{text-align:right;}
  129. #post blockquote{
  130.     margin: 0px 0px 0px 5px;
  131.     padding: 0 0 0 5px;
  132.     border-left: 2px solid #dcdcdc;
  133. }
  134. ol.notes {
  135. padding: 0px;
  136. padding:5px;
  137. margin: 15px 0px;
  138. list-style-type: none;
  139.  
  140. }
  141. #post p{
  142.     margin: 6px 0px 10px 0px;
  143. }
  144. #post ul{
  145.     margin: 2px 0px 2px 0px;
  146. }
  147.  
  148. #notes{
  149.     font-size:8px;
  150.     text-align:center;
  151.     color:#b9b8b8;
  152.     margin-top:2px;
  153.     padding:3px;
  154.     font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  155.     text-transform:uppercase;
  156.     border-top:dashed #ccc 1px;
  157.  
  158. }
  159. #notes a{
  160.     text-decoration: none;
  161.     color:#b9b8b8;
  162.     font-style:normal;
  163. }
  164. #notes a:hover{
  165.     opacity:1;
  166.     color:{color:Links Hover};
  167.    
  168. }
  169.  
  170.  
  171. #title, #title a{
  172.     color:{color:Links};
  173.     font-size:20px;
  174.     line-height:15px;
  175.     text-align:right;
  176.     font-style:normal;
  177.     font-family:'Georgia';
  178.     letter-spacing:1px;
  179.     font-style:italic;
  180.    
  181. }
  182.  
  183. #title a:hover{color:{color:Links Hover};background:none;}
  184.  
  185. #links{
  186. width:auto;
  187. background-color:{color:Links Background};
  188. padding:7px;
  189. text-align:center;
  190. font-style:normal;
  191. position:fixed;
  192. top:160px;
  193. z-index:2000;
  194. }
  195. #links a{
  196. padding:2%;
  197. text-transform:uppercase;
  198. font-family:arial;
  199. color:{color:Links Hover};
  200. font-size:10px;
  201. font-style:normal;
  202. }
  203.  
  204.  
  205. #np{
  206.     text-transform:  lowercase;
  207.     font-size:18px;
  208.     opacity:0.7;
  209.     line-spacing:10px;
  210.     text-align:center;
  211.     padding:15px;
  212.     }
  213.    
  214. #footer{
  215.     opacity:0.5;font-size:8px;font-family:'Arial';text-transform:uppercase;
  216.     font-style:normal;
  217.     }
  218. #footer a{
  219.     opacity:0.8;font-size:8px;font-family:'Arial';text-transform:uppercase;
  220.     font-style:normal;
  221.     }
  222. #credits{
  223.     text-transform:uppercase;
  224.     font-size:8px;
  225.     font-family:'arial';
  226.     color:#bcbcbc;
  227.     position:fixed;
  228.     bottom:5px;
  229.     right:10px;
  230.     }
  231. #credits a{ color:#bcbcbc;}
  232.  
  233. .name{
  234.     font-size:18px;
  235.     text-align:right;
  236.    
  237.     }
  238.    
  239. ul.chat{
  240.     list-style:none;
  241.     padding-left:0px;
  242.     }
  243.    
  244. li:nth-child(odd).chat{color:{color:Links};}
  245.  
  246. #twitter_update_list, #twitter_update_list li {
  247.   padding: 0 0 3px; /*removes in Firefox/Mozilla*/
  248.   margin: 0 0 3px; /*removes in IE & Opera*/
  249.  text-align: left;
  250.   float: left;
  251.   list-style: none;
  252.  
  253.   }
  254.  
  255.  
  256. </style>
  257.  
  258.  
  259.  
  260. </head>
  261.  
  262. <body>
  263.  
  264. <div id="credits">
  265. <a href="http://ubhiethemes.tumblr.com"> &copy; Theme</a><br> by <a href="http://ubhie.tumblr.com/">ubhie</a>
  266. </div>
  267.  
  268.  
  269. <center>
  270. </center>
  271. <div id ="box">
  272. <!--{block:IfBannerImage}
  273. <img src="{image:banner}" width="750px">
  274. {/block:IfBannerImage} -->
  275.  
  276. <div id="banner">
  277. {block:IfBannerImage}
  278. <img src="{image:banner}" width = 750px">
  279. {/block:IfBannerImage}
  280. </div>
  281.  
  282.  
  283. <div id="links">
  284. <a href="/">Home</a>
  285. <a href="/ask">Ask me</a>
  286. <a href="/arvhive">Archive</a>
  287. <a href="/random">Random</a>
  288. <a href="http://www.youtube.com/user/thenameisemmaleigh">Youtube</a>
  289. </div>
  290.  
  291.  
  292. <div id="sidebar">
  293. <a class="name">{title}</a>
  294. <div id ="des">
  295. {block:IfSidebarImage}
  296. <img src="{image:Sidebar}" width="200px">
  297. {/block:IfSidebarImage}
  298. {Description}
  299. </div>
  300. </div>
  301.  
  302.  
  303.  
  304. {block:Posts}
  305. <div id ="post">
  306.  
  307.  
  308.     {block:Text}
  309.     {block:Title}<div id="title">{Title}</div>{/block:Title}
  310.     {Body}
  311.     {/block:Text}
  312.    
  313.     {block:Link}
  314.     <div id="title"><a href="{URL}" class="title"
  315.    target="_blank">{Name}</a> </div>
  316.     {block:Description}{Description}{/block:Description}
  317.     {/block:Link}
  318.    
  319.     {block:Photo}
  320.     {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  321.     {block:Caption}{Caption}{/block:Caption}
  322.     {/block:Photo}
  323.    
  324.     {block:Photoset}
  325.     {Photoset-500}
  326.     {block:Caption}{Caption}{/block:Caption}
  327.     {/block:Photoset}
  328.    
  329.     {block:Quote}
  330.     &#10075;{Quote}&#10078;<br>
  331.     <div style="text-align:right;">{block:Source}&rarr;{Source}{/block:Source}</div>
  332.     {/block:Quote}
  333.    
  334.     {block:Chat}
  335.     {block:Title}<div id="title">{Title}</div>{/block:Title}
  336.     <ul class="chat">
  337.     {block:Lines}
  338.     <li class="chat">{block:Label}<b>{Label}</b>{/block:Label}
  339.     {Line}
  340.     </li>
  341.     {/block:Lines}
  342.     </ul>
  343.     {/block:Chat}
  344.  
  345.     {block:Audio}
  346.     <table><tr>
  347.     {block:AlbumArt}<th>
  348.     <div style="float:left;margin-right:5px;">
  349.     <img src="{AlbumArtURL}" width="100">
  350.     </div>
  351.     </th>{/block:AlbumArt}
  352.     <th valign="top" align="left">
  353.     {AudioPlayerWhite}
  354.     </th>
  355.     </tr></table>
  356.     {block:Caption}<p>{Caption}</p>{/block:Caption}
  357.     {PlayCountWithLabel}
  358.     {/block:Audio}
  359.  
  360.    
  361.     {block:Video}
  362.     <center>
  363.     {Video-500}<BR></center>
  364.     <p>{block:Caption}{Caption}{/block:Caption}</p>
  365.     {/block:Video}
  366.    
  367.  
  368.     {block:Answer}
  369.     <div id ="qes">
  370.     <table>
  371.     <tr><td width="30px">
  372.     <img src="{AskerPortraitURL-40}"></td>
  373.     <td>{Asker}: {Question}</td>
  374.     </tr></table>
  375.     </div>
  376.     <p align="center">
  377.     {Answer}</p>
  378.     {/block:Answer}
  379.    
  380.        
  381.     {block:Date}
  382.     <div id="notes">
  383.     {Month} {DayOfMonth}, {Year} &bull;
  384.     {block:NoteCount}
  385.     <a href="{Permalink}">
  386.     {NoteCount}
  387.     {block:Odd} Enchanted {/block:Odd}
  388.     {block:Even} Speak now {/block:Even}
  389.     &bull;
  390.     {/block:NoteCount}
  391.     </a>
  392.     <a href="{ReblogURL}" target="_blank">reblog &rarr;</a>
  393.     </div>
  394.     {/block:Date}
  395.        
  396.  
  397.  
  398.     {block:PostNotes}
  399.     <div id="postnotes">
  400.     <div id="tags">
  401.     <br>
  402.     {block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank">
  403.     {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  404.     </div>
  405.     <br>
  406.    
  407.     {block:RebloggedFrom}
  408.     Reblogged from  <a href="{ReblogParentURL}"
  409.    title="{ReblogParentTitle}" target="_blank">
  410.     {ReblogParentName}</a>
  411.     <br>
  412.     Originally by <a href="{ReblogRootURL}"
  413.    title="{ReblogRootTitle}"  target="_blank">{ReblogRootName}</a>
  414.     <br>
  415.     {/block:RebloggedFrom}    
  416.     {block:ContentSource}
  417.     Source: <a href="{SourceURL}">{SourceTitle}</a>
  418.     {/block:ContentSource}
  419.  
  420.    
  421.  
  422.     <br><div class= "more">{PostNotes}</div>
  423.     </div>
  424.     {/block:PostNotes}
  425.    
  426.  
  427. </div>
  428. {/block:Posts}
  429.  
  430.  
  431. <div id="np">
  432.         {block:Pagination}
  433.        
  434.                     {block:PreviousPage}
  435.                         <a href="{PreviousPage}">back </a> &bull;
  436.                     {/block:PreviousPage}
  437.                      {block:NextPage}
  438.                         <a href="{NextPage}">next  </a>
  439.                     {/block:NextPage}
  440.         {/block:Pagination}            
  441. </div>
  442.    
  443.    
  444.  
  445.  
  446. </div>
  447.  
  448.  
  449. </body>
  450. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement