Advertisement
abbeyofrp

Theme #003 'Sofia'

Dec 31st, 2014
372
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.33 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!---
  8. _ _ __
  9. | | | | / _|
  10. __ _| |__ | |__ ___ _ _ ___ | |_ _ __ _ __
  11. / _` | '_ \| '_ \ / _ \ | | |/ _ \| _| '__| '_ \
  12. | (_| | |_) | |_) | __/ |_| | (_) | | | | | |_) |
  13. \__,_|_.__/|_.__/ \___|\__, |\___/|_| |_| | .__/ THEMES
  14. __/ | | |
  15. |___/ |_|
  16.  
  17. • don't steal
  18. • don't redistribute
  19. • don't use as a base code unless i've given you permission to do so
  20. • holla at me if you have any questions
  21. • keep the credit!
  22. • in the meantime, enjoy & follow the rules
  23. --->
  24.  
  25. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  26. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  27. <script>
  28. (function($){
  29. $(document).ready(function(){
  30. $("[title]").style_my_tooltips({
  31. tip_follows_cursor:true,
  32. tip_delay_time:200,
  33. tip_fade_speed:300
  34. }
  35. );
  36. });
  37. })(jQuery);
  38. </script>
  39.  
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  43. <meta name="description" content="" />
  44. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Ek+Mukta:400' rel='stylesheet' type='text/css'>
  47.  
  48. <meta name="color:bg" content="#fff">
  49. <meta name="color:link" content="#c0c0c0">
  50. <meta name="color:hover" content="#000">
  51. <meta name="color:text" content="#c0c0c0">
  52. <meta name="color:scrollbar" content="#000">
  53. <meta name="color:scrollbarbg" content="#fff">
  54. <meta name="color:infobg" content="#000">
  55. <meta name="color:postbg" content="#ffffff">
  56. <meta name="color:border" content="#000">
  57.  
  58. <meta name="image:bg" content=""/>
  59. <meta name="image:sidebar" content=""/>
  60. <meta name="image:sidebar2" content=""/>
  61. <meta name="image:sidebar3" content=""/>
  62. <meta name="image:admin1" content=""/>
  63. <meta name="image:admin2" content=""/>
  64. <meta name="image:admin3" content=""/>
  65.  
  66. <meta name="text:link 1 URL" content="/"/>
  67. <meta name="text:link 1" content="link 1"/>
  68. <meta name="text:link 2 URL" content="/"/>
  69. <meta name="text:link 2" content="link 2"/>
  70. <meta name="text:link 3 URL" content="/"/>
  71. <meta name="text:link 3" content="link 3"/>
  72. <meta name="text:link 4 URL" content="/"/>
  73. <meta name="text:link 4" content="link 4"/>
  74. <meta name="text:link 5 URL" content="/"/>
  75. <meta name="text:link 5" content="link 5"/>
  76. <meta name="text:link 6 URL" content="/"/>
  77. <meta name="text:link 6" content="link 6"/>
  78.  
  79. <style type="text/css">
  80.  
  81. #s-m-t-tooltip{
  82. position:absolute;
  83. background-color:{color:infobg};
  84. padding:3px 5px 3px;
  85. z-index:99999999999999999999999999999999;
  86. margin-top:-30px;
  87. margin-left:-30px;
  88. font-family:arial;
  89. display:block;
  90. font-size:8px;
  91. color:{color:text};
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. height:auto;
  96. border:{color:scrollbarbg};
  97. background-color:{color:scrollbar};
  98. }
  99.  
  100. ::-webkit-scrollbar {
  101. height:9px;
  102. width:5px;
  103. background-color:{color:scrollbarbg};
  104. }
  105.  
  106. ::selection {
  107. background: {color:scrollbarbg};
  108. color: {color:scrollbar};
  109. }
  110.  
  111. ::-moz-selection {
  112. background: {color:bg};
  113. color: {color:postbg};
  114. }
  115.  
  116. ::-webkit-selection {
  117. background: {color:bg};
  118. color: {color:postbg};
  119. }
  120.  
  121.  
  122. h1 {
  123. font-weight:normal;
  124. font-size:11px;
  125. text-align:center;
  126. font-style:italic;
  127. line-height:50%;
  128. letter-spacing:0px;
  129. font-family:arial;
  130. text-transform:none;
  131. color:{color:text};
  132. }
  133.  
  134. h2 {
  135. font-size:19px;
  136. font-family:arial;
  137. font-style:bolder;
  138. letter-spacing:0px;
  139. margin-bottom:12px;
  140. padding-bottom:10px;
  141. font-weight:bold;
  142. line-height:90%;
  143. text-transform:lowercase;
  144. color:{color:text};
  145. margin: 0px;
  146. }
  147.  
  148. pre {
  149. width:495px;
  150. padding-top:3px;
  151. padding-bottom:3px;
  152. text-align: center;
  153. word-wrap: break-word;
  154. text-transform:uppercase;
  155. border-bottom:3px solid {color:border};
  156. color:{color:text};
  157. background-color:{color:infobg};
  158. font-family:helvetica;
  159. }
  160.  
  161. blockquote {
  162. border-left:3px solid {color:border};
  163. background-color:{color:infobg};
  164. padding:5px;
  165. margin:8px;
  166. }
  167.  
  168. body {
  169. color: {color:Text};
  170. background-color:{color:bg};
  171. background-image:url('{image:bg}');
  172. background-repeat: no-repeat;
  173. background-attachment: fixed;
  174. }
  175.  
  176. a {
  177. color: {color:link};
  178. text-decoration: none;
  179. -moz-transition-duration: 0.8s;
  180. -o-transition-duration: 0.8s;
  181. -webkit-transition-duration: 0.8s;
  182. transition-duration: 0.8s;
  183. }
  184.  
  185. a:hover {
  186. color: {color:hover};
  187. -moz-transition-duration: 0.8s;
  188. -o-transition-duration: 0.8s;
  189. -webkit-transition-duration: 0.8s;
  190. transition-duration: 0.8s;
  191. }
  192.  
  193. .sidebar {
  194. position:fixed;
  195. width:500px;
  196. height:400px;
  197. margin-left:70px;
  198. margin-top:0px;
  199. opacity:1;
  200. z-index:8;
  201. background-image:url('{image:sidebar}');
  202. border:8px solid {color:border};
  203. }
  204.  
  205. .sidebar2 {
  206. position:fixed;
  207. width:1050px;
  208. height:150px;
  209. margin-left:-8px;
  210. margin-top:-175px;
  211. opacity:1;
  212. z-index:8;
  213. }
  214.  
  215. .sidebar3 {
  216. position:fixed;
  217. width:200px;
  218. height:740px;
  219. margin-left:1075px;
  220. margin-top:-175px;
  221. opacity:1;
  222. z-index:8;
  223. }
  224.  
  225. .admin1 {
  226. position:fixed;
  227. width:75px;
  228. height:75px;
  229. padding: 1px;
  230. margin:2px 7px -3px 6px;
  231. -moz-border-radius: 64px;
  232. -webkit-border-radius: 64px;
  233. margin-left:55px;
  234. margin-top:415px;
  235. opacity:1;
  236. z-index:8;
  237. border:1px solid {color:border};
  238. }
  239.  
  240. .admin1 img {
  241. width:75px;
  242. height:75px;
  243. -moz-border-radius: 75px;
  244. -webkit-border-radius: 75px;
  245. }
  246.  
  247. .admin2 {
  248. position:fixed;
  249. width:75px;
  250. height:75px;
  251. padding: 1px;
  252. margin:2px 7px -3px 6px;
  253. -moz-border-radius: 64px;
  254. -webkit-border-radius: 64px;
  255. margin-left:205px;
  256. margin-top:415px;
  257. opacity:1;
  258. z-index:8;
  259. border:1px solid {color:border};
  260. }
  261.  
  262. .admin2 img {
  263. width:75px;
  264. height:75px;
  265. -moz-border-radius: 75px;
  266. -webkit-border-radius: 75px;
  267. }
  268.  
  269. .admin3 {
  270. position:fixed;
  271. width:75px;
  272. height:75px;
  273. padding: 1px;
  274. margin:2px 7px -3px 6px;
  275. -moz-border-radius: 64px;
  276. -webkit-border-radius: 64px;
  277. margin-left:355px;
  278. margin-top:415px;
  279. opacity:1;
  280. z-index:8;
  281. border:1px solid {color:border};
  282. }
  283.  
  284. .admin3 img {
  285. width:75px;
  286. height:75px;
  287. -moz-border-radius: 75px;
  288. -webkit-border-radius: 75px;
  289. }
  290.  
  291. .links {
  292. position:fixed;
  293. display:inline-block;
  294. opacity:0;
  295. margin-top:0px;
  296. margin-left:0px;
  297. width:500px;
  298. height:400px;
  299. z-index:99999;
  300. -webkit-transition:all 0.5s ease-in-out;
  301. -moz-transition:all 0.5s ease-in-out;
  302. -o-transition:all 0.5s ease-in-out;
  303. transition:all 0.5s ease-in-out;
  304. }
  305.  
  306. .links a {
  307. display:inline-block;
  308. position:right;
  309. text-align:center;
  310. margin-left:50px;
  311. margin-right:0px;
  312. margin-top:40px;
  313. margin-bottom:-25px;
  314. padding-top:5px;
  315. padding-bottom:5px;
  316. padding-left:18px;
  317. padding-right:18px;
  318. width:67px;
  319. height:15px;
  320. font-family:arial;
  321. font-size:12px;
  322. text-transform:none;
  323. font-weight:bold;
  324. background-color:{color:postbg};
  325. border-bottom:5px solid {color:border};
  326. color:{color:text};
  327. z-index:999999;
  328. -webkit-transition:all 0.5s ease-in-out;
  329. -moz-transition:all 0.5s ease-in-out;
  330. -o-transition:all 0.5s ease-in-out;
  331. transition:all 0.5s ease-in-out;
  332. }
  333.  
  334. .links a:hover {
  335. color:{color:hover};
  336. -webkit-transition:all 0.5s ease-in-out;
  337. -moz-transition:all 0.5s ease-in-out;
  338. -o-transition:all 0.5s ease-in-out;
  339. transition:all 0.5s ease-in-out;
  340. }
  341.  
  342. .sidebar:hover .links{
  343. opacity:1;
  344. }
  345.  
  346. .sidebar:hover .description{
  347. opacity:1;
  348. }
  349.  
  350. .posts {
  351. background-color:{color:PostBG};
  352. width:500px;
  353. line-height:100%;
  354. font-size:11px;
  355. padding:8px;
  356. font-family: arial;
  357. margin-top:200px;
  358. margin-left:600px;
  359. margin-bottom:-175px;
  360. text-align:justify;
  361. border:3px solid {color:border};
  362. }
  363.  
  364.  
  365. .posts img {
  366. max-width:500px;
  367. }
  368.  
  369. .info {
  370. padding:5px;
  371. margin-bottom:1px;
  372. text-align:left;
  373. font-size:10px;
  374. font-family: helvetica;
  375. color:{color:Text};
  376. background-color:{color:infobg};
  377. text-transform:uppercase;
  378. text-align:left;
  379. }
  380.  
  381. .info a {
  382. color:{color:link};
  383. }
  384.  
  385. .info a:hover {
  386. text-decoration:none;
  387. color:{color:hover};
  388. -webkit-transition:all 0.5s ease-in-out;
  389. -moz-transition:all 0.5s ease-in-out;
  390. -o-transition:all 0.5s ease-in-out;
  391. transition:all 0.5s ease-in-out;
  392. }
  393.  
  394. .tags {
  395. margin-top:1px;
  396. line-height:100%;
  397. font-family: Helvetica;
  398. text-transform:uppercase;
  399. font-size:8px;
  400. text-align:left;
  401. }
  402.  
  403. .tags a {
  404. color:{color:link};
  405. }
  406.  
  407. .tags a:hover {
  408. text-decoration:none;
  409. color:{color:hover};
  410. }
  411.  
  412. .postnote {
  413. font-family: Helvetica;
  414. text-transform:uppercase;
  415. font-size:10px;
  416. line-height:100%;
  417. margin-top:40px;
  418. margin-left:600px;
  419. width:500px;
  420. height:50px;
  421. }
  422.  
  423. .postnote li {
  424. list-style-type:none;
  425. border:2px solid {color:border};
  426. background-color:{color:postbg};
  427. margin:0px;
  428. padding:3px;
  429. margin-bottom:3px;
  430. -moz-transition-duration:0.5s;
  431. -webkit-transition-duration:0.5s;
  432. -o-transition-duration:0.5s;
  433. }
  434.  
  435. .postnote img {
  436. padding: 3px;
  437. margin:2px 7px -3px 6px;
  438. -moz-border-radius: 10px;
  439. -webkit-border-radius: 10px;
  440. border-radius: 10px;
  441. text-align:left;
  442. }
  443.  
  444. .music {
  445. padding-bottom:1px;
  446. }
  447.  
  448. .albumart {
  449. float:left;
  450. padding:10px 10px 10px 0px;
  451. }
  452.  
  453. .albumart img {
  454. width:75px;
  455. height:75px;
  456. margin:2px 7px -3px 6px;
  457. }
  458.  
  459. .playercontainer {
  460. text-align:left;
  461. width:50px;
  462. }
  463.  
  464. .musicinfo {
  465. padding:10px;
  466. margin-top:9px;
  467. color:{color:Text};
  468. }
  469.  
  470. .quote {
  471. font-size:15px;
  472. font-family: arial;
  473. letter-spacing:0px;
  474. line-height:100%;
  475. font-weight:bold;
  476. text-align:center;
  477. }
  478.  
  479. .source {
  480. font-family: arial;
  481. font-size:10px;
  482. font-style:italic;
  483. text-align:center;
  484. line-height:17px;
  485. }
  486.  
  487. .chat ol {
  488. font-size:10px;
  489. font-family: arial;
  490. line-height:100%;
  491. padding:0px;
  492. list-style:none;
  493. }
  494.  
  495. .label {
  496. font-size:10px;
  497. font-family: arial;
  498. font-weight:bold;
  499. color:{color:Text};
  500. border-left:2px solid {color:border};
  501. padding:5px;
  502. }
  503.  
  504. .line.odd {
  505. padding:4px;
  506. margin-bottom:2px;
  507. }
  508.  
  509. .line.even {
  510. padding:4px;
  511. margin-bottom:2px;
  512. }
  513.  
  514. .ask {
  515. font-size:15px;
  516. font-family:arial;
  517. text-align:left;
  518. padding-top:4px;
  519. font-style:italic;
  520. font-weight:bold;
  521. text-transform:lowercase;
  522.  
  523. }
  524.  
  525. .question {
  526. letter-spacing:0px;
  527. margin-top:9px;
  528. padding-bottom:10px;
  529. text-align:justify;
  530. color:{color:Text};
  531. font-size:12px;
  532. font-family: arial;
  533. border-bottom: 3px solid {color:border};
  534. }
  535.  
  536. .answer {
  537. letter-spacing:0px;
  538. text-align:justify;
  539. padding-top:5px;
  540. margin-bottom:1px;
  541. font-size:10px;
  542. font-family: arial;
  543. color:{color:Text};
  544.  
  545. }
  546.  
  547. .askimg {
  548. padding: 1px;
  549. margin:2px 7px -3px 6px;
  550. -moz-border-radius: 64px;
  551. -webkit-border-radius: 64px;
  552. border:2px solid {color:border};
  553. background-color:{color:postbg};
  554. }
  555.  
  556. .credit {
  557. position:fixed;
  558. font-family: arial;
  559. font-size:11px;
  560. font-weight:bold;
  561. line-height:150%;
  562. letter-spacing:0px;
  563. right:5px;
  564. bottom:20px;
  565. text-align:center;
  566. background-color:{color:postbg};
  567. color:{color:text};
  568. border-bottom:5px solid {color:border};
  569. }
  570.  
  571. .credit a {
  572. font-style:normal;
  573. text-transform:uppercase;
  574. padding:4px;
  575. color:{color:text};
  576. -moz-transition-duration:0.2s;
  577. -webkit-transition-duration:0.2s;
  578. -o-transition-duration:0.2s;
  579. text-transform:none;
  580. }
  581.  
  582. .credit a:hover {
  583. font-style:normal;
  584. background-color:{color:hover};
  585. padding:4px;
  586. color:{color:link};
  587. -moz-transition-duration:0.2s;
  588. -webkit-transition-duration:0.2s;
  589. -o-transition-duration:0.2s;
  590. text-transform:none;
  591. }
  592.  
  593. .description {
  594. position:fixed;
  595. font-family: arial;
  596. font-size:10px;
  597. font-weight:normal;
  598. line-height:100%;
  599. letter-spacing:0px;
  600. margin-left:10px;
  601. margin-top:150px;
  602. width:458px;
  603. height:219px;
  604. padding:8px;
  605. opacity:0;
  606. text-align:justify;
  607. background-color:{color:postbg};
  608. color:{color:text};
  609. -webkit-transition:all 0.5s ease-in-out;
  610. -moz-transition:all 0.5s ease-in-out;
  611. -o-transition:all 0.5s ease-in-out;
  612. transition:all 0.5s ease-in-out;
  613. }
  614.  
  615. .description a {
  616. font-style:normal;
  617. color:{color:text};
  618. text-transform:none;
  619. -webkit-transition:all 0.5s ease-in-out;
  620. -moz-transition:all 0.5s ease-in-out;
  621. -o-transition:all 0.5s ease-in-out;
  622. transition:all 0.5s ease-in-out;
  623. }
  624.  
  625. .description a:hover {
  626. -webkit-transition:all 0.5s ease-in-out;
  627. -moz-transition:all 0.5s ease-in-out;
  628. -o-transition:all 0.5s ease-in-out;
  629. transition:all 0.5s ease-in-out;
  630. }
  631.  
  632. .pagination {
  633. margin-top:515px;
  634. margin-left:273px;
  635. position:fixed;
  636. font-family:arial;
  637. text-transform:uppercase;
  638. font-weight:bold;
  639. font-size:5px;
  640. background-color:{color:postbg};
  641. border-bottom:5px solid {color:border};
  642. padding:5px;
  643. }
  644.  
  645. .pagination a {
  646. color:{color:link};
  647. }
  648.  
  649. .pagination a:hover {
  650. color:{color:hover};
  651. }
  652.  
  653. </style>
  654. </head>
  655.  
  656. <body>
  657.  
  658. <div class="sidebar">
  659. <div class="sidebar2"><img src="{image:sidebar2}"></div>
  660. <div class="sidebar3"><img src="{image:sidebar3}"></div>
  661. <div class="admin1"><img src="{image:admin1}"></div>
  662. <div class="admin2"><img src="{image:admin2}"></div>
  663. <div class="admin3"><img src="{image:admin3}"></div>
  664. <div class="description"><div style= "overflow:auto; width:458px; height:219px; border: none; background-color:{color:postbg}; font-size:10px; text-align:left;">{Description}</div></div>
  665. <div class="links">
  666. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  667. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  668. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  669. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  670. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  671. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  672. </div></div></div>
  673.  
  674. {block:Pagination}
  675. <div class="pagination">
  676. {block:PreviousPage}
  677. <big><big><big><big><big><a href="{PreviousPage}">BACKWARDS</a></big></big></big></big></big>
  678. {/block:PreviousPage}
  679. {block:NextPage}
  680. <big><big><big><big><big><a href="{NextPage}">FORWARDS</a></big></big></big></big></big>
  681. {/block:NextPage}
  682. </div>
  683. {/block:Pagination}
  684.  
  685. {block:Posts}
  686.  
  687. <div class="posts">
  688.  
  689. {block:Text}
  690. {block:Title}<h2>{Title}</h2>{/block:Title}
  691. {Body}
  692. {/block:Text}
  693.  
  694. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  695.  
  696. {/block:Quote}
  697.  
  698. {block:Link}
  699. <h2><a href="{URL}">{Name}</a></h2>
  700. {block:Description}{Description}{/block:Description}
  701. {/block:Link}
  702.  
  703. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  704. </ol></div>{/block:Chat}
  705.  
  706. {block:Answer}<img src="{AskerPortraitURL-48}" width="30px" align="left" class="askimg"> <div class="ask"><span style="text-transform:lowercase;">{Asker} asked...</b></span></div> <div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:answer}
  707.  
  708. {block:Photo}
  709. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  710. {/block:Photo}
  711.  
  712. {block:Photoset}
  713. {Photoset-500}
  714. {block:Caption}{Caption}{/block:Caption}
  715. {/block:Photoset}
  716.  
  717. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  718. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  719. {/block:ExternalAudio}<b>Hits:</b> {PlayCount} plays</div>
  720. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  721. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  722.  
  723. {block:Video}
  724. {Video-500}
  725. {block:Caption}{Caption}{/block:Caption}
  726. {/block:Video}
  727.  
  728. <div class="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}| <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource} | <a href="{ReblogURL}">reblog</a>{/block:RebloggedFrom}{/block:Date}
  729.  
  730. {block:HasTags}
  731. <div class="tags">
  732. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  733. </div>
  734. {/block:HasTags}</div>
  735. </div>
  736. {block:PostNotes}<div class="postnote">
  737. {PostNotes}
  738. </div>{/block:PostNotes}
  739. {/block:Posts}
  740.  
  741. <div class="credit"><a href="http://abbeyofrp.tumblr.com/">ABBEYOFRP</a></div>
  742.  
  743.  
  744. </div>
  745. </div>
  746. </body>
  747. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement