Advertisement
Guest User

sundayrps theme 1 "confident"

a guest
Feb 17th, 2014
671
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.10 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10.  
  11. <!---
  12. sunday edits a theme:
  13. THEME 001 'CONFIDENT' BY SUNDAY RPS
  14.  
  15. original theme:
  16. theme 5 "CLASSIC" by curlyrps
  17. • do NOT redistribute
  18. • editing for personal use is totally welcome
  19. • come to me if you'd like to release an edited version
  20. • taking little snippets and putting them into your own coding is STILL stealing and i WILL ask you to take said snippet down
  21. • don't take images from the static preview
  22. • thank you for using this theme, have fun! :-)
  23. --->
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#a8a8a8"/>
  27. <meta name="color:postbg" content="#000000"/>
  28. <meta name="color:Border" content="#dddddd"/>
  29. <meta name="color:Hover" content="#f2f2f2"/>
  30. <meta name="color:Scrollbar" content="#000000"/>
  31. <meta name="color:ScrollbarBg" content="#ffffff"/>
  32. <meta name="color:Post Links" content="#c0bfbf"/>
  33. <meta name="color:links" content=""/>
  34. <meta name="color:sidebarbg" content=""/>
  35. <meta name="color:descriptionbox" content=""/>
  36.  
  37. <meta name="image:Background" content=""/>
  38. <meta name="image:sidebar" content=""/>
  39. <meta name="image:sidebar2" content=""/>
  40. <meta name="image:title" content=""/>
  41.  
  42. <meta name="text:link 1 label" content="" />
  43. <meta name="text:link 2 label" content="" />
  44. <meta name="text:link 3 label" content="" />
  45. <meta name="text:link 1" content=""/>
  46. <meta name="text:link 2" content=""/>
  47. <meta name="text:link 3" content=""/>
  48.  
  49. <style type="text/css">
  50.  
  51. #tumblr_controls{
  52.  
  53. position:fixed !important;
  54.  
  55. -webkit-filter: invert(100%);
  56.  
  57. }
  58.  
  59. ::-webkit-scrollbar-thumb {
  60. height:auto;
  61. border:1px solid {color:ScrollbarBg};
  62. background-color:{color:Scrollbar};
  63. }
  64.  
  65. ::-webkit-scrollbar {
  66. height:9px;
  67. width:6px;
  68. background-color:{color:ScrollbarBg};
  69. }
  70.  
  71. body {
  72. background:{color:background};
  73. margin:0px;
  74. color:{color:text};
  75. font-family:'arial';
  76. font-size:11px;
  77. line-height:100%;
  78. letter-spacing:0px;
  79. text-align:justify;
  80. background-image:url('{image:background}');
  81. background-attachment:fixed;
  82. }
  83.  
  84. li {
  85. list-style-type:square;
  86. }
  87.  
  88. a {
  89. text-decoration:none;
  90. outline:none;
  91. -moz-outline-style:none;
  92. color:{color:Post Links};
  93. }
  94.  
  95. img {
  96. border:none;
  97. }
  98.  
  99. blockquote {
  100. padding-left:5px;
  101. border-left:2px solid;
  102. }
  103.  
  104. blockquote blockquote {
  105. padding-left:5px;
  106. border-left:2px solid;
  107. }
  108.  
  109. h1 {
  110. font-size:20px;
  111. text-transform:lowercase;
  112. font-family:'helvetica';
  113. font-style:bold;
  114. text-align:right;
  115. color:{color:post links};
  116. padding:5px;
  117. }
  118.  
  119. h1:first-letter {
  120. text-transform:lowercase;
  121. }
  122.  
  123. h1 a{
  124. color:{color:post links};
  125. }
  126.  
  127. h2 {
  128. font-size:20px;
  129. text-transform:lowercase;
  130. font-family:'helvetica';
  131. background-color:{color:postbg};
  132. font-style:bold;
  133. text-align:right;
  134. color:{color:post links};
  135. padding:5px;
  136. }
  137.  
  138. h2:first-letter {
  139. text-transform:lowercase;
  140. }
  141.  
  142. h2 a{
  143. color:{color:post links};
  144. }
  145.  
  146. h9 {
  147. text-align:right;
  148. font-family:'trebuchet ms';
  149. letter-spacing:1px;
  150. padding:3px;
  151. font-size:7px;
  152. font-style:none;
  153. line-height:10px;
  154. text-transform:lowercase;
  155. background-color:{color:postbg};
  156. }
  157.  
  158. h9 a{
  159. text-align:right;
  160. font-family:'trebuchet ms';
  161. letter-spacing:1px;
  162. font-size:7px;
  163. font-style:none;
  164. padding:3px;
  165. line-height:10px;
  166. text-transform:lowercase;
  167. background-color:{color:postbg};
  168. }
  169.  
  170. a:hover {
  171. color:{color:hover};
  172. -moz-transition-duration:0.3s;
  173. -webkit-transition-duration:0.3s;
  174. -o-transition-duration:0.3s;
  175. }
  176.  
  177. #s-m-t-tooltip {
  178.  
  179. max-width:300px;
  180. background-color:{color:postbg};
  181. font-size:9px;
  182. font:"arial";
  183. color:{color:text};
  184. letter-spacing:1px;
  185. text-transform:lowercase;
  186. padding:5px;
  187. margin:20px 0px 0px 20px;
  188. z-index:9999999999999999999999;
  189. }
  190.  
  191. /*ENTRIES*/
  192.  
  193. #entries {
  194. padding:10px;
  195. width:500px;
  196. margin-left:602px;
  197. margin-top:-20px;
  198. font-size:11px;
  199. font-family:'arial';
  200. letter-spacing:0px;
  201. }
  202.  
  203. #post {
  204. width:500px;
  205. padding-bottom:40px;
  206. padding:25px;
  207. margin-top:50px;
  208. background-color:{color:postbg};
  209. }
  210.  
  211. /*SIDEBAR*/
  212.  
  213. #sidebar {
  214. width: 400px;
  215. z-index:99999;
  216. }
  217.  
  218. #sidebar img {
  219. width:400px;
  220. z-index:9;
  221. margin-top:130px;
  222. margin-left:110px;
  223. z-index:99999;
  224. height:200px;
  225. position:fixed;
  226. outline:1px solid {color:border};
  227. outline-offset:3px;
  228. }
  229.  
  230. #sidebar2 {
  231. width: 400px;
  232. z-index:99999;
  233. }
  234.  
  235. #sidebar2 img {
  236. width:400px;
  237. z-index:9;
  238. margin-top:432px;
  239. margin-left:110px;
  240. z-index:99999;
  241. height:200px;
  242. position:fixed;
  243. outline:1px solid {color:border};
  244. outline-offset:3px;
  245. }
  246.  
  247. .slinks {
  248. text-align:center;
  249. font-family:'arial';
  250. font-size:14px;
  251. color:{color:text};
  252. position:fixed;
  253. margin-top:339.65px;
  254. margin-left:106px;
  255. }
  256.  
  257. .slinks a {
  258. width:190px;
  259. margin-bottom:-15px;
  260. height:12px;
  261. text-align:center;
  262. padding:5.5px;
  263. letter-spacing:1px;
  264. color:{color:Text};
  265. font-family:'arial';
  266. background-color:{color:links};
  267. font-size:8px;
  268. text-align:center;
  269. display:block;
  270. }
  271.  
  272. .slinks a:hover {
  273. background-color:{color:descriptionbox};
  274.  
  275. }
  276.  
  277. #description {
  278. text-align:left;
  279. font-family:'arial';
  280. padding:14px;
  281. width:172px;
  282. height:55px;
  283. text-align:center;
  284. margin-top:340px;
  285. margin-left:314px;
  286. background-color:{color:descriptionbox};
  287. font-size:9px;
  288. position:fixed;
  289. text-transform:none;
  290. }
  291.  
  292. #description a{
  293. color:{color:Text};
  294. }
  295.  
  296. #sidebarbg {
  297. width:500px;
  298. height:1000%;
  299. margin-left:60px;
  300. margin-top:0px;
  301. background-color:{color:sidebarbg};
  302. position:fixed;
  303. z-index:-9999999;
  304. }
  305.  
  306. #pagination {
  307. margin-top:101px;
  308. margin-left:106px;
  309. position:fixed;
  310. width:399px;
  311. height:10px;
  312. text-align:center;
  313. padding:5px;
  314. font-family:'arial';
  315. color:{color:postbg};
  316. background-color:{color:links};
  317. font-size:8px;
  318. text-align:center;
  319. }
  320.  
  321. #pagination a {
  322. color:{color:Text};
  323. }
  324.  
  325.  
  326.  
  327. /*POST INFO*/
  328.  
  329. #info {
  330. width:500px;
  331. text-align:right;
  332. font-family:'trebuchet ms';
  333. margin-top:-6px;
  334. margin-left:0px;
  335. letter-spacing:1px;
  336. color:{color:text};
  337. font-size:7px;
  338. font-style:none;
  339. padding:1px;
  340. line-height:10px;
  341. text-transform:uppercase;
  342. z-index:99999;
  343. }
  344.  
  345. #info a {
  346. text-align:center;
  347. color:{color:Post Links};
  348. }
  349.  
  350. #info a:hover {
  351. -moz-transition-duration:0.3s;
  352. -webkit-transition-duration:0.3s;
  353. -o-transition-duration:0.3s;
  354. color:{color:Hover}
  355. }
  356.  
  357. #line {
  358. border-top:1px solid {color:border};
  359. }
  360.  
  361. #tags {
  362. float:left;
  363. width:300px;
  364. margin-top:2px;
  365. margin-left:-5px;
  366. text-align:left;
  367. font-size:7px;
  368. padding:5px;
  369. font-size:8px;
  370. opacity:1;
  371. transition-duration: 0.5s;
  372. -moz-transition-duration: 0.5s;
  373. -webkit-transition-duration: 0.5s;
  374. -o-transition-duration: 0.5s
  375. color:{color:Post Links};
  376. }
  377.  
  378. #tags a {
  379. letter-spacing:0px;
  380. font-size:8px;
  381. text-align:center;
  382. font-family:'CALIBRI';
  383. text-decoration:none;
  384. display:inline-block;
  385. color:{color:Post Links};
  386. }
  387.  
  388. #tags a:hover {
  389. -moz-transition-duration:0.3s;
  390. -webkit-transition-duration:0.3s;
  391. -o-transition-duration:0.3s;
  392. color:{color:Hover};
  393. }
  394.  
  395. /*QUESTION*/
  396.  
  397. #asker {
  398. background-color:{color:background};
  399. padding:14px;
  400. font-family:'arial';
  401. font-size:11px;
  402. letter-spacing:0px;
  403. text-align:left;
  404. margin-top:0px;
  405. text-transform:lowercase;
  406. line-height:100%;
  407. color:{color:postbg};
  408. }
  409.  
  410. #asker a{
  411. color:{color:text};
  412. }
  413. /*CREDIT*/
  414.  
  415. #cred {
  416. position:fixed;
  417. font-family:'helvetica';
  418. background-color:{color:postbg};
  419. right:9px;
  420. bottom:9px;
  421. padding:5px;
  422. }
  423.  
  424. {CustomCSS}</style></head><body>
  425.  
  426. <!-- start of script tooltip -->
  427. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  428.  
  429. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  430.  
  431. <script>
  432.  
  433. (function($){
  434.  
  435. $(document).ready(function(){
  436.  
  437. $("a[title]").style_my_tooltips({
  438.  
  439. tip_follows_cursor:true,
  440.  
  441. tip_delay_time:10,
  442.  
  443. tip_fade_speed:60,
  444.  
  445. attribute:"title"
  446.  
  447. });
  448.  
  449. });
  450.  
  451. })(jQuery);
  452.  
  453. </script>
  454.  
  455. <img src="{image:title}"
  456. style="position:fixed;top:10px;left:60px;z-index:9999" /></a>
  457.  
  458. <div id="sidebarbg"></div>
  459.  
  460. <div id="sidebar">
  461. <img src="{image:sidebar}">
  462. </a>
  463. </div>
  464.  
  465. <div id="sidebar2">
  466. <img src="{image:sidebar2}">
  467. </a>
  468. </div>
  469.  
  470. <div id="description"><p>{Description}
  471. </div>
  472.  
  473. <div class="slinks">
  474. <a href="{text:link 1}">{text:link 1 label}</a><br><br>
  475. <a href="{text:link 2}">{text:link 2 label}</a><br><br>
  476. <a href="{text:link 3}">{text:link 3 label}</a><br><br>
  477. </div>
  478.  
  479. <div id="pagination">
  480. {block:Pagination}
  481. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  482. / {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  483. {/block:Pagination}
  484. </div>
  485.  
  486. <div id="entries">
  487. {block:Posts}
  488. <div id="post">
  489.  
  490. {block:Text}
  491. {block:Title}<h1>{Title}</h1>{/block:Title}
  492. {Body}{/block:Text}
  493.  
  494. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  495. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  496.  
  497. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  498. {/block:Caption}{/block:Photoset}
  499.  
  500. {block:Quote}<h2>"{Quote}"</h2>
  501. {block:Source}<div class="qsource"> —{Source}</div>
  502. {/block:Source}{/block:Quote}
  503.  
  504. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  505.  
  506. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  507.  
  508. {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>
  509. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  510. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  511. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  512. {/block:Audio}<br>
  513.  
  514. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  515.  
  516. {block:Answer}<div id="asker">{Question} — <span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  517.  
  518. <p></p><p>
  519. <div id="line"></div>
  520. <div id="info">
  521. <h9>
  522. <a href="{Permalink}">{TimeAgo}</a> ▲
  523. {block:RebloggedFrom} <a href="{ReblogParentURL}"> via </a>{/block:RebloggedFrom} ▲ {block:ContentSource} <a href="{SourceURL}"> source </a>{/block:ContentSource}
  524. ▲ {NoteCount}</a></h9>
  525. {block:HasTags}<div id="tags"><h9>filed under:</h9>
  526.  
  527. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  528. </div>{block:HasTags}
  529. </div>
  530. </div>
  531. {/block:Posts}
  532. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  533. {/block:Posts}</div></div></div>
  534. <br><br><br><br>
  535.  
  536. <div id="cred">
  537. <a href="http://curlyrps.tumblr.com/"><big><big>☯ ☯ ☯</big></big></a>
  538. </div>
  539. </div>
  540.  
  541. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement