API tools faq
paste
Advertisement
emblemtres

Theme 02 By Sage

emblemtres
Sep 26th, 2014
372
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.00 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. <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. <!---THEME 2 by SAGE ENJOYYYY HOE
  12. --->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#a8a8a8"/>
  16. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  17. <meta name="color:DescriptionText" content="#b8b8b8"/>
  18. <meta name="color:Border" content="#dddddd"/>
  19. <meta name="color:Hover" content="#f2f2f2"/>
  20. <meta name="color:Post Links" content="#c0bfbf"/>
  21. <meta name="image:Background" content=""/>
  22. <meta name="text:Link 1" content="">
  23. <meta name="text:Link 1 Title" content="">
  24. <meta name="text:Link 2" content="">
  25. <meta name="text:Link 2 Title" content="">
  26. <meta name="text:Link 3" content="">
  27. <meta name="text:Link 3 Title" content="">
  28. <meta name="text:The Title" content="This is your title"/>
  29.  
  30.  
  31. <style type="text/css">
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39. body {
  40.  
  41. margin:0px;
  42. color:{color:text};
  43. font-family:helvetica;
  44. font-size:11px;
  45. line-height:100%;
  46. letter-spacing:0px;
  47. text-align:justify;
  48. background: {color:Background} url('{image:Background}') no-repeat center fixed ;
  49. -webkit-background-size: cover;
  50. -moz-background-size: cover;
  51. -o-background-size: cover;
  52. background-size: cover;
  53.  
  54.  
  55.  
  56. }
  57.  
  58. a {
  59. text-decoration:none;
  60. outline:none;
  61. -moz-outline-style:none;
  62. color:{color:Post Links};
  63. }
  64.  
  65. img {
  66. border:none;
  67. }
  68.  
  69. blockquote {
  70. padding-left:5px;
  71. border-left:2px solid;
  72. }
  73.  
  74. blockquote blockquote {
  75. padding-left:5px;
  76. border-left:2px solid;
  77. }
  78.  
  79. h1 {
  80. font-size:8px;
  81. letter-spacing:2px;
  82. text-transform:uppercase;
  83. font-family:helvetica;
  84. font-style:none;
  85. line-height:10px;
  86. text-align:left;
  87. padding:0px;
  88. }
  89.  
  90. a:hover {
  91. text-decoration:none;
  92. color:{color:Hover};
  93. -moz-transition-duration:0.3s;
  94. -webkit-transition-duration:0.3s;
  95. -o-transition-duration:0.3s;
  96. }
  97.  
  98.  
  99. /*ENTRIES*/
  100.  
  101. #entries {
  102. padding:10px;
  103. width:400px;
  104. margin-left:430px;
  105. margin-top:5px;
  106. font-size:11px;
  107. FONT-FAMILY:HELVETICA;
  108. letter-spacing:0px;
  109. }
  110.  
  111. #post {
  112. width:400px;
  113. padding-bottom:40px;
  114. padding:25px;
  115. margin-top:50px;
  116. }
  117.  
  118. /*SIDEBAR*/
  119.  
  120. #sidebar {
  121. position:fixed;
  122. margin-left:100px;
  123. margin-top:100px;
  124. margin-left:170px;
  125. }
  126.  
  127. #sidebarimage {
  128. width 100px;opacity:0;
  129. }
  130.  
  131. #sidebarimage img {
  132. width:100px;
  133. margin-top:100px;
  134. padding:3px;
  135. margin-left:-50px;
  136. }
  137.  
  138.  
  139.  
  140. .links {
  141. width:245px;
  142. font-family:helvetica;
  143. padding: 4px;
  144. text-align:center;
  145. text-transform:none;
  146. position:fixed;
  147. margin-top:10px;
  148. margin-left:-20px;
  149. }
  150.  
  151. .links a {
  152. width:94px;
  153. padding:3px;
  154. font-size:11px;
  155. letter-spacing:0px;
  156. color:{color:text};
  157. }
  158.  
  159. .links a:hover {
  160. -moz-transition-duration:0.3s;
  161. -webkit-transition-duration:0.3s;
  162. -o-transition-duration:0.3s;
  163. color:{color:Hover};
  164. }
  165.  
  166. #description {
  167. text-transform:lowercase;
  168. text-align:justify;
  169. width:100px;
  170. padding:20px;
  171.  
  172. margin-top:-10px;
  173. margin-left:35px;
  174.  
  175. position:fixed;
  176. text-transform:none;
  177. color:{color:DescriptionText};
  178. }
  179.  
  180. #pagination{
  181. font-style:bold;
  182. padding:2px;
  183. font-family:helvetica;
  184. letter-spacing:0px;
  185. font-size:15px;
  186. text-align:center;
  187. padding:2px;
  188. margin-left:25px;
  189. margin-top:10px;
  190. text-transform:lowercase;
  191. color:{color:text};
  192. }
  193.  
  194.  
  195.  
  196.  
  197. /*POST INFO*/
  198.  
  199. #info {
  200. width:500px;
  201. text-align:left;
  202. margin-top:13px;
  203. font-family:helvetica;
  204. font-size:11px;
  205. letter-spacing:0px;
  206. font-style:none;
  207. padding:1px;
  208. line-height:10px;
  209. text-transform:NONE;
  210.  
  211. }
  212.  
  213. #info a {
  214. text-align:center;
  215. FONT-SIZE:11px;
  216. color:{color:text};
  217. }
  218.  
  219. #info a:hover {
  220. -moz-transition-duration:0.3s;
  221. -webkit-transition-duration:0.3s;
  222. -o-transition-duration:0.3s;
  223. background-color:{color:Hover}
  224. }
  225.  
  226. #tags {
  227. float:left;
  228. width:489px;
  229. margin-top:-7px;
  230. margin-left:-12px;
  231. text-align:left;
  232. font-size:9px;
  233. padding:10px;
  234. text-transform:none;
  235. opacity:1;
  236. transition-duration: 0.5s;
  237. -moz-transition-duration: 0.5s;
  238. -webkit-transition-duration: 0.5s;
  239. -o-transition-duration: 0.5s
  240. color:{color:text};
  241. }
  242.  
  243. #tags a {
  244. letter-spacing:0px;
  245. text-align:center;
  246. padding:2px;
  247. font-size:11px;
  248. text-decoration:none;
  249. display:inline-block;
  250. color:{color:text};
  251. }
  252.  
  253. #tags a:hover {
  254.  
  255. text-decoration:underline;
  256. -moz-transition-duration:0.3s;
  257. -webkit-transition-duration:0.3s;
  258. -o-transition-duration:0.3s;
  259.  
  260. }
  261. #title {
  262. font-size:18px;
  263. width:100px;
  264. text-align:left;
  265. color:{color:text};
  266. font-weight:800;
  267. margin-top:180px;opacity:1;
  268. margin-left:52px;
  269. text-transform:none;
  270. letter-spacing:-1px;
  271.  
  272. }
  273.  
  274. /*QUESTION*/
  275.  
  276. #asker {
  277. color:{color:text};
  278. padding:14px;
  279. font-family:helvetica;
  280. font-size:11px;
  281. letter-spacing:0px;
  282. text-align:left;
  283. margin-top:0px;
  284. text-transform:lowercase;
  285. line-height:100%;
  286. border:1px solid;
  287. }
  288.  
  289. /*CREDIT*/
  290.  
  291. #cred {
  292. position:fixed;
  293. font-family:'Calibri';
  294. text-transform:uppercase;
  295. font-size:10px;
  296. right:9px;
  297. bottom:9px;
  298. padding:4px;
  299. letter-spacing:1px;
  300. color:{color:text};
  301. }
  302. .newplayerbutton {
  303. position: relative;
  304. width: 28px;
  305. height: 27px;
  306. overflow: hidden;
  307. }
  308.  
  309. .playerbuttonhug {
  310. position: absolute;
  311. top: -11px;
  312. left: -12px;
  313. }
  314.  
  315.  
  316. .tumblr_audio_player {
  317. border: none;
  318. padding: 0px;
  319. margin: 0px;
  320. height: 50px;
  321. width: 400px;
  322. }
  323.  
  324. .playerbuttonbg {
  325. position: absolute;
  326. left: 20px;
  327. top: 20px;
  328. width: 28px;
  329. height: 28px;
  330. background-color: #ffffff;
  331. padding: 10px;
  332. -webkit-border-radius: 40px;
  333. -moz-border-radius: 40px;
  334. border-radius: 40px;
  335. opacity: .4;
  336. filter: alpha(opacity=40);
  337. -moz-opacity: 0.4;
  338. -khtml-opacity: 0.4;
  339. transition: opacity .7s ease-in-out;
  340. -moz-transition: opacity .7s ease-in-out;
  341. -webkit-transition: opacity .7s ease-in-out;
  342. }
  343.  
  344. .playerbuttonbg:hover {
  345. opacity: 1;
  346. filter: alpha(opacity=100);
  347. -moz-opacity: 1;
  348. -khtml-opacity: 1;
  349. }
  350.  
  351. .audioimgwrapper {
  352. position: absolute;
  353. left: 0px;
  354. top: 0px;
  355.  
  356.  
  357. overflow: hidden;
  358. width: 88px;
  359. height: 88px;
  360. }
  361.  
  362. .audioimgwrapper img {
  363. width: 100%;
  364. height: auto;
  365.  
  366. }
  367.  
  368. .trackdetails {
  369. width: auto;
  370. display:inline-block;
  371. margin-left: 100px;
  372. min-height: 85px;
  373. }
  374.  
  375. .audiowrapper {
  376. position: relative;
  377. display:inline-block;
  378. }
  379. {CustomCSS}</style></head><body>
  380.  
  381. <div id="sidebar">
  382. <a href="/"><div id="title">{text:The Title};</div></a>
  383.  
  384. <div id="description">{Description}
  385.  
  386. <select onChange="location.href=this.options[this.selectedIndex].value;" style="width: 100px;margin-left:0px; font-family:helvetica; font-size:11px; margin-top:10px; text-align:center;">
  387. <option value=>Navigation</option>
  388. <option value="/">home</option>
  389. <option value="/ask">ask</option>
  390. <option value="{text:Link 1}">{text:Link 1 Title}</option>
  391. <option value="{text:Link 2}">{text:Link 2 Title}</option>
  392. <option value="{text:Link 3}">{text:Link 3 Title}</option>
  393.  
  394. </select>
  395. </div>
  396.  
  397.  
  398. </div>
  399.  
  400. <div id="entries">
  401. {block:Posts}
  402. <div id="post">
  403.  
  404. {block:Text}
  405. <h1>{block:Title}{Title}{/block:Title}</h1>
  406. {Body}{/block:Text}
  407.  
  408. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  409. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  410.  
  411. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  412. {/block:Caption}{/block:Photoset}
  413.  
  414. {block:Quote}<h2>"{Quote}"</h2>
  415. {block:Source}<div class="qsource"> —{Source}</div>
  416. {/block:Source}{/block:Quote}
  417.  
  418. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  419.  
  420. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  421.  
  422. {block:AudioPlayer}
  423. <div class="audiowrapper">
  424. {block:AlbumArt}
  425. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  426. {/block:AlbumArt}
  427.  
  428. <div class="playerbuttonbg">
  429. <div class="newplayerbutton">
  430. <div class="playerbuttonhug">
  431.  
  432. {AudioPlayerWhite}
  433.  
  434. </div>
  435. </div>
  436. </div>
  437.  
  438. <div class="trackdetails">
  439.  
  440. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  441. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  442. {block:Album}Album: {Album}{/block:Album}<br/>
  443. {PlayCountWithLabel}
  444.  
  445. </div>
  446. </div>
  447. {/block:AudioPlayer}
  448.  
  449.  
  450. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  451.  
  452. {block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic;color:{color:Hover}; "><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}
  453.  
  454. <div id="info">
  455. <a href="{Permalink}"> {12HourWithZero}:{Minutes} {CapitalAmPm} </a>
  456.  
  457. {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">©</a>{/block:ContentSource}
  458. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  459. {NoteCount}</a>
  460. {block:HasTags}<div id="tags">
  461.  
  462. {block:Tags}<a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}
  463. </div>{block:HasTags}
  464. </div>
  465. </div>
  466. {/block:Posts}
  467. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  468. {/block:Posts}
  469.  
  470. {block:Pagination}
  471. <div id="pagination">
  472. {block:PreviousPage}<a href="{PreviousPage}">newer</a>{/block:PreviousPage}
  473. — {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
  474. </div>
  475. {/block:Pagination}
  476. </div>
  477. </div>
  478. </div>
  479.  
  480. </div></div></div>
  481. <br><br><br><br>
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488. <div id="cred">=
  489. <a href="http://beyoncse.tumblr.com/">URL</div>
  490. </script>
  491. </div>
  492. </div>
  493.  
  494.  
  495.  
  496. </body></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!