officialjas0n

theme one.

Jun 21st, 2012
206
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.39 KB | None | 0 0
  1. <!--
  2. my first theme.
  3. by mac
  4. ______________________________________________________________
  5.  
  6. this theme has too much swag for you to remove the credit. so dont do it.
  7.  
  8. -->
  9. <html>
  10. <head>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  13.  
  14. <script type="text/javascript">
  15. WebFontConfig = {
  16. google: { families: [ 'Happy Monkey::latin' ] }
  17. };
  18. (function() {
  19. var wf = document.createElement('script');
  20. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  21. 'http://fonts.googleapis.com/css?family=Happy+Monkey';
  22. wf.type = 'text/javascript';
  23. wf.async = 'true';
  24. var s = document.getElementsByTagName('script')[0];
  25. s.parentNode.insertBefore(wf, s);
  26. })(); </script>
  27.  
  28. <!-- DEFAULT VARIABLES -->
  29. <meta name="color:background" content="#FFFFFF" />
  30. <meta name="color:sbar" content="#F1E9E0" />
  31. <meta name="color:entry" content="#FCF8F8" />
  32. <meta name="color:info" content="#F1E9E0" />
  33.  
  34. <meta name="color:title" content="#0e2558" />
  35. <meta name="color:text" content="#000000" />
  36. <meta name="color:link" content="#06308d" />
  37. <meta name="color:lhover" content="#b3caff" />
  38.  
  39. <meta name="font:title" content="happy mokey" />
  40. <meta name="font:body" content="happy monkey" />
  41.  
  42. <meta name="image:sidebar" content=""/>
  43. <meta name="image:background" content="" />
  44.  
  45. <meta name="text:link one" content="" />
  46. <meta name="text:link one title" content="Link 1" />
  47. <meta name="text:link two" content="" />
  48. <meta name="text:link two title" content="Link 2" />
  49. <meta name="text:link three" content="" />
  50. <meta name="text:link three title" content="Link 3" />
  51. <meta name="text:link four" content="" />
  52. <meta name="text:link four title" content="Link 4" />
  53. <meta name="text:link five" content="" />
  54. <meta name="text:link five title" content="Link 5" />
  55.  
  56. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  57. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59. <link rel="shortcut icon" href="{Favicon}" />
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  61. <style type="text/css">
  62.  
  63. @import url(http://fonts.googleapis.com/css?family=Happy+Monkey);
  64.  
  65. body {
  66. color:{color:text};
  67. background-color:{color:background};
  68. background-image: url('{image:background}');
  69. background-position: center;
  70. background-attachment:fixed;
  71. background-repeat: repeat;
  72. font-size:11px;
  73. font-family: 'Happy Monkey', cursive;
  74. line-height:115%;
  75. text-align:justify}
  76.  
  77. a:link, a:active, a:visited{
  78. color: {color:link}; text-decoration:none}
  79.  
  80. a:hover{
  81. color:{color:title};background-color:{color:lhover};font-style:italic;
  82. }
  83.  
  84. #entries {
  85. margin-left:375px;
  86. margin-top:-10px;
  87. width:500px}
  88.  
  89. #posts{
  90. overflow:hidden;
  91. transparent {
  92. zoom: 1;
  93. filter: alpha(opacity=50);
  94. opacity: 0.5;
  95. }
  96. border-left:0px solid;
  97. border-right:0px solid;
  98. padding:3px}
  99.  
  100. #title {font-family: Happy Monkey; margin-top:52px; font-size: 18px; text-shadow:1px 1px 2px #888;line-height: 10px; text-align:center; color: {color:Link};}
  101.  
  102.  
  103. #nav {
  104. position:fixed
  105. }
  106.  
  107. #nav a {
  108. width:350px;
  109. display:block;
  110. background-color:{color:sbar};
  111. margin:5px 0px -15px 120px;
  112. font:8px arial;
  113. text-transform: lowercase;
  114. color:{color:sidebar text};
  115. text-decoration: none;
  116. letter-spacing: 0px;
  117. text-align:left;
  118. padding:0px
  119. }
  120.  
  121. #nav a:hover {
  122. background-color:{color:nhover}
  123. }
  124.  
  125. #sidebarimg img {
  126. max-width: 300px;
  127. margin-left:0px;
  128. margin-top:10px;
  129. height: auto;
  130. text-align:center;
  131. }
  132.  
  133. #sbar {
  134. width:300px;
  135. margin-left:40px;
  136. margin-top:50px;
  137. position:fixed;
  138. overflow:hidden;
  139. background-color: {transparent {
  140. zoom: 1;
  141. filter: alpha(opacity=50);
  142. opacity: 0.5;
  143. }
  144. border-left:0px solid;
  145. border-right:0px solid;
  146. padding:3px}
  147.  
  148.  
  149. #pagination {
  150. font-family: 'Happy Monkey', cursive;
  151. text-align:center;
  152. font-size:14px
  153. }
  154.  
  155. h1{
  156. color:{color:title};
  157. font-family: 'Happy Monkey', cursive;
  158. font-size:15px;
  159. line-height:17px;
  160. letter-spacing:1px;
  161. font-weight:normal;
  162. margin:0px;
  163. padding:0px;
  164. text-align:center}
  165.  
  166. h2{
  167. color:{color:title};
  168. font-family: 'Happy Monkey', cursive;
  169. font-size:12px;
  170. line-height:14px;
  171. letter-spacing:1px;
  172. font-weight:normal;
  173. margin:0px;
  174. padding:0px;
  175. margin-bottom:-0px;
  176. text-align:center}
  177.  
  178.  
  179. #info{
  180. background-color:{color:info};
  181. margin:2px 0px 2px 0px;
  182. font-family: 'Happy Monkey', cursive;
  183. font-size:9px;
  184. text-transform: lowercase;
  185. color:{color:text};
  186. letter-spacing: 2px;
  187. text-align:center;
  188. padding:2px;}
  189.  
  190. .links{
  191. background-color: {color:sbar};
  192. text-align:center;
  193. margin-top:15px;
  194. margin-bottom:5px;
  195. }
  196.  
  197. .links a{
  198. background-color: {color:nlink background};
  199. display:inline-block;
  200. font-family: 'Short Stack', cursive;text-shadow: {color:shadow} 1px 1px 0.5em;
  201. font-size:7px;
  202. text-transform: lowercase;
  203. letter-spacing: 1px;
  204. padding:5px 10px 5px 10px;
  205. -webkit-border-radius: 3px;
  206. -moz-border-radius: 3px;
  207. }
  208.  
  209. .links a:hover{
  210. background-color:{color:nlink hover background};
  211. }
  212.  
  213. #questions {background-color:{color:info};
  214. color: {color:text};
  215. padding:10px;
  216. margin-bottom:0px;
  217. text-align:center;
  218. font-family: 'Short Stack', cursive;
  219. font-size:10px;
  220. }
  221.  
  222. #questions a {color:{color:link}}
  223.  
  224. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  225. blockquote img, blockquote a img {max-width: 490px}
  226.  
  227. b, strong{color:{color:title};}
  228. i, em {color:{color:link};}
  229. p{margin-top:3px; margin-bottom:3px}
  230.  
  231. img a{border:none}
  232. .audio{background-color:black; display:block;}
  233.  
  234. .user_1 .label {color:{color:lhover}; font-weight:bold}
  235. .user_2 .label {color:{color:text}; font-weight:bold}
  236. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  237.  
  238. .notes img{width:10px; position:relative; top:1px;}
  239. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  240. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  241.  
  242. </style>
  243. <style type="text/css">{CustomCSS}</style>
  244. </head>
  245.  
  246. <body>
  247.  
  248. <div id="sbar">
  249. <div id="title"><a href="/">{Title}</a></div>
  250. <div id="sidebarimg"><img src="{image:sidebar}"/></div>
  251. <div class="links">
  252. <center>
  253. <a href="/">homepage</a> |
  254. <a href="/ask">mssg</a> |
  255. <a href="/archive">history</a> |
  256. <a href="http://officialmileyray.tumblr.com">(c)</a>
  257. <br/>
  258. <a href="{text:Link One}">{text:Link One Title}</a> -
  259. <a href="{text:Link Two}">{text:Link Two Title}</a> -
  260. <a href="{text:Link Three}">{text:Link Three Title}</a> -
  261. <a href="{text:Link Four}">{text:Link Four Title}</a> -
  262. <a href="{text:Link Five}">{text:Link Five Title}</a>
  263. </div>
  264. </center>
  265. <center>
  266. {block:Description}{Description}{/block:Description}<br><br>
  267. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">new</a> &nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}">old</a>{/block:NextPage}</div>
  268. </div><BR>
  269. </center>
  270. <div id="entries">
  271. {block:Posts}
  272. <div id="posts">
  273. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  274. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  275. {block:Text}{Body}{/block:Text}
  276.  
  277. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  278. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  279.  
  280. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  281. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  282.  
  283. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  284.  
  285. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  286.  
  287. {block:Answer}<div id="questions">{Asker} whispered: "{Question}"</div>
  288. {Answer}{/block:answer}
  289.  
  290. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  291.  
  292. <div id="info">posted <a href="{Permalink}">{TimeAgo}</a> · {NoteCountWithLabel}{block:RebloggedFrom} © <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><BR>
  293. {/block:Posts}
  294. {block:PostNotes}{PostNotes}{/block:PostNotes}
  295.  
  296. </div>
  297.  
  298. </body>
  299. </html>
Advertisement
Add Comment
Please, Sign In to add comment