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

penguin 2 5

By: oathscharm on Jun 2nd, 2012  |  syntax: None  |  size: 12.43 KB  |  hits: 177  |  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.                         penguin2 @ oathscharm.tumblr.com
  5.                        
  6.                         yasmin's theme hehe
  7.                        
  8. FONTS ARE NOT OWNED BY ME
  9.  
  10.       my font isn't funky enough
  11.       http://www.dafont.com/my-font-isnt-funky-enough.font
  12.      
  13.       uni 05_x
  14.       http://www.dafont.com/uni-05-x.font
  15.  
  16. -->
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  18. <title> {title}</title>
  19. <link rel="shortcut icon" href="{favicon}">
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22.  
  23.  
  24.         <meta name="color:background" content=""/>
  25.         <meta name="color:center" content=""/>
  26.         <meta name="color:text" content=""/>        
  27.         <meta name="color:link" content=""/>
  28.         <meta name="color:permalink" content=""/>
  29.         <meta name="color:hover" content=""/>
  30.         <meta name="color:LinkText" content=""/>
  31.         <meta name="color:LinkBG" content=""/>
  32.         <meta name="color:LinkHover" content=""/>
  33.         <meta name="color:LinkHoverBG" content=""/>
  34.         <meta name="font:posts" content="Arial" />
  35.         <meta name="image:Background" content="" />
  36.         <meta name="image:Sidebar" content="" />
  37.         <meta name="if:endlessscrolling" content=""/>
  38.         <meta name="if:pages" content="1"/>
  39.         <meta name="if:biggestposts" content="1"/>
  40.         <meta name="if:biggerposts" content=""/>
  41.         <meta name="if:smallerposts" content=""/>
  42.         <meta name="if:SidebarDots" content=""/>
  43.         <meta name="if:PostsDots" content=""/>
  44.         <meta name="if:Image Caption" content=""/>
  45.         <meta name="text:BlogTitle" content=""/>
  46.         <meta name="text:Link1" content="" />
  47.         <meta name="text:Link1URL" content="" />
  48.         <meta name="text:Link2" content="" />
  49.         <meta name="text:Link2URL" content="" />
  50.         <meta name="text:Link3" content="" />
  51.         <meta name="text:Link3URL" content="" />
  52.         <meta name="text:Link4" content="" />
  53.         <meta name="text:Link4URL" content="" />
  54.    
  55.    
  56. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  57.  
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63.  
  64.  
  65. iframe#tumblr_controls {right:3px !important;
  66.  
  67. position: fixed !important; }
  68.  
  69.  
  70.  
  71. a{
  72.    color:{color:link};
  73.    text-decoration:none;}
  74.  
  75. a:hover{
  76.    color: {color:hover};
  77.    text-transform:uppercase;
  78. }
  79.  
  80. .potato { background-color:{color:center};
  81. padding:8px;
  82. margin-top:15px;
  83. {block:ifPostsDots}border:dotted 1px {color:text}{/block:ifPostsDots}}
  84.  
  85.  
  86. body{
  87.  
  88.  
  89. background-color: {color:Background};
  90. background-image:url({image:background});
  91. background-attachment: fixed;
  92. background-position:bottom right;
  93. font-family:{font:posts};
  94. font-size: 10px;
  95. color:{color:Text};
  96.  
  97. }
  98.  
  99.  
  100. div#momma{
  101.  
  102. {block:ifbiggestposts}width:520px;{/block:ifbiggestposts}
  103. {block:ifbiggerposts}width:420px;{/block:ifbiggerposts}
  104. {block:ifsmallerposts}width:270px;{/block:ifsmallerposts}
  105.    padding: 0px;
  106.    margin-left:340px;
  107.    margin-top:10px;  
  108.    -moz-border-radius:5px;
  109.    border-radius:5px;
  110.    
  111. }
  112. div#sidebarshit{
  113.  
  114.    
  115.    position: fixed;
  116.    width: 180px;
  117.    top:105px;
  118.    left:110px;
  119.    font-family:snow;
  120.    font-size:6pt;
  121.    line-height: 12px;
  122.    text-align:justify;
  123.    padding: 10px;
  124.    border-radius:5px;
  125.    {block:ifSidebarDots}border:1.5px dotted;{block:ifSidebarDots}
  126.    background-color:{color:center};
  127.    
  128. }
  129.  
  130. #sidebarshit img {width:180px;}
  131.  
  132. #entry blockquote {
  133. border-left: 2px solid {color:hover};
  134. padding-left: 5px;
  135. margin-left: 5px;
  136. }
  137.  
  138. #entry {
  139. overflow: hidden;
  140. z-index:50;
  141. }
  142.  
  143. #entry:hover .hair {
  144. opacity: 1;
  145. padding:3px;
  146. margin-top:0%;
  147. z-index:0;
  148. {block:ifbiggestposts}left:790px;{/block:ifbiggestposts}
  149. {block:ifbiggerposts}left:690px;{/block:ifbiggerposts}
  150. {block:ifsmallerposts}left:270px;{/block:ifsmallerposts}
  151. text-align:center;
  152. filter:alpha(opacity=1);
  153. -moz-opacity: 1.0;
  154. -khtml-opacity: 1.0;
  155. -webkit-transition: all 0.5s ease;
  156. -moz-transition: all 0.5s ease;
  157. -o-transition: all 0.5s ease;
  158. }
  159.  
  160.  
  161. .hair{
  162. position:absolute;
  163. z-index:0;
  164. padding:3px;
  165. background-color:{color:center};
  166. text-align:center;
  167. margin-top:0%;
  168. left:600px;
  169. z-index:100;
  170. font-family:consolas;
  171. color:#4d4949;
  172. font-size: 10px;
  173. letter-spacing: 1px;
  174. -webkit-transition: 0.8s ease-in;
  175. -moz-transition: 0.8s ease-in;
  176. -o-transition: 0.8s ease-in;
  177. opacity:0;
  178. filter:alpha(opacity=0);
  179. -moz-opacity: 0;
  180. -khtml-opacity: 0;
  181. }
  182.  
  183. .hair a {
  184. z-index:0;
  185. padding:2px 0px 2px 0px;
  186. background-color:{color:center};
  187. margin-top:0%;
  188. opacity: 1;
  189. filter:alpha(opacity=1);
  190. -moz-opacity: 1;
  191. -khtml-opacity: 1;
  192. }
  193.  
  194.  
  195.  
  196. #homes {
  197.     position:fixed;
  198.     left:110px;
  199.     top:83px;
  200.     width:200px;
  201.     z-index:1;
  202.     margin-bottom:4px;
  203.     font-family:'snow';
  204.         -webkit-transition: all 0.5s ease;
  205.         -moz-transition: all 0.5s ease;
  206.         -o-transition: all 0.5s ease;}
  207.    
  208.        
  209.        
  210.        
  211. #homes a{
  212.    
  213.     background-color:{color:LinkBG};
  214.     font-size: 6pt;
  215.     color: {color:LinkText};
  216.     text-align:right;
  217.     text-transform: uppercase;
  218.     letter-spacing: 1px;
  219.     text-align: center;
  220.     display:inline-block;
  221.     width:40px;
  222.     margin-left:2px;
  223.     padding:4px;
  224.  
  225.         -webkit-transition: all 0.5s ease;
  226.         -moz-transition: all 0.5s ease;
  227.         -o-transition: all 0.5s ease;}
  228.  
  229. #homes a:hover{background-color:{color:LinkHoverBG};color:{color:LinkHover};}
  230.  
  231. #tittie {font-family:kawaii;font-size:15px;border-bottom:dotted 2px {color:text};padding-bottom:10px;padding-top:10px;letter-spacing:1px;}
  232.  
  233. #tittie a:hover {text-transform:none;}
  234.  
  235. #what {border-bottom:solid 1px {color:text};padding:2px;}
  236.  
  237. .neku {
  238.    
  239.     position:fixed;
  240.     width:150px;
  241.     margin-left:18px;
  242.     margin-top:25px;
  243.     word-wrap:break-word;
  244.         -webkit-transition: all 0.5s ease;
  245.         -moz-transition: all 0.5s ease;
  246.         -o-transition: all 0.5s ease;}
  247.        
  248. .neku a{
  249.    
  250.     background-color:{color:LinkBG};
  251.     margin-left:2px;
  252.     display:inline-block;
  253.     width: 50px;
  254.     margin-bottom:2px;
  255.     font-size: 6pt;
  256.     font-family:snow;
  257.     color: {color:LinkText};
  258.     text-transform: uppercase;
  259.     letter-spacing: 1px;
  260.     text-align: center;
  261.     padding:10px;
  262.  
  263.         -webkit-transition: all 0.5s ease;
  264.         -moz-transition: all 0.5s ease;
  265.         -o-transition: all 0.5s ease;}
  266.  
  267. .neku a:hover{background-color:{color:LinkHoverBG};color:{color:LinkHover};}
  268.  
  269. #paper {margin-top:20px;text-align:center;font-size:30px;padding-bottom:10px;width:190px;}
  270.  
  271. #paper a {color:{color:link};}
  272. #paper a:hover {color:{color:hover};}
  273.  
  274.  
  275. @font-face {font-family: "snow";src: url('http://static.tumblr.com/ezh9jmq/69Ylpv5k4/uni05_54.ttf');}
  276.  
  277. @font-face {font-family: "kawaii";src: url('http://static.tumblr.com/ezh9jmq/eXBlpuwzy/my_font_isnt_funky_enough.ttf');}
  278.  
  279.  
  280. </style></head>
  281.  
  282.  
  283. <body>
  284.  
  285. <div id="homes"><a href="/">Home</a><a href="/ask">Ask</a><a href="/archive">Past</a><a href="http://oathscharm.tumblr.com">Theme</a></div>
  286.  
  287. <div id="sidebarshit">
  288. <img src="{image:sidebar}">
  289. <div id="tittie"><a href="/">{text:BlogTitle}</a></div>
  290.  
  291. <p>{Description}</p>
  292. {block:ifpages}<div id="paper">
  293.     {block:Pagination}
  294.             {block:PreviousPage}
  295.                 <a href="{PreviousPage}"><<</a>
  296.             {/block:PreviousPage}
  297.             {block:NextPage}
  298.                 <a href="{NextPage}">>></a>
  299.             {/block:NextPage}
  300.         {/block:Pagination}
  301. </div>{/block:ifpages}
  302.  
  303. <div class="neku">
  304. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  305. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  306. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  307. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  308. </div>
  309. </div>
  310.  
  311. <div id="momma">
  312. {block:ifendlessscrolling}<div class="autopagerize_page_element">{/block:ifendlessscrolling}
  313. {block:Posts}
  314. <div id="entry">
  315. <div class="potato">
  316.  
  317.  
  318. {block:Text}
  319.  
  320. <div class="hair"><span class="permalink"><a href="{Permalink}">
  321. <font color={color:permalink}>{ShortMonth} {DayOfMonth}</font></a> &hearts; {NoteCount}</span></div>
  322. {block:Title}<h1>{Title}</h1>{/block:Title}</a>
  323. <div id="ok">{Body}</div>
  324. {/block:Text}
  325. {block:Photo}
  326. <div class="hair"><span class="permalink"><a href="{Permalink}">
  327. <font color={color:permalink}>{ShortMonth} {DayOfMonth}</font></a> &hearts; {NoteCount}</span></div>
  328. <center>{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  329. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  330. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}
  331. {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};/>
  332. {block:IndexPage}</a>{/block:IndexPage}
  333.  
  334. {block:PermalinkPage}<p>{block:Caption}{Caption}{/block:Caption}<p>{LinkCloseTag}
  335. {/block:PermalinkPage}</center>
  336. {block:ifimagecaption}{block:Caption}{Caption}{/block:Caption}{/block:ifimagecaption}
  337. {/block:Photo}
  338.  
  339. {block:Photoset}
  340. <div class="hair"><span class="permalink"><a href="{Permalink}">
  341. <font color={color:permalink}>{ShortMonth} {DayOfMonth}</font></a> &hearts; {NoteCount}</span></div>
  342. {block:ifsmallerposts}{Photoset-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Photoset-400}{/block:ifbiggerposts}{block:ifbiggestposts}{Photoset-500}{/block:ifbiggestposts}
  343. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}</br>{/block:PermalinkPage}
  344. {/block:Photoset}
  345. {block:Quote}
  346. <div class="hair"><span class="permalink"><a href="{Permalink}">
  347. <font color={color:permalink}>{ShortMonth} {DayOfMonth}</font></a> &hearts; {NoteCount}</span></div>
  348. <center>
  349. <big>"{Quote}"</big></span></a>{/block:NoteCount}
  350. <br></center>
  351. <left>{block:Source}----{Source}{/block:Source}</left>
  352.  
  353.  
  354.  
  355. {/block:Quote}
  356. {block:Link}
  357. <div class="hair"><span class="permalink"><a href="{Permalink}">
  358. <font color={color:permalink}>{ShortMonth} {DayOfMonth}</font></a> &hearts; {NoteCount}</span></div>
  359.  
  360. <a href="{URL}" class="title"><h1><center>{Name}</center></h1></a>
  361. {block:Description}{Description}{/block:Description}
  362.  
  363.  
  364. {/block:Link}
  365. {block:Chat}
  366.  
  367. <div class="hair"><span class="permalink"><a href="{Permalink}">
  368. <font color={color:permalink}>{ShortMonth} {DayOfMonth}</font></a> &hearts; {NoteCount}</span></div>
  369.  
  370. {block:Title}<span class="title">{Title}</span>{/block:Title}
  371. {block:Lines}
  372. <div id="what">
  373. {block:Label}
  374. <span class="label">{Label}</span>
  375. {/block:Label}
  376. {Line}
  377. </div>
  378. {/block:Lines}
  379. {/block:Chat}
  380. {block:Audio}
  381.  
  382. <div class="hair"><span class="permalink"><a href="{Permalink}">
  383. <font color={color:permalink}>{ShortMonth} {DayOfMonth}</font></a> &hearts; {NoteCount}</span></div>
  384.  
  385. {block:AlbumArt}
  386. <img src="{AlbumArtURL}" align="left" width="80px" height="80px" />{/block:AlbumArt}
  387. <p>{AudioPlayerWhite}<br>{block:Caption}{Caption}{/block:Caption}
  388.  
  389.  
  390. {/block:Audio}
  391.  
  392. {block:Video}
  393. <div class="hair"><span class="permalink"><a href="{Permalink}">
  394. <font color={color:permalink}>{ShortMonth} {DayOfMonth}</font></a> &hearts; {NoteCount}</span></div>
  395. {block:ifsmallerposts}{Video-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Video-400}{/block:ifbiggerposts}{block:ifbiggestposts}{Video-500}{/block:ifbiggestposts}
  396. {block:Video}
  397.  
  398. {block:Answer}
  399. <div class="hair"><span class="permalink"><a href="{Permalink}">
  400. <font color={color:permalink}>{ShortMonth} {DayOfMonth}</font></a> &hearts; {NoteCount}</span></div>
  401.  
  402. {Asker} said: <b>"{Question}"</b>
  403. <br>{Answer}</br>
  404. {/block:Answer}
  405.  
  406.  
  407.  
  408. {block:PermalinkPage}
  409. {block:PostNotes}
  410. {block:HasTags}
  411.  
  412. Tagged as: {block:Tags}
  413.  
  414. <a href="{TagURL}">#{Tag} </a>
  415.  
  416. {/block:Tags}
  417.  
  418. {/block:HasTags}
  419.  
  420.  
  421.  
  422. <center>{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}</center>
  423. {PostNotes}
  424. {/block:PostNotes}
  425. {/block:PermalinkPage}
  426.  
  427.  
  428.  
  429. </div>
  430. </div>
  431.  
  432.  
  433.  
  434.  
  435. {/block:Posts}
  436. {block:ifendlessscrolling}</div>{/block:ifendlessscrolling}
  437. </div>
  438.  
  439. </body>
  440. </html>