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

clovers10

By: oathscharm on Jun 7th, 2012  |  syntax: None  |  size: 11.83 KB  |  hits: 123  |  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. <!--
  3.  
  4.  
  5.        clovers @ oathscharm.tumblr.com
  6.  
  7.  
  8.  
  9. -->
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11. <title>{title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17.         <meta name="color:BG" content=""/>
  18.         <meta name="color:center" content=""/>
  19.         <meta name="color:textcolor" content=""/>
  20.         <meta name="color:link" content=""/>
  21.         <meta name="color:permalink" content=""/>
  22.         <meta name="color:hover" content=""/>
  23.         <meta name="color:sidelinksBGhover" content="">
  24.         <meta name="color:PermalinkBG" content="#000">
  25.         <meta name="image:Background" content="" />
  26.         <meta name="image:sidebar" content=""/>
  27.         <meta name="if:biggestposts" content=""/>
  28.         <meta name="if:biggerposts" content=""/>
  29.         <meta name="if:smallerposts" content="1"/>
  30.         <meta name="if:photocaptions" content=""/>
  31.         <meta name="text:Blogtitle" content="" />
  32.         <meta name="text:Link1" content="" />
  33.         <meta name="text:Link1URL" content="" />
  34.         <meta name="text:Link2" content="" />
  35.         <meta name="text:Link2URL" content="" />
  36.         <meta name="text:Link3" content="" />
  37.         <meta name="text:Link3URL" content="" />
  38.         <meta name="text:Link4" content="" />
  39.         <meta name="text:Link4URL" content="" />
  40.         <meta name="text:Link5" content="" />
  41.         <meta name="text:Link5URL" content="" />
  42.    
  43.  
  44.    
  45.    
  46. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  47.  
  48.  
  49.  
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55. iframe#tumblr_controls {right:3px !important; position: fixed !important; }
  56.  
  57.  
  58. ::-webkit-scrollbar {width: 10px; }
  59. ::-webkit-scrollbar-track-piece {background-color:#ebebeb;}
  60. ::-webkit-scrollbar-thumb:vertical {background-color:#000;
  61. height:100px;}
  62.  
  63.  
  64.  
  65. a{
  66.    color:{color:link};
  67.    text-decoration:none;
  68.    
  69.          -webkit-transition: all .2s ease-in;
  70.          -moz-transition: all 0.2s ease-in;  
  71.          transition: all 0.2s ease;
  72. }
  73.    
  74.  
  75. a:hover{
  76.    color: {color:hover};
  77.    
  78.          -webkit-transition: all .2s ease-in;
  79.          -moz-transition: all 0.2s ease-in;  
  80.          transition: all 0.2s ease;
  81.  
  82.    }
  83.  
  84. .potato { background-color:{color:center};
  85. padding:8px;
  86. margin-top:20px;}
  87.  
  88. body{
  89.  
  90. margin:0px;
  91. background-color:{color:BG};
  92. background-image: url('{image:Background}');
  93. background-repeat:no-repeat;
  94. background-position:bottom right;
  95. background-attachment: fixed;
  96. font-family:consolas;
  97. font-size:10px;
  98. color:{color:textcolor};
  99.  
  100. }
  101.  
  102. img {opacity:.7;}
  103.  
  104. img:hover {opacity:.9;}
  105.  
  106. div#tittie {text-align:center;font-size:13px;font-family:georgia;text-transform:uppercase;text-decoration:underline;}
  107.    
  108.    
  109.    
  110. .sidebarshit{
  111.    
  112.    position:relative;
  113.    background-color:{color:center};
  114.    color:{color:textcolor};
  115.    z-index:52;
  116.    padding:8px;
  117.    text-align:center;
  118. {block:ifsmallerposts}width:250px;{/block:ifsmallerposts}
  119. {block:ifbiggerposts}width:400px;{/block:ifbiggerposts}
  120. {block:ifbiggestposts}width:500px;{/block:ifbiggestposts}
  121.    left:10px;
  122.    letter-spacing:1px;
  123.    font-size:7.5pt;
  124.    font-family:consolas;
  125.     -webkit-transition: all 0.5s ease;
  126.     -moz-transition: all 0.5s ease;  
  127.     -o-transition: all 0.5s ease;
  128. }
  129.  
  130. #nav {
  131. position:fixed;
  132. top:0px;
  133. {block:ifsmallerposts}width:250px;{/block:ifsmallerposts}
  134. {block:ifbiggerposts}width:400px;{/block:ifbiggerposts}
  135. {block:ifbiggestposts}width:500px;{/block:ifbiggestposts}
  136. left:10px;
  137. text-transform:lowercase;
  138. text-align:center;
  139. padding:8px;
  140. letter-spacing:1px;
  141. font-size:15px;
  142. z-index:9999;
  143. background-color:{color:center};
  144. font-family:garamond;}
  145.  
  146. div#glomp{
  147.     margin-left:0px;
  148.     margin-top:28px;
  149.    
  150. }
  151.  
  152.     #entry blockquote {
  153. border-left: 2px dotted {color:textcolor};
  154. padding: 1px 1px 1px 4px;
  155. margin-left: 5px;
  156. }
  157.  
  158. #entry h4 {font-size: 10px;padding:5px;margin-top:1px;font-family:century gothic;letter-spacing:2px;text-align:center;
  159. border-left:3px {color:sidelinksBG} solid;
  160. border-right:3px {color:sidelinksBG} solid;
  161. background-color:{color:bg};
  162.  
  163. -webkit-box-shadow: 0 8px 6px -7px black;
  164.        -moz-box-shadow: 0 8px 6px -7px black;
  165.             box-shadow: 0 8px 6px -7px black;}
  166.    
  167. #entry {
  168.     overflow: hidden;
  169. {block:ifsmallerposts}width:266px;{/block:ifsmallerposts}
  170. {block:ifbiggerposts}width:416px;{/block:ifbiggerposts}
  171. {block:ifbiggestposts}width:516px;{/block:ifbiggestposts}
  172.     z-index:1;
  173.     padding:0px 10px 5px 10px;
  174.     }
  175.    
  176.     #entry b, strong {text-transform:uppercase;letter-spacing:1px;}
  177.  
  178. #entry:hover .hair {
  179.     opacity: 1;
  180.     width:200px;
  181.     padding:2px 0px 2px 0px;
  182.     margin-top:0px;z-index:20;
  183. {block:ifsmallerposts}left:290px;{/block:ifsmallerposts}
  184. {block:ifbiggerposts}left:440px;{/block:ifbiggerposts}
  185. {block:ifbiggestposts}left:540px;{/block:ifbiggestposts}
  186.     text-align:left;
  187.     filter:alpha(opacity=1);
  188.     -moz-opacity: 1.0;
  189.     -khtml-opacity: 1.0;
  190.     -webkit-transition: all 0.5s ease;
  191.     -moz-transition: all 0.5s ease;  
  192.     -o-transition: all 0.5s ease;
  193. }
  194.  
  195.  
  196. .hair{
  197.     position:absolute;
  198.     padding:2px 0px 2px 0px;
  199.     text-align:left;
  200.     width:200px;
  201.     left:250px;
  202.     z-index:1;
  203.     margin-top:0px;
  204.     font-family:consolas;
  205.     color:{color:permalink};
  206.     font-size: 10px;
  207.     letter-spacing: 1px;
  208.    -webkit-transition: 0.8s ease-in;
  209.    -moz-transition: 0.8s ease-in;
  210.    -o-transition: 0.8s ease-in;
  211.     opacity:0;
  212.     filter:alpha(opacity=0);
  213.    -moz-opacity: 0;
  214.    -khtml-opacity: 0;
  215.     }
  216.    
  217.     .hair a {
  218.     padding:2px 0px 2px 0px;
  219.     z-index:1;
  220.     margin-top:-8px;
  221.     opacity: 1;
  222.     filter:alpha(opacity=1);
  223.     -moz-opacity: 1;
  224.     -khtml-opacity: 1;
  225. }
  226.      
  227.  
  228. #permashit {border-top:2px solid #000;border-bottom:2px solid #000;margin:20px 0px 20px 0px;;padding:5px;text-align:center;opacity:.5;}
  229.  
  230.  
  231. #question {padding-bottom:5px;border-bottom:solid {color:textcolor} 2px;}
  232.  
  233.  
  234. </style>
  235.  
  236. </head>
  237.  
  238.  
  239. <body>
  240.  
  241. <div id="nav">
  242. [ <a href="/">home </a> ]
  243. [ <a href="/ask">ask</a> ]
  244. {block:ifLink1}[ <a href="{text:Link1URL}">{text:Link1}</a> ]{/block:ifLink1}
  245. {block:ifLink2}[ <a href="{text:Link2URL}">{text:Link2}</a> ]{/block:ifLink2}
  246. {block:ifLink3}[ <a href="{text:Link3URL}">{text:Link3}</a> ]{/block:ifLink3}
  247. {block:ifLink4}[ <a href="{text:Link4URL}">{text:Link4}</a> ]{/block:ifLink4}
  248. {block:ifLink5}[ <a href="{text:Link5URL}">{text:Link5}</a> ]{/block:ifLink5}
  249. [ <a href="http://oathscharm.tumblr.com">theme</a> ]
  250.    
  251.    
  252. </div>
  253.  
  254. <div id="glomp">
  255. <div class="sidebarshit">
  256. <center><a href="/"><img src="{image:sidebar}"></a></center>
  257. <div id="tittie">{text:blogtitle}</div>
  258.  
  259. <p>{Description}</p>
  260. </div><div class="autopagerize_page_element">
  261. <div id="space">
  262. {block:Posts}
  263. <div id="entry">
  264. <div class="potato">
  265.  
  266. {block:Text}
  267. <div class="hair"><span class="permalink"><a href="{Permalink}">
  268. <font color={color:permalink}>{ShortMonth} {DayOfMonthWithZero}</font></a> {block:HasTags}{block:Tags}<p><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  269. {block:Title}<div id="poop"><h4>{Title}</h4></div>{/block:Title}</a>
  270. <div id="ok">{Body}</div>
  271. {/block:Text}
  272. {block:Photo}
  273. <div class="hair"><span class="permalink"><a href="{Permalink}">
  274. <font color={color:permalink}>{ShortMonth} {DayOfMonthWithZero}</font></a> {block:HasTags}{block:Tags}<p><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  275. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  276. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  277. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}
  278. {block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:ifsmallerposts}width="250"{/block:ifsmallerposts} {block:ifbiggerposts}width="400"{/block:ifbiggerposts}{block:ifbiggestposts}width="500"{/block:ifbiggestposts};/></a>
  279.  
  280. {block:ifphotocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifphotocaptions}
  281.  
  282. {/block:Photo}
  283.  
  284. {block:Photoset}
  285. <div class="hair"><span class="permalink"><a href="{Permalink}">
  286. <font color={color:permalink}>{ShortMonth} {DayOfMonthWithZero}</font></a> {block:HasTags}{block:Tags}<p><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  287. {block:ifsmallerposts}{Photoset-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Photoset-400}{/block:ifbiggerposts}{block:ifbiggestposts}{Photoset-500}{/block:ifbiggestposts}
  288. <p>{block:ifphotocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifphotocaptions}
  289. {/block:Photoset}
  290. {block:Quote}
  291. <div class="hair"><span class="permalink"><a href="{Permalink}">
  292. <font color={color:permalink}>{ShortMonth} {DayOfMonthWithZero}</font></a> {block:HasTags}{block:Tags}<p><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  293.  
  294. <center>
  295. <h4>"{Quote}"</h4></span></a></font>{/block:NoteCount}
  296. <br></center>
  297. <br>{block:Source}----{Source}{/block:Source}
  298.  
  299.  
  300.  
  301. {/block:Quote}
  302. {block:Link}
  303. <div class="hair"><span class="permalink"><a href="{Permalink}">
  304. <font color={color:permalink}>{ShortMonth} {DayOfMonthWithZero}</font></a> {block:HasTags}{block:Tags}<p><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  305.  
  306. <a href="{URL}"><center><h4>{Name}</h4></center></a>
  307. {block:Description}{Description}{/block:Description}
  308.  
  309.  
  310. {/block:Link}
  311. {block:Chat}
  312. <div class="hair"><span class="permalink"><a href="{Permalink}">
  313. <font color={color:permalink}>{ShortMonth} {DayOfMonthWithZero}</font></a> {block:HasTags}{block:Tags}<p><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  314.  
  315. {block:Title}{Title}{/block:Title}
  316. {block:Lines}
  317. <div id="what">
  318. {block:Label}
  319. <b>{Label}</b>
  320. {/block:Label}
  321. {Line}
  322. </div>
  323. {/block:Lines}
  324. {/block:Chat}
  325. {block:Audio}
  326.  
  327. <div class="hair"><span class="permalink"><a href="{Permalink}">
  328. <font color={color:permalink}>{ShortMonth} {DayOfMonthWithZero}</font></a> {block:HasTags}{block:Tags}<p><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  329. {block:AlbumArt}
  330. <img src="{AlbumArtURL}" {block:ifsmallerposts}width="250"{/block:ifsmallerposts}{block:ifbiggerposts}width="400"{/block:ifbiggerposts}{block:ifbiggestposts}width="500"{/block:ifbiggestposts}>
  331. {/block:AlbumArt}
  332. <p>{AudioPlayerWhite}{block:Caption}<blockquote>{Caption}</blockquote>{/block:Caption}
  333. {/block:Audio}
  334.  
  335. {block:Video}
  336. <div class="hair"><span class="permalink"><a href="{Permalink}">
  337. <font color={color:permalink}>{ShortMonth} {DayOfMonthWithZero}</font></a> {block:HasTags}{block:Tags}<p><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  338. {block:ifsmallerposts}{Video-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Video-400}{/block:ifbiggerposts}{block:ifbiggestposts}{Video-500}{/block:ifbiggestposts}
  339. {block:Caption}{Caption}{/block:Caption}
  340. {block:Video}
  341.  
  342. {block:Answer}
  343. <div class="hair"><span class="permalink"><a href="{Permalink}">
  344. <font color={color:permalink}>{ShortMonth} {DayOfMonthWithZero}</font></a> {block:HasTags}{block:Tags}<p><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>
  345.  
  346. <div id="question">{Asker} said: <b>"{Question}"</b></div>
  347. <br>{Answer}</br>
  348. {/block:Answer}
  349.  
  350.  
  351.  
  352. {block:PermalinkPage}<div id="permashit">
  353. {block:PostNotes}
  354. <p>{block:ContentSource}<br>Via:<a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:RebloggedFrom}From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  355. {PostNotes}
  356. {/block:PostNotes}
  357. {/block:PermalinkPage}
  358.  
  359.  
  360.  
  361. </div>
  362. </div>
  363.  
  364.  
  365.  
  366.  
  367. {/block:Posts}
  368. </div>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </body>
  375. </html>