Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Fracture Theme by Collisions

By: rafhuh on Jul 10th, 2012  |  syntax: None  |  size: 12.36 KB  |  hits: 5,101  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. <html>
  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.        
  11.         <meta name="description" content="{MetaDescription}" />
  12.         {/block:Description}
  13.         <meta name="font:title" content="Arial"/>
  14.         <meta name="font:post title" content="Arial"/>
  15.         <meta name="font:body" content="Arial"/>
  16.         <meta name="text:font size" content="11px"/>
  17.         <meta name="text:post title size" content="13px"/>
  18.         <meta name="text:title font size" content="20px"/>
  19.         <meta name="text:line height" content="14px"/>
  20.         <meta name="text:next" content="past"/>
  21.         <meta name="text:previous" content="future"/>
  22.         <meta name="text:permalink" content="&#8734;"/>
  23.         <meta name="text:link 1 text" content="link 1" />
  24.         <meta name="text:link 1" content="http://" />
  25.         <meta name="text:link 2 text" content="link 2" />
  26.         <meta name="text:link 2" content="http://" />
  27.         <meta name="color:background" content="#fff"/>
  28.         <meta name="color:caption background" content="#f3f3f3"/>
  29.         <meta name="color:text" content="#222"/>
  30.         <meta name="color:link" content="#222"/>
  31.         <meta name="color:link hover" content="#a8a8a8"/>
  32.         <meta name="color:post bar background" content="#000"/>
  33.         <meta name="color:post bar text" content="#E7E7E7"/>
  34.         <meta name="color:post bar text hover" content="#dcdcdc"/>
  35.         <meta name="if:show ask" content="1"/>
  36.         <meta name="if:show archive" content="1"/>
  37.         <meta name="if:show rss" content="1"/>
  38.         <meta name="if:endless scrolling" content="0"/>
  39.         <meta name="if:show captions" content="0"/>
  40.         <meta name="if:smaller posts" content="0"/>
  41.        
  42. <style type="text/css">
  43.        
  44.         /* Fracture theme provided by collisions.tumblr.com. Do NOT remove the credit. */
  45.        
  46.         body {
  47.             background:{color:background};
  48.             margin:0px auto;
  49.             font-family:{font:body};
  50.             font-size:{text:font size};
  51.             line-height:{text:line height};
  52.             text-align:justify;
  53.             color:{color:text};
  54.             padding:12px;
  55.         }
  56.        
  57.         #wrapper {
  58.             margin:0px auto;
  59.             width: {block:ifsmallerposts}530px{/block:ifsmallerposts}{block:ifNotsmallerposts}630px{/block:ifNotsmallerposts};
  60.             margin-top:20px;
  61.             margin-bottom:15px;
  62.             padding-bottom: 10px;
  63.         }
  64.        
  65.         #posts {
  66.             float: left;
  67.             width: {block:ifsmallerposts}300px{/block:ifsmallerposts}{block:ifNotsmallerposts}400px{/block:ifNotsmallerposts};
  68.             padding-right:15px;
  69.         }
  70.  
  71.         #entry {
  72.             margin-bottom: 15px;
  73.         }
  74.        
  75.         #nav {
  76.             position:fixed;
  77.             width: 200px;
  78.             margin-top:150px;
  79.             margin-left: {block:ifsmallerposts}314px{/block:ifsmallerposts}{block:ifNotsmallerposts}414px{/block:ifNotsmallerposts};;
  80.             padding-left:14px;
  81.             border-left: 1px dotted #191919;
  82.         }
  83.        
  84.         #nav img{
  85.             max-width: 200px;
  86.         }
  87.        
  88.         img {
  89.             max-width: {block:ifsmallerposts}300px{/block:ifsmallerposts}{block:ifNotsmallerposts}400px{/block:ifNotsmallerposts};
  90.         }
  91.        
  92.         h3 {
  93.             font-family:{font:post title};
  94.             font-size:{text:post title size}
  95.         }
  96.        
  97.         a {
  98.             text-decoration:none;
  99.             color:{color:link};
  100.             -moz-transition: 0.4s ease-in;
  101.             -webkit-transition: 0.4s ease-in;
  102.             -o-transition: 0.4s ease-in;
  103.             transition: 0.4s ease-in;
  104.         }
  105.        
  106.         a:hover {
  107.             color:{color:link hover};
  108.             -moz-transition: 0.4s ease-in;
  109.             -webkit-transition: 0.4s ease-in;
  110.             -o-transition: 0.4s ease-in;
  111.             transition: 0.4s ease-in;
  112.         }
  113.        
  114.         .caption {
  115.             background:{color:caption background};
  116.             padding: 2px 0 2px 0;
  117.         }
  118.        
  119.         .title {
  120.             font-size:{text:title font size};
  121.             font-family:{font:title};
  122.             margin-bottom:5px;
  123.         }
  124.        
  125.         #credit {
  126.             position: fixed;
  127.             bottom: 10px; right:  
  128.             10px; font-size: 8px;
  129.             letter-spacing: 1px;
  130.             text-transform: uppercase;
  131.         }
  132.        
  133.         #entry:hover .permalink {display:block;}
  134.         .permalink {color:{color:post bar text}; background:{color:post bar background}; text-align:center; font: 8px Arial;             width: {block:ifsmallerposts}300px{/block:ifsmallerposts}{block:ifNotsmallerposts}400px{/block:ifNotsmallerposts}; line-height:20px; text-transform:uppercase; padding-top:5px;  margin:0px; display:none; position:absolute; opacity:1;}
  135.         .permalink a{color:{color:post bar text}}
  136.         .permalink a:hover{color:{color:post bar text hover}}
  137.        
  138.         ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: dotted 1px #ccc;}
  139.         ol.notes li.note {border-top: dotted 1px #ccc; padding: 5px;}
  140.         ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
  141.         ol.notes li.note span.action {font-weight: normal;}
  142.         ol.notes li.note .answer_content {font-weight: normal;}
  143.         ol.notes li.note blockquote {border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  144.         ol.notes li.note blockquote a {text-decoration: none;}
  145.         ul{margin-left:-40px!important; list-style:none;}
  146.        
  147.         ::-webkit-scrollbar{
  148.             width:7px;
  149.             height:7px;
  150.         }
  151.         ::-webkit-scrollbar-button:start:decrement
  152.         ::-webkit-scrollbar-button:end:increment{
  153.             display:block;
  154.             height:0;
  155.             background-color:transparent;
  156.         }
  157.         ::-webkit-scrollbar-track-piece{
  158.             background-color:{color:background};
  159.             -webkit-border-radius:0;
  160.             -webkit-border-bottom-right-radius:3px;
  161.             -webkit-border-bottom-left-radius:3px;
  162.         }
  163.         ::-webkit-scrollbar-thumb:vertical{
  164.             height:50px;
  165.             background-color: #D5D6D8;
  166.             -webkit-border-radius:px;
  167.         }
  168.         ::-webkit-scrollbar-thumb:horizontal{
  169.             width:7px;
  170.             background-color: #D5D6D8;
  171.             -webkit-border-radius:px;
  172.         }
  173.         {CustomCSS}
  174.        
  175. </style>
  176.  
  177.     {block:IfEndlessScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScrolling}
  178.    
  179.  
  180.     </head>
  181.    
  182.     <body>
  183.    
  184.    
  185.    
  186. <div id="wrapper">
  187.  
  188. <div id="nav">
  189. <div class="title"><a href="/">{title}</a></div>
  190. {block:ifshowarchive}<a href="/archive">archive</a>&nbsp;&nbsp;{/block:ifshowarchive}{block:ifshowrss}<a href="{RSS}">rss</a>&nbsp;&nbsp;{/block:ifshowrss}{block:ifshowask}<a href="/ask">ask</a>&nbsp;&nbsp;{/block:ifshowask}<a href="{text:link 1}">{text:link 1 text}</a>&nbsp;&nbsp;<a href="{text:link 2}">{text:link 2 text}</a>{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;{/block:Pages}{/block:HasPages}<P>
  191. {block:Description}{Description}{/block:Description}<P>
  192.  
  193.  
  194. </div>
  195.  
  196.  
  197. <div id="posts">
  198.  
  199. {block:Posts}
  200.  
  201. <div class="autopagerize_page_element">
  202.  
  203. {block:Text}
  204. <div id="entry">
  205. {block:Title}
  206. <h3><a href="{Permalink}">{Title}</a></h3>
  207. {/block:Title}
  208. {Body}
  209. <div><a href="{Permalink}">{text:Permalink}</a></div>
  210. {block:PermalinkPage}
  211. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  212. <div style="float:right">{block:Tags}#{Tag}{/block:Tags}</div>
  213. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  214. </div>
  215. {/block:Text}
  216.  
  217.  
  218. {block:Photo}
  219. {block:IndexPage}
  220. <div id="entry">
  221. <div class="permalink">
  222. {block:Date}
  223. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>
  224. <a>&nbsp;|&nbsp;</a>{/block:NoteCount}
  225. <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  226. <a>&nbsp;|&nbsp;</a><a href="{ReblogURL}" target="_blank">reblog</a>
  227. {/block:Date}
  228. </div>{/block:IndexPage}
  229. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></a>
  230. {block:ifshowcaptions}
  231. <div class="caption">{Caption}</div>
  232. {/block:ifshowcaptions}
  233. {block:PermalinkPage}
  234. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  235. <div style="float:right">{block:Tags}#{Tag}&nbsp;{/block:Tags}</div>
  236. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  237. </div>
  238. {/block:Photo}
  239.  
  240.  
  241. <div id="entry">
  242. {block:Photoset}
  243. {Photoset-400}
  244. {block:Caption}
  245. <div class="caption">{Caption}</div>
  246. {/block:Caption}
  247. <div><a href="{Permalink}">{text:Permalink}</a></div>
  248. {block:PermalinkPage}
  249. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  250. <div style="float:right">{block:Tags}#{Tag}&nbsp;{/block:Tags}</div>
  251. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  252. {/block:Photoset}
  253. </div>
  254.      
  255.      
  256. {block:Quote}
  257. <div id="entry">
  258. <div class="post quote">
  259. "{Quote}"{block:Source} - <strong>{Source}{/block:Source}</strong></div>
  260. <div><a href="{Permalink}">{text:Permalink}</a></div>
  261. {block:PermalinkPage}
  262. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  263. <div style="float:right">{block:Tags}#{Tag}{/block:Tags}</div>
  264. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  265. </div>
  266. {/block:Quote}
  267.  
  268.  
  269. {block:Link}
  270. <div id="entry">
  271. <a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>
  272. {block:Description}
  273. <div class="description">{Description}</div>
  274. {/block:Description}
  275. <div><a href="{Permalink}">{text:Permalink}</a></div>
  276. {block:PermalinkPage}
  277. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  278. <div style="float:right">{block:Tags}#{Tag}{/block:Tags}</div>
  279. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  280. </div>
  281. {/block:Link}
  282.  
  283.  
  284. {block:Chat}
  285. <div id="entry">
  286. <div class="post chat">
  287. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</li>{/block:Lines}</ul></div>
  288. <div><a href="{Permalink}">{text:Permalink}</a></div>
  289. {block:PermalinkPage}
  290. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  291. <div style="float:right">{block:Tags}#{Tag}{/block:Tags}</div>
  292. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  293. </div>
  294. {/block:Chat}
  295.      
  296.  
  297. {block:Video}
  298. <div id="entry">
  299. {Video-400}
  300. {block:Caption}
  301. <div class="caption">{Caption}</div>
  302. {/block:Caption}
  303. <div><a href="{Permalink}">{text:Permalink}</a></div>
  304. {block:PermalinkPage}
  305. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  306. <div style="float:right">{block:Tags}#{Tag}{/block:Tags}</div>
  307. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  308. </div>
  309. {/block:Video}
  310.  
  311.  
  312. {block:Audio}
  313. <div id="entry">
  314. {AudioPlayerBlack}
  315. {block:Caption}
  316. <div class="caption">{Caption}</div>
  317. {/block:Caption}
  318. <div><a href="{Permalink}">{text:Permalink}</a></div>
  319. {block:PermalinkPage}
  320. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  321. <div style="float:right">{block:Tags}#{Tag}{/block:Tags}</div>
  322. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  323. </div>
  324. {/block:Audio}
  325.      
  326. {/block:Posts}
  327.  
  328. </div>
  329.  
  330. <DIV style="text-align:right;">
  331. {block:ifNotendlessscrolling}
  332. {block:Pagination}
  333. {block:PreviousPage}<a href="{PreviousPage}">{text:previous}</a>{/block:PreviousPage}  / {block:NextPage}<a href="{NextPage}" >{text:next}</a>{/block:NextPage}</div>
  334. {/block:Pagination}
  335. {/block:ifNotendlessscrolling}
  336. </div>
  337.  
  338. </div>
  339.  
  340. <div id="credit"><a href="http://collisions.tumblr.com" title="theme from collisions">Theme</a></div>
  341.  
  342.     </body>
  343. </html>
create a new version of this paste RAW Paste Data