API tools faq
paste
shutupstrax

Theme 3 by shutupstrax

shutupstrax
Oct 11th, 2013
346
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!---- THEME 2 BY SHUTUPSTRAX PLEASE DO NOT REMOVE THE CREDIT OR CLAIM AS YOUR OWN AND DON'T USE AS A BASE ANY QUESTIONS JUST ASK ME AND EDIT AS YOU WISH (...)--->
  4.  
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head><title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <link href='http://fonts.googleapis.com/css?family=Andika|Gentium+Basic|Arapey|Metrophobic' rel='stylesheet' type='text/css'>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Arapey' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  20.  
  21.  
  22.  
  23. <meta name="color:next" content="#b8b8b8"/>
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Sidebar" content="#ffffff"/>
  26. <meta name="color:Text" content="#a8a8a8"/>
  27. <meta name="color:Link" content="#b8b8b8"/>
  28. <meta name="color:Tags" content="f0f0f0"/>
  29. <meta name="color:Hover" content="#f2f2f2"/>
  30. <meta name="color:linkhover" content="#f2f2f2"/>
  31. <meta name="color:linkbackground" content="#f2f2f2"/>
  32. <meta name="color:Line" content="#f2f2f2"/>
  33. <meta name="color:Border" content="#e4e4e4"/>
  34. <meta name="color:Post" content="#ffffff"/>
  35. <meta name="color:Answer" content="#f8f8f8"/>
  36. <meta name="image:sidebar" content=""/>
  37. <meta name="image:sidebar2" content=""/>
  38. <meta name="image:background" content=""/>
  39. <meta name="text:Link 1" content="" />
  40. <meta name="text:Link 1 Text" content="" />
  41. <meta name="text:Link 2" content="" />
  42. <meta name="text:Link 2 Text" content="" />
  43. <meta name="text:Link 3" content="" />
  44. <meta name="text:Link 3 Text" content="" />
  45.  
  46.  
  47. <meta name="if:Show Link 1" content="1" />
  48. <meta name="if:Show Link 2" content="1" />
  49. <meta name="if:Show Link 3" content="1" />
  50.  
  51. <meta name="color:scrollbarbg" content="ffffff"/>
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. /* --- SCROLLBAR ---*/
  57.  
  58. ::-webkit-scrollbar {
  59. width: 5px;height: 5px;}
  60. ::-webkit-scrollbar-button:start:decrement,
  61. ::-webkit-scrollbar-button:end:increment {
  62. height: 6px;display: block;background-color: {color:white};}
  63. ::-webkit-scrollbar-track-piece {
  64. background-color: {color:scrollbarbg};}
  65. ::-webkit-scrollbar-thumb:vertical {
  66. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  67.  
  68.  
  69. /* --- BODY ---*/
  70.  
  71. body { background:{color:background};
  72. background-attachment:fixed;
  73. background-image: url('{image:Background}');
  74. background-repeat:no-repeat;
  75.  
  76. margin:0px;
  77. color:{color:text};
  78. font-family:Calibri;
  79. font-size:9px;
  80. line-height:100%;
  81. }
  82.  
  83. a {
  84. text-decoration:none;
  85. outline:none;
  86. -moz-outline-style:none;
  87. color:{color:link};
  88. }
  89.  
  90. img {
  91. border:none;
  92. }
  93.  
  94. blockquote {
  95. padding-left:5px;
  96. border-left:2px solid;
  97. }
  98.  
  99. blockquote blockquote {
  100. padding-left:5px;
  101. border-left:2px solid;
  102. }
  103.  
  104. h1 {
  105. font-size:9px;
  106. text-transform:uppercase;
  107. }
  108.  
  109. a:hover {
  110. opacity:10;
  111. color:{color:hover};
  112. -webkit-transition: all 0.7s ease;
  113. -moz-transition: all 0.7s ease;
  114. -o-transition: all 0.7s ease
  115. }
  116.  
  117. /* --- POST ENTRIES ---*/
  118.  
  119.  
  120. #entries {
  121. padding:10px;
  122. width:500px;
  123. margin-left:450px;
  124. margin-top:40px;
  125. font-size:10px;
  126. }
  127.  
  128. /* --- BODY: POSTS ---*/
  129.  
  130.  
  131. #post {
  132. width:500px;
  133. padding-bottom:20px;
  134. padding:10px;
  135. margin-top:15px;
  136. background-color:{color:Post};
  137. border-bottom:1px solid {color:Line}
  138. }
  139.  
  140.  
  141.  
  142.  
  143. /* --- SIDEBAR IMAGE ---*/
  144.  
  145.  
  146. #sidebar {border-style:solid;
  147. border-width:1px;
  148. width:320px;height:180px;
  149. position:fixed;
  150. margin-left:70px;
  151. margin-top:150px;
  152. opacity:1;
  153. background-color:{color:Sidebar};
  154. }
  155.  
  156. #sidebarimage {
  157. width 100px;
  158.  
  159. }
  160.  
  161. #sidebarimage img {border:1px solid #E6E6E6;
  162. margin-left:5px;
  163. border-radius:100px;
  164. width:100px;
  165. height:100px;
  166. margin-top:30px;
  167. padding:2px;
  168. border-color: {color:border};
  169. background-color:{color:Sidebar};
  170. -moz-transition-duration:1s;
  171. -webkit-transition-duration:1s;
  172. -o-transition-duration:1s;
  173. }
  174. #sidebarimage2 {margin-top:-8px;
  175. width 100px;
  176.  
  177. }
  178. #sidebarimage2 img {border:1px solid #E6E6E6;
  179. opacity:0;
  180. margin-top:-130px;
  181. margin-left:100px;
  182. border-radius:100px;
  183. width:100px;
  184. height:100px;
  185.  
  186. padding:2px;
  187. border-color: {color:border};
  188. background-color:{color:Sidebar};
  189. -moz-transition-duration:1s;
  190. -webkit-transition-duration:1s;
  191. -o-transition-duration:1s;
  192. }
  193.  
  194. /* --- SIDEBAR LINKS ---*/
  195. #sidebar:hover #sidebarimage2 img{margin-left:5px;
  196. opacity:1;
  197.  
  198. -moz-transition-duration:1s;
  199. -webkit-transition-duration:1s;
  200. -o-transition-duration:1s;
  201.  
  202. }
  203.  
  204. #sidebar:hover #sidebarimage img{margin-left:150px;
  205. opacity:0;
  206.  
  207. -moz-transition-duration:1s;
  208. -webkit-transition-duration:1s;
  209. -o-transition-duration:1s;
  210.  
  211. }
  212. /* --- SIDEBAR LINKS ---*/
  213.  
  214. .links {opacity:0;
  215. display:inline-block;
  216. line-height:300%;
  217.  
  218. width:105px;
  219. height:5px;
  220. padding: 9px;
  221. font-size:8px;
  222. font-family: 'Arapey', serif;
  223. text-align:center;
  224. margin-top:-145px;
  225. margin-left:-120px;
  226. text-align:center;
  227. text-transform:uppercase;
  228. word-spacing:2px;
  229. position:absolute;
  230. position:fixed;
  231. padding-bottom:7px;
  232. -moz-transition-duration:1s;
  233. -webkit-transition-duration:1s;
  234. -o-transition-duration:1s;
  235.  
  236. }
  237.  
  238. .links a {
  239. display:inline-block;
  240. background:#f3f3f3;
  241. width:120px;
  242. letter-spacing:1px;
  243. line-height:240%;
  244. margin-top:11px;
  245. margin-left:300px;
  246. color:#aaa;
  247. font-size: 8px;
  248. background-color:{color:linkbackground}
  249.  
  250. -webkit-transition: all 1s ease-in-out;
  251. -moz-transition: all 1s ease-in-out;
  252. -ms-transition: all 1s ease-in-out;
  253. -o-transition: all 1s ease-in-out;
  254. transition: all 1s ease-in-out;
  255.  
  256. }
  257.  
  258.  
  259. .links :hover { -webkit-transition: all 1s ease-in-out;
  260. -moz-transition: all 1s ease-in-out;
  261. -ms-transition: all 1s ease-in-out;
  262. -o-transition: all 1s ease-in-out;
  263. transition: all 1s ease-in-out;
  264. background-color:{color:linkhover}
  265.  
  266. }
  267.  
  268.  
  269. .links a:hover {
  270. color:{color:Hover}
  271. }
  272.  
  273. #sidebar:hover .links { margin-left:-155px;
  274. opacity:1; -moz-transition-duration:1s;
  275. -webkit-transition-duration:1s;
  276. -o-transition-duration:1s;
  277.  
  278. }
  279.  
  280. /* --- DESCRIPTION ---*/
  281.  
  282. #description {
  283. position:fixed;
  284. font-family: 'Arapey', serif;
  285. line-height:90%;
  286. font-size:10px;
  287. font-style:italic;
  288. width:180px;
  289. margin-top:-100px;
  290. padding:8px;
  291. margin-left:120px;
  292. text-align:justify;
  293. color:{color:text};
  294.  
  295. -moz-transition-duration:0.5s;
  296. -webkit-transition-duration:0.5s;
  297. -o-transition-duration:0.5s;
  298. }
  299.  
  300.  
  301.  
  302. #sidebar:hover #description {
  303. margin-left:140px;
  304. opacity:0;
  305.  
  306. -moz-transition-duration:0.5s;
  307. -webkit-transition-duration:0.5s;
  308. -o-transition-duration:0.5s;
  309.  
  310. }
  311.  
  312. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  313. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  314.  
  315. /* --- PAGINATION---*/
  316.  
  317.  
  318. #pagination {position:fixed;
  319. color:{color:next};
  320. width:100px;
  321. font-size:8px;
  322. text-align:center;
  323. margin-left:280px;
  324. margin-top:340px;
  325. position:fixed;
  326. font-family:consolas;
  327. letter-spacing:0px;;
  328. }
  329.  
  330. /* --- POST INFO ---*/
  331.  
  332.  
  333.  
  334. #info { font-family: 'Arapey', serif;
  335.  
  336. font-size:9px;
  337. text-align:center;
  338. opacity:0;
  339. margin-top:-10px;
  340. -webkit-transition-duration:1s;
  341. -moz-transition-duration:1s;
  342. -o-transition-duration:1s;}
  343.  
  344. #post:hover #info {
  345. margin-top:0px;
  346. opacity:1;
  347. -webkit-transition-duration:1s;
  348. -moz-transition-duration:1s;
  349. -o-transition-duration:1s;
  350. }
  351.  
  352. #info a{ -webkit-transition-duration:1s;
  353. -moz-transition-duration:1s;
  354. -o-transition-duration:1s;}
  355.  
  356.  
  357.  
  358. /* --- POST TAGS---*/
  359.  
  360.  
  361. #tags {
  362. font-family: 'Arapey', serif;
  363. letter-spacing:0px;
  364. text-transform:lowercase;
  365. font-size:10px;
  366.  
  367. margin-top:3px;
  368.  
  369. text-align:center;
  370. }
  371.  
  372. #tags
  373. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  374. -webkit-transition: all 0.6s ease-in-out;
  375. -moz-transition: all 0.6s ease-in-out;
  376. -o-transition: all 0.6s ease-in-out;
  377. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  378.  
  379.  
  380. /* --- QUESTIONS ---*/
  381.  
  382. #asker {
  383. padding:5px;
  384. font-family:cambria;
  385. letter-spacing:1px;
  386. text-align:left;
  387. font-style:italic;
  388. margin-left:10px;
  389. border-left:3px #eee solid;
  390. background-color:{color:background}
  391. }
  392.  
  393.  
  394.  
  395. .title {width:250px;
  396. text-decoration:underline;
  397. text-align:center;
  398. font-family: 'Arapey', serif;
  399. line-height:70%;
  400. font-size:30px;
  401. position:absolute;
  402. position:fixed;
  403. margin-top:-30px;
  404.  
  405. }
  406. #sidebar .title {
  407. margin-left:32px;
  408. padding:2px;
  409. -moz-transition-duration:.6s;
  410. -webkit-transition-duration:.6s;
  411. -o-transition-duration:.6s;
  412. }
  413.  
  414. /* --- CREDIT DO NOT REMOVE ---*/
  415. #cred{color:#5882FA;
  416. position:fixed;bottom:3px; right:3px; font-size:8px;letter-spacing :1px; font-family:cambria;
  417. -webkit-transition-duration:1s;
  418. -moz-transition-duration:1s;
  419. -o-transition-duration:1s;
  420. }
  421.  
  422. #cred a {color:#817d7d;
  423. -webkit-transition-duration:1.5s;
  424. -moz-transition-duration:1.5s;
  425. -o-transition-duration:1.5s;
  426.  
  427. }
  428.  
  429. #cred a:hover {font-size:15px;
  430. -webkit-transition-duration:1s;
  431. -moz-transition-duration:1s;
  432. -o-transition-duration:1s;
  433. opacity:1;
  434. color:#0080FF;
  435.  
  436. }
  437.  
  438.  
  439. {CustomCSS}</style></head><body>
  440.  
  441. <!--
  442. CREDIT DO NOT REMOVE
  443. -->
  444.  
  445. <div id="cred"><a href="http://shutupstrax.tumblr.com/">☂ SUS ☂</a></center></div>
  446.  
  447.  
  448. <div id="sidebar">
  449. <div class="title">{Title}</div>
  450.  
  451.  
  452. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  453. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  454.  
  455.  
  456. <div id="description">
  457. {Description}
  458. </div>
  459.  
  460.  
  461. <div class="links">
  462. <a href="/">home</a>
  463. <a href="/ask">ask</a>
  464. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  465. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  466. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  467.  
  468. </div>
  469. </div></div>
  470.  
  471.  
  472. {block:Pagination}<div id="pagination">
  473. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  474. {block:JumpPagination length="4"}
  475. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  476. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  477. {/block:JumpPagination}
  478. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  479. </div>{/block:Pagination}
  480.  
  481. </div>
  482.  
  483. <div id="entries">{block:Posts}<div id="post">
  484.  
  485. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  486.  
  487. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  488.  
  489. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  490.  
  491. {block:Quote}{Quote}{/block:Quote}
  492.  
  493. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  494.  
  495. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  496.  
  497. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  498. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  499. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  500. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  501. {/block:Audio}
  502.  
  503. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  504.  
  505.  
  506.  
  507.  
  508.  
  509.  
  510. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-30}" style="margin-right:6px;border-radius:50%;padding:2px;border:1px solid #E6E6E6;"> {Asker}:{Question}</center></div><left><font face="cambria">{Answer}</font>{/block:Answer}
  511.  
  512. <div id="info">
  513.  
  514.  
  515. <br>★ <a href="{Permalink}">{TimeAgo}</a>
  516.  
  517.  
  518.  
  519.  
  520. {/block:Date} ★ <a href="{Permalink}">{NoteCountWithLabel}</a>
  521.  
  522. <a href="{ReblogURL}" target="_blank" class="details">★ Reblog </a>
  523.  
  524. {block:RebloggedFrom} ★ <a href="{ReblogParentURL}"> via ★</a> {/block:RebloggedFrom}
  525.  
  526.  
  527.  
  528. {block:ContentSource} <a href="{SourceURL}"> ♥ ★ {/block:ContentSource}{/block:RebloggedFrom}<div id="tags">
  529. {block:HasTags}{block:Tags} <small> # </small> <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>
  530.  
  531.  
  532.  
  533. <!--
  534. THEME MAKER CREDIT
  535. -->
  536.  
  537.  
  538.  
  539. </body></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!