API tools faq
paste
Advertisement
sleeplessthemes

Triangle Theme

sleeplessthemes
Aug 9th, 2012
3,313
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <!-- Please keep my credit on this theme. Or at least link
  5. me as the creator on your blog somewhere. Thanks! =)
  6.  
  7. Triangle Theme by: destroyer.tumblr.com | sleeplessthemes.com
  8. Triangle Theme by: destroyer.tumblr.com | sleeplessthemes.com
  9. Triangle Theme by: destroyer.tumblr.com | sleeplessthemes.com
  10. Triangle Theme by: destroyer.tumblr.com | sleeplessthemes.com
  11. Triangle Theme by: destroyer.tumblr.com | sleeplessthemes.com
  12. Triangle Theme by: destroyer.tumblr.com | sleeplessthemes.com
  13. -->
  14.  
  15. <html>
  16. <head>
  17. <!-- DEFAULT COLORS -->
  18. <meta name="color:background" content="#18171c"/>
  19. <meta name="color:triangle" content="#302f36"/>
  20. <meta name="color:post" content="#38363e"/>
  21. <meta name="color:Text" content="#94919e"/>
  22. <meta name="color:text headers" content="#afacbb"/>
  23. <meta name="color:bold text" content="#ccc9d8"/>
  24. <meta name="color:label background" content="#2b2a30"/>
  25. <meta name="color:link" content="#64616f"/>
  26. <meta name="color:link hover" content="#18171c"/>
  27. <meta name="color:scrollbar" content="#44424c" />
  28. <meta name="color:scrollbar track" content="#2b2a30" />
  29. <meta name="color:icon border" content="#44424c" />
  30. <meta name="color:notes link" content="#7f7d89" />
  31. <meta name="color:notes hover" content="#2b2a30" />
  32. <meta name="color:notes background" content="#44424c" />
  33. <meta name="color:navigation bar" content="#2b2a30" />
  34. <meta name="text:navigation title" content="Navigation"/>
  35.  
  36.  
  37. <meta name="image:Background" content=""/>
  38.  
  39. <meta name="if:Show Infinite Scroll" content="1" />
  40. <meta name="if:Show Photo Caption" content="1" />
  41.  
  42. <meta name="text:Font Size" content="10px"/>
  43. <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  44.  
  45. <meta name="text:Custom Link One" content="" />
  46. <meta name="text:Custom Link One Title" content="" />
  47. <meta name="text:Custom Link Two" content="" />
  48. <meta name="text:Custom Link Two Title" content="" />
  49. <meta name="text:Custom Link Three" content="" />
  50. <meta name="text:Custom Link Three Title" content="" />
  51. <meta name="text:Custom Link Four" content="" />
  52. <meta name="text:Custom Link Four Title" content="" />
  53.  
  54.  
  55. <title>{Title}</title>
  56. <link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
  57. <link rel="shortcut icon" href="{Favicon}">
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  59. {block:Description}
  60. <meta name="description" content="{MetaDescription}" />
  61. {/block:Description}
  62.  
  63. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfShowInfiniteScroll}
  64.  
  65. <style type="text/css">
  66. body{
  67. text-align:justify;
  68. color: {color:Text};
  69. font-family: {font:Body};
  70. font-size: {text:Font Size};
  71. line-height: 12px;
  72. background-color: {color:background};
  73. background-image:url({image:Background});
  74. background-attachment: fixed;
  75. background-position:bottom center;
  76. background-repeat: repeat;}
  77.  
  78. a, a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
  79. font-family: arial;
  80. font-size: 10px; line-height:14px; }
  81. a:hover{color: {color:link hover};}
  82.  
  83. #tumblr_controls{
  84. position:fixed!important;}
  85.  
  86. b, strong{
  87. color:{color:bold text};
  88. font-family: {font:Body};
  89. font-size: {text:Font Size};
  90. line-height: 12px;}
  91.  
  92. ::-webkit-scrollbar {
  93. width: 12px;
  94. height: 12px;
  95. background: {color:scrollbar};}
  96.  
  97. ::-webkit-scrollbar-thumb {
  98. background-image:url();
  99. background-color: {color:scrollbar track};
  100. -webkit-border-radius: 0ex;
  101. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);}
  102.  
  103. ::-webkit-scrollbar-corner {
  104. background: #transparent;}
  105.  
  106. #triangle {
  107. margin-top: 60px;
  108. margin-left:auto;
  109. margin-right:auto;
  110. overflow:hidden;
  111. width: 0;
  112. height: 0;
  113. border-bottom: 680px solid {color:triangle};
  114. border-left: 440px solid transparent;
  115. border-right: 440px solid transparent;}
  116.  
  117.  
  118. #triangleNest {
  119. position:absolute;
  120. top:300px;
  121. margin-left:-130px;
  122. width: 280px;
  123. height: 430px;
  124. overflow: auto;
  125. color: {color:Text};
  126. font-family: {font:Body};
  127. font-size: {text:Font Size};
  128. line-height: 12px;
  129. background-color: transparent;}
  130.  
  131. #entry {
  132. position: relative;
  133. float:left;
  134. z-index:6;
  135. background-color: {color:post};
  136. overflow: visible;
  137. width:250px;
  138. height: auto;
  139. padding: 4px;
  140. margin:0px 0px 8px 0px;}
  141.  
  142.  
  143. #info {
  144. position: relative;
  145. float:left;
  146. z-index:6;
  147. background-color: {color:post};
  148. overflow: visible;
  149. width:250px;
  150. height: auto;
  151. padding: 4px;
  152. margin:0px 0px 8px 0px;}
  153.  
  154. #notes {
  155. position: relative;
  156. float:left;
  157. z-index:6;
  158. background-color: {color:post};
  159. overflow: visible;
  160. width:250px;
  161. height: auto;
  162. padding: 4px;
  163. margin:0px 0px 8px 0px;}
  164.  
  165.  
  166. #sidebar {
  167. border-right: 3px solid {color:sidebar border};
  168. overflow:hidden;
  169. top:0px;
  170. margin-left:-276px;
  171. left:50%;
  172. position:fixed;
  173. background-color:{color:sidebar};
  174. width: 128px;
  175. height: 100%;
  176. padding: 6px;
  177. color:{color:sidebar text};}
  178.  
  179. #sidebar b {
  180. color:{color:sidebar bold text};}
  181.  
  182. #sidebar a {
  183. color:{color:sidebar link};}
  184.  
  185. #sidebar a:hover {
  186. color:{color:sidebar link hover};}
  187.  
  188. p{
  189. margin-top:0px;
  190. margin-bottom:0px;}
  191.  
  192. #question{
  193. overflow:SHOW;
  194. padding-bottom:3px;
  195. margin-bottom:3px;}
  196.  
  197. #askr{
  198. display:block;
  199. float:left;
  200. width:33px;
  201. overflow:hidden;
  202. margin-right:3px;}
  203.  
  204. ul {
  205. list-style: disc;
  206. padding: 4px 0px 6px 20px;}
  207.  
  208. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  209.  
  210. blockquote img{display:block; width:100%;}
  211.  
  212. blockquote p{padding:0px; margin:0px;}
  213.  
  214. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  215.  
  216. #bottominfo{
  217. padding:2px 0px 0px 0px;
  218. display:block;}
  219.  
  220. .answer p{margin:0px;}
  221. .notes img{
  222. width:10px;
  223. position:relative;
  224. top:1px;}
  225.  
  226. ol.notes, .notes li{
  227. list-style:none;
  228. margin:0px;
  229. padding:0px;}
  230.  
  231. small {font-size:8px; line-height:8px; letter-spacing:0px;}
  232. big {font-family:arial black; color:{color:text}; font-size:14px;}
  233.  
  234.  
  235.  
  236. a img{border:none;}
  237.  
  238. .label {
  239. color: {color:bold text};font-weight: bold; line-height:12px;}
  240.  
  241. .odd {
  242. background-color: {color:label background};}
  243.  
  244. h2 {
  245. font-size: 12px;
  246. line-height: 14px;
  247. font-family: arial;
  248. font-weight: bold;
  249. text-transform: uppercase;
  250. letter-spacing: -1px;
  251. color: {color:text headers};
  252. text-align:left;}
  253.  
  254.  
  255. a.links1 {
  256. color:{color:link};
  257. text-align:center;
  258. text-transform: uppercase;
  259. font-family:consolas;
  260. font-weight:bold;
  261. font-size:8px;
  262. line-height:22px;
  263. letter-spacing:1px;
  264. -webkit-transition-property:color, text;
  265. -webkit-transition-duration: .2s;
  266. -moz-transition-duration: .2s;
  267. -webkit-transition-timing-function: linear, ease-in;
  268. margin-bottom:4px;}
  269.  
  270.  
  271. a.links1:hover {
  272. color:{color:link hover};
  273. -webkit-transition-duration: .2s;
  274. -moz-transition-duration: .2s;}
  275.  
  276.  
  277. #ask {
  278. color: {color:Text};
  279. -moz-border-radius: 6px; /* Firefox */
  280. -webkit-border-radius: 6px; /* Safari, Chrome */
  281. border-radius: 6px; /* CSS3 */
  282. behavior: url(http://static.tumblr.com/eptm5us/QyKlzgosw/border-radius.htc);
  283. font-size:10px;
  284. line-height:12px;
  285. background-color: {color:notes background};
  286. padding:10px;
  287. margin-bottom:8px;}
  288.  
  289.  
  290. img.middle {
  291. vertical-align:middle;
  292. margin-bottom:3px;}
  293.  
  294.  
  295.  
  296. a.notez {
  297. color: {color:notes link};
  298. font-family: consolas;
  299. font-size: 8px;
  300. line-height: 10px;
  301. letter-spacing:2px;
  302. text-transform: uppercase;
  303. -webkit-transition-property:color, text;
  304. -webkit-transition-duration: .2s;
  305. -moz-transition-duration: .2s;
  306. -webkit-transition-timing-function: linear, ease-in;}
  307.  
  308. a.notez:hover {color: {color:notes hover};
  309. -webkit-transition-duration: .2s;
  310. -moz-transition-duration: .2s;}
  311.  
  312. .audio {
  313. height: 28px;
  314. width: 26px;
  315. overflow: hidden;
  316. margin: auto;
  317. padding-top: 7px;}
  318.  
  319. .audioc {
  320. background-image:url('http://static.tumblr.com/f1whv92/9iCl6bfgp/audiocircle.png');
  321. background-repeat: no-repeat;
  322. height: 41px;
  323. width: 41px;}
  324.  
  325. .links_list {
  326. margin-left:auto;
  327. margin-right:auto;
  328. padding:0px; width:880px; height:12px; background-color:{color:navigation bar};}
  329.  
  330. .links_head {
  331. padding-top:0px; padding-bottom:0px; font-family: consolas;
  332. font-size: 10px; text-transform: uppercase;
  333. line-height: 10px; cursor:pointer; position:relative; margin:0px; text-align:center;}
  334.  
  335. .links_body {
  336. padding:0px; text-align:center; color: #fff; display:none;}
  337.  
  338.  
  339. .links_list2 {z-index:10000;
  340. position:absolute;
  341. margin-left:-202px;
  342. top:100px;
  343. padding:2px; width:400px; height:26px; background-color:transparent;}
  344.  
  345. .links_head2 {z-index:10000;
  346. padding-top:0px; padding-bottom:2px; font-family: consolas;
  347. font-size: 20px; text-transform: uppercase;
  348. line-height: 10px; cursor:pointer; position:relative; margin:0px; text-align:center;}
  349.  
  350. .links_body2 {
  351. overflow:auto;
  352. width:400px;
  353. height:164px;
  354. margin-top:6px;
  355. opacity:0.6;
  356. filter: alpha(opacity=60);
  357. -moz-opacity:0.6;
  358. background-color:{color:scrollbar track};
  359. z-index:10000;
  360. text-align:justify;
  361. color: {color:Text};
  362. font-family: {font:Body};
  363. font-size: {text:Font Size};
  364. line-height: 12px;
  365. padding:4px; display:none;}
  366.  
  367.  
  368. a.navz {
  369. font-size: 200px;
  370. line-height: 202px;
  371. font-family: arial black;
  372. text-transform: uppercase;
  373. font-weight: normal;
  374. letter-spacing: 3px;
  375. color:{color:scrollbar track};
  376. padding-right:4px;
  377. -webkit-transition-property:color, text;
  378. -webkit-transition-duration: .2s;
  379. -moz-transition-duration: .2s;
  380. -webkit-transition-timing-function: linear, ease-in;}
  381.  
  382. a.navz:hover {
  383. color:{color:text headers};
  384. -webkit-transition-duration: .2s;
  385. -moz-transition-duration: .2s;}
  386.  
  387. {CustomCSS}
  388. </style>
  389.  
  390. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  391.  
  392. <script type="text/javascript" src="http://static.tumblr.com/j4dtzbm/TKllubdk7/scrolltopcontrol.js"></script>
  393.  
  394. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  395. </script>
  396. <script type="text/javascript">
  397. $(document).ready(function(){
  398. $(".links_body").hide();
  399. $(".links_head").click(function(){
  400. $(this).next(".links_body").slideToggle('fast');
  401. }); }); </script>
  402.  
  403. <script type="text/javascript">
  404. $(document).ready(function(){
  405. $(".links_body2").hide();
  406. $(".links_head2").click(function(){
  407. $(this).next(".links_body2").slideToggle('fast');
  408. }); }); </script>
  409.  
  410. </head>
  411.  
  412.  
  413. <body>
  414.  
  415.  
  416. <div id="triangle">
  417.  
  418.  
  419.  
  420. <div class="links_list2">
  421. <p class="links_head2">+</p>
  422. <div class="links_body2">
  423. {block:Description}{Description}{/block:Description}
  424. </div></div>
  425.  
  426.  
  427.  
  428. {block:Pagination}
  429. <div style="top:500px; left:50%; position:absolute; margin-left:-340px;">
  430.  
  431. {block:PreviousPage}<a href="{PreviousPage}" class="navz">◄</a>{/block:PreviousPage}
  432. </div>
  433.  
  434. <div style="top:500px; left:50%; position:absolute; margin-left:150px;">
  435.  
  436. {block:NextPage}<a href="{NextPage}" class="navz">►</a>{/block:NextPage}
  437. </div>
  438. {/block:Pagination}
  439.  
  440.  
  441.  
  442.  
  443. <div style="top:146px; position:absolute; z-index:600; margin-left:-70px; width:128px; height:128px; border: 6px solid {color:icon border};
  444. -moz-border-radius: 128px; /* Firefox */
  445. -webkit-border-radius: 128px; /* Safari, Chrome */
  446. border-radius: 128px; /* CSS3 */">
  447. <a href="http://{name}.tumblr.com"><img src="{PortraitURL-128}" width="128" height="128" style="-moz-border-radius: 128px; /* Firefox */
  448. -webkit-border-radius: 128px; /* Safari, Chrome */
  449. border-radius: 128px; /* CSS3 */" ></a></div>
  450.  
  451.  
  452. <div id="triangleNest">
  453.  
  454.  
  455. <div class="autopagerize_page_element">
  456. {block:Posts}
  457. <div id="entry">
  458.  
  459.  
  460.  
  461. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  462.  
  463. {block:Photo}
  464. {block:IndexPage}
  465. <center><a href="{permalink}"><img src="{PhotoURL-500}" width="250" border="0"></a></center>
  466. {block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}
  467. {/block:IndexPage}
  468.  
  469. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="250" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  470.  
  471. {block:Photoset}<center>{block:IndexPage}{Photoset-250}
  472. {block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:IndexPage}{block:PermalinkPage}{Photoset-250}{block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  473.  
  474. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  475.  
  476. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  477.  
  478. {block:Chat}
  479. {block:Title}{Title}{/block:Title}
  480. {block:Lines}
  481. {block:Label}
  482. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  483. <span class="line">{Line}</span></div>
  484. {/block:Label}
  485. {/block:Lines}
  486. {/block:Chat}
  487.  
  488. {block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{block:IfNotHidePhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaption}{/block:IndexPage}
  489.  
  490. {block:PermalinkPage}<div id="video">{Video-250}</div>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</center>
  491. {/block:Video}
  492.  
  493. {block:Audio}
  494. <center>
  495. <div class="audioc">
  496. <div class="audio">{AudioPlayerBlack}</div>
  497. </div>
  498. </center>
  499.  
  500. {block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}
  501. {/block:Audio}
  502.  
  503. {block:Answer}
  504. <div id="ask"><img src="{AskerPortraitURL-24}" style="width:24px; height:24px; vertical-align:middle; padding-right:4px;">{Asker} Asked: {Question}</div>
  505. <p>{Answer}</p>
  506. {/block:Answer}
  507.  
  508. {block:IndexPage}
  509. <div style="background-color:{color:notes background}; width:auto; height:12px; padding-top:2px; padding-bottom:4px; margin-top:4px;
  510. "><center><a href="{Permalink}" class="notez">{NoteCountWithLabel}</a> - <a href="{Permalink}" class="notez">{TimeAgo}</a> - <a href="{ReblogURL}" class="notez">Reblog</a></center></div>{/block:IndexPage}
  511.  
  512. </div>
  513.  
  514.  
  515. {block:PermalinkPage}
  516. {block:Date}
  517. <div id="info"><div id="bottominfo">
  518.  
  519. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  520.  
  521. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  522.  
  523. {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
  524.  
  525. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  526.  
  527. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  528.  
  529. </div></div>
  530. {/block:Date}
  531. {/block:PermalinkPage}
  532.  
  533.  
  534. {block:PostNotes}
  535. <div id="notes">{PostNotes}</div>
  536. {/block:PostNotes}
  537.  
  538. {/block:Posts}
  539. </div> </*Infinite Scroll*/>
  540. </div> </*WTF*/>
  541. </div>
  542.  
  543.  
  544. <div class="links_list">
  545. <p class="links_head">{text:navigation title}</p>
  546. <div class="links_body">
  547. <center>
  548. <a href="http://{name}.tumblr.com" class="links1">Home</a>
  549. {block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
  550.  
  551. {block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}
  552.  
  553. {block:HasPages}
  554. {block:Pages}
  555. <a href="{URL}" class="links1">{Label}</a>
  556. {/block:Pages}
  557. {/block:HasPages}
  558.  
  559. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  560.  
  561. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  562.  
  563. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  564.  
  565. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  566. <a href="http://sleeplessthemes.com" class="links1">Theme</a>
  567. </center>
  568.  
  569. </div></div>
  570.  
  571.  
  572. </body>
  573. </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!