API tools faq
paste
bsethemes

shane theme

bsethemes
Feb 6th, 2015
4,265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2.  
  3. <!---base code #1 by ewzayns
  4.  
  5. _______ __ __ .____ __ __ .____ ____ _ _
  6. ' / | | / | | / / \ `. /
  7. | |___| |__. |\ /| |__. |,_-< `./
  8. | | | | | \/ | | | ` ,'
  9. / / / /----/ / / /----/ `----' _-'
  10.  
  11.  
  12.  
  13.  
  14. ____ _____ .____ _______ __ __ .____ __ __ .____ _____
  15. / \ ( / ' / | | / | | / (
  16. |,_-< `--. |__. | |___| |__. |\ /| |__. `--.
  17. | ` | | | | | | | \/ | | |
  18. `----' \___.' /----/ / / / /----/ / / /----/ \___.'
  19.  
  20.  
  21.  
  22. -don't change or remove credit
  23. -don't take bits of the code
  24. -don't claim theme as yours
  25. -for any questions, feedback or theme requests please don't hesitate to contanct me!!!
  26.  
  27. -->
  28. <title>{Title}</title>
  29. {block:description}<meta name="description" content="{MetaDescription}"/>{block:description}
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  32.  
  33.  
  34.  
  35.  
  36. <meta name="color:background" content="#ffffff"/>
  37. <meta name="color:text" content="#000000"/>
  38. <meta name="color:bold" content="#000000"/>
  39. <meta name="color:italic" content="#000000"/>
  40. <meta name="color:links" content="#787878"/>
  41. <meta name="color:hover" content="#e0e0e0"/>
  42. <meta name="color:border" content="#eee"/>
  43. <meta name="color:notebookbackground" content="#fff"/>
  44.  
  45. <meta name="image:background" content=""/>
  46. <meta name="image:sidebar" content=""/>
  47.  
  48. <meta name="if:InfiniteScroll" content="0">
  49. <meta name="if:captions" content="1">
  50. <meta name="if:SidebarTitle" content="1">
  51. <meta name="if:BackgroundCover" content="1">
  52. <meta name="if:Tags" content="0">
  53.  
  54. <meta name="text:sidebar title" content="this is ur title"/>
  55.  
  56. <!---here is the metas for your links! if you'd like to add more links to your sidebar, just copy link and the link url metas and change the numbers--->
  57. <meta name="text:link 1" content="link 1"/>
  58. <meta name="text:link 1 url" content="/"/>
  59. <meta name="text:link 2" content="link 2"/>
  60. <meta name="text:link 2 url" content="/"/>
  61. <meta name="text:link 3" content="link 3"/>
  62. <meta name="text:link 3 url" content="/"/>
  63. <meta name="text:link 4" content="link 4"/>
  64. <meta name="text:link 4 url" content="/"/>
  65.  
  66. {block:ifInfiniteScroll}
  67.  
  68. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  69.  
  70. {/block:ifInfiniteScroll}
  71.  
  72. <script type="text/javascript">
  73. WebFontConfig = {
  74. google: { families: [ 'Source+Code+Pro::latin' ] }
  75. };
  76. (function() {
  77. var wf = document.createElement('script');
  78. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  79. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  80. wf.type = 'text/javascript';
  81. wf.async = 'true';
  82. var s = document.getElementsByTagName('script')[0];
  83. s.parentNode.insertBefore(wf, s);
  84. })(); </script>
  85.  
  86.  
  87. <style type="text/css">
  88.  
  89.  
  90.  
  91. /*---this is where CSS begins!!! Wooooooooo---*/
  92.  
  93. ::-webkit-scrollbar-thumb {
  94. height:auto;
  95. background-color:{color:notebookbackground};
  96. }
  97.  
  98. ::-webkit-scrollbar {
  99. height:9px;
  100. width:4px;
  101. background-color:{color:border};
  102. }
  103.  
  104. /*---the styling of the entire page---*/
  105. body {
  106. background-image: url('{image:background}');
  107. {block:ifBackgroundCover}
  108. background-size:cover;
  109. background-repeat:no-repeat;
  110. background-attachment:fixed;
  111. background-position:center;
  112. {/block:ifBackgroundCover}
  113. {block:ifnotBackgroundCover}
  114. background-repeat:repeat;
  115. {/block:ifnotBackgroundCover}
  116. background-color:{color:background};
  117. font-family: 'Source Code Pro';
  118. font-size:12px;
  119. color:{color:text};
  120. }
  121.  
  122. /*---styling of the links---*/
  123. a {
  124. color:{color:links};/*---the color of the links---*/
  125. text-decoration:none;/*---like underline, line-through, etc--*/
  126. font-weight:normal;/*---bolded, italics, etc---*/
  127. /*---below is for transitions, see. like, for hovering---*/
  128. -moz-transition-duration:0.5s;/*---this one is for Mozilla Firefox---*/
  129. -webkit-transition-duration:0.5s;/*---this one is for Chrome---*/
  130. -o-transition-duration:0.5s;/*---this one is for Opera---*/
  131. }
  132.  
  133. /*---this determines what happens when you hover over links---*/
  134. a:hover {
  135. color:{color:hover};
  136. text-decoration:none;
  137. -moz-transition-duration:0.5s;
  138. -webkit-transition-duration:0.5s;
  139. -o-transition-duration:0.5s;
  140. }
  141.  
  142. /*---here you can customize the headers, such as post title---*/
  143. h1 {
  144. font-size:18px;
  145. font-family: 'Source Code Pro';
  146. font-weight:bold, italic;
  147. letter-spacing:-1px;
  148. color:{color:bold};
  149. }
  150.  
  151. /*---here is where you edit your sidebar---*/
  152. #sidebar {
  153. width:250px;/*---change the width of the sidebar---*/
  154. height:200px;/*---the height---*/
  155. margin-left:200px;/*---move the sidebar left or right (raising the number moves it right)---*/
  156. margin-top:135px;/*---move the sidebar up or down (raising the number moves it down)---*/
  157. position:fixed;/*---don't touch this---*/
  158. }
  159.  
  160. /*---the sidebar title, you can delete this if you don't want it---*/
  161. #sidebartitle {
  162. font-family: 'Source Code Pro';
  163. margin-bottom:3px;
  164. font-size:25px;/*---size of font---*/
  165. color:{color:text};/*---color of font---*/
  166. letter-spacing:-2px;/*---spacing between letters---*/
  167. text-transform:none;/*---like if you want it lowercase or uppercase---*/
  168. -moz-transition-duration:0.7s;
  169. -webkit-transition-duration:0.7s;
  170. -o-transition-duration:0.7s;
  171. }
  172.  
  173. /*--this is the same as the links btw--*/
  174. #sidebartitle a {
  175. color:{color:text};
  176. -moz-transition-duration:0.7s;
  177. -webkit-transition-duration:0.7s;
  178. -o-transition-duration:0.7s;
  179. }
  180.  
  181. #sidebartitle a:hover {
  182. color:{color:hover};
  183. border:1px solid {color:border};
  184. -moz-transition-duration:0.7s;
  185. -webkit-transition-duration:0.7s;
  186. -o-transition-duration:0.7s;
  187. }
  188.  
  189. /*--this is the sidebar image. not much too it, just edit its width and height here--*/
  190. #sidebarimage {
  191. position:fixed;
  192. width:250px;
  193. height:150px;
  194. }
  195.  
  196. /*--this is the actual styling of the image--*/
  197. #sidebarimage img {
  198. width:250px;
  199. height:150px;
  200. }
  201.  
  202. #links {
  203. width:240px;
  204. margin-top:150px;
  205. padding:5px;/*--padding makes sure that things are smushed together because that just looks bad unless you're going for that look idk--*/
  206. font-family: 'arial';
  207. font-size:12.5px;
  208. text-align:left;
  209. text-transform:lowercase;
  210. color:{color:links};
  211. border-bottom:1px solid #000; /*--this here is the line below the links btw--*/
  212. }
  213.  
  214. #links a {
  215. color:{color:links};
  216. -moz-transition-duration:0.5s;
  217. -webkit-transition-duration:0.5s;
  218. -o-transition-duration:0.5s;
  219. }
  220.  
  221. #links a:hover {
  222. color:{color:hover};
  223. -moz-transition-duration:0.5s;
  224. -webkit-transition-duration:0.5s;
  225. -o-transition-duration:0.5s;
  226. }
  227.  
  228. /*--edit your description here!!--*/
  229. #description {
  230. width:240px;
  231. font-size:11px;
  232. font-family: 'Source Code Pro';
  233. font-weight:italic;
  234. letter-spacing:1px;
  235. text-align:left;
  236. padding:5px;
  237. }
  238.  
  239. /*--this is like your "next page" "back page" thingy here...it's pretty basic so....--*/
  240. {block:ifnotInfiniteScroll}
  241. #pagination {
  242. text-align:center;
  243. margin-top:5px;/*--how far it is from the description--*/
  244. letter-spacing:1px;
  245. }
  246. {block:ifnotInfiniteScroll}
  247.  
  248. /*--this determines where your posts go and shit, same as sidebar--*/
  249. #entries {
  250. padding:20px;
  251. width:430px;
  252. margin-left:535px;
  253. margin-top:-570px;
  254. max-height:510px;
  255. overflow:auto;
  256. position:absolute;
  257. z-index:1;
  258. }
  259.  
  260. /*--this is the customization of each individual post--*/
  261. #post {
  262. width:400px;
  263. padding-bottom:20px;
  264. z-index:10;
  265. }
  266.  
  267. /*--this is all the info like the source, via who, etc. --*/
  268. #postinfo {
  269. text-align:center;
  270. margin-top:10px;
  271. border-top:1px; solid {color:border};
  272. padding-top:5px;
  273. }
  274.  
  275. #notebook {
  276. content: url(http://i59.tinypic.com/4i9z.png);
  277. margin-left:450px;
  278. margin-top:10px;
  279. height:600px;
  280. }
  281.  
  282. .something {
  283. width:529px;
  284. height:589px;
  285. background:{color:notebookbackground};
  286. opacity:.7;
  287. margin-top:-590px;
  288. margin-left:500px;
  289. position:absolute;
  290. z-index:-1;
  291. }
  292.  
  293. .somethingborder {
  294. margin-top:-590px;
  295. margin-left:500px;
  296. width:529px;
  297. height:589px;
  298. -webkit-box-shadow: 10px 10px 0px 0px {color:border};
  299. -moz-box-shadow: 10px 10px 0px 0px {color:border};
  300. box-shadow: 10px 10px 0px 0px {color:border};
  301. }
  302.  
  303. /*--this is for your asks posts---*/
  304. #asker {
  305. float:left;
  306. padding:2px;
  307. margin-top:-2px;
  308. margin-right:5px;
  309. }
  310.  
  311. #credit {
  312. position:fixed;
  313. font-size:10px;
  314. font-weight:bold;
  315. line-height:150%;
  316. letter-spacing:2px;
  317. right:10px;
  318. bottom:10px;
  319. text-transform:lowercase;
  320. padding:3px;
  321. text-align:center;
  322. background:white;
  323. border-bottom:1px solid black;
  324. border-right:1px solid black;
  325. border-left:1px solid gray;
  326. border-top:1px solid gray;
  327. -moz-transition-duration:0.999999999999999s;
  328. -webkit-transition-duration:0.999999999999999s;
  329. -o-transition-duration:0.999999999999999s;
  330. }
  331.  
  332. #credit:hover{
  333. border:1px solid white;
  334. -moz-transition-duration:0.999999999999999s;
  335. -webkit-transition-duration:0.999999999999999s;
  336. -o-transition-duration:0.999999999999999s;
  337.  
  338. }
  339.  
  340.  
  341. </style>
  342.  
  343.  
  344. </head>
  345.  
  346. <body>
  347.  
  348. <!--this is the actual layout of your theme!!-->
  349. <div id="sidebar">
  350. {block:ifSidebarTitle}<div id="sidebartitle"><a href="/">{text:sidebar title}</a></div>{block:ifSidebarTitle}
  351. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  352. <div id="links">
  353. <a href="{text:link 1 url}">{text:link 1}</a>
  354. <a href="{text:link 2 url}">{text:link 2}</a>
  355. <a href="{text:link 3 url}">{text:link 3}</a>
  356. <a href="{text:link 4 url}">{text:link 4}</a>
  357. </div>
  358. <div id="description">{Description}</div><!---if you want to put your description above your links, cut and past this above the <div id="links">--->
  359. {block:ifnotInfiniteScroll}
  360. <div id="pagination">
  361. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  362. {block:NextPage}– <a href="{NextPage}">next</a>{/block:NextPage}
  363. {/block:Pagination}
  364. </div>
  365. {/block:ifnotInfiniteScroll}
  366. </div>
  367.  
  368. <div id="notebook"></div><div class="something"></div><div class="somethingborder"></div>
  369. <div id="entries">{block:ifInfiniteScroll}<div class = "autopagerize_page_element" >{/block:ifInfiniteScroll}{block:Posts}<div id="post">
  370.  
  371. <!--text posts-->
  372. {block:Text}<h1>{block:Title}<big><big>{Title}</big></big>{/block:Title}</h1>{Body}{/block:Text}
  373.  
  374. <!--photo and photoset posts-->
  375. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{/block:Photo}
  376.  
  377. {block:Photoset}{Photoset-400}{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{/block:Photoset}
  378.  
  379. <!--quote posts-->
  380. {block:Quote}<big><b><i>"{Quote}"</i></b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  381.  
  382. <!--link posts-->
  383. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  384.  
  385. <!--chat posts-->
  386. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  387.  
  388. <!--video posts-->
  389. {block:Video}{Video-400}{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{/block:Video}
  390.  
  391. <!--audio posts-->
  392. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  393. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  394. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  395. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  396. {/block:Audio}<br>
  397.  
  398. <!--asks posts-->
  399. {block:Answer}<div id="question"><img src="{AskerPortraitURL-24}"></div><big><i>{Asker} asked:</big></i><br>{Question}<p>{Answer}{/block:Answer}
  400.  
  401. <!--post info such as tags and notes-->
  402. <div id="postinfo">on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}</a>{/block:Date}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}%</a>&nbsp;&nbsp;&nbsp;&nbsp; {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> {/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}"> <a href="{SourceURL}"> src</a>{/block:ContentSource}{/block:RebloggedFrom}
  403.  
  404. {block:ifTags}
  405. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:ifTags}</div></div>
  406.  
  407. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes} {/block:Posts}
  408. {block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}</div></div></div></div>
  409. </div>
  410.  
  411. </div>
  412.  
  413. </div>
  414.  
  415. <!--put your url in here if you made significant changes! if not, LEAVE IT BE-->
  416. <div id="credit"><a href="http://bsethemes.tumblr.com/">bsethemes</a></div>
  417.  
  418. <!--you done bruh-->
  419. </body>
  420. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!