torchno

#2 "détective consultant"

Dec 18th, 2012
206
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.59 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- theme by torchno. please do not remove credit --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#817f7f"/>
  12. <meta name="color:Title" content="#838282"/>
  13. <meta name="color:Link" content="#b8b8b8"/>
  14. <meta name="color:Info" content="#f1f1f0"/>
  15. <meta name="color:Entries" content="#ffffff"/>
  16. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  17. <meta name="color:Sidebar Border" content="#e6d6c2"/>
  18. <meta name="color:Link Hover" content="#423f3f"/>
  19. <meta name="color:Border" content="#b4b3ae"/>
  20. <meta name="color:Scrollbar" content="#b8b8b8"/>
  21. <meta name="color:Description" content="#b8b8b8"/>
  22. <meta name="color:Desc Border" content="#b4b3ae"/>
  23. <meta name="color:Desc BG" content="#f1f1f0"/>
  24.  
  25. <meta name="text:Link1" content="/" />
  26. <meta name="text:Link2" content="/" />
  27. <meta name="text:Link3" content="/" />
  28. <meta name="text:Link4" content="/" />
  29. <meta name="text:Link5" content="/" />
  30. <meta name="text:Link6" content="/" />
  31.  
  32.  
  33. <meta name="image:Sidebar" content=""/>
  34. <meta name="image:Background" content="" />
  35.  
  36. <style type="text/css">
  37.  
  38. body {
  39.     background:{color:background} url('{image:Background}');
  40.     margin:0px;
  41.     color:{color:text};
  42.     font-family:Calibri;
  43.     font-size:10px;
  44.     line-height:100%;
  45. }
  46.  
  47. a {
  48.     text-decoration:none;
  49.     outline:none;
  50.     -moz-outline-style:none;
  51.     color:{color:link};
  52. }
  53.    
  54.     a:hover {
  55.     color: {color:link hover};
  56.     -webkit-transition: all 0.4s ease;
  57.     -moz-transition: all 0.4s ease;
  58.     -o-transition: all 0.4s ease;
  59. }
  60.  
  61. img {
  62.     border:none;
  63.     background:#fff;
  64. }
  65.  
  66. blockquote {
  67.     padding-left:5px;
  68.     border-left:2px solid;
  69. }
  70.    
  71. blockquote blockquote {
  72.     padding-left:5px;
  73.     border-left:2px solid;
  74. }
  75.  
  76. h1 {
  77.     font-size:15px;
  78.     font-family: cambria italic;
  79. }
  80.  
  81. h1:hover {
  82.     text-decoration:underline;
  83. }
  84.  
  85. #entries {
  86.     margin-top: 50px;
  87.     padding:10px;
  88.     width:500px;
  89.     margin-left:400px;
  90. }
  91.  
  92. #post {
  93.     width:500px;
  94.     padding-bottom:10px;
  95.     margin-bottom: 10px;
  96.     padding:10px;
  97.     background:{color:entries};
  98. }
  99.  
  100. #post img{
  101.     opacity: 0.7;
  102. }
  103.    
  104.     #post img:hover{
  105. opacity: 1;
  106. -webkit-transition: all 0.7s ease;
  107. -moz-transition: all 0.7s ease;
  108. -o-transition: all 0.7s ease;
  109. }
  110.  
  111.  
  112. #tags {
  113.     text-align:right;
  114.     padding:5px;
  115.     font-size: 7px;
  116.     font-family: cambria;
  117.     text-transform:uppercase;
  118. }
  119.  
  120. #sidebar {
  121.     width:120px;
  122.     position:fixed;
  123.     margin-left:240px;
  124.     margin-top:100px;
  125. }
  126.  
  127. #sidebar:hover #description{
  128.         margin-top:auto;
  129.         opacity:1;
  130.             -webkit-transition: all 0.7s ease;
  131. -moz-transition: all 0.7s ease;
  132. -o-transition: all 0.7s ease;
  133. }
  134.        
  135.  
  136.  
  137. #title {
  138.     text-transform: lowercase;
  139.     text-align:center;
  140.     font-size:10px;
  141.     font-family: cambria;
  142.     padding:3px;
  143.     color:{color:title};
  144. }
  145.  
  146. #sidebarimage {
  147.     width 120px;
  148.     padding-bottom: 3px;
  149.     margin-left: -5px;
  150. }
  151.  
  152.  
  153. #sidebarimage img {
  154.     width:120px;
  155.     padding: 9px;
  156.     border: 1px solid {color:sidebar border};
  157.     padding:3px;
  158. }
  159.  
  160. #description {
  161.         position:fixed;
  162.     padding:4px;
  163.     margin-top:-200px;
  164.     text-align:center;
  165.     width:110px;
  166.     opacity:0;
  167.     font-family:cambria;
  168.     color: {color:description};
  169.     background-color:{color:desc bg};
  170.     border-top:1px solid {color:desc border};
  171. }
  172.  
  173. #pagination {
  174.     position:fixed;
  175.     font-size:10px;
  176.     text-align:center;
  177.     text-transform:lowercase;
  178.     margin-left:103px;
  179.     margin-top:-40px;
  180. }
  181.  
  182. #info {
  183.     text-align:center;
  184.     margin-top:10px;
  185.     font-size: 9px;
  186.     font-family: cambria;
  187.     text-transform:uppercase;
  188.     padding:5px;
  189.     background:{color:info};
  190.     border-bottom: 3px solid {color:border};
  191. }
  192.  
  193. #asker {
  194.     float:center;
  195. }
  196.  
  197. #links {
  198.     padding:4px;
  199.  margin-top:100px;
  200.   margin-bottom:10px;
  201.  margin-left:-13px;
  202.     text-align:center;
  203.     width:150px;
  204.     opacity:1;
  205.     word-spacing:5px;
  206.     font-family:cambria;
  207.     color: {color:description};
  208.     background-color:{color:desc bg};
  209.     border-top:1px solid {color:links border};
  210.     border-bottom:1px solid {color:links border};
  211.     -webkit-transition: all 2s ease;
  212. -moz-transition: all 2s ease;
  213. -o-transition: all 2s ease;
  214. }
  215. }
  216.  
  217. #links a{
  218. padding: 1px;
  219. opacity: 1;
  220. width: 33px;
  221. margin-bottom:18px;
  222. margin-left:10px;
  223. text-align:left;
  224. color: {color:sidebar links};
  225. display: inline-block;
  226. font-family:technic;
  227. text-transform: uppercase;
  228. }
  229.  
  230. #links a:hover{
  231.      color: {color:link hover};
  232.      -webkit-transition: all 1s ease;
  233. -moz-transition: all 1s ease;
  234. -o-transition: all 1s ease;
  235.      }
  236.      
  237.      
  238. #bubble {
  239.          background: #eee;
  240.          padding:10px;
  241.          border-top:10px solid #fff;
  242.          position: relative;
  243. }
  244. #bubble span {
  245.     display:block;
  246.     position:absolute;
  247.     width:1px;
  248.     height:1px;
  249.     font-size: 0;
  250.     line-height: 1px;
  251.     top:10px;
  252.     border-top:7px solid transparent;
  253.     border-bottom:7px solid transparent;
  254. }
  255.  
  256. #credit {
  257.     font-size:10px;
  258.     text-transform:lowercase;
  259.     bottom:10px;
  260.     right:10px;
  261.     position:fixed;
  262.     color: #868582;
  263.     border: 1px solid #b8b8b8;
  264.     padding:4px;
  265.     width:8px;
  266.     height:8px;
  267.     overflow:hidden;
  268. }
  269.  
  270. #credit a {
  271.     color: #868582;
  272. }
  273.  
  274. #credit:hover {
  275.     width:45px;
  276.         -webkit-transition: all 1s ease;
  277. -moz-transition: all 1s ease;
  278. -o-transition: all 1s ease;
  279. }
  280.  
  281.  
  282. {CustomCSS}
  283.  
  284.  
  285.    
  286.     ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;}
  287. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important;}
  288. ::-webkit-scrollbar {background-color:{color:background}; height:10px; width:10px;}
  289. ::-moz-selection {background-color:transparent; color:{color:Link};}
  290. ::selection {background-color:transparent; color:{color:link};}
  291.    
  292. </style>
  293.  
  294.  
  295. <div id="sidebar">
  296.  
  297.  
  298.  <div id="sidebarimage">
  299.  
  300.   <div id="links">
  301. <a href="/">I.</a>
  302. <a href="/ask">II.</a>
  303. <a href="{text:Link1}">III.</a>
  304. <a href="{text:Link2}">II.</a>
  305. <a href="{text:Link3}">IV.</a>
  306. <a href="{text:Link4}">V.</a>
  307. <a href="{text:Link5}">VI.</a>
  308. <a href="{text:Link6}">VII.</a>
  309. </div>
  310. <img src="{image:sidebar}"</a></div>
  311.  
  312.  <div id="title"><i><b>{title}</b></i></div>
  313.  <div id="description"><i>{Description}</i>
  314.  
  315.  
  316.  
  317. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div></div>
  318.  
  319.  
  320. </div>
  321.  
  322. <div id="entries">{block:Posts}<div id="post">
  323.  
  324. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  325.  
  326. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div id="bubble">{Caption}</div>{/block:Caption}{/block:Photo}
  327.  
  328. {block:Photoset}{Photoset-500}{block:Caption}<div id="bubble">{Caption}</div>{/block:Caption}{/block:Photoset}
  329.  
  330. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  331.  
  332. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  333.  
  334. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  335.  
  336. {block:Audio}{AudioPlayerWhite}{block:Caption}<div id="bubble">{Caption}</div>{/block:Caption}{/block:Audio}
  337.  
  338. {block:Video}{Video-500}{block:Caption}<div id="bubble">{Caption}</div>{/block:Caption}{/block:Video}
  339.  
  340. {block:Answer}<div id="bubble"><span></span><b>{Asker}</b> said: {Question}&nbsp;</div>{Answer}{/block:Answer}
  341.  
  342. <div id="info">
  343. Posted <a href="{Permalink}">{TimeAgo}</a> With <a href="{Permalink}">
  344. {NoteCountWithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}"
  345. title="{ReblogParentTitle}"> via</a> // <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}</div>
  346. <div id="tags">
  347. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  348.  
  349. </div>
  350. {block:PostNotes}{PostNotes}{/block:PostNotes}
  351. {/block:Posts}</div>
  352.  
  353.  <div id="credit"><a href="http://torchno.tumblr.com">© torchno</a></div>
  354. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment