API tools faq
paste
Advertisement
elevensaves

THEME 08

elevensaves
Nov 21st, 2014
496
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.05 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 08 by steveroqrs, please respect the following rules
  12.  
  13. DO NOT REMOVE THE CREDIT OR MOVE TO ANOTHER PAGE, DO NOT REDISTRIBUTE OR CLAIM AS YOUR OWN, DO NOT STEAL PARTS OF THE CODE
  14.  
  15. you may use this code for studying purposes, but do not bluntly copy/paste parts of it, if you run into any bugs or problems i'll gladly be of assistance. thank you for using my theme!!!
  16.  
  17. --->
  18.  
  19. <meta name="color:background" content="#ffffff"/>
  20. <meta name="color:text" content="#222222"/>
  21. <meta name="color:slinks" content="#ffffff"/>
  22. <meta name="color:slinks bg" content="#45def8"/>
  23. <meta name="color:accent 1" content="#da116a"/>
  24. <meta name="color:accent 2" comtent="#45def8"/>
  25. <meta name="color:post info" content="#f1f1f1"/>
  26. <meta name="color:hover" content="#f2f2f2"/>
  27. <meta name="color:scrollbar" content="#000000"/>
  28. <meta name="color:links" content="#c0bfbf"/>
  29. <meta name="color:question bg" content="#fafafa"/>
  30.  
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="image:background" content=""/>
  33.  
  34. <meta name="text:link 1" content="" />
  35. <meta name="text:link 1 title" content="" />
  36. <meta name="text:link 2" content="" />
  37. <meta name="text:link 2 title" content="" />
  38. <meta name="text:link 3" content="" />
  39. <meta name="text:link 3 title" content="" />
  40. <meta name="text:link 4" content="" />
  41. <meta name="text:link 4 title" content="" />
  42. <meta name="text:link 5" content="" />
  43. <meta name="text:link 5 title" content="" />
  44.  
  45. <meta name="if:show link 3" content="1" />
  46. <meta name="if:show link 4" content="1" />
  47. <meta name="if:show link 5" content="1" />
  48. <meta name="if:drop question shadow" content="1"/>
  49.  
  50. <meta name="select:slinks width" content="33px">
  51. <meta name="select:slinks width" content="35px">
  52. <meta name="select:slinks width" content="37px">
  53. <meta name="select:slinks width" content="40px">
  54. <meta name="select:description align" content="justify">
  55. <meta name="select:description align" content="center">
  56. <meta name="select:description align" content="left">
  57. <meta name="select:description align" content="right">
  58.  
  59. <meta name="font:body" content="calibri" />
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  62.  
  63. <style type="text/css">
  64.  
  65. a:link, a:active, a:visited {color:{color:links}; text-decoration:none;}
  66. a:hover {color:{color:hover}; -webkit-transition:0.3s; -moz-transition-:0.3s; -o-transition-duration:0.3s;}
  67.  
  68. ::-moz-selection {color:{color:accent 2}; background:transparent;}
  69. ::selection {color:{color:accent 2}; background:transparent;}
  70.  
  71. ::-webkit-scrollbar-thumb {
  72. height:auto;
  73. background-color:{color:scrollbar};}
  74.  
  75. ::-webkit-scrollbar {
  76. height:9px;
  77. width:8px;
  78. background-color:#ffffff;}
  79.  
  80. body {
  81. background:{color:background};
  82. margin:0px;
  83. color:{color:text};
  84. font-family:{font:body};
  85. font-size:10px;
  86. line-height:100%;
  87. letter-spacing:0px;
  88. text-align:justify;
  89. overflow-x:hidden;
  90. background-image:url('{image:Background}');}
  91.  
  92. img {
  93. border:none;}
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;}
  98. blockquote img {
  99. max-width:100%;}
  100.  
  101. pre {
  102. white-space: pre-wrap;
  103. white-space: -moz-pre-wrap;
  104. white-space: -pre-wrap;
  105. white-space: -o-pre-wrap;
  106. word-wrap: break-word;}
  107.  
  108. b, strong {color:{color:link};}
  109. i, em {color:{color:link};}
  110.  
  111. h1 {
  112. width:490px;
  113. font-size:11px;
  114. letter-spacing:1px;
  115. text-transform:uppercase;
  116. font-family:'oswald';
  117. font-style:none;
  118. line-height:100%;
  119. text-align:left;
  120. padding:4px;}
  121. h1 a {
  122. color:{color:text};}
  123. h1:hover {
  124. color:{color:text};}
  125.  
  126. #h1-fill {
  127. width:500px;
  128. border-left:4px solid transparent;}
  129. #h1-fill:hover {
  130. border-left:500px solid {color:accent 2};
  131. transition:all 0.7s ease-in-out;
  132. -webkit-transition:all 0.7s ease-in-out;
  133. -o-transition:all 0.7s ease-in-out;
  134. -moz-transition:all 0.7s ease-in-out;}
  135. #h1-fill:hover h1 {
  136. margin-left:-496px;
  137. color:{color:text};
  138. transition:all 0.7s ease-in-out;
  139. -webkit-transition:all 0.7s ease-in-out;
  140. -o-transition:all 0.7s ease-in-out;
  141. -moz-transition:all 0.7s ease-in-out;}
  142.  
  143. h2 {
  144. font-size:13px;
  145. font-weight:lighter;
  146. text-transform:uppercase;
  147. font-family:'oswald';
  148. text-align:center;}
  149.  
  150. h3 {
  151. font-family:'oswald';
  152. font-size:11px;
  153. text-transform:uppercase;
  154. letter-spacing:1px;}
  155. h3 a {
  156. color:{color:accent 1};
  157. -moz-transition-duration:0.5s;
  158. -webkit-transition-duration:0.5s;
  159. -o-transition-duration:0.5s;
  160. transition-duration:0.5;}
  161. h3 a:hover {
  162. color:{color:accent 2};
  163. -moz-transition-duration:0.5s;
  164. -webkit-transition-duration:0.5s;
  165. -o-transition-duration:0.5s;
  166. transition-duration:0.5;}
  167.  
  168. #entries {
  169. padding:10px;
  170. width:500px;
  171. margin-left:410px;
  172. margin-top:5px;
  173. font-size:10px;
  174. font-family:arial;}
  175.  
  176. #post {
  177. width:500px;
  178. padding-bottom:40px;
  179. padding:25px;
  180. margin-top:50px;}
  181.  
  182. #sidebar {
  183. position:fixed;
  184. margin-left:225px;
  185. margin-top:100px;}
  186.  
  187. #sidebar img {
  188. width:150px;
  189. padding:3px;
  190. margin-left:20px;
  191. -moz-transition-duration:0.5s;
  192. -webkit-transition-duration:0.5s;
  193. -o-transition-duration:0.5s;
  194. transition-duration:0.5;}
  195. #sidebar:hover img {
  196. -webkit-filter:grayscale(1);
  197. -moz-transition-duration:0.5s;
  198. -webkit-transition-duration:0.5s;
  199. -o-transition-duration:0.5s;
  200. transition-duration:0.5;}
  201.  
  202. .links {
  203. font-family:calibri;
  204. text-align:center;
  205. text-transform:uppercase;
  206. position:fixed;
  207. margin-top:-175px;
  208. margin-left:30px;
  209. opacity:0;
  210. -moz-transition-duration:0.5s;
  211. -webkit-transition-duration:0.5s;
  212. -o-transition-duration:0.5s;
  213. transition-duration:0.5s;}
  214. .links a {
  215. display:block;
  216. width:{select:slinks width};
  217. padding:5px;
  218. font-size:8px;
  219. letter-spacing:0px;
  220. margin-bottom:10px;
  221. color:{color:slinks};
  222. background:{color:slinks bg};
  223. -moz-transition-duration:0.5s;
  224. -webkit-transition-duration:0.5s;
  225. -o-transition-duration:0.5s;
  226. transition-duration:0.5s;}
  227.  
  228. .links a:hover {
  229. letter-spacing:1px;
  230. background:{color:accent 1};
  231. -moz-transition-duration:0.5s;
  232. -webkit-transition-duration:0.5s;
  233. -o-transition-duration:0.5s;
  234. transition-duration:0.5s;}
  235. #sidebar:hover .links {
  236. opacity:1;
  237. margin-left:-10px;
  238. -moz-transition-duration:0.5s;
  239. -webkit-transition-duration:0.5s;
  240. -o-transition-duration:0.5s;
  241. transition-duration:0.5s;}
  242.  
  243. #description {
  244. text-align:{select:description align};
  245. font-family:helvetica;
  246. width:150px;
  247. margin-top:7px;
  248. margin-left:20px;
  249. font-size:9px;
  250. text-transform:none;
  251. color:{color:text};}
  252.  
  253. #description:first-letter {
  254. color:{color:accent 1};
  255. font-family:'oswald';
  256. padding-right:2px;
  257. font-size:11px;
  258. font-weight:bold;}
  259.  
  260. #pagination {
  261. font-style:bold;
  262. padding:2px;
  263. font-family:calibri;
  264. font-size:9px;
  265. text-align:center;
  266. padding:2px;
  267. margin-top:10px;
  268. text-transform:uppercase;}
  269. #pagination a {
  270. color:{color:text};}
  271.  
  272. #info {
  273. width:495px;
  274. text-align:center;
  275. font-family:calibri;
  276. margin-top:3px;
  277. letter-spacing:1px;
  278. font-size:8px;
  279. font-style:none;
  280. padding:3px;
  281. line-height:10px;
  282. text-transform:uppercase;
  283. background:{color:post info};}
  284.  
  285. #info a {
  286. text-align:center;
  287. padding:2px;
  288. color:{color:text};}
  289. #info a:hover {
  290. color:#fff;
  291. background: {color:accent 1};
  292. -moz-transition-duration:0.3s;
  293. -webkit-transition-duration:0.3s;
  294. -o-transition-duration:0.3s;}
  295.  
  296. #tags {
  297. width:489px;
  298. margin-top:0px;
  299. text-align:center;
  300. padding:5px;
  301. background:#fff;
  302. opacity:1;
  303. transition-duration: 0.5s;
  304. -moz-transition-duration: 0.5s;
  305. -webkit-transition-duration: 0.5s;
  306. -o-transition-duration: 0.5s;}
  307.  
  308. #tags a {
  309. letter-spacing:0px;
  310. font-size:8px;
  311. text-transform:lowercase;
  312. text-align:center;
  313. font-family:calibri;
  314. display:inline-block;
  315. color:{color:text};}
  316. #tags a:hover {
  317. -moz-transition-duration:0.3s;
  318. -webkit-transition-duration:0.3s;
  319. -o-transition-duration:0.3s;
  320. color:{color:accent 2};}
  321.  
  322. ul.chat {
  323. margin:0px;
  324. padding:0px;}
  325.  
  326. .chat li {
  327. list-style-type:none;
  328. margin-left:0px;
  329. padding:3px;}
  330.  
  331. .odd .label {
  332. color:{color:accent 1};}
  333.  
  334. .even .label {
  335. color:{color:accent 2};}
  336.  
  337. .label {
  338. font-size:8px;
  339. letter-spacing:1px;
  340. font-family:calibri;
  341. text-transform:uppercase;}
  342.  
  343. .chat li.odd {
  344. background-color:#fafafa;
  345. margin-bottom:1px;}
  346.  
  347. .chat li.even {
  348. background-color:#f6f6f6;
  349. margin-bottom:1px;}
  350.  
  351. .audio {
  352. height:60px;
  353. padding:5px;
  354. margin-bottom:55px;}
  355.  
  356. .audio-album {
  357. position:absolute;
  358. width:110px;
  359. -webkit-transition: opacity 0.6s linear;
  360. opacity: 1;}
  361.  
  362. .audio-player {
  363. width:25px;
  364. height:25px;
  365. overflow:hidden;
  366. position:absolute;
  367. border-radius:100%;
  368. z-index:2;
  369. margin-left:45px;
  370. margin-top:45px;
  371. opacity:0;
  372. -webkit-transition: all 0.6s ease-out;
  373. -o-transition: all 0.6s ease-out;
  374. -webkit-transition: all 0.6s ease-out;
  375. -moz-transition: all 0.6s ease-out;}
  376.  
  377. .audio-info {
  378. margin-top:7px;
  379. position:relative;
  380. margin-left:30px;
  381. line-height:180%;
  382. padding:2px;}
  383.  
  384. .audio:hover .audio-player {
  385. opacity:1;
  386. -webkit-transition: all 0.6s ease-out;
  387. -o-transition: all 0.6s ease-out;
  388. -webkit-transition: all 0.6s ease-out;
  389. -moz-transition: all 0.6s ease-out;}
  390.  
  391. .trackname {
  392. font-family:'oswald';
  393. font-size:11px;
  394. letter-spacing:1px;
  395. text-align:center;
  396. text-transform:uppercase;
  397. font-weight:bold;}
  398. .trackname a {
  399. color:{color:accent 1};
  400. transition-duration: 0.5s;
  401. -moz-transition-duration: 0.5s;
  402. -webkit-transition-duration: 0.5s;
  403. -o-transition-duration: 0.5s;}
  404. .trackname a:hover {
  405. color:{color:accent 2};
  406. transition-duration: 0.5s;
  407. -moz-transition-duration: 0.5s;
  408. -webkit-transition-duration: 0.5s;
  409. -o-transition-duration: 0.5s;}
  410.  
  411. #s-m-t-tooltip {
  412. max-width:300px;
  413. margin:20px 0px 0px 20px;
  414. background-color:#444;
  415. color:#fff;
  416. padding:3px 6px;
  417. font-size:8px;
  418. letter-spacing:2px;
  419. text-transform:uppercase;
  420. font-family:{font:body};
  421. z-index:9999999;}
  422.  
  423. .question {
  424. {block:ifdropquestionshadow}
  425. -webkit-filter:drop-shadow(5px 5px 5px gray);
  426. {/block:ifdropquestionshadow}
  427. border-radius:5px;
  428. display:block;
  429. padding:10px;
  430. text-align:justify;
  431. font-style:none;
  432. color:{color:text};
  433. background:{color:question bg};
  434. line-height:120%;}
  435. .question a {
  436. font-family:'oswald';
  437. letter-spacing:1px;
  438. text-transform:uppercase;
  439. color:{color:text};
  440. -moz-transition-duration:0.3s;
  441. -webkit-transition-duration:0.3s;
  442. -o-transition-duration:0.3s;}
  443. .question:first-letter {
  444. color:{color:accent 1};}
  445. .question a:hover {
  446. color:{color:accent 1};
  447. -moz-transition-duration:0.3s;
  448. -webkit-transition-duration:0.3s;
  449. -o-transition-duration:0.3s;}
  450.  
  451. .ans {
  452. text-align:left;
  453. padding:7px;
  454. color:{color:text};}
  455.  
  456. .cred, .cred a {
  457. width:auto;
  458. height:auto;
  459. bottom:15px;
  460. right:15px;
  461. padding:4px;
  462. z-index:1000000;
  463. font-size:8px;
  464. letter-spacing:1px;
  465. color:#444;
  466. position:fixed;
  467. text-align:center;
  468. font-family:trebuchet ms;
  469. text-transform:uppercase;
  470. background-color:white;}
  471.  
  472. .cred a:hover {
  473. color:white;
  474. border-radius:100%;
  475. background-color:#444;}
  476.  
  477. {CustomCSS}</style></head>
  478. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  479. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  480. <script>
  481. (function($){
  482. $(document).ready(function(){
  483. $("a[title]").style_my_tooltips({
  484. tip_follows_cursor:true,
  485. tip_delay_time:90,
  486. tip_fade_speed:600,
  487. attribute:"title"
  488. });
  489. });
  490. })(jQuery);
  491. </script>
  492. <body>
  493.  
  494. <div id="sidebar">
  495.  
  496.  
  497. <img src="{image:Sidebar}">
  498.  
  499. <div class="links">
  500. <a href="{text:link 1}">{text:link 1 title}</a>
  501. <a href="{text:link 2}">{text:link 2 title}</a>
  502. {block:IfShowLink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:IfShowLink3}
  503. {block:IfShowLink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:IfShowLink4}
  504. {block:IfShowLink5}<a href="{text:link 5}">{text:link 5 title}</a>{/block:IfShowLink5}
  505. </div>
  506.  
  507. <div id="description">{Description}
  508.  
  509. {block:Pagination}
  510. <div id="pagination">
  511. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  512. — {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  513. </div>
  514. {/block:Pagination}
  515. </div>
  516. </div>
  517. </div>
  518.  
  519.  
  520. <div id="entries">
  521. {block:Posts}
  522. <div id="post">
  523.  
  524. {block:text}
  525. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}{Body}{/block:text}
  526.  
  527. {block:Photo}{linkOpenTag}<img src="{PhotoURL-500}">{linkCloseTag}
  528. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  529.  
  530. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  531. {/block:Caption}{/block:Photoset}
  532.  
  533. {block:Quote}<h2><font color="{color:accent 2}">❝</font> {Quote} <font color="{color:accent 2}">❞</font></h2>
  534. {block:Source}<div class="qsource" style="float:right; color:{color:description}"> — {Source}</div>
  535. {/block:Source}{/block:Quote}
  536.  
  537. {block:link}<div id="h1-fill"><h1><a href="{URL}" style="color:{color:text}" {Target}>{Name}</a></h1></div>{block:Description}{Description}{/block:Description}{/block:link}
  538.  
  539. {block:Chat}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  540. {Line}</li>{/block:Lines}</ul>
  541. {/block:Chat}
  542.  
  543. {block:Audio}
  544. <div class="audio">
  545. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  546. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  547. <div class="audio-info">
  548. {block:TrackName}<div class="trackname"><a href="{Permalink}">{TrackName}</a></div>{/block:TrackName}<br>
  549. <center>{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  550. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  551. {block:PlayCount}<b>Plays:</b> {PlayCount}<br>{/block:PlayCount}</center>
  552. </div></div>
  553. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  554. {/block:Audio}<br>
  555.  
  556. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  557.  
  558. {block:Answer}<div class="question"><img src="{AskerPortraitURL-30}" style="float:left; margin-top:-3px">&nbsp;&nbsp; {Asker} <div style="display:inline; font-family:calibri; font-size:10px; letter-spacing:1px; text-transform:uppercase;">said:</div><br>&nbsp;&nbsp; {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  559.  
  560. {block:Date}
  561. <div id="info">
  562. <a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  563. {block:RebloggedFrom} • <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  564. {block:ContentSource} • <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  565. {block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} • <a href="{ReblogURL}">reblog</a></div>
  566. {/block:Date}
  567.  
  568. {block:HasTags}<div id="tags">
  569. {block:Tags}<a href="/tagged/{Tag}"><font color="{color:accent 1}">#</font>{Tag}</a>&nbsp;{/block:Tags}
  570. </div>{block:HasTags}
  571. </div>
  572. {/block:Posts}
  573. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  574.  
  575.  
  576. {/block:Posts}</div></div>
  577. <br><br>
  578.  
  579.  
  580. <div class="cred"><a href="http://andysamberg.tk/" title="theme by julie">JT</a></div>
  581.  
  582. </div>
  583.  
  584. </body>
  585.  
  586. </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!