Advertisement
lennonthemes

bonivurs

May 28th, 2013
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.95 KB | None | 0 0
  1. <!---Theme by bonivur, keep all credit or you will be reported :)--->
  2.  
  3. <html>
  4. <head>
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  13.  
  14.  
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#333333"/>
  18. <meta name="color:Link" content="#717581"/>
  19. <meta name="color:Hover" content="#333333"/>
  20. <meta name="color:Border" content="#969696"/>
  21.  
  22.  
  23.  
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:Sidebar" content="http://25.media.tumblr.com/d00ca8b0061a4510f2e67fee4aea8755/tumblr_ml0tvygva51r8j1j3o3_250.gif"/>
  26.  
  27.  
  28.  
  29. <meta name="text:Link1" content="/" />
  30. <meta name="text:Link1 Title" content="" />
  31. <meta name="text:Link2" content="/" />
  32. <meta name="text:Link2 Title" content="" />
  33.  
  34.  
  35. <style type="text/css"> #candywrapper {
  36. /*this is where you control what the whole updates tab looks like*/
  37.  
  38. /*how far apart the letters are spaced*/
  39. letter-spacing:1px;
  40.  
  41. /*how the text is aligned; it could be center, left, right, or justify*/
  42. text-align: center;
  43.  
  44. /*font size*/
  45. font-size: 9px;
  46.  
  47. /*dont touch*/
  48. position:fixed;
  49.  
  50. /*how far from the left the updates tab is*/
  51. left:0px;
  52.  
  53. /*how far from the top the updates tab is*/
  54. top:-142px;
  55.  
  56. /*dont touch the three lines below ok*/
  57. -webkit-transition: all .5s ease-in-out;
  58. -moz-transition: all .5s ease-in-out;
  59. -o-transition: all .5s ease-in-out;
  60. z-index:99;
  61. }
  62.  
  63. #candywrapper:hover {
  64. /*this is where you control what the whole tab looks like when you hover*/
  65.  
  66. /*how far from the top the updates tab will be when you hover*/
  67. top:-30px;
  68.  
  69. /*dont touch the three lines below ok*/
  70. -webkit-transition: all .5s ease-in-out;
  71. -moz-transition: all .5s ease-in-out;
  72. -o-transition: all .5s ease-in-out;}
  73.  
  74. #in {
  75. color:#999; /*this is the color of the text within the tab; pick one from colorpicker.com*/
  76.  
  77. /*this is the font of the text*/
  78. font-family:georgia;
  79.  
  80. /*title tab border style. it can be dotted or dashed; just remember to change it on all four lines!*/
  81. border-style:solid;
  82.  
  83. /*border width*/
  84. border-width:1px;
  85.  
  86. /*border color*/
  87. border-color:#999;
  88.  
  89. /*dont touch*/
  90. padding: 40px 10px 10px 10px;
  91.  
  92. /*background color*/
  93. background:#fff;
  94.  
  95. /*text alignment; could be right, left, center, justify*/
  96. text-align:center;
  97.  
  98. /*font size of the updates box*/
  99. font-size:7px;
  100.  
  101. /*width of the updates box*/
  102. width:90px;
  103.  
  104. /*height of the updates box*/
  105. height:90px;
  106.  
  107. /*dont touch*/
  108. z-index: 9999;
  109. }
  110.  
  111.  
  112. #titletab {
  113. /* the title tab where it says "updates"; if you want to change the text "updates" then command+f (control+f if on pc) and look for the word "updates"*/
  114.  
  115. /*background color of the title tab*/
  116. background:#fff;
  117.  
  118. /*color of title tab text*/
  119. color:#999;
  120.  
  121. /*title tab text letter spacing*/
  122. letter-spacing:0px;
  123.  
  124. /*dont touch*/
  125. border-top-style:none;
  126.  
  127. /*title tab border style. it can be dotted or dashed; just remember to change it on all four lines!*/
  128. border-right-style:solid;
  129. border-bottom-style:solid;
  130. border-left-style:solid;
  131.  
  132. /*font of the title tab*/
  133. font-family:georgia;
  134.  
  135. /*font size of title tab*/
  136. font-size:8px;
  137.  
  138. /*border color of title tab*/
  139. border-color:#999;
  140.  
  141. /*border width of title tab*/
  142. border-width:1px;
  143.  
  144. /*how the text is aligned; could be right, left, justify, or center*/
  145. text-align: center;
  146.  
  147. /*height of title tab*/
  148. height:5px;
  149.  
  150. /*dont touch*/
  151. padding: 3px 0 7px 0;
  152.  
  153. /*change the border radius on all of these lines if you want the tab to be rounded!*/
  154. border-bottom-right-radius: 0px;
  155. -moz-border-bottom-right-radius: 0px;
  156. -webkit-border-bottom-right-radius: 0px;
  157.  
  158. /*dont touch the three lines below ok*/
  159. -webkit-transition: all .5s ease-in-out;
  160. -moz-transition: all .5s ease-in-out;
  161. -o-transition: all .5s ease-in-out;
  162. }
  163.  
  164. ::-webkit-scrollbar {height: auto;width: 6px;}
  165. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  166. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  167.  
  168. body {
  169. background:{color:background};
  170. background-image: url('{image:background}') no-repeat fixed center;;
  171. margin:0px;
  172. color:{color:text};
  173. font-family:consolas;
  174. font-size:10px;
  175. line-height:100%;
  176. }
  177.  
  178. a {
  179. text-decoration:none;
  180. outline:none;
  181. -moz-outline-style:none;
  182. color:{color:link};
  183. -webkit-transition: all 0.5s ease;
  184. -moz-transition: all 0.5s ease;
  185. -o-transition: all 0.5s ease
  186. }
  187.  
  188. img {
  189. border:none;
  190. }
  191.  
  192. blockquote blockquote {
  193. padding-left:5px;
  194. border-left:1px solid;
  195. }
  196.  
  197. h1 {
  198. font-size:12px;
  199. font-family:consolas;
  200. text-transform:uppercase;
  201. }
  202.  
  203. a:hover {
  204. opacity:10;
  205. color:{color:hover};
  206. -webkit-transition: all 0.7s ease;
  207. -moz-transition: all 0.7s ease;
  208. -o-transition: all 0.7s ease
  209. }
  210.  
  211. small{
  212. font-size:9px;
  213. line-height:110%
  214. }
  215.  
  216. big {
  217. font-size:12px;
  218. line-height:110%
  219. }
  220.  
  221. b, strong{
  222. color:{color:text}
  223. }
  224. i, em {
  225. color:{color:text}
  226. }
  227. p{
  228. margin-top:5px;
  229. margin-bottom:5px
  230. }
  231. blockquote {
  232. padding:0px;
  233. padding-left:5px;
  234. margin:5px;
  235. border-left:1px dotted {color:text}
  236. }
  237.  
  238. blockquote img {
  239. max-width:300px
  240. }
  241.  
  242. ul, li img {
  243. max-with:250px
  244. }
  245.  
  246. .audio {width:500px;height:160px;}
  247. .albumart {width:150px;height:150px;position:absolute; border:1px dotted {color:text}; padding:2px;}
  248. .albumart img {width:150px;height:150px;float:left;}
  249. .playercontainer {display:block;width:150px;height:150px;background-color:#ffffff;position:absolute;}
  250. .player {margin-left:36px;margin-top:36px;width:25px;height:25px;
  251. overflow:hidden;background-color:white;}
  252. .audioinfo {margin-left:160px;float:left;width:200px;padding:2px;margin-top:2px;}
  253.  
  254. #entries {
  255. padding:10px;
  256. width:500px;
  257. margin-left:600px;
  258. margin-top:85px;
  259. }
  260.  
  261.  
  262. #post {
  263. width:500px;
  264. padding-bottom:3px;
  265. font-family:consolas;
  266. opacity:1;
  267. }
  268.  
  269. #sidebar {
  270. width:120px;
  271. position:fixed;
  272. margin-left:320px;
  273. margin-top:150px;
  274. opacity:1;
  275. }
  276.  
  277. #sidebarimage img{
  278. width:120px;
  279. padding:3px;
  280. border:0.5px solid;
  281. border-color: {color:Border};
  282. -webkit-transition: all 0.5s ease;
  283. -moz-transition: all 0.5s ease;
  284. -o-transition: all 0.5s ease
  285. }
  286.  
  287. #links {
  288. font-family:consolas;
  289. font-size:11px;
  290. opacity:1;
  291. text-align:center;
  292. padding-top:54px;
  293. letter-spacing:1px;
  294. text-transform:uppercase;
  295. padding-bottom:5px;
  296. margin-top:-50px;
  297. margin-left:8px;
  298. }
  299.  
  300. #description {
  301. padding:5px;
  302. font-size:10px;
  303. font-style:italic;
  304. opacity: 0.8;
  305. text-align:center;
  306. margin-top:-2px;
  307. margin-left:6px;
  308. }
  309.  
  310. #pagination {
  311. font-size:16px;
  312. text-align:center;
  313. color:{color:link};
  314. font-family:consolas;
  315. letter-spacing:2px;
  316. margin-left:11px;
  317. }
  318.  
  319. #info {
  320. text-align:center;padding:5px;
  321. margin-top:5px;
  322. margin-bottom:10px;
  323. text-transform: uppercase;
  324. font-family:consolas;
  325. font-size:9px;
  326. }
  327.  
  328. #tags {
  329. font-family:consolas;
  330. letter-spacing:1px;
  331. text-transform:italic;
  332. font-size:9px;
  333. margin-top:4px;
  334. a {display:inline; background-color:{color:linkb};
  335. padding:-4px;
  336. text-align:left;
  337. -webkit-transition: all 0.6s ease-in-out;
  338. -moz-transition: all 0.6s ease-in-out;
  339. -o-transition: all 0.6s ease-in-out;
  340. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  341.  
  342. #asker {
  343. float:left;
  344. margin-right:5px;
  345. }
  346.  
  347. #asked {
  348. font-family:consolas;
  349. text-transform:lowercase;
  350. letter-spacing:1px;
  351. padding-bottom:3px;
  352. }
  353.  
  354. #notes {
  355. font-family:consolas;
  356. text-transform:lowercase;
  357. font-size:9px;
  358. }
  359.  
  360. #question {
  361. font-family:consolas;
  362. font-style:italic;
  363. font-size:10px;
  364. }
  365.  
  366. #answer {
  367. font-family:consolas;
  368. text-transform:uppercase;
  369. font-size:10px;
  370. }
  371.  
  372. {CustomCSS}</style></head><body>
  373. <div id="candywrapper">
  374. <div id="in">
  375. TYPE STUFF HERE!!!!!!!!!!
  376. </div>
  377. <div id="titletab">box title here</div>
  378. </div>
  379.  
  380. <div id="sidebar">
  381. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  382. <div id="links">
  383. <a href="/">home</a>
  384. <a href="/ask">mail</a>
  385. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  386. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  387. <a href="http://bonivur.tumblr.com/">©</a> <!---think about it...It's not right so leave it!--->
  388. </div>
  389.  
  390. <div id="description">{Description}</div>
  391.  
  392. {block:Pagination}<div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">←<>/a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</div>{/block:Pagination}
  393. </div>
  394.  
  395. <div id="entries">{block:Posts}<div id="post">
  396.  
  397. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  398.  
  399. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  400.  
  401. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  402.  
  403. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  404.  
  405. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  406.  
  407. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  408.  
  409. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  410. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  411. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  412. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  413. {/block:Audio}
  414.  
  415. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  416.  
  417. {block:Answer}<div id="asker"></div><div id="asked">{Asker} asked: {Question} {Answer}{/block:Answer}
  418.  
  419. <div id="info"> posted <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}
  420. {block:ContentSource}<a href="{SourceURL}">(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags" st>
  421. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  422. {/block:Posts}
  423. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  424. {/block:Posts}</div></div></div>
  425.  
  426.  
  427.  
  428. </body>
  429. <!--- dont remove! --->
  430. <div style="position:fixed; top:35px; right:5px;font-size:12px;">
  431. <a href="http://bonivur.tumblr.com">bonivur © </a></div>
  432. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement