API tools faq
paste
aroldstyles

theme 06

aroldstyles
Apr 17th, 2014
613
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.33 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. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <meta name="color:background" content="#ffffff"/>
  11. <meta name="color:sidebar" content="#838282"/>
  12. <meta name="color:text" content="#838282"/>
  13. <meta name="color:title" content="#838282"/>
  14. <meta name="color:link" content="#000"/>
  15. <meta name="color:description" content="#838282"/>
  16. <meta name="color:tag" content="#000"/>
  17. <meta name="color:hover" content="#000"/>
  18. <meta name="color:scrollbar" content="#000"/>
  19. <meta name="color:border" content="#000"/>
  20. <meta name="color:postborder" content="#f7f8f8"/>
  21. <meta name="color:info" content="#eee"/>
  22. <meta name="color:infobg" content="#eee"/>
  23.  
  24. <meta name="image:sidebar" content=""/>
  25.  
  26. <meta name="text:blogtitle" content="">
  27.  
  28. <meta name="text:linkA" content="">
  29. <meta name="text:linkA url" content="/">
  30. <meta name="text:linkB" content="">
  31. <meta name="text:linkB url" content="/">
  32. <meta name="text:linkC" content="">
  33. <meta name="text:linkC url" content="/">
  34. <meta name="text:linkD" content="">
  35. <meta name="text:linkD url" content="/">
  36. <meta name="text:linkE" content="">
  37. <meta name="text:linkE url" content="/">
  38. <meta name="text:linkF" content="">
  39. <meta name="text:linkF url" content="/">
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  42. </script>
  43. <script>
  44. $(document).ready(function(){
  45. $("#flip").click(function(){
  46. $("#panel").slideToggle("slow");
  47. });
  48. });
  49. </script>
  50.  
  51. <style type="text/css">
  52.  
  53. ::-webkit-scrollbar-thumb{
  54. background-color: {color:scrollbar};
  55. border:1px solid #fff;
  56. height:auto;
  57. }
  58.  
  59. ::-webkit-scrollbar {
  60. height:3px;
  61. width:6px;
  62. background-color: #000;
  63. border:4px solid #fff;
  64. }
  65.  
  66. ::selection {
  67. background-color:#000;
  68. }
  69.  
  70. a {
  71. color:{color:link};
  72. text-decoration:none;
  73. -moz-transition-duration:0.5s;
  74. -webkit-transition-duration:0.5s;
  75. -o-transition-duration:0.5s;
  76. }
  77.  
  78. a:hover {
  79. color:{color:hover};
  80. text-decoration:none;
  81. -moz-transition-duration:0.5s;
  82. -webkit-transition-duration:0.5s;
  83. -o-transition-duration:0.5s;
  84. }
  85.  
  86. h1 {
  87. font-weight:normal;
  88. font-size:10px;
  89. font-family:serif;
  90. text-align:left;
  91. font-style:italic;
  92. line-height:80%;
  93. letter-spacing:1px;
  94. color:{color:text};
  95. }
  96.  
  97. h2 {
  98. font-size:13px;
  99. text-align:center;
  100. line-height:100%;
  101. letter-spacing:-0.5px;
  102. color:{color:text};
  103. font-weight:normal;
  104. text-transform:uppercase;
  105. font-style:italic;
  106. font-family:helvetica;
  107. padding:5px;
  108. padding-bottom:2px;
  109. }
  110.  
  111.  
  112. blockquote {
  113. border-left:2px solid {color:text};
  114. padding-left:5px;
  115. margin:5px;
  116. }
  117.  
  118.  
  119. body {
  120. background:{color:background};
  121. margin:0px;
  122. color:{color:text};
  123. font-family:;
  124. font-size:11px;
  125. line-height:200%;
  126. font-style: none;
  127. }
  128.  
  129. a:link, a:visited, a:active {
  130. color: {color:link};
  131. text-decoration: none;
  132. font-weight: normal;
  133. }
  134.  
  135. a:hover {
  136. color: {color:link hover};
  137. text-decoration: none;
  138. font-weight: normal;
  139. }
  140.  
  141. #title {
  142. font-family:arial;
  143. font-weight:bold;
  144. position:fixed;
  145. width:200px;
  146. margin-top:70px;
  147. margin-left:-110px;
  148. font-size:20px;
  149. text-align:right;
  150. letter-spacing:-1px;
  151. color:{color:title};
  152. -webkit-transition: all 0.3s ease-out;
  153. -moz-transition: all 0.3s ease-out;
  154. -o-transition: all 0.3s ease-out;
  155. transition: all 0.3s ease-out;
  156. }
  157.  
  158. #title:hover {
  159. text-shadow:0px 0px 2px ;
  160. -webkit-transition: all 0.3s ease-out;
  161. -moz-transition: all 0.3s ease-out;
  162. -o-transition: all 0.3s ease-out;
  163. transition: all 0.3s ease-out;
  164. }
  165.  
  166. #sidebar {
  167. width:145px;
  168. position:fixed;
  169. margin-left:300px;
  170. margin-top:60px;
  171. padding:10px;
  172. }
  173.  
  174. #sidebarimage img {
  175. width:210px;
  176. height:140px;
  177. margin-left:-130px;
  178. margin-top:90px;
  179. padding:5px;
  180. border:1px solid #eee;
  181. background:{color:sidebar};
  182. }
  183.  
  184. #links {
  185. line-height:16px;
  186. text-transform:uppercase;
  187. position:fixed;
  188. }
  189.  
  190. #links a {
  191. margin-right:15px;
  192. display:inline-block;
  193. margin-bottom:5px;
  194. }
  195.  
  196. .desc {
  197. width:170px;
  198. height:102px;
  199. font-size:11px;
  200. margin-top:-144px;
  201. margin-left:-115px;
  202. padding:10px;
  203. padding-top:8px;
  204. text-align:center;
  205. font-style:italic;
  206. overflow-x:hidden;
  207. font:times;
  208. letter-spacing:1px;
  209. line-height:150%;
  210. position:fixed;
  211. border:1px solid #eee;
  212. background:white;
  213. opacity:0;
  214. color:{color:description};
  215. -webkit-transition: all 0.9s ease;
  216. -moz-transition: all 0.9s ease;
  217. -o-transition: all 0.9s ease;
  218. }
  219.  
  220. .desc a {
  221. color:{color:link}
  222. }
  223.  
  224. #sidebar:hover .desc {
  225. opacity:.7;
  226. -webkit-transition: all 0.9s ease;
  227. -moz-transition: all 0.9s ease;
  228. -o-transition: all 0.9s ease;
  229. }
  230.  
  231. #pagi1 {
  232. text-align:center;
  233. font-size:12px;
  234. margin-top:-3px;
  235. margin-left:-115px;
  236. text-transform:none;
  237. font-style:italic;
  238. position:fixed;
  239. text-transform:lowercase;
  240. }
  241.  
  242. #pagi2 {
  243. text-align:center;
  244. font-size:12px;
  245. margin-top:-2px;
  246. margin-left:70px;
  247. text-transform:none;
  248. font-style:italic;
  249. position:fixed;
  250. text-transform:lowercase;
  251. }
  252.  
  253. #stuffcontainer {
  254. float:left;
  255. margin-left:480px;
  256. margin-top:40px;
  257. text-align:justify;
  258. margin-bottom: 35px;
  259. color:{color:text};
  260. }
  261.  
  262. #stuff {
  263. width:500px;
  264. padding:5px;
  265. margin-top:75px;
  266. margin:40px;
  267. text-align:justify;
  268. font-size:11px;
  269. line-height:90%;
  270. letter-spacing:0px;
  271. color:{color:text};
  272. background:#fff;
  273. border:2px solid {color:postborder};
  274. -moz-transition-duration:1s;
  275. -webkit-transition-duration:1s;
  276. -o-transition-duration:1s;
  277. }
  278.  
  279. .caption {
  280. width:500px;
  281. text-align:justify;
  282. line-height:120%;
  283. }
  284.  
  285. #questions {background-color: #fcfcfc; color: {color:text}; border-top:double 3px #eee; margin-left:0px; padding:11px; margin-top: 5px; margin-bottom:5px; font-family:cambria; font-size:10px; font-style:italic; text-align:left; border-bottom:1px dashed #eee;}
  286.  
  287. #questions a:hover{
  288. color:{color:linkhover};
  289. -webkit-transition: all .6s ease-in;
  290. transition: all 0.4s ease-in;
  291. -o-transition-transition: all 0.4s ease-in;
  292. -moz-transition: all 0.4s ease-in;
  293. }
  294.  
  295. .ans {
  296. text-align:left;
  297. padding-left:10px;
  298. font-style:italic;
  299. color:{color:text};
  300. border-left:1px solid #eee;
  301. }
  302.  
  303. .audio {
  304. height:55px;
  305. padding:5px;
  306. margin-bottom:60px;
  307. margin-top:10px;
  308. -webkit-transition:0.7s linear;
  309. }
  310.  
  311. .audio-album {
  312. margin-top:-5px;
  313. position:absolute;
  314. width:110px;
  315. }
  316.  
  317. .audio:hover .audio-player {
  318. opacity:.5;
  319. -webkit-transition:0.7s linear;
  320. }
  321.  
  322. .audio-player {
  323. border-radius:500px;
  324. opacity:0;
  325. border:25px solid #fff;
  326. width:25px;
  327. height:25px;
  328. overflow:hidden;
  329. position:absolute;
  330. z-index:2;
  331. margin-left:18px;
  332. margin-top:13px;
  333. -webkit-transition:0.7s linear;
  334. }
  335.  
  336. .audio-info {
  337. margin-top:0px;
  338. position:relative;
  339. margin-left:120px;
  340. line-height:180%;
  341. padding:4px;
  342. }
  343.  
  344. .audiocaption { opacity:1; }
  345.  
  346. #postinfo {font-family:calibri; margin-top:5px; margin-bottom:5px; padding-top:5px; padding:8px; text-transform:uppercase; font-style:none; font-size:8px; line-height:80%; border-top: 3px double {color:border}; border-bottom:3px double {color:border}; background:{color:infobg};
  347. }
  348.  
  349. #postinfo a {
  350. color:{color:info};
  351. text-align:center;
  352. letter-spacing:1px;
  353. font-style:normal;
  354. }
  355.  
  356. #postinfo a:hover {
  357. color:{color:hover};
  358. }
  359.  
  360. .note {
  361. text-transform:uppercase;
  362. font-style:normal;
  363. letter-spacing:0px;
  364. font-size: 9px;
  365. text-align:left;
  366. line-height:90%;
  367. margin-left:-40px;
  368. }
  369.  
  370. .note li {
  371. list-style-type:none;
  372. border:1px solid #eee;
  373. padding:10px 25px 10px 25px;
  374. text-align:left;
  375. margin:2px;
  376. -moz-transition-duration:0.5s;
  377. -webkit-transition-duration:0.5s;
  378. -o-transition-duration:0.5s;
  379. }
  380.  
  381. .tags {font-family:serif; margin-top:5px; padding-bottom:3px; margin-left:2px; font-style:italic; font-size:9px;
  382. }
  383.  
  384. .tags a {
  385. color:{color:tag};
  386. letter-spacing:1px;
  387. padding:1px;
  388. }
  389.  
  390. .tags a:hover {
  391. color:{color:hover};
  392. }
  393.  
  394. ul.chat, .chat ol, .chat li {
  395. list-style:none;
  396. margin:0px;
  397. padding:2px;
  398. }
  399.  
  400. .label {
  401. text-decoration:underline;
  402. font-weight:700;
  403. background-color:{color:infobg};
  404. margin-right:5px;
  405. }
  406.  
  407. .quote {
  408. padding:10px;
  409. padding-top:2px;
  410. letter-spacing:1px;
  411. text-transform:lowercase;
  412. opacity:0.6;
  413. font-weight:bold;
  414. line-height:100%;
  415. background:url('http://tinyurl.com/acrqqb3') no-repeat 5px 5px;
  416. color:{color:text};
  417. }
  418.  
  419. #credit {
  420. bottom:0px;
  421. right:5px;
  422. position:fixed;
  423. -webkit-transition: all 0.3s ease-out;
  424. -moz-transition: all 0.3s ease-out;
  425. -o-transition: all 0.3s ease-out;
  426. transition: all 0.3s ease-out;
  427. }
  428.  
  429. #credit img {
  430. width:25px;
  431. padding:1px;
  432. border:3px double {color:border};
  433. -webkit-transition: all 0.3s ease-out;
  434. -moz-transition: all 0.3s ease-out;
  435. -o-transition: all 0.3s ease-out;
  436. transition: all 0.3s ease-out;
  437. }
  438.  
  439. #credit:hover {
  440. opacity:.8;
  441. -webkit-transition: all 0.3s ease-out;
  442. -moz-transition: all 0.3s ease-out;
  443. -o-transition: all 0.3s ease-out;
  444. transition: all 0.3s ease-out;
  445. }
  446.  
  447. {CustomCSS}
  448.  
  449. </style></head><body>
  450.  
  451. <div id="sidebar">
  452. {block:Ifblogtitle}
  453. <div id="title">{text:blogtitle}</div>
  454. {/block:Ifblogtitle}
  455. <div id="sidebarimage">
  456. <img src="{image:sidebar}"></div>
  457. <div id="links">
  458. <center>
  459. <select onchange='location=this.options[this.selectedIndex].value;' style='width:150px;font-size:10px;margin-bottom:10px; font-style: italic;margin-top:-50px; margin-left:-95px; color:{color:link}'>
  460. <option>navigation</option>
  461. {block:IfLinkA}
  462. <option value="{text:linkA url}">■ {text:linkA}</option>
  463. {/block:IfLinkA}
  464. {block:IfLinkB}
  465. <option value="{text:linkB url}">■ {text:linkB}</option>
  466. {/block:IfLinkB}
  467. {block:IfLinkC}
  468. <option value="{text:linkC url}">■ {text:linkC}</option>
  469. {/block:IfLinkC}
  470. {block:IfLinkD}
  471. <option value="{text:linkD url}">■ {text:linkD}</option>
  472. {/block:IfLinkD}
  473. {block:IfLinkE}
  474. <option value="{text:linkE url}">■ {text:linkE}</option>
  475. {/block:IfLinkE}
  476. {block:IfLinkF}
  477. <option value="{text:linkF url}">■ {text:linkF}</option>
  478. {/block:IfLinkF}
  479. </center></select></div>
  480. <div id="pagi1">{block:PreviousPage}
  481. <a href="{PreviousPage}">-</a>
  482. {/block:PreviousPage}</div>
  483. <div id="pagi2">{block:NextPage}
  484. <a href="{NextPage}">+</a>
  485. {/block:NextPage}</div>
  486. <div class="desc">
  487. {Description}
  488. </div>
  489.  
  490.  
  491.  
  492. </div>
  493.  
  494.  
  495.  
  496. </div>
  497.  
  498. <div id="stuffcontainer">
  499.  
  500. {block:Posts}
  501.  
  502. <div id="stuff">
  503.  
  504. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  505.  
  506. {block:Quote}
  507. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  508. {/block:Quote}
  509.  
  510. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  511. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  512.  
  513. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  514.  
  515. {block:Photoset}<center>{Photoset-500}</center>
  516. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  517.  
  518. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  519.  
  520. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  521.  
  522. {block:Answer}<div id="questions">"{question}"<br><div style="text-align: right;">—{asker}</div></div>
  523. <div class="ans">{answer}</div>{/block:answer}
  524.  
  525. {block:Audio}
  526. <div class="audio">
  527. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  528. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  529.  
  530. <div class="audio-info">
  531. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  532. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  533. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  534. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  535. </div></div>
  536. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  537. {/block:Audio}
  538.  
  539. <div id="postinfo">{block:Date}<a href="{Permalink}">{TimeAgo}</a> | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date} <div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}|<a href="{SourceURL}"> © </a>|
  540. {/block:ContentSource}<a href="{ReblogUrl}" >reblog</a></div></div>
  541. {block:HasTags}
  542. <div class="tags">
  543. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
  544. {/block:HasTags}
  545. <div class="note">
  546. {block:PostNotes}{PostNotes}{/block:PostNotes}
  547. </div>
  548. </div>
  549. {/block:Posts}
  550. </div>
  551. {/block:Posts}
  552.  
  553. </div></div></div>
  554.  
  555. <div id="credit"><a href="http://aroldstylesthemes.tumblr.com/"><img src="http://media.tumblr.com/b103d7b437b3d4bda8366536a8d598a9/tumblr_inline_mv8rpxveN31qgj1ha.png"></div>
  556.  
  557. </body></html>
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!