API tools faq
paste
aroldstyles

theme 07

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