torchno

torchno theme #7

Jan 27th, 2014
163
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.90 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. <!---- torchno --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:Description" content="#b8b8b8"/>
  14. <meta name="color:Border" content="#eeeeee"/>
  15. <meta name="color:Title" content="#b8b8b8"/>
  16. <meta name="color:Info" content="#000000"/>
  17. <meta name="color:Info Text" content="#ffffff"/>
  18. <meta name="image:Sidebar" content=""/>
  19.  
  20. <meta name="text:Link1" content="/" />
  21. <meta name="text:Link1 Title" content="one" />
  22. <meta name="text:Link2" content="/" />
  23. <meta name="text:Link2 Title" content="two" />
  24. <meta name="text:Link3" content="/" />
  25. <meta name="text:Link3 Title" content="three" />
  26.  
  27. <style type="text/css">
  28. body {
  29.     background:{color:background};
  30.     margin:0px;
  31.     color:{color:text};
  32.     font-family:arial;
  33.     font-size:11px;
  34.     line-height:120%;
  35. }
  36.  
  37. a {
  38.     text-decoration:none;
  39.     outline:none;
  40.     -moz-outline-style:none;
  41.     color:{color:link};
  42. }
  43.  
  44. img {
  45.     border:none;
  46. }
  47.  
  48. blockquote {
  49.     padding-left:5px;
  50.     border-left:2px solid;
  51. }
  52.    
  53. blockquote blockquote {
  54.     padding-left:5px;
  55.     border-left:2px solid;
  56. }
  57.  
  58. h1 {
  59.     font-size:15px;
  60. }
  61.  
  62. #entries {
  63.     padding:10px;
  64.     width:500px;
  65.     margin-left:400px;
  66.     margin-top:40px;
  67. }
  68.  
  69. #post {
  70.     width:500px;
  71.     padding-bottom:10px;
  72.     opacity: 1;
  73.     margin-bottom: 50px;
  74.     border:1px solid {color:border};
  75.     padding:20px;
  76. }
  77.  
  78. #sidebar {
  79.     width:160px;
  80.     position:fixed;
  81.     margin-left:150px;
  82.     margin-top:120px;
  83. }
  84.  
  85.  
  86. #title {
  87.     text-transform: lowercase;
  88.     text-align:right;
  89.     font-size:10px;
  90.     font-family: arial;
  91.     padding:3px;
  92.     color:{color:title};
  93. }
  94.  
  95. #sidebarimage {
  96.     width 160px;
  97.     padding-bottom: 3px;
  98.     margin-left: -5px;
  99. }
  100.  
  101. #sidebarimage img {
  102.     width:160px;
  103.     padding: 9px;
  104.     padding:3px;
  105. }
  106.  
  107. #sidebarimage img:hover a {
  108.     color:#deb5ff;
  109.     -webkit-transition: all 1s ease;
  110.     -moz-transition: all 1s ease;
  111.     -o-transition: all 1s ease;
  112. }
  113.  
  114. #description {
  115.     padding:9px;
  116.     margin-top:2px;
  117.     text-align:justify;
  118.     font-family:arial;
  119.     color: #b8b8b8};
  120. }
  121.  
  122. #pagination {
  123.     font-size:10px;
  124.     text-align:center;
  125.     text-transform:lowercase;
  126. }
  127.  
  128.  
  129. #info {
  130.     text-align:center;
  131.     background:{color:info};
  132.     color:{color:info text};
  133.     margin-top:10px;
  134.     font-size:9px;
  135.     padding:5px;
  136.     text-transform:uppercase;
  137. }
  138.  
  139. #info a{
  140.     color:{color:info text};
  141.     text-transform:uppercase;
  142. }
  143.  
  144. #asker {
  145.     float:left;
  146.     margin-right:5px;
  147. }
  148.  
  149. #links {
  150. width: 160px;
  151. margin-top:10px;
  152. font-size:9px;
  153. text-align:center;
  154. -webkit-transition: all 2s ease;
  155. -moz-transition: all 2s ease;
  156. -o-transition: all 2s ease;
  157. }
  158.  
  159. #links a{
  160. padding: 1px;
  161. opacity: 1;
  162. margin-bottom:8px;
  163. color: {color:colour 6};
  164. display: inline-block;
  165. text-align:center;
  166. font-family:arial;
  167. text-transform: lowercase;
  168. }
  169.  
  170. #links a:hover{
  171.      color: {color:link hover};
  172.      background:{color:colour 5};
  173.      text-decoration:underline;
  174.      padding:1px;
  175.      -webkit-transition: all 1s ease;
  176. -moz-transition: all 1s ease;
  177. -o-transition: all 1s ease;
  178.      }
  179.  
  180.  #asker {
  181.     float:left;
  182.     margin-right:5px;
  183. }
  184.  
  185. .question {
  186. background:#fff;
  187. padding:10px 15px 10px 10px;
  188. font-size:9px;
  189. margin-top:-60px;
  190. margin-left:60px;
  191. min-height:40px;
  192. }
  193.  
  194.  
  195. .asker {
  196. text-transform:uppercase;
  197. font-weight:bold;
  198. font-size:9px;
  199. }
  200.  
  201.  
  202. #case {
  203.     text-align:left;
  204.     color:{color:info};
  205.     padding:5px;
  206.     position: relative;
  207. }
  208.  
  209. #case2 {
  210.     text-align:left;
  211.     background:{color:info};
  212.     color:{color:info text};
  213.     padding:8px;
  214.     position: relative;
  215. }
  216.  
  217.  
  218. #case2 a{
  219.     color:{color:info text};
  220. }
  221.  
  222.  
  223. {CustomCSS}
  224.    
  225.     ::-webkit-scrollbar-thumb:vertical {background-color:#b8b8b8; height:50px;}
  226. ::-webkit-scrollbar-thumb:horizontal {background-color:#b8b8b8; height:10px!important;}
  227. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  228. ::-moz-selection {background-color:transparent; color:{color:Link};}
  229. ::selection {background-color:transparent; color:{color:link};}
  230.    
  231.    
  232. </style></head>
  233.  
  234. <body>
  235.  
  236. <div id="sidebar">
  237.  
  238. <div id="title"><i><b>{title}</b></i></div>
  239.  
  240.  
  241. <div id="sidebarimage">
  242. <img src="{image:sidebar}"</a></div>
  243. <div id="links">
  244. <a href="/">home</a>
  245. <a href="/ask">ask</a>
  246. <a href="{text:Link1}">{text:Link1 Title}</a>
  247. <a href="{text:Link2}">{text:Link2 Title}</a>
  248. <a href="{text:Link3}">{text:Link3 Title}</a>
  249. <a href="http://torchno.tumblr.com">theme</a>
  250. </div>
  251.  
  252. <div id="description"><i>{Description}</i></div>
  253.  
  254. <div id="pagination">
  255. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  256. {block:JumpPagination length="3"}{block:CurrentPage}
  257. {PageNumber}</span>
  258. {/block:CurrentPage}
  259. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  260. {/block:JumpPagination}
  261. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  262. </div>{/block:Pagination}</div>
  263. </div>
  264.  
  265. </div>
  266.  
  267. <div style="float: right; position: fixed; bottom: 10px; font-family:sans-serif; right: 10px;"><a href="http://torchno.tumblr.com">T.T</div>
  268.  
  269. <div id="entries">{block:Posts}<div id="post">
  270.  
  271. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  272.  
  273. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  274.  
  275. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  276.  
  277. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  278.  
  279. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  280.  
  281. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  282.  
  283. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  284.  
  285. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  286.  
  287. {block:Answer}
  288. <div id="case2">
  289. <b>{Asker}</b>: {Question}&nbsp;</div>
  290. <div id="case">{Answer}</div>{/block:Answer}
  291.  
  292. <div id="info">
  293. <a href="{Permalink}">{TimeAgo}</a> | {NoteCountWithLabel}</a> |
  294. <a href="{ReblogURL}" target="_blank">REBLOG</a><br><small>
  295. {block:HasTags}{block:Tags}<a href="{TagURL}"> +{Tag} </a>{/block:Tags}{/block:HasTags}</small>
  296. </div>
  297.  
  298.  
  299. </div>
  300. {block:PostNotes}{PostNotes}{/block:PostNotes}
  301. {/block:Posts}
  302. </div>
  303.  
  304. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment