API tools faq
paste
Advertisement
katkinkat

Ur so transparent theme

katkinkat
Jan 3rd, 2014
373
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.33 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME BY BAEBEES.TUMBLR.COM PLEASE DO NOT REMOVE CREDIT
  3. -->
  4.  
  5.  
  6. <!DOCTYPE html>
  7. <html>
  8. <head><title>{title}</title>
  9.  
  10.  
  11. <meta name="color:Background" content="#E6E9F5">
  12. <meta name="image:Background" content="http://i39.tinypic.com/x2kvtz.png" />
  13. <meta name="color:Sidebar" content="#AEB2C2" />
  14. <meta name="color:SidebarShadow" content="#080927" />
  15. <meta name="color:LinkColor" content="#7171cb" />
  16. <meta name="color:TextColor" content="#000000" />
  17. <meta name="color:HoverLinkColor" content="#4ab9d3" />
  18. <meta name="color:HeaderLinkColor" content="#000000" />
  19. <style type="text/css">
  20.  
  21.  
  22. .class1 A:link {text-decoration: none; color: {color:LinkColor}}
  23. .class1 A:visited {text-decoration: none; color: {color:LinkColor}}
  24. .class1 A:active {text-decoration: none; color: {color:LinkColor}}
  25. .class1 A:hover {text-decoration: underline; color: {color:HoverLinkColor};}
  26.  
  27. .class2 A:link {text-decoration: none; color: {color:HeaderLinkColor}}
  28. .class2 A:visited {text-decoration: none; color: {color:HeaderLinkColor}}
  29. .class2 A:active {text-decoration: none; color: {color:HeaderLinkColor}}
  30. .class2 A:hover {text-decoration: none; color: {color:HeaderLinkColor};}
  31.  
  32. .class3 A:link {text-decoration: none; color: {color:LinkColor}}
  33. .class3 A:visited {text-decoration: none; color: {color:LinkColor}}
  34. .class3 A:active {text-decoration: none; color: {color:LinkColor}}
  35. .class3 A:hover {text-decoration: none; color: {color:LinkColor};}
  36.  
  37.  
  38. body {
  39. background: {color:Background} url('{image:Background}') top left fixed repeat;
  40. background-size:100% 100%;
  41. margin: 0;
  42. padding: 0;
  43. font-family: consolas;
  44. }
  45.  
  46.  
  47. {
  48. margin: 0;
  49. padding: 0;
  50. font-family: consolas;
  51. }
  52.  
  53. #sidebar {
  54.  
  55. position:fixed;
  56. top:20%;
  57. left:10px;
  58. width: 200px;
  59. font-family: consolas;
  60. background: {color:Sidebar};
  61. padding-bottom:10px;
  62. padding-left:3px;
  63. padding-top:10px;
  64. box-shadow: 10px 10px 5px {color:SidebarShadow};
  65.  
  66. }
  67.  
  68.  
  69. #navigation {
  70. position:absolute;
  71. top:100%;
  72. width:200px;
  73. padding-top:10px;
  74. }
  75.  
  76. #Linksheader {
  77.  
  78. position:fixed;
  79. top: 20px;
  80. font-family: {font:Links};
  81. width: 500px;
  82. left:30%;
  83. z-index:10;
  84. text-transform:uppercase;}
  85.  
  86.  
  87. #postframe {
  88. position:relative;
  89. top:100px;
  90. left:30%;
  91. width:500px;
  92. height:100%;
  93. }
  94.  
  95. #post {
  96. position: absolute;
  97. margin-top:50px;
  98. width:500px;
  99. min-height:400px;
  100. }
  101.  
  102. #textpost {
  103. background: {color:Sidebar}}
  104.  
  105.  
  106. #postbar {
  107. postion: absolute;
  108. width:500px;
  109. float bottom;
  110. opacity: 0.4;
  111. min-height:20px;
  112. background: {color:Sidebar} ;
  113. margin-bottom:100px;
  114. }
  115.  
  116. #notes {
  117. postion: absolute;
  118. min-height:20px;
  119. float: left;
  120. padding-left:2px;}
  121.  
  122.  
  123. #time {
  124. postion: absolute;
  125. float: right;
  126. min-height:20px;
  127. padding-right:2px;}
  128.  
  129. #permalinkpage {
  130. opacity: 0.4;
  131. background: {color:Sidebar};
  132. width: 100%;}
  133.  
  134.  
  135. #question {
  136. border-style:dotted;
  137. border-width:2px;
  138. border-color: {color:Sidebar}
  139.  
  140.  
  141.  
  142.  
  143. </style>
  144.  
  145. </head>
  146. <body>
  147.  
  148. <font color="{color:TextColor}">
  149.  
  150. <div id="sidebar"><span class="class1"><center><a href="/">{Title}</a></center><p>{block:Description}{description}{/block:Description}<p><center>{block:AskEnabled}<p><img src="{image:Bulletpoint}"><a href="/ask">{AskLabel}</a>
  151. {/block:AskEnabled}
  152. {block:SubmissionsEnabled}<br><a href="/submit">{SubmitLabel}</a></br>{/block:SubmissionsEnabled}</center><p><b></span>
  153. <div id="navigation"> {block:Pagination}
  154. {block:PreviousPage}
  155. <a href="{PreviousPage}">☜ back</a> {CurrentPage}/{TotalPages}
  156. {/block:PreviousPage}
  157. {block:NextPage}
  158. <a href="{NextPage}">forward ☞</a>{/block:NextPage}
  159. {/block:Pagination}<p><span class="class1"><h5><center><a href="http://baebeesthemes.tumblr.com">Theme</a></center></h5></div></span></p></span>
  160.  
  161. <div id="Linksheader"><span class="class2">{block:HasPages}
  162. {block:Pages}
  163. ☆ <a href={URL}>{Label}</a> ☆ {/block:Pages}
  164. {/block:HasPages}</div></b></div></span>
  165.  
  166.  
  167.  
  168.  
  169. <div id="postframe">
  170. {block:Posts}
  171.  
  172. <div class="post" style="{color:TextColor}">{block:Text}<span class="class1"><div id="textpost">
  173. <center>
  174.  
  175. {block:Title}
  176. <h3>{Title}</h3>
  177. {/block:Title}</center>
  178.  
  179. {Body}<p></div>
  180.  
  181. <div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  182. {block:PermalinkPage}<div id="permalinkpage">
  183. {block:HasTags}
  184. <ul class="tags">
  185. <center> {block:Tags}
  186.  
  187. <a href="{TagURL}">{Tag}</a>/
  188.  
  189. {/block:Tags}</center>
  190. </ul>
  191. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}
  192.  
  193. </span>{/block:Text}
  194.  
  195. {block:Photo}<span class="class1">
  196. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  197.  
  198. </center> {block:Caption}
  199. <div class="caption">{Caption}</div>
  200. {/block:Caption}
  201. <div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  202. {block:PermalinkPage}<div id="permalinkpage">
  203. {block:HasTags}
  204. <ul class="tags">
  205. <center> {block:Tags}
  206.  
  207. <a href="{TagURL}">{Tag}</a>/
  208.  
  209. {/block:Tags}</center>
  210. </ul>
  211. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}
  212.  
  213.  
  214. </span>{/block:Photo}
  215.  
  216. {block:Panorama}<span class="class1">
  217. {LinkOpenTag}
  218. <img src="{PhotoURL-Panorama}" alt="Smiley face" height="300" width="500">
  219. {LinkCloseTag}
  220.  
  221. {block:Caption}
  222. <div class="caption">{Caption}</div>
  223. {/block:Caption}
  224. <div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  225. {block:PermalinkPage}<div id="permalinkpage">
  226. {block:HasTags}
  227. <ul class="tags">
  228. <center> {block:Tags}
  229.  
  230. <a href="{TagURL}">{Tag}</a>/
  231.  
  232. {/block:Tags}</center>
  233. </ul>
  234. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}
  235.  
  236. </span>{/block:Panorama}
  237.  
  238. {block:Photoset}<span class="class1">{Photoset-500}
  239.  
  240. {block:Caption}
  241. <div class="caption">{Caption}</div>
  242. {/block:Caption}<div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  243. {block:PermalinkPage}<div id="permalinkpage">
  244. {block:HasTags}
  245. <ul class="tags">
  246. <center> {block:Tags}
  247.  
  248. <a href="{TagURL}">{Tag}</a>/
  249.  
  250. {/block:Tags}</center>
  251. </ul>
  252. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}
  253. </span> {/block:Photoset}
  254.  
  255. {block:Quote}<span class="class1">
  256. <center>"{Quote}"<br>{block:Source}<b>{source}</b>{/block:Source}</br> <div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  257. {block:PermalinkPage}<div id="permalinkpage">
  258. {block:HasTags}
  259. <ul class="tags">
  260. <center> {block:Tags}
  261.  
  262. <a href="{TagURL}">{Tag}</a>/
  263.  
  264. {/block:Tags}</center>
  265. </ul>
  266. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}
  267. </span>{/block:Quote}
  268.  
  269. {block:Link}<span class="class3"><center><h2><i><a href="{URL}" class="link" {Target}>{Name}</a></i></h2></center>
  270.  
  271. {block:Description}
  272. <div class="description">{Description}</div>
  273. {/block:Description}<div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  274. {block:PermalinkPage}<div id="permalinkpage">
  275. {block:HasTags}
  276. <ul class="tags">
  277. <center> {block:Tags}
  278.  
  279. <a href="{TagURL}">{Tag}</a>/
  280.  
  281. {/block:Tags}</center>
  282. </ul>
  283. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}</span> {/block:Link}
  284.  
  285. {block:Chat}<span class="class1">{block:Title}
  286. <h3><a href="{Permalink}">{Title}</a></h3>
  287. {/block:Title}
  288. </center>
  289. <ul class="chat">
  290. {block:Lines}
  291. <li class="{Alt} user_{UserNumber}">
  292. {block:Label}
  293. <b> <span class="label">{Label}</span></b>
  294. {/block:Label}{Line}
  295. </li>
  296. {/block:Lines}
  297. </ul><div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  298. {block:PermalinkPage}<div id="permalinkpage">
  299. {block:HasTags}
  300. <ul class="tags">
  301. <center> {block:Tags}
  302.  
  303. <a href="{TagURL}">{Tag}</a>/
  304.  
  305. {/block:Tags}</center>
  306. </ul>
  307. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}</span>{/block:Chat}
  308.  
  309. {block:Audio}<span class="class1">{block:AlbumArt}
  310. <img src="{AlbumArtURL}">
  311. {/block:AlbumArt}<br>
  312.  
  313. {AudioPlayer}</center>
  314.  
  315. {block:Caption}
  316. <div class="caption">{Caption}</div>
  317. {/block:Caption}<div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  318. {block:PermalinkPage}<div id="permalinkpage">
  319. {block:HasTags}
  320. <ul class="tags">
  321. <center> {block:Tags}
  322.  
  323. <a href="{TagURL}">{Tag}</a>/
  324.  
  325. {/block:Tags}</center>
  326. </ul>
  327. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}</span>{/block:Audio}
  328.  
  329. {block:Video}<span class="class1"> {Video-500}</center>
  330.  
  331. {block:Caption}
  332. <div class="caption">{Caption}</div>
  333. {/block:Caption}<div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  334. {block:PermalinkPage}<div id="permalinkpage">
  335. {block:HasTags}
  336. <ul class="tags">
  337. <center> {block:Tags}
  338.  
  339. <a href="{TagURL}">{Tag}</a>/
  340.  
  341. {/block:Tags}</center>
  342. </ul>
  343. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}</span>{/block:Video}
  344.  
  345.  
  346. {block:Answer}<span class="class1"><b><img src="{AskerPortraitURL-30}"> {Asker}{block:Answerer} asked {Answerer}{/block:Answerer}<div id="question">{Question}</div></b><br>{Answer}<div id="postbar"><div id="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div><div id="time">{block:Date}{24HourWithZero}:{Minutes} {/block:Date}</div></div><p>
  347. {block:PermalinkPage}<div id="permalinkpage">
  348. {block:HasTags}
  349. <ul class="tags">
  350. <center> {block:Tags}
  351.  
  352. <a href="{TagURL}">{Tag}</a>/
  353.  
  354. {/block:Tags}</center>
  355. </ul>
  356. {/block:HasTags}<p>{block:PostNotes}<p>{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage}</span>{/block:Answer}
  357. </div>
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367. </body>
  368. </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!