Advertisement
urbanbutts

theme 07

Oct 16th, 2013
613
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.77 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC
  3. "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5.  
  6. <!--
  7.  
  8. ~*~ theme by joanvvatsons base code provided by doctormcoy~*~
  9.  
  10. hello pls dont be a stinky poo poo child keep the credit intact
  11.  
  12. -->
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17.  
  18. <!---T O O L T I P S 1--->
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  20.  
  21. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22.  
  23. <script>
  24.  
  25. (function($){
  26.  
  27. $(document).ready(function(){
  28.  
  29. $("a[title]").style_my_tooltips({
  30.  
  31. tip_follows_cursor:true,
  32.  
  33. tip_delay_time:90,
  34.  
  35. tip_fade_speed:600,
  36.  
  37. attribute:"title"
  38.  
  39. });
  40.  
  41. });
  42.  
  43. })(jQuery);
  44.  
  45. </script>
  46.  
  47. <title>{Title}</title>
  48. <link rel="shortcut icon" href="{image:favicon}">
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50.  
  51. {block:Description}
  52. <meta name="description" content="{MetaDescription}"/>
  53. {/block:Description}
  54.  
  55.  
  56. <!-- C O L O U R -->
  57.  
  58. <meta name="color:background" content="#ffffff"/>
  59. <meta name="color:font" content="#a8a8a8"/>
  60. <meta name="color:link" content="#b8b8b8"/>
  61. <meta name="color:link hover" content="#f2f2f2"/>
  62.  
  63.  
  64. <!---T E X T --->
  65.  
  66. <meta name="text:Ask Title" content="" />
  67. <meta name="text:Home Title" content="" />
  68. <meta name="text:Link 1 URL" content="" />
  69. <meta name="text:Link 1 Title" content="" />
  70. <meta name="text:Link 2 URL" content="" />
  71. <meta name="text:Link 2 Title" content="" />
  72. <meta name="text:Link 3 URL" content="" />
  73. <meta name="text:Link 3 Title" content="" />
  74.  
  75. <!-- I M A G E -->
  76.  
  77. <meta name="image:sidebar" content=""/>
  78. <meta name="image:favicon" content=""/>
  79.  
  80. <!-- IF -->
  81.  
  82. <meta name="if:Show Caption" content="1" />
  83. <meta name="if:Show Tags" content="1" />
  84. <meta name="if:Favicon" content="image:favicon" />
  85. <meta name="if:custom cursor" content="1" />
  86.  
  87. <style type="text/css">
  88.  
  89. /*- C U R S O R -*/
  90.  
  91. {block:ifcustomcursor}*, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}{/block:ifcustomcursor}
  92.  
  93. /*- S C R O L L B A R -*/
  94.  
  95.  
  96. ::-webkit-scrollbar-thumb{
  97. background-color: #a8a8a8;
  98. width:5px;
  99. height:auto;
  100. }
  101.  
  102. ::-webkit-scrollbar {
  103. height:7px;
  104. width:5px;
  105. background-color: #a8a8a8;
  106. border: 2px solid #fff;
  107. }
  108.  
  109.  
  110.  
  111. /*---B O D Y---*/
  112. body {
  113. font-style:none;
  114. background:{color:background};
  115. margin:0px; color:{color:Font};
  116. font-family:cambria;
  117. font-size:9px;
  118. line-height:100%;
  119. }
  120.  
  121. blockquote {
  122. border-left:1px solid #b8b8b8;
  123. padding-left:2px;
  124. margin:5px;
  125. }
  126.  
  127. a {
  128. color:{color:Link}
  129. }
  130.  
  131. a {
  132. text-decoration:none;
  133. -webkit-transition:all 0.5s ease-in-out;
  134. -moz-transition:all 0.5s ease-in-out;
  135. -o-transition:all 0.5s ease-in-out;
  136. -ms-transition:all 0.5s ease-in-out;
  137. -transition:all 0.5s ease-in-out;
  138. }
  139.  
  140. a:hover {
  141. color:{color:Link Hover}
  142. }
  143.  
  144. /*---T O O L T I P S P A R T 1---*/
  145. #s-m-t-tooltip {
  146. max-width:300px;
  147. padding:3px 4px 5px 4px;
  148. margin:20px 0px 0px 20px;
  149. background-color:#fff;
  150. border:1px solid #5e5e5e;
  151. font-family:cambria;
  152. font-size:8px;
  153. letter-spacing:1px;
  154. text-transform:uppercase;
  155. color:#5e5e5e;
  156. z-index:999999999999999999999999999999999999;
  157. }
  158.  
  159. img {
  160. max-height:100%;
  161. }
  162.  
  163. h1 , h2 {
  164. font-family:cambria;
  165. text-transform:none;
  166. font-size:8px;
  167. line-height:30px;
  168. letter-spacing:0px;
  169. text-align:center;
  170. font-style:none;
  171. }
  172.  
  173. /*---ENTRIES/POSTS---*/
  174. #entry {
  175. width:400px;
  176. margin-top:50px;
  177. }
  178.  
  179. #posts {
  180. width:400px;
  181. padding-bottom:100px;
  182. font-style:none;
  183. border:0px solid #ececec;
  184. padding:15px;
  185. margin-left:550px;
  186. margin-bottom:50px;
  187. }
  188.  
  189. /* --- SIDEBAR ---*/
  190. #sidebar {
  191. width:110px;
  192. position:fixed;
  193. margin-left:200px;
  194. margin-top:180px;
  195. }
  196.  
  197. #sidebar {
  198. width:110px;
  199. }
  200.  
  201. #sidebarimage img {
  202. margin-left:95px;
  203. width:110px;
  204. max-height:750px;
  205. margin-top:0px;
  206. padding:5px;
  207. padding-bottom:0px;
  208. }
  209.  
  210. #nav {
  211. position:fixed;
  212. overflow:hidden;
  213. margin-top:150px;
  214. margin-left:315px;
  215. }
  216.  
  217. #link1 a, #link2 a, #link3 a, #link4 a, #link 5
  218.  
  219. #title {
  220. font-family:cambria;
  221. text-align:center;
  222. margin-top:-129px;
  223. padding-bottom:0px;
  224. text-transform:none;
  225. font-style:normal;
  226. font-size:9px;
  227. }
  228.  
  229. #description {
  230. width:110px;
  231. font-family:cambria;
  232. line-height:100%;
  233. font-size:9px;
  234. margin-top: 18px;
  235. margin-left: 107px;
  236. padding-bottom:5px;
  237. text-align:center;
  238. font-style:italic;
  239. }
  240.  
  241. #links {
  242. position: fixed;
  243. font-family:cambria;
  244. padding-top: 0px;
  245. padding-bottom: 5px;
  246. margin-top: 2px;
  247. margin-left: 120px;
  248. padding-left: 0px;
  249. padding-right: 0px;
  250. letter-spacing: 1px;
  251. height: 10px;
  252. width: 110px;
  253.  
  254. }
  255.  
  256. #links a {
  257. padding 5px;
  258. padding-top: 0px;
  259. padding-bottom: 1px;
  260. padding-right:2px;
  261. padding-left:2px;
  262. margin-bottom: 5px;
  263. font-size: 8px;
  264. font-style:normal;
  265. text-align:center;
  266. text-transform:none;
  267. width: 50px;
  268. }
  269.  
  270. /*---ASKS/INFO---*/
  271. #questions {
  272. background-color:#ffffff;
  273. color:{color:Font};
  274. margin-left:0px;
  275. padding:5px;
  276. margin-top:5px;
  277. margin-bottom:5px;
  278. font-family:cambria;
  279. font-size:9px;
  280. font-style:normal;
  281. text-align:center;
  282. }
  283.  
  284. #answers {
  285. background-color:#ffffff;
  286. color:{color:Font};
  287. padding:2px;
  288. font-family:cambria;
  289. font-size:9px;
  290. font-style:normal;
  291. text-align:justify;
  292. }
  293.  
  294. .note {
  295. padding:0px 20px 0px 20px;
  296. background-color:#ffffff;
  297. text-transform:lowercase;
  298. letter-spacing:0px;
  299. font-size: 8px;
  300. font-style:normal;
  301. text-align:right;
  302. line-height:120%;
  303. }
  304.  
  305. .note li {
  306. list-style-type:none;
  307. padding:5px 25px 5px 25px;
  308. text-align:right;
  309. margin-right:30px;
  310. margin-top:-50px;
  311. }
  312.  
  313. #info {
  314. font-family:cambria;
  315. text-align:right;
  316. margin-top:10px;
  317. padding-top:10px;
  318. padding:0px;
  319. padding-bottom:1px;
  320. font-style:none;
  321. font-size:9px;
  322. line-height:100%;
  323. }
  324.  
  325. #RebloggedFrom {
  326. font-family:cambria;
  327. text-align:right;
  328. margin-top:-5px;
  329. padding-bottom:0px;
  330. font-style:none;
  331. font-size:9px;
  332. }
  333.  
  334. /*---TAGS---*/
  335. #tags {
  336. font-family:cambria;
  337. text-align:left;
  338. margin-top:0px;
  339. padding-bottom:0px;
  340. font-style:none;
  341. font-size:10px;
  342. }
  343.  
  344. /*---PAGINATION---*/
  345. #pagi{
  346. width:175px;
  347. font-size:8px;
  348. text-align:center;
  349. margin-left:72px;
  350. margin-top:8px;
  351. position:fixed;
  352. font-family:cambria;
  353. letter-spacing:0px;
  354. }
  355.  
  356. /*---CREDIT---*/
  357. #cred {
  358. position:fixed;
  359. color:{color:Font};
  360. bottom:15px;
  361. right:15px;
  362. font-size:8px;
  363. padding:5px;
  364. text-transform:uppercase;
  365. border:1px solid; padding: 2px 3px 2px 3px;
  366. border-color: #b8b8b8
  367. }
  368.  
  369.  
  370. /*---END CSS---*/
  371.  
  372. {CustomCSS}</style></head><body>
  373.  
  374. <!---SIDEBAR--->
  375. <div id="sidebar">
  376. <div id="sidebarimage"><img src="{image:Sidebar}"/></div><br>
  377. <div id="links">
  378. <a title="{text:Home Title}"href="/">I</a>
  379. <a title="{text:Ask Title}"href="/ask">II</a>
  380. <a title="{text:Link 1 Title}"href="{text:Link 1 URL}">III</a>
  381. <a title="{text:Link 2 Title}"href="{text:Link 2 URL}">IV</a>
  382. <a title="{text:Link 3 Title}"href="{text:Link 3 URL}">V</a>
  383. </div>
  384. <div id="description">{Description}</div>
  385.  
  386. <div id="scrollbar">{scrollbar}</div>
  387.  
  388. <div id="pagination">
  389. {block:Pagination}<div id="pagi">
  390. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  391. {block:JumpPagination length="5"}
  392. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  393. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  394. {/block:JumpPagination}
  395. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  396. </div>{/block:Pagination}
  397.  
  398. {block:HasPages}
  399. {block:Pages}
  400. <a href="{URL}">{Label}</a>
  401. {/block:Pages}
  402. {/block:HasPages}
  403.  
  404. </div></center>
  405. </div>
  406. <!---END SIDEBAR--->
  407.  
  408. <!---POSTS--->
  409. <div id="entry">
  410. {block:Posts}
  411. <div id="posts">
  412.  
  413. <!---TEXT POSTS--->
  414. {block:Text}
  415. <h1>
  416. {block:Title}
  417. {Title}
  418. {/block:Title}
  419. </h1>
  420. {Body}
  421. {/block:Text}
  422.  
  423. {block:blockquote}
  424. {/block:blockquote}
  425.  
  426. <!---PHOTO POSTS--->
  427. {block:Photo}
  428. <center>
  429. {LinkOpenTag}
  430. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  431. {LinkCloseTag}
  432. </center>
  433. {block:ifshowcaption}{block:Caption}
  434. {Caption}
  435. {/block:Caption}
  436. {/block:ifshowcaption}
  437. {/block:Photo}
  438.  
  439. <!---PHOTOSET POSTS--->
  440. {block:Photoset}
  441. <center>
  442. {Photoset-500}
  443. </center>
  444. {block:ifshowcaption}{block:Caption}
  445. <i>{Caption}</i>
  446. {/block:Caption}
  447. {/block:ifshowcaption}
  448. {/block:Photoset}
  449.  
  450. <!---QUOTE POSTS--->
  451. {block:Quote}
  452. {Quote}<p>
  453. <center>
  454. {block:Source}
  455. —{Source}
  456. {/block:Source}
  457. </center>
  458. {/block:Quote}
  459.  
  460. <!---LINK POSTS--->
  461. {block:Link}
  462. <h1>
  463. <a href="{URL}"{Target}>{Name}</a>
  464. </h1>
  465. {block:Description}
  466. {Description}
  467. {/block:Description}
  468. {/block:Link}
  469. <!---CHAT POSTS--->
  470. {block:Chat}
  471. {block:Title}
  472. <h1>
  473. {Title}
  474. </h1>
  475. {/block:Title}
  476. {block:Lines}
  477. {block:Label}
  478. <b>{Label}</b>
  479. {/block:Label}
  480. {Line}<br>
  481. {/block:Lines}
  482. {/block:Chat}
  483. <!---AUDIO POSTS--->
  484. {block:Audio}
  485. {AudioPlayerBlack}
  486. {block:ifshowcaption}{block:Caption}
  487. {Caption}
  488. {/block:Caption}{/block:ifshowcaption}
  489. {/block:Audio}
  490. <!---VIDEO POSTS--->
  491. {block:Video}
  492. {Video-500}
  493. {block:ifshowcaption}{block:Caption}
  494. {Caption}
  495. {/block:Caption}
  496. {/block:ifshowcaption}
  497. {/block:Video}
  498. <!---ASK POSTS--->
  499. {block:Answer}
  500. <div id="questions">
  501. <a href="{askerURL}"><b>{Asker}</b> whispered:
  502. {Question}
  503. </div>
  504. <div id="answers">{Answer}</div>
  505. {/block:answer}
  506.  
  507. <!---END POSTS--->
  508.  
  509. <!---POST INFO--->
  510. <div id="details">
  511. <br><a href="{Permalink}">{TimeAgo} </a> with <a href="{Permalink}">♥{NoteCount}</a>
  512.  
  513. {block:ContentSource} <a href="{SourceURL}"> © <a href="{SourceURL}"></a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  514.  
  515. <!---END POST INFO--->
  516.  
  517. <!---TAGS--->
  518. <div id="tags">
  519. {block:HasTags}
  520. {block:Tags}
  521. <a href="{TagURL}">#{Tag} </a>&nbsp;
  522. {/block:Tags}
  523. {/block:HasTags}
  524. </div>
  525.  
  526. <!---POST NOTES--->
  527. {block:PostNotes}
  528. {PostNotes}
  529. {/block:PostNotes}
  530. </div>
  531.  
  532. <!---CREDIT--->
  533. <div id="cred">
  534. <a title="joanvvatsons"href="http://joanvvatsons.tumblr.com/">THEME</a>
  535. </div>
  536. </div>
  537. </body>
  538. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement