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

Theme 009 (Charlie Brown)

By: hatterthemes on Jun 27th, 2012  |  syntax: None  |  size: 18.11 KB  |  hits: 231  |  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. <!-- Charlie Brown (Theme 009) by hatterthemes -->
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.     <!--DEFAULT VARIABLES-->
  6.     <meta name="color:Background" content="#020202" />
  7.     <meta name="color:Entry" content="#0a0a0a" />
  8.     <meta name="color:Accent" content="#0c7281" />
  9.     <meta name="color:Title" content="#000000" />
  10.     <meta name="color:Text" content="#f1eeee" />
  11.     <meta name="color:Link" content="#56d314" />
  12.     <meta name="color:Link Hover" content="#00ffe3" />
  13.     <meta name="color:Home Link" content="#ff001c" />
  14.     <meta name="color:Ask Link" content="#00ffb0" />
  15.     <meta name="color:Archive Link" content="#ff7300" />
  16.     <meta name="color:Link 1" content="#00e8ff" />
  17.     <meta name="color:Link 2" content="#fff700" />
  18.     <meta name="color:Link 3" content="#deafed" />
  19.     <meta name="color:Link 4" content="#83ff00" />
  20.     <meta name="color:Link 5" content="#fc51ca" />
  21.     <meta name="color:HoverBg" content="#020202" />
  22.     <meta name="color:Sidebar" content="#00f2ff" />
  23.     <meta name="color:Question" content="#fad08e" />
  24.     <meta name="color:Quote" content="#aefdef" />
  25.     <meta name="color:Audio" content="#fc51ca" />
  26.     <meta name="color:Footer" content="#00ff91" />
  27.     <meta name="color:Notes" content="#2e2e2e" />
  28.    
  29.     <meta name="image:Sidebar" content="" />
  30.    
  31.     <meta name="if:Show Time" content="1" />
  32.     <meta name="if:Endless Scrolling" content="0" />
  33.    
  34.     <meta name="text:Link1" content="http://" />
  35.     <meta name="text:Link1 Title" content="Link 1" />
  36.     <meta name="text:Link2" content="http://" />
  37.     <meta name="text:Link2 Title" content="Link 2" />
  38.     <meta name="text:Link3" content="http://" />
  39.     <meta name="text:Link3 Title" content="Link 3" />
  40.     <meta name="text:Link4" content="http://" />
  41.     <meta name="text:Link4 Title" content="Link 4" />
  42.     <meta name="text:Link5" content="http://" />
  43.     <meta name="text:Link5 Title" content="Link 5" />
  44.  
  45.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  46.     <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  47.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.     <link rel="shortcut icon" href="{Favicon}" />
  49.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  50.     <style type="text/css">
  51.  
  52.  
  53. /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 1, 2012 05:34:46 PM America/New_York */
  54. @font-face {font-family: 'RosarioRegular';src: url('Rosario-Regular-webfont.eot');src: url('Rosario-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Regular-webfont.woff') format('woff'),url('Rosario-Regular-webfont.ttf') format('truetype'),url('Rosario-Regular-webfont.svg#RosarioRegular') format('svg');font-weight: normal;font-style: normal;}
  55.  
  56. @font-face {font-family: 'RosarioItalic';src: url('Rosario-Italic-webfont.eot');src: url('Rosario-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Italic-webfont.woff') format('woff'),url('Rosario-Italic-webfont.ttf') format('truetype'),url('Rosario-Italic-webfont.svg#RosarioItalic') format('svg');font-weight: normal;font-style: normal;}
  57.  
  58. @font-face {font-family: 'RosarioBold';src: url('Rosario-Bold-webfont.eot');src: url('Rosario-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Bold-webfont.woff') format('woff'),url('Rosario-Bold-webfont.ttf') format('truetype'),url('Rosario-Bold-webfont.svg#RosarioBold') format('svg');font-weight: normal;font-style: normal;}
  59.    
  60. @font-face {font-family: 'RosarioBoldItalic';src: url('Rosario-BoldItalic-webfont.eot');src: url('Rosario-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-BoldItalic-webfont.woff') format('woff'),url('Rosario-BoldItalic-webfont.ttf') format('truetype'),url('Rosario-BoldItalic-webfont.svg#RosarioBoldItalic') format('svg');font-weight: normal;font-style: normal;}
  61.  
  62.  
  63. body {
  64. color:{color:Text};
  65. background:{color:Background};
  66. font-family: "Rosario" arial sans-serif;
  67. font-size:12px;
  68. line-height:110%;
  69. text-align:justify;
  70. }
  71.  
  72. a {
  73. color:{color:Link};
  74. text-decoration:none;
  75. }
  76.  
  77. a:hover {
  78. color:{color:Link Hover};
  79. }
  80.  
  81. blockquote {
  82. margin-left:25px;
  83. padding-left:13px;
  84. font-size:11px;
  85. border-left:1px dotted {color:Link};
  86. }
  87.  
  88. iframe#tumblr_controls {
  89. top: 0% !important;
  90. right:0% !important;
  91. position: fixed !important;
  92. opacity:0.5;
  93. -webkit-transition: all 0.6s ease-in;
  94. }
  95.  
  96. iframe#tumblr_controls:hover {
  97. opacity:1.0;
  98. -webkit-transition: all 0.6s ease-in;
  99. }
  100.  
  101. #head {
  102. display:block;
  103. width:100%;
  104. height:50px;
  105. background:{color:Background};
  106. border-bottom:10px ridge {color:Accent};
  107. margin-top:-10px;
  108. left:0;
  109. position:fixed;
  110. z-index:1;
  111. }
  112.  
  113. #wrap {display:block;width:300px;height:100px;margin: 20px auto;overflow:wrap;z-index:1;-webkit-transition:opacity 0.8s linear;opacity:1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
  114.  
  115. #wrap a{
  116. display:block;width:38px; font-family:'Century Gothic', 'Apple Gothic', sans-serif; font-size:9px; line-height:40px; overflow:hidden; text-align:center; font-style:italic; letter-spacing:1px; padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-transition:opacity 0.8s linear;opacity:1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
  117.  
  118. #wrap a:hover {line-height:90px;}
  119.  
  120. .rf {background-color:{color:Home Link};border:1px solid {color:Home Link};position:fixed;color:{color:HoverBg};}
  121. .rf:hover {background-color:{color:HoverBg};border:1px solid {color:Home Link};color:{color:Home Link};-webkit-transition:opacity 0.8s linear;opacity:1;}
  122. .msg {background-color:{color:Ask Link};position:fixed;margin-left:50px;margin-top:25px;border:1px solid {color:Ask Link};color:{color:HoverBg};}
  123. .msg:hover {background-color:{color:HoverBg};border:1px solid {color:Ask Link};color:{color:Ask Link};margin-top:-25px;-webkit-transition:opacity 0.8s linear;opacity:1;}
  124. .ar {background-color:{color:Archive Link};position:fixed;margin-left:100px;border:1px solid {color:Archive Link};color:{color:HoverBg};}
  125. .ar:hover {background-color:{color:HoverBg};border:1px solid {color:Archive Link};color:{color:Archive Link};-webkit-transition:opacity 0.8s linear;opacity:1;}
  126. .l1 {background-color:{color:Link 1};position:fixed;margin-left:150px;margin-top:25px;border:1px solid {color:Link 1};color:{color:HoverBg};}
  127. .l1:hover {background-color:{color:HoverBg};border:1px solid {color:Link 1};color:{color:Link 1};margin-top:-25px;}
  128. .l2 {background-color:{color:Link 2};position:fixed;margin-left:200px;border:1px solid {color:Link 2};color:{color:HoverBg};}
  129. .l2:hover {background-color:{color:HoverBg};border:1px solid {color:Link 2};color:{color:Link 2};}
  130. .l3 {background-color:{color:Link 3};position:fixed;margin-left:250px;margin-top:25px;border:1px solid {color:Link 3};color:{color:HoverBg};}
  131. .l3:hover {background-color:{color:HoverBg};border:1px solid {color:Link 3};color:{color:Link 3};margin-top:-25px;}
  132. .l4 {background-color:{color:Link 4};position:fixed;margin-left:300px;border:1px solid {color:Link 4};color:{color:HoverBg};}
  133. .l4:hover {background-color:{color:HoverBg};border:1px solid {color:Link 4};color:{color:Link 4};}
  134. .l5 {background-color:{color:Link 5};position:fixed;margin-left:350px;margin-top:25px;border:1px solid {color:Link 5};color:{color:HoverBg};}
  135. .l5:hover {background-color:{color:HoverBg};border:1px solid {color:Link 5};color:{color:Link 5};margin-top:-25px;}
  136.  
  137. #s1 {display:block;width:auto;height:auto;margin-top:35px;margin-left:50px;background:{color:Sidebar};position:fixed;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid {color:Sidebar};z-index:2;padding:10px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
  138. #s1:hover {background:{color:HoverBg};}
  139. .desc {width:220px;overflow:wrap;color:{color:Sidebar};margin-bottom:10px;display:none;background:{color:HoverBg};{block:ifNotEndlessScrolling}{block:Pagination}margin-top:-24px;{/block:Pagination}{/block:ifNotEndlessScrolling}margin-left:-1px;z-index:2;}
  140. .s1 {z-index:2;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
  141. .s1:hover .desc {display:block;}
  142. .s1:hover img {display:none;}
  143. #s1:hover .pagination a {color:{color:Sidebar};}
  144. .pagination a {color:{color:HoverBg};}
  145. .pagination {font-size:34px;text-align:center;color:display:block;width:50px;z-index:-1;margin:0px auto 10px;}
  146.  
  147. #sideimg {display:block;width:250px;height:auto;padding:10px;background-color:{color:HoverBg};border:1px solid {color:Sidebar};position:fixed;margin:40px 0px auto 90px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:0;}
  148. #sideimg img {width:250px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:-11;}
  149. #blogtitle {font-size:20px;font-family:"Rosario";padding:10px;font-style:italic;text-align:right;line-height:18px;margin-bottom:-10px;margin-top:-5px;color:{color:Sidebar};}
  150.  
  151. #entries {
  152. width:530px;
  153. margin-left:460px;
  154. padding-top:100px;
  155. }
  156.  
  157. .posts {background:{color:Entry};border:1px solid {color:Text};-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:block;height:auto;padding:10px;margin-bottom:10px;}
  158.  
  159. .photo,.photoset {margin:0px auto 0px auto;}
  160.  
  161. .photo img, .photoset {-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;opacity:0.86;z-index:-11;}
  162.  
  163. .photo img:hover, .photoset:hover {
  164. opacity:1;
  165. -webkit-transition: all 0.6s ease-in-out;
  166. -moz-transition: all 0.6s ease-in-out;
  167. -o-transition: all 0.6s ease-in-out;
  168. }
  169.  
  170. .chat ol, .chat li {list-style:none; margin-left:10px; padding:2px;}
  171.  
  172. ul.chat {list-style:none; margin-left:10px; padding:2px;}
  173.  
  174. .label {font-family:Rosario}
  175. .lines {font-family:Georgia}
  176. .user_1 {color:{color:Link};}
  177. .user_2 {color:{color:Link Hover};}
  178. .user_3 {color:{color:Text};}
  179. .user_4 {color:{color:Sidebar};}
  180.  
  181. .title {font-size:28px;text-align:center;line-height:28px;}
  182. .title a {color:{color:Link Hover};}
  183.  
  184. .quote {display:block;width:480px;margin:0px auto;border:1px solid {color:Quote};background:{color:HoverBg};line-height:25px;padding:10px;color:{color:Quote};font-size:24px;text-align:justified;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
  185.  
  186. .source {padding-right:100px;font-style:italic;font-size:16px;text-align:right;}
  187.  
  188. .audio {width:500px;height:27px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:10px;border-radius:5px;border:1px solid {color:Audio};background:#000000;overflow:hidden;margin: 0px auto;}
  189.  
  190. .a2 {width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;overflow:hidden;color:{color:Audio};}
  191.  
  192. .a3 {display:block;width:90px;text-align:right;color:{color:Audio};margin-top:-30px;padding:5px;line-height:20px;margin-left:380px;}
  193.  
  194. .ask {display:block;width:480px;margin:0px auto;border:1px solid {color:Question};background:{color:HoverBg};line-height:25px;padding:10px;color:{color:Question};font-size:24px;text-align:justified;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
  195.  
  196. .question {font-size:13px;padding-right:100px;font-style:italic;text-align:right;}
  197.  
  198. .caption {width:480px;padding:5px;margin:0px auto;text-align:justified;}
  199.  
  200. .answer {width:480px;font-size:16px;padding:5px;margin:0px auto;text-align:justified;}
  201.  
  202. .video {width:500px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:10px;border-radius:5px;border:1px solid {color:Audio};background:#000000;overflow:hidden;margin: 0px auto;}
  203.  
  204. .info {display:block;width:508px;padding:10px;
  205. {block:IndexPage}
  206. line-height:2px;
  207. background:{color:Footer};
  208. color:{color:Notes};
  209. border-top:1px dashed {color:Text};
  210. {/block:IndexPage}
  211. {block:PermalinkPage}
  212. line-height:14px;
  213. background:{color:Notes};
  214. color:{color:Footer};
  215. border-top:1px dashed {color:Footer};
  216. {/block:PermalinkPage}
  217. font-size:10px;font-family:"century gothic", "apple gothic", sans-serif;margin:0px 0px -10px -10px;-webkit-border-radius-bottom-left:5px;-webkit-border-radius-bottom-right:5px;-moz-border-bottomright-radius:5px;-moz-border-radius-bottomright:5px;-o-border-bottom-left-radius:5px;-o-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-align:right;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
  218. .time {text-align:left;line-height:2px!important;}
  219. {block:IndexPage}
  220. .info:hover .time {display:none;}
  221. .info a {color:{color:Notes};}
  222. .info:hover a{color:{color:Footer};}
  223. .info:hover .tags {display:block;}
  224. .info:hover {line-height:14px;background:{color:Notes};color:{color:Footer};border-top:1px dashed {color:Footer};-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
  225. .tags {text-align:left;display:none;border-top:1px dashed {color:Footer};padding:3px;margin-top:3px;}
  226. {/block:IndexPage}
  227. {block:PermalinkPage}
  228. .info a {color:{color:Footer};}
  229. .tags {text-align:left;display:block;border-top:1px dashed {color:Footer};padding:3px;margin-top:3px;}
  230. {/block:PermalinkPage}
  231.  
  232. .notes {display:block;width:480px;line-height:20px;padding:10px 10px 10px 30px;font-size:10px;font-family:"century gothic", "apple gothic", sans-serif;background:{color:Notes};color:{color:Footer};margin:0px auto;border-top:1px dashed {color:Footer};-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
  233. .notes a {color:{color:Footer};line-height:20px;}
  234. li.notes {width:440px;line-height:20px;padding:10px;}
  235.  
  236. #theme {opacity:0.6;left:0!important;bottom:0!important;padding-right:10px;position:fixed;}
  237. #theme a {color:{color:Footer};text-shadow:2px 2px 3px {color:Notes};}
  238. #theme:hover {opacity:1;}
  239.  
  240. </style>
  241. </head>
  242.  
  243. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  244.  
  245. <body>
  246.  
  247. <div id="theme"><a href="http://hatterthemes.tumblr.com">theme ©</a></div>
  248.  
  249. <div id="sideimg">
  250. <img src="{image:Sidebar}">
  251. <div id="blogtitle">{Title}</div>
  252. </div>
  253.  
  254. <div id="head">
  255. <div id="wrap">
  256. <a class="rf" href="/">home</a><a class="msg" href="/ask">msg</a><a class="ar" href="/archive">archive</a>{block:ifLink1Title}<a class="l1" href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1Title}{block:ifLink2Title}<a class="l2" href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2Title}{block:ifLink3Title}<a class="l3" href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3Title}{block:ifLink4Title}<a class="l4" href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4Title}{block:ifLink5Title}<a class="l5" href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5Title}
  257. </div></div>
  258.  
  259. <div id="s1">
  260. {block:ifNotEndlessScrolling}{block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}{/block:ifNotEndlessScrolling}
  261. <div class="s1">
  262. <img src="{PortraitURL-64}">
  263. <div class="desc">
  264. {block:ifNotEndlessScrolling}{block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}{/block:ifNotEndlessScrolling}{Description}</div></div>
  265. </div>
  266.  
  267. <div id="entries">
  268. {block:ifEndlessScrolling}<div class = "autopagerize_page_element" >{/block:ifEndlessScrolling}{block:Posts}
  269. <div class="posts">
  270.  
  271.  
  272. {block:Title}<div class="title">{Title}</div>{/block:Title}
  273. {block:Text}{Body}{/block:Text}
  274.  
  275. {block:Quote}<div class="quote">"{Quote}"</div><br /><p class="source">— {Source}</p>{/block:Quote}
  276.  
  277. {block:Link}<div class="title"><a href="{URL}" {Target}>» {Name}</a></div>
  278. {block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  279.  
  280. {block:Photo}<center><div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div></center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  281.  
  282. {block:Photoset}<center><div class="photoset">{Photoset-500}</div></center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  283.  
  284. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  285.  
  286. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  287.  
  288. {block:Answer}<div class="ask">{Question}</div><div class="question"><em>asked by {Asker}</em></div>
  289. <div class="answer">{Answer}</div>{/block:answer}
  290.  
  291. {block:Audio}<div class="audio"><div class="a2">{AudioPlayerBlack}</div><div class="a3">{PlayCount} plays</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}<br>
  292.  
  293. <div class="info">
  294. {block:Date}<div class="time"><a href="{Permalink}">{DayofMonth} {ShortMonth}</a>{block:ifShowTime} | {24Hour}:{Minutes}{/block:ifShowTime}</div>{/block:Date}
  295. {NoteCount} <a href="{Permalink}">♥</a>{block:RebloggedFrom}&nbsp;|&nbsp;<a href="{ReblogParentURL}">via</a>&nbsp;|&nbsp;<a href="{ReblogRootURL}">©</a>{/block:RebloggedFrom}{block:HasTags}<div class="tags">{block:Tags}• <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  296. </div></div>
  297.  
  298.  
  299. {/block:Posts}
  300. {block:ifEndlessScrolling}</div>{block:ifEndlessScrolling}
  301. {block:PostNotes}{PostNotes}{/block:PostNotes}
  302. </div>
  303.  
  304. </body>
  305. </html>
create a new version of this paste RAW Paste Data