Advertisement
quinnberryrps

Runs With Wolves (original theme #3)

Jul 19th, 2014
304
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.92 KB | None | 0 0
  1. <!-- theme 3, by clairesrps // runs with wolves -->
  2. <!-- themesbyzsu.tumblr.com // base code -->
  3.  
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14.  
  15. <meta name="color:Background" content="#fff" />
  16. <meta name="color:Text" content="#333" />
  17. <meta name="color:Entries" content="#fff" />
  18. <meta name="color:Title" content="#000" />
  19. <meta name="color:Borders" content="#000" />
  20. <meta name="color:Sbar" content="#fff" />
  21. <meta name="color:Sidebar" content="#fff" />
  22. <meta name="color:Sidebar nav" content="#eee" />
  23. <meta name="color:Sidebar nav hover" content="#fff" />
  24. <meta name="color:Sidebar link" content="#fff" />
  25. <meta name="color:Sidebar link hover" content="#333" />
  26. <meta name="color:Link" content="#000" />
  27. <meta name="color:Link Hover" content="#666" />
  28. <meta name="color:Scrollbar" content="#666" />
  29. <meta name="color:Pre BG" content="#666" />
  30. <meta name="color:Pre Text" content="#fff" />
  31.  
  32. <meta name="image:Background" content="" />
  33. <meta name="image:Sidebar Bg" content="" />
  34. <meta name="image:Sidebar" content="" />
  35.  
  36. <meta name="text:Link3" content="iii"/>
  37. <meta name="text:Link3 title" content="link" />
  38. <meta name="text:Link3 URL" content="/" />
  39. <meta name="text:Link4" content="iv"/>
  40. <meta name="text:Link4 title" content="link" />
  41. <meta name="text:Link4 URL" content="/" />
  42. <meta name="text:Link5" content="v"/>
  43. <meta name="text:Link5 title" content="link" />
  44. <meta name="text:Link5 URL" content="/" />
  45. <meta name="text:Link6" content="vii"/>
  46. <meta name="text:Link6 title" content="link" />
  47. <meta name="text:Link6 URL" content="/" />
  48.  
  49. <meta name="text:main title" content="this is your main title" />
  50. <meta name="text:sub title" content="this is your sub title" />
  51.  
  52. <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  53.  
  54. <script src=”http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $(“a[title]”).style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:30,
  67.  
  68. tip_fade_speed:300,
  69.  
  70. attribute:”title”
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80. <style type="text/css">
  81.  
  82. ::-webkit-scrollbar{height: 5px; width: 5px; -webkit-border-radius: 0px; background-color:#ffffff;}
  83.  
  84. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  85. ::-webkit-scrollbar-track{background-color:#fefefe;}
  86.  
  87. ::-moz-selection {background-color:#eacbc3;
  88. color:#31312F;}
  89.  
  90. ::selection {background-color:#eacbc3;
  91. color:#31312F}
  92.  
  93. #s-m-t-tooltip {
  94. margin-top: 15px;
  95. font-family: georgia;
  96. font-size: 8px;
  97. text-transform:uppercase;
  98. padding:2px;
  99. background-color:{color:Background};
  100. color:{color:Entries};
  101. border:1px solid {color:Background};
  102. z-index:9999;
  103. }
  104.  
  105. body {
  106. background: {color:Background};
  107. background-image: url('{image:Background}');
  108. background-attachment:fixed;
  109. position:absolute;
  110. font-size:12px;
  111. font-family: georgia;
  112. color:{color:Body};
  113. }
  114.  
  115. pre {
  116. font-family:georgia;
  117. font-size:8px;
  118. text-transform:Uppercase;
  119. background-color:{color:Pre Bg};
  120. padding:2px;
  121. text-align:center;
  122. border-left:2px solid {color:border};
  123. border-right:2px solid {color:border};
  124. color:{color:Pre Text};
  125. }
  126.  
  127. a {
  128. text-decoration:none;
  129. outline:none;
  130. color:{color:Link};
  131. -webkit-transition: all 0.5s ease-in-out;
  132. -moz-transition: all 0.5s ease-in-out;
  133. -o-transition: all 0.5s ease-in-out;
  134. }
  135.  
  136. a:hover {
  137. color:{color:Link Hover};
  138. -webkit-transition: all 0.5s ease-in-out;
  139. -moz-transition: all 0.5s ease-in-out;
  140. -o-transition: all 0.5s ease-in-out;
  141. }
  142.  
  143. #posttitle {
  144. font-weight:bold;
  145. color:{color:title};
  146. text-align:left;
  147. font-family: georgia;
  148. font-size: 17px;
  149. text-transform:uppercase;
  150. }
  151.  
  152. #quotes {
  153. text-transform:lowercase;
  154. text-align:left;
  155. font-family: georgia;
  156. font-weight:none;
  157. font-style:italic;
  158. color:{color:Link};
  159. font-family:georgia;
  160. text-align:left;
  161. font-size: 17px;
  162. }
  163.  
  164. #backbar {
  165. float:left;
  166. position:fixed;
  167. width:422px;
  168. height:350px;
  169. margin-left:50px;
  170. margin-top:100px;
  171. background-color:{color:sbar};
  172. background-image:url('{image:sidebar bg}');
  173. background-attachment:none;
  174. background-size:auto;
  175. background-position:top left;
  176. background-repeat:repeat;
  177. border: 1px solid {color:borders};
  178. }
  179.  
  180. #title1 {
  181. margin-top: 6px;
  182. font-family: georgia;
  183. font-family:{font:Title};
  184. color:{color:title};
  185. font-style:none;
  186. font-weight:none;
  187. text-transform:uppercase;
  188. font-size:16px;
  189. text-align:center;
  190. text-decoration:none;
  191. -webkit-transition: all 0.5s ease-in-out;
  192. -moz-transition: all 0.5s ease-in-out;
  193. -o-transition: all 0.5s ease-in-out;
  194. }
  195.  
  196. #title2 {
  197. font-family:{font:Title};
  198. color:{color:Text};
  199. font-style:none;
  200. font-weight:none;
  201. text-transform:lowercase;
  202. font-style:italic;
  203. font-size:10px;
  204. text-align:center;
  205. text-decoration:none;
  206. -webkit-transition: all 0.5s ease-in-out;
  207. -moz-transition: all 0.5s ease-in-out;
  208. -o-transition: all 0.5s ease-in-out;
  209. }
  210.  
  211. #sidebar {
  212. overflow:hidden;
  213. height: 119px;
  214. border: 1px solid {color:borders};
  215. background-color: {color:sidebar};
  216. position:fixed;
  217. margin-top:10px;
  218. margin-left:60px;
  219. width:290px;
  220. padding:5px;
  221. }
  222.  
  223. #topbar {
  224. overflow:hidden;
  225. height: 40px;
  226. border: 1px solid {color:borders};
  227. background-color: {color:sidebar};
  228. position:fixed;
  229. margin-top:150px;
  230. margin-left:10px;
  231. width:390px;
  232. padding:5px;
  233. }
  234.  
  235. #sidebarimg {
  236. float:left;
  237. position:fixed;
  238. width:400px;
  239. height:130px;
  240. margin-left:10px;
  241. margin-top:210px;
  242. background-color:{color:sidebar};
  243. background-image:url('{image:sidebar}');
  244. background-attachment:none;
  245. background-size:auto;
  246. background-position:top left;
  247. background-repeat:no-repeat;
  248. border: 1px solid {color:borders};
  249. }
  250.  
  251. #description {
  252. margin-top: 5px;
  253. margin-left:10px;
  254. margin-right:10px;
  255. font-style:normal;
  256. padding:0px;
  257. color:{color:text};
  258. font-size:10px;
  259. text-align:justify;
  260. }
  261.  
  262. #links {
  263. position:fixed;
  264. width: auto;
  265. margin-top:10px;
  266. margin-left:11px;
  267. text-align:left;
  268. }
  269.  
  270.  
  271. #links a{
  272. font-style: italic;
  273. text-shadow: 0px 0px 1px #666666;
  274. text-align:center;
  275. font-family:georgia;
  276. line-height: 42px;
  277. height: 41px;
  278. margin-left:-1px;
  279. margin-bottom:1px;
  280. letter-spacing: 0px;
  281. font-size: 12px;
  282. text-transform: lowercase;
  283. width: 40px;
  284. border: 1px solid {color:borders};
  285. display:block;
  286. background:{color:sidebar nav};
  287. color:{color:sidebar link};
  288. -webkit-transition: all 0.2s ease-in-out;
  289. -moz-transition: all 0.2s ease-in-out;
  290. -o-transition: all 0.2s ease-in-out;
  291. }
  292.  
  293. #links a:hover{
  294. border: 1px solid {color:borders};
  295. color:{color:sidebar link hover};
  296. background:{color:sidebar nav hover};
  297. font-style:italic;
  298. -webkit-transition: all 0.5s ease-in-out;
  299. -moz-transition: all 0.5s ease-in-out;
  300. -o-transition: all 0.5s ease-in-out;
  301. }
  302.  
  303. #links2 {
  304. position:fixed;
  305. width: auto;
  306. margin-top:10px;
  307. margin-left:370px;
  308. text-align:left;
  309. }
  310.  
  311.  
  312. #links2 a{
  313. font-style: italic;
  314. text-shadow: 0px 0px 1px #666666;
  315. text-align:center;
  316. font-family:georgia;
  317. line-height:42px;
  318. height: 41px;
  319. margin-left:-1px;
  320. margin-bottom:1px;
  321. letter-spacing: 0px;
  322. font-size: 12px;
  323. text-transform: lowercase;
  324. width: 40px;
  325. border: 1px solid {color:borders};
  326. display:block;
  327. background:{color:sidebar nav};
  328. color:{color:sidebar link};
  329. -webkit-transition: all 0.2s ease-in-out;
  330. -moz-transition: all 0.2s ease-in-out;
  331. -o-transition: all 0.2s ease-in-out;
  332. }
  333.  
  334. #links2 a:hover{
  335. border: 1px solid {color:borders};
  336. color:{color:sidebar link hover};
  337. background:{color:sidebar nav hover};
  338. font-style:italic;
  339. -webkit-transition: all 0.5s ease-in-out;
  340. -moz-transition: all 0.5s ease-in-out;
  341. -o-transition: all 0.5s ease-in-out;
  342. }
  343.  
  344. #pagination {
  345. margin-left: 5px;
  346. margin-top: 5px;
  347. font-size:10px;
  348. text-align:center;}
  349.  
  350. #pagination a {
  351. color: {color:link};
  352. }
  353.  
  354. #entries {
  355. font-size:10px;
  356. margin-left: 520px;
  357. margin-top:100px;
  358. float: right;
  359. text-align: justify;
  360. }
  361.  
  362. #entrybg {
  363. padding:2px;
  364. background-image:url('{image:Sidebar BG}');
  365. border:1px solid {color:Border};
  366. }
  367.  
  368. #post {
  369. border:1px {color:borders} solid;
  370. background-color:{color:Entries};
  371. font-size:10px;
  372. padding: 10px;
  373. width: 500px;
  374. color:{color:Text};
  375. text-align: justify;
  376. overflow:hidden;
  377. }
  378.  
  379. #infobar {
  380. color:{color:Text};
  381. font-size:9px;
  382. text-transform:lowercase;
  383. width: 526px;
  384. margin-bottom:40px;
  385. margin-top: -1px;
  386. background-color: {color:Entries};
  387. text-align: center;
  388. padding-top: 5px;
  389. padding-bottom: 5px;
  390. border:1px {color:borders} solid;
  391. }
  392.  
  393. #tags{
  394. font-size: 9px;
  395. margin-top: 2px;
  396. text-transform: lowercase;
  397. background-color: {color:entries};
  398. text-align: left;
  399. }
  400.  
  401. .user_1 .label {
  402. color:{color:link};
  403. text-transform:uppercase;
  404. font-weight:bold}
  405.  
  406. .user_2 .label {
  407. color:{color:title};
  408. text-transform:uppercase;
  409. font-weight:bold}
  410.  
  411. .user_3 .label {
  412. color:{color:link};
  413. text-transform:uppercase;
  414. font-weight:bold}
  415.  
  416. .user_4 .label {
  417. color:{color:title};
  418. text-transform:uppercase;
  419. font-weight:bold}
  420.  
  421. .user_5 .label {
  422. color:{color:link};
  423. text-transform:uppercase;
  424. font-weight:bold}
  425.  
  426. .user_6 .label {
  427. color:{color:title};
  428. text-transform:uppercase;
  429. font-weight:bold}
  430.  
  431. .user_7 .label {
  432. color:{color:link};
  433. text-transform:uppercase;
  434. font-weight:bold}
  435.  
  436. .user_8 .label {
  437. color:{color:title};
  438. text-transform:uppercase;
  439. font-weight:bold}
  440.  
  441. .user_9 .label {
  442. color:{color:link};
  443. text-transform:uppercase;
  444. font-weight:bold}
  445.  
  446. .user_10 .label {
  447. color:{color:title};
  448. text-transform:uppercase;
  449. font-weight:bold}
  450.  
  451. ul.chat, .chat ol, .chat li {
  452. list-style:none;
  453. margin:0px 0px 5px 0px;
  454. padding:0px; 0px 0px 0px}
  455.  
  456. small {
  457. font-size: 9px;
  458. }
  459.  
  460. b, strong {
  461. color:{color:title}
  462. }
  463.  
  464. i, em {
  465. color:{color:text}
  466. }
  467.  
  468. p {
  469. margin-top:5px;
  470. margin-bottom:5px
  471. }
  472.  
  473. blockquote {
  474. border-left:2px solid {color:text};
  475. padding-left:5px;
  476. margin:0px 2px 0px 10px
  477. }
  478.  
  479. ol.notes {
  480. color: #ffffff;
  481. margin-top:-25px;
  482. margin-left:-20px;
  483. width:500px;
  484. list-style-type:none;
  485. }
  486.  
  487. ol.notes li.note {
  488. color: #ffffff;
  489. padding-top: 0px;
  490. }
  491.  
  492. ol.notes li.note img.avatar {
  493. vertical-align:1px;
  494. margin-right:10px;
  495. width:16px;
  496. height:16px;
  497. }
  498.  
  499. ol.notes li.note span.action {
  500. font-weight:normal;
  501. }
  502.  
  503. ol.notes li.note .answer_content {
  504. font-weight:normal;
  505. }
  506.  
  507. ol.notes li.note blockquote {
  508. padding:0px 6px 0px 6px;
  509. margin:5px 5px 5px 5px;
  510. }
  511.  
  512. #audio {
  513. border-radius:100%;
  514. width:100%;
  515. height:100px;
  516. margin-bottom:10px}
  517.  
  518. .albumart {
  519.  
  520. padding: 2px;
  521. border: 1px #f1f1f1 solid;
  522. float:left;
  523. width:100px;
  524. height:100px}
  525.  
  526. .player {
  527. margin-left:2px;
  528. margin-top:2px;
  529. padding:11px;
  530. display:block;
  531. height:80px;
  532. width:80px;
  533. overflow:hidden;
  534. position:absolute;
  535. opacity:0.3;
  536. background:#fff;
  537. -webkit-transition:all 0.4s ease-in-out;
  538. -moz-transition:all 0.4s ease-in-out;
  539. -o-transition:all 0.4s ease-in-out;
  540. -ms-transition: all 0.4s ease-in-out;
  541. transition:all 0.5s ease-in-out}
  542.  
  543. .player:hover {
  544. opacity:0.5;
  545. -webkit-transition:all 0.4s ease-in-out;
  546. -moz-transition:all 0.4s ease-in-out;
  547. -o-transition:all 0.4s ease-in-out;
  548. -ms-transition: all 0.4s ease-in-out;
  549. transition:all 0.5s ease-in-out}
  550.  
  551. .audioplayer {
  552. width:24px;
  553. height:24px;
  554. margin:28px 0 0 28px;
  555. overflow:hidden}
  556.  
  557. .audioinfo {
  558. margin-left:105px;
  559. height:54px;
  560. line-height:150%;
  561. font:10px georgia;
  562. color:{color:text};
  563. padding:26px 5px 24px 10px;
  564. text-align:left}
  565.  
  566. .tracktitle {
  567. color:{color:title};
  568. margin-bottom:-10px;
  569. text-transform: uppercase;
  570. font-size: 10px;
  571. }
  572.  
  573. #asks {
  574. text-align:justify;
  575. line-height:120%;
  576. color:{color:text};
  577. padding:5px;
  578. padding-bottom:10px;
  579. padding-top:5px;
  580. }
  581.  
  582.  
  583. #asker img {
  584. margin-left:-2px;
  585. margin-bottom:-15px;
  586. border-radius:50px;
  587. padding:5px;
  588. padding-bottom:5px;
  589. }
  590.  
  591. #ans {
  592. text-align:left;
  593. padding:0px;
  594. color:{color:text};
  595. }
  596.  
  597. #cred a {
  598. text-align: center;
  599. text-transform: lowercase;
  600. background-color:{color:Background};
  601. position:fixed;
  602. letter-spacing: 1px;
  603. font:10px georgia;
  604. color:{color:Link Hover};
  605. height: 16px;
  606. width: 38px;
  607. line-height: 17px;
  608. bottom:20px;
  609. right:20px
  610. }
  611.  
  612. #cred a:hover {
  613. color:{color:Link}
  614. }
  615.  
  616.  
  617. </style>
  618. <style type="text/css">{CustomCSS}</style>
  619. </head>
  620.  
  621. <body>
  622.  
  623. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  624.  
  625. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  626.  
  627. <script>
  628.  
  629. (function($){
  630.  
  631. $(document).ready(function(){
  632.  
  633. $("a[title]").style_my_tooltips({
  634.  
  635. tip_follows_cursor:true,
  636.  
  637. tip_delay_time:10,
  638.  
  639. tip_fade_speed:60,
  640.  
  641. attribute:"title"
  642.  
  643. });
  644.  
  645. });
  646.  
  647. })(jQuery);
  648.  
  649. </script>
  650.  
  651. <div id="backbar">
  652. <div id="topbar">
  653. <div id="title1">{text:main title}</div>
  654. <div id="title2">{text:sub title}</div></div>
  655. <div id="sidebarimg">
  656. </div>
  657. <div id="sidebar">
  658. <div id="description"><div style="overflow:auto; padding-right:5px; width: 270px; height: 90px; text-align: justify;">{block:Description}{Description}{/block:Description}</div>
  659.  
  660. </div>
  661. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big><i>back</i></big></a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}"><big><i>next</i></big></a>{/block:NextPage}{/block:Pagination}</div>
  662. </div>
  663. <div id="links">
  664. <a href="/" title="refresh">i</a>
  665. <a href="/ask" title="askbox">ii</a>
  666. <a href="{text:Link3 URL}" title="{text:Link3 title}">{text:Link3}</a>
  667. </div>
  668.  
  669. <div id="links2">
  670. <a href="{text:Link4 URL}" title="{text:Link4 title}">{text:Link4}</a>
  671. <a href="{text:Link5 URL}" title="{text:Link5 title}">{text:Link5}</a>
  672. <a href="{text:Link6 URL}" title="{text:Link6 title}">{text:Link6}</a>
  673. </div>
  674. </div>
  675.  
  676. </div>
  677.  
  678.  
  679. <div id="entries">
  680. {block:Posts}
  681. <div id="entrybg">
  682.  
  683. <div id="post">
  684.  
  685. {block:Text}<div id="posttitle">{title}</div>{Body}{/block:Text}
  686.  
  687. {block:Quote}<div id="quotes">“{Quote}” </div>
  688. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  689.  
  690. {block:Link}<a href="{URL}" class="link" {Target}> <div id="quotes">{Name}</div></a>
  691. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  692.  
  693. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  694. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  695.  
  696. {block:Chat}
  697. <ul class="chat">
  698. {block:title}<div id="quotes">{Title}</div>{/block:title}
  699.  
  700. {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  701. {/block:Chat}
  702.  
  703. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  704.  
  705. {block:Audio}
  706. <div id="audio">
  707. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  708. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  709. <div class="audioinfo">
  710. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}</div><br>
  711. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist} {block:Album}<br>
  712. <b>ALBUM:</b> {Album}{/block:Album}<br>
  713. <b>PLAYED:</b> {FormattedPlayCount} times</div></div>
  714. {block:Caption}{Caption}{/block:Caption}
  715. {/block:Audio}
  716.  
  717. {block:Answer}<div id="ask" style="border: 1px {color:Borders} solid"><div id="asker"><img src="{AskerPortraitURL-64}" style="height:30px; width:30px; float:center; margin-top:0px;"><big><i><big>{Asker} inquired:</big></big></i><br><br><center>{Question}</center><br></div></div><div id="ans">{Answer}</div>{/block:answer}
  718.  
  719. </div> </div>
  720.  
  721.  
  722. {block:Date}<div id="infobar">
  723. posted <a href="{Permalink}">{TimeAgo}</a>
  724. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}"></a>{block:ContentSource}{/block:RebloggedFrom} - <a href="{ReblogURL}" target="_blank">reblog</a><br>
  725. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  726.  
  727. {/block:Posts}
  728.  
  729. {block:PostNotes}{PostNotes}{/block:PostNotes}
  730.  
  731. </div>
  732.  
  733. <!-- PLEASE DON'T REMOVE THIS -->
  734. <div id="cred"><a href="http://clairesrps.tumblr.com" title="©">♡</a></div>
  735. <!-- PLEASE DON'T REMOVE THIS -->
  736.  
  737. </body>
  738. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement