API tools faq
paste
Advertisement
krluce

badhtml theme 01

krluce
May 24th, 2013
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.63 KB | None | 0 0
raw download clone embed print report
  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>
  4.  
  5. <!--- base theme by jess @ gwencoops --->
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="http://www.iconj.com/ico/e/r/er9sjccpy0.ico">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="color:link hover" content="#e0e0e0"/>
  13. <meta name="image:background" content=""/>
  14.  
  15. <meta name="text:Link One" content="" />
  16. <meta name="text:Link One Title" content="link 1" />
  17. <meta name="text:Link Two" content="" />
  18. <meta name="text:Link Two Title" content="link 2" />
  19.  
  20.  
  21.  
  22. <meta name="if:Fixed Background" content="0" />
  23. <meta name="if:No Repeat Background" content="0" />
  24. <meta name="if:Stretchy Background" content="0" />
  25.  
  26.  
  27. <meta name="image:sidebar" content=""/>
  28.  
  29. <style type="text/css">
  30.  
  31. blockquote{padding-left: 6px; padding-bottom : 7px; font-family: "Trebuchet MS"; font-size:11px; border-left: 3px solid #000; text-shadow:0px 1px 0px #fff; color:#000; width:448px; margin-left:0px; padding-right:6px; padding-top:4px;} @font-face {font-family: "Trebuchet MS";}
  32.  
  33.  
  34.  
  35. a {color:;text-decoration:none;-webkit-tra… all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  36.  
  37. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  38.  
  39. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  40.  
  41. #huzzah
  42.  
  43. #sidebar2 a {display:block}
  44.  
  45. #sidebar2 .meow {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  46.  
  47. #sidebar2:hover .meow {margin-top:0px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  48.  
  49.  
  50.  
  51. @font-face{font-family:Edosz;src:url(http://static.tumblr.com/9wzbixa/yRZmj2htw/edosz.ttf);}
  52.  
  53.  
  54. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  55.  
  56.  
  57. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  58.  
  59.  
  60. body {
  61.     background-color: #ffffff;
  62.     margin:0px;
  63.     color:#000;
  64.     font-family:"Trebuchet MS";
  65.     font-size:11px;
  66.     line-height:100%;
  67.     font-style: none;
  68.    
  69. background: url({image:Background}) {block:IfNoRepeatBackground}no-repeat{/block:IfNoRepeatBackground} {block:IfFixedBackground}fixed{/block:IfFixedBackground} {color:Background}; {block:IfStretchyBackground}background-size: fit{/block:IfStretchyBackground};
  70. line-height: 20px;
  71.  
  72.    
  73.    }
  74.    
  75.    body {background-attachment: fixed;}
  76.  
  77. a:link, a:visited, a:active {
  78.     color: #000;
  79.     text-decoration: none;
  80.     font-weight: normal;
  81.     }
  82.  
  83. a:hover {
  84.     color: {color:link hover};
  85.     text-decoration: none;
  86.     font-weight: normal;
  87. }
  88.  
  89. #entries {
  90.     position:relative;
  91.     float:left;
  92.     width:522px;
  93.     top:5px;
  94.     text-align:justify;
  95.     left:530px;
  96.     padding:40px;
  97.     }
  98.    
  99. #post {
  100.     margin-bottom:25px;
  101.     width:500px;
  102.     padding:9px;
  103.     background-color: #ffffff;
  104.     border-radius: 8px;
  105.     }
  106.    
  107. #pagination {
  108.     text-align:center;
  109.     font-size:18px;
  110.     margin-bottom:2px;
  111.     text-transform:none;
  112.     font-style:none;
  113.     text-transform: lowercase;
  114.     background-color: {color:background}
  115.     }
  116.    
  117. #sidebar {
  118.     width:245px;
  119.     position:fixed;
  120.     margin-left:250px;
  121.     margin-top:125px;
  122.     padding:10px;
  123.  
  124.     background-color: #ffffff;
  125.     border-radius: 8px;}
  126.    
  127. #sidebarimage {
  128.     width 245px;
  129.    
  130.     }
  131.  
  132. #sidebarimage img {
  133.     width:245px;
  134.     }
  135.    
  136.     .desc {
  137.     width:245px;
  138.     }
  139.    
  140. #info {
  141.     text-transform:lowercase;
  142.     font-style:italic;
  143.     font-size: 11px;
  144.     width:500px;
  145.     color:{color:text};
  146.     text-align:center;
  147.     padding-top:5px;
  148.     }
  149.    
  150.     a {
  151.   /* First we need to help some browsers along for this to work.
  152.      Just because a vendor prefix is there, doesn't mean it will
  153.      work in a browser made by that vendor either, it's just for
  154.      future-proofing purposes I guess. */
  155.   -o-transition:.6s;
  156.   -ms-transition:.6s;
  157.   -moz-transition:.6s;
  158.   -webkit-transition:.6s;
  159.   /* ...and now for the proper property */
  160.   transition:.6s;
  161. }
  162.  
  163. #info a:link {
  164.     color:{color:link};
  165.   }
  166.  
  167. #info a:hover {
  168.     color:{color:link hover};
  169. }
  170.    
  171. #title2 {
  172.     color:{color:text};
  173.     font-style:italic;
  174.     letter-spacing:1px;
  175.     text-align:center;
  176.     font-size:11px;
  177.     margin-top:1px;
  178.     margin-left:0px;
  179.     padding:2px;
  180.     width:245px;
  181.     z-index:100;
  182.     }
  183.    
  184. #ask {
  185.     float:left;
  186.     margin-right:5px;
  187. }
  188.  
  189. {CustomCSS}</style>
  190.    
  191. </head><body>
  192.  
  193.  
  194. <div id="sidebar">
  195.  
  196. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  197.  
  198. <div id="sidebarimage">
  199. <img src="{image:sidebar}"></div>
  200.  
  201. <div align="center"><div class="desc">{Description}</div>
  202. <p style="text-align:right">
  203.  
  204.  
  205. <div id="sidebar2">
  206. </p style="text-align:right">
  207.  
  208. </div>
  209.  
  210. <div id="sidebar2">
  211. <h4><center>hover for links</center></h4>
  212.  
  213. <div class="meow">
  214. <div align="center">
  215. <a href="{text:Link One}">{text:Link One Title}</a>
  216. <br>
  217. <a href="{text:Link Two}">{text:Link Two Title}</a>
  218. <br>
  219.  
  220.    
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225.  
  226. </div>
  227.  
  228.  
  229. <div id="entries">{block:Posts}<div id="post">
  230. {block:ContentSource}
  231. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  232. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  233. {/block:SourceLogo}
  234. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  235. {/block:ContentSource}
  236.  
  237.  
  238. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  239.  
  240. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  241.  
  242. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  243.  
  244. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  245.  
  246. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  247.  
  248. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  249.  
  250. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  251.  
  252. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  253.  
  254. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}"></div>{Asker} asked:<br>{Question}{Answer}{/block:Answer}
  255.  
  256.  
  257. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}| <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}| <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  258. {block:ContentSource}| <a href="{SourceURL}">source</a>{/block:ContentSource} <br>
  259. {block:HasTags}{block:Tags}* <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  260.  
  261. </div>
  262.  
  263.  
  264.  
  265. </div>
  266.  
  267.    
  268.  
  269. {block:PostNotes}{PostNotes}{/block:PostNotes}
  270. {/block:Posts}
  271.    
  272. </div>
  273.  
  274. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!