API tools faq
paste
Advertisement
codesbyrhass

Theme #01 - Irish Boy

codesbyrhass
Apr 21st, 2013
598
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4.  
  5. <!--
  6.  
  7.  
  8. THEME #01 - IRISH BOY
  9.  
  10. ~ http://dealwithrhass.tumblr.com/
  11.  
  12. RULES:
  13. - DONT REMOVE THE CREDIT.
  14. - YOU CAN EDIT THIS THEME BUT DONT TAKE IT AS YOURS.
  15. - DONT OWN THIS THEME
  16. - DONT REDISTRIBUTE
  17.  
  18.  
  19. THANK YOU.
  20.  
  21. - IF YOU HAVE QUESTIONS OR ENCOUNTERING PROBLEMS JUST MESSAGE ME. ;*
  22.  
  23. -->
  24.  
  25.  
  26.  
  27. <html><head>
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  31.  
  32. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
  33.  
  34. <meta name="image:Sidebar" content="http://static.tumblr.com/4fc20e56d982368750a2f9bbdb3c8e5d/7ij6b27/Usdmlls1m/tumblr_static_tumblr_maczaohjxg1r2dfb3o1_250.png" />
  35. <meta name="image:background" content="http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo2_250.png" />
  36.  
  37. <meta name="color:BG" content="#ffffff" />
  38. <meta name="color:BG1" content="#63dc90" />
  39. <meta name="color:BG2" content="#ffffff" />
  40. <meta name="color:Links" content="#e0b781" />
  41. <meta name="color:Hover" content="#959595" />
  42. <meta name="color:Title" content="#00782d" />
  43. <meta name="color:Text" content="#959595" />
  44. <meta name="color:Border" content="#63dc90" />
  45. <meta name="color:DescBG" content="#ffffff" />
  46. <meta name="color:Tag" content="#e0bd5f" />
  47. <meta name="color:ChatBG" content="#e0bd5f" />
  48. <meta name="color:ChatText" content="#FFFFFF" />
  49. <meta name="color:Bold" content="##63dc90" />
  50. <meta name="color:italic" content="#906d3d" />
  51.  
  52.  
  53. <meta name="color:Scrollbar Background" content="#00782d" />
  54. <meta name="color:Scrollbar" content="#238b49" />
  55.  
  56. <meta name="text:LinkURL1" content="/" />
  57. <meta name="text:LinkTitle1" content="Link1" />
  58. <meta name="text:LinkURL2" content="/" />
  59. <meta name="text:LinkTitle2" content="Link2" />
  60. <meta name="text:LinkURL3" content="/" />
  61. <meta name="text:LinkTitle3" content="Link3" />
  62. <meta name="text:LinkURL4" content="/" />
  63. <meta name="text:LinkTitle4" content="Link4" />
  64. <meta name="text:LinkURL5" content="/" />
  65. <meta name="text:LinkTitle5" content="Link5" />
  66.  
  67. <style type="text/css">
  68.  
  69. /* TUMBLR CONTROLS */
  70. iframe#tumblr_controls {
  71. top:0px!important;
  72. right:3px!important;
  73. position: fixed!important;
  74. }
  75.  
  76. /* SCROLL BAR */
  77.  
  78. ::-webkit-scrollbar-thumb:vertical {
  79. background-color:{color:Scrollbar};
  80. }
  81.  
  82. ::-webkit-scrollbar-thumb:horizontal {
  83. background-color:{color:Scrollbar};
  84. }
  85.  
  86. ::-webkit-scrollbar-button:vertical {
  87. height:6px;
  88. width:5px;
  89. background-color:{color:Scrollbar};
  90. }
  91.  
  92. ::-webkit-scrollbar-button:horizontal {
  93. width:6px;
  94. height:5px;
  95. background-color:{color:Scrollbar};
  96. }
  97.  
  98. ::-webkit-scrollbar {
  99. height:5px;
  100. width:5px;
  101. background-color:{color:Scrollbar Background};
  102. }
  103.  
  104.  
  105.  
  106. /* BODY */
  107. body{
  108. background-image: url('{image:background}');
  109. background-color: {color:BG};
  110. font-family: calibri;
  111. font-size: 10px;
  112. color:{color:Text};
  113. }
  114.  
  115. a {
  116. color: {color:Links};
  117. text-decoration:none;
  118. -moz-transition-duration:0.5s;
  119. -webkit-transition-duration:0.5s;
  120. -o-transition-duration:0.5s;
  121. }
  122.  
  123. a:hover {
  124. color:{color:Hover};
  125. text-decoration:none;
  126. -moz-transition-duration:0.5s;
  127. -webkit-transition-duration:0.5s;
  128. -o-transition-duration:0.5s;
  129. }
  130.  
  131. pre {
  132. white-space: pre-wrap;
  133. padding: 20px;
  134. line-height: 100%;
  135. font-family: calibri;
  136. text-transform: uppercase;
  137. font-size: 10px;
  138. }
  139.  
  140. blockquote {
  141. border-left:2px solid #898989;
  142. padding-left:5px;
  143. margin:5px;
  144. }
  145.  
  146. b{
  147. color: {color:Bold};
  148. }
  149.  
  150. i{
  151. color: {color:italic};
  152. }
  153.  
  154. #wrapper {
  155. width:800px;
  156. margin-left: 280px;
  157. text-align: center;
  158. }
  159.  
  160. /* SIDEBAR */
  161.  
  162. #sidebar {
  163. position:fixed;
  164. width:160px;
  165. margin-left:150px;
  166. margin-top:200px;
  167.  
  168. }
  169.  
  170. #sidebar img {
  171. padding:3px;
  172. border:1px solid {color:Border};
  173. }
  174.  
  175. /* LINKS */
  176.  
  177. #navs{
  178. font-family: Times New Roman;
  179. font-size: 12px;
  180. font-style: italic;
  181. color: {color:Links};
  182. text-align: center;
  183. margin-left: 210px;
  184. margin-top: -160px;
  185. }
  186.  
  187. #navs a{
  188. border-left: 10px solid {color:Links};
  189.  
  190. }
  191.  
  192. #navs a:hover{
  193. border-left: 20px solid {color:Hover};
  194. -moz-transition-duration:0.5s;
  195. -webkit-transition-duration:0.5s;
  196. -o-transition-duration:0.5s;
  197.  
  198. }
  199.  
  200. /* DESCRIPTION */
  201.  
  202. #descbox{
  203. width:230px;
  204. padding:8px;
  205. border: 1px solid {color:Border};
  206. background-color: {color:DescBG};
  207. margin-top: 2px;
  208. }
  209.  
  210. #desc {
  211. font-family: Helvitica;
  212. font-size: 12px;
  213. font-style: italic;
  214. color: {color:Text};
  215. text-align:justify;
  216. width:230px;
  217.  
  218. }
  219.  
  220. /* PAGINATION */
  221.  
  222. .page {
  223. width:230px;
  224. margin-top:10px;
  225. text-align:center;
  226. font-style: italic;
  227. font-family:times new roman;
  228. font-size:10px;
  229. text-transform: lowercase;
  230. color:{color:Links};
  231. }
  232.  
  233. /* POSTS */
  234. #container {
  235. float:left;
  236. margin-left:450px;
  237. padding: 10px;
  238. text-align:justify;
  239. color:#707070;
  240. margin-bottom: 10px;
  241. background-color: {color:BG1};
  242. border: 2px solid {color:Border};
  243. }
  244.  
  245. #post {
  246. width:500px;
  247. padding:10px;
  248. text-align:justify;
  249. font-family: Helvetica;
  250. font-size: 11px;
  251. background-color: {color:BG2};
  252.  
  253. }
  254.  
  255. #post h1{
  256. font-family: 'Tangerine';
  257. font-size: 30px;
  258. text-transform: Capitalize;
  259. text-align: left;
  260. color: {color:Title};
  261. padding: 2px;
  262. }
  263.  
  264. #post img {
  265. border: 0px solid #eee;
  266. padding: 3px;
  267. filter: alpha (opacity=80);
  268. opacity: 0.80;
  269. -moz-transition-duration:0.5s;
  270. -webkit-transition-duration:0.5s;
  271. -o-transition-duration:0.5s;
  272. }
  273.  
  274. #post img:hover {
  275. filter: alpha (opacity=100);
  276. opacity: 1.0;
  277. -moz-transition-duration:0.5s;
  278. -webkit-transition-duration:0.5s;
  279. -o-transition-duration:0.5s;
  280. }
  281.  
  282. /* PHOTO */
  283. iframe.photoset {
  284. filter: alpha (opacity=80);
  285. opacity: 0.80;
  286. -moz-transition-duration:0.5s;
  287. -webkit-transition-duration:0.5s;
  288. -o-transition-duration:0.5s;
  289. }
  290.  
  291. iframe.photoset:hover {
  292. filter: alpha (opacity=100);
  293. opacity: 1.0;
  294. -moz-transition-duration:0.5s;
  295. -webkit-transition-duration:0.5s;
  296. -o-transition-duration:0.5s;
  297. }
  298.  
  299. #caption{
  300. width:500px;
  301. text-align:justify;
  302. font-family: Helvetica;
  303. font-size: 12px;
  304. }
  305.  
  306. /* LINK */
  307.  
  308. #link {
  309. font-family: Helvetica;
  310. font-size: 20px;
  311. text-transform: uppercase;
  312. color: {color:Links};
  313. }
  314.  
  315.  
  316. /* TUMBLR ASK */
  317.  
  318. .ask {
  319. font: 10px;
  320. color: {color:Text};
  321. font-family: Helvetica;
  322. padding: 10px 10px;
  323. letter-spacing: 1px;
  324. }
  325.  
  326.  
  327. .asker, .asker a{
  328. font-style: italic;
  329. font-family: 'Times New Roman';
  330. font-size: 10px;
  331. text-align: left;
  332. padding-top: 5px;
  333. color:{color:Links} ;
  334. }
  335.  
  336. .asker, .asker a:hover{
  337. font-style: italic;
  338. font-family: 'Times New Roman';
  339. font-size: 10px;
  340. text-align: left;
  341. padding-top: 5px;
  342. color:{color:Hover} ;
  343. }
  344.  
  345.  
  346. /* QUOTE */
  347. .quote {
  348. font-size: 30px ;
  349. font-family: Tangerine;
  350. text-align: center;
  351. margin-bottom: 10px;
  352. background-color: #c1cdc6;
  353. padding: 10px;
  354. line-height: 100%;
  355. border-radius: 20px;
  356. color: {color:Text};
  357.  
  358. }
  359.  
  360. .source {
  361. position:float;
  362. text-align: right;
  363. text-transform: uppercase;
  364. letter-spacing: 2px;
  365. font-size: 9px;
  366. margin-top:-20px;
  367. margin-right:20px;
  368. }
  369.  
  370. .source a {
  371. text-align: right;
  372. text-transform: uppercase;
  373. letter-spacing: 2px;
  374. font-size: 9px;
  375. color: {color:Links};
  376. }
  377.  
  378. .source a:hover {
  379. text-align: right;
  380. text-transform: uppercase;
  381. letter-spacing: 2px;
  382. font-size: 9px;
  383. color:{color:Hover};
  384. }
  385.  
  386. /* AUDIO POSTS */
  387. .audio {
  388. width:520px;
  389. padding-bottom:10px;
  390. }
  391.  
  392. .albumart {
  393. float:left;
  394. padding:0px 10px 10px 0px;
  395. }
  396.  
  397. .albumart img {
  398. width:100px;
  399. height:100px
  400. overflow: hidden;
  401. }
  402.  
  403. .playercontainer {
  404. text-align:left;
  405. padding:10px;
  406. width:480px;
  407. }
  408.  
  409. .audioinfo {
  410. padding:10px;
  411. color:{color:Text};
  412. }
  413.  
  414. /* CHAT */
  415. ul.chat, .chat ol, .chat li {
  416. list-style:none;
  417. margin:0px;
  418. padding:10px;
  419. }
  420.  
  421. .label {
  422. background-color: {color:ChatBG};
  423. font-weight:700;
  424. color: {color:ChatText};
  425. margin-right:5px;
  426. }
  427.  
  428. /* PERMA */
  429. #info{
  430. font-family: Times New Roman;
  431. font-size: 11px;
  432. font-style: italic;
  433. color: {color:Text};
  434. }
  435.  
  436. /* NOTES */
  437. .note {
  438. text-transform:uppercase;
  439. font-style:normal;
  440. letter-spacing:0px;
  441. font-size: 9px;
  442. text-align:left;
  443. line-height:90%;
  444. margin-left:-40px;
  445. }
  446.  
  447. .note li {
  448. list-style-type:none;
  449. border-bottom:1px solid {color:Border};
  450. padding:10px ;
  451. text-align:left;
  452. margin:0px;
  453. -moz-transition-duration:0.5s;
  454. -webkit-transition-duration:0.5s;
  455. -o-transition-duration:0.5s;
  456. }
  457.  
  458. .note img.avatar {
  459. width: 20px;
  460. height: 20px;
  461. border-radius: 5px;
  462. -moz-border-radius: 5px;
  463. }
  464.  
  465. /* TAGS */
  466. .tags {
  467. font-style:normal;
  468. width:500px;
  469. text-transform:uppercase;
  470. font-style:normal;
  471. letter-spacing:2px;
  472. line-height:120%;
  473. font-size:8px;
  474. text-align:right;
  475. padding:2px;
  476. -moz-transition-duration:0.5s;
  477. -webkit-transition-duration:0.5s;
  478. -o-transition-duration:0.5s;
  479. }
  480.  
  481. .tags a {
  482. color:{color:Tag};
  483. letter-spacing:1px;
  484. padding:1px;
  485. }
  486.  
  487. .tags a:hover {
  488. color:{color:Hover};
  489. }
  490.  
  491. /* CREDIT :: PLEASE DONT REMOVE THIS */
  492.  
  493. #credit {
  494. position:fixed;
  495. bottom:5px;
  496. right:5px;
  497. text-transform:uppercase;
  498. font-size:10px;
  499. padding:5px;
  500. border:1px solid {color:border};
  501. }
  502.  
  503.  
  504. </style>
  505. </head>
  506. <body>
  507.  
  508. <div id="sidebar">
  509. <center><img src="{image:Sidebar}" width="200" height="250"></center>
  510. <div id="navs">
  511. <a href="/">home</a>
  512. <a href="/ask">message</a>
  513. <a href="/archive">past</a>
  514. <a href="submit">submit</a>
  515. <a href="{text:LinkURL1}">{text:LinkTitle1}</a>
  516. <a href="{text:LinkURL2}">{text:LinkTitle2}</a>
  517. <a href="{text:LinkURL3}">{text:LinkTitle3}</a>
  518. <a href="{text:LinkURL4}">{text:LinkTitle4}</a>
  519. <a href="{text:LinkURL5}">{text:LinkTitle5}</a>
  520. <a href="http://dealwithrhass.tumblr.com">theme</a>
  521. </div>
  522. <br>
  523. <div id="descbox">
  524. <div id="desc">{Description}</div></div>
  525.  
  526. <div class="page">
  527. {block:PreviousPage}
  528. <a href="{PreviousPage}">« Previous</a> {/block:PreviousPage}
  529. {block:NextPage}<a href="{NextPage}">Next »</a>{/block:NextPage}
  530. </div>
  531.  
  532. </div>
  533.  
  534. <div id="container">
  535. {block:Posts}
  536. <div id="post">
  537.  
  538. {block:Text}
  539. {block:Title}
  540. <h1><a href="{Permalink}">{Title}</a></h1>
  541.  
  542.  
  543. {/block:Title}
  544. {Body}
  545. {/block:Text}
  546.  
  547. {block:Photo}
  548. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  549. {block:Caption}
  550. <div id="caption">
  551. {Caption}
  552. </div>
  553. {/block:Caption}
  554. {/block:Photo}
  555.  
  556. {block:Photoset}
  557. {Photoset-500}
  558. {block:Caption}
  559. <div id="caption">
  560. {Caption}
  561. </div>
  562. {/block:Caption}
  563. {/block:Photoset}
  564.  
  565. {block:Quote}
  566. <div class="quote">"{Quote}"
  567. </div>
  568. {block:Source}
  569. <div class="source"><span style="position:float; font-size:20px;color:#c1cdc6;margin-right:50px;">◥</span>
  570. <br>
  571. - {Source}
  572. </div>
  573. {/block:Source}
  574. {/block:Quote}
  575.  
  576. {block:Link}
  577. <div id="link"><a href="{URL}" class="link" {Target}>{Name} →</a></div>
  578. {block:Description}
  579. {Description}
  580. {/block:Description}
  581. {/block:Link}
  582.  
  583.  
  584. {block:Chat}
  585. <div id="chat">
  586. {block:Title}
  587. <h1> <a href="{Permalink}">{Title}</a></h1>
  588. {/block:Title}
  589. <div class="chat">
  590. {block:Lines}
  591. <div class="{Alt} user_{UserNumber}">
  592.  
  593. {block:Label}
  594. <span class="label">{Label} </span>
  595. {/block:Label}
  596.  
  597. {Line}
  598. </div>
  599. {/block:Lines}
  600. </div>
  601. </div>
  602. {/block:Chat}
  603.  
  604.  
  605. {block:Video}
  606. {Video-500}
  607. {block:Caption}
  608. <div class="caption">
  609. {Caption}
  610. </div>
  611. {/block:Caption}
  612. {/block:Video}
  613.  
  614. {block:Audio}
  615. <div class="audio">
  616. {block:AlbumArt}
  617. <div class="albumart">
  618. <img src="{AlbumArtURL}"/>
  619. </div>{/block:AlbumArt}
  620. <div class="audioinfo">
  621. {block:TrackName}
  622. <b>Title:</b>
  623. {TrackName}<br />
  624. {/block:TrackName}
  625. {block:Artist}
  626. <b>Artist:</b>
  627. {Artist}<br />
  628. {/block:Artist}
  629. {/block:ExternalAudio}
  630. <b>Played:</b>
  631. {PlayCount} times
  632. </div>
  633. <div class="playercontainer">
  634. {AudioPlayerBlack}
  635. </div></div>
  636. {block:Caption}
  637. <div id="caption">
  638. {Caption}</div>
  639. {/block:Caption}
  640. <br>
  641. {/block:Audio}
  642.  
  643. {block:Answer}
  644.  
  645. <table width="50%" height="50px" ><tr><td width="60"><img src="{AskerPortraitURL-96}" style="margin: 4px; border-radius: 50px; -moz-border-radius: 50px;"></td> <td class="ask">{Question}<div class="asker">- {Asker}</div></td></tr>
  646.  
  647. </table>{Answer}{/block:Answer}
  648.  
  649. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  650. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  651.  
  652. <!-- {block:NoRebloggedFrom}
  653. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  654. {/block:NoRebloggedFrom} -->
  655.  
  656. {block:Date}<div id="info" style="border-bottom: 1px solid {color:Border}; border-top: 1px solid {color:Border};">Date Posted: {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}<br>
  657. Time Posted: <a href="{Permalink}">{12HourWithZero}:{Minutes} {CapitalAmPm}</a>{/block:Date}<br>
  658.  
  659. </div>
  660.  
  661. <div class="tags">
  662. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}
  663. <br>
  664. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} • <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  665. </div>
  666. {/block:HasTags}
  667.  
  668.  
  669. <div class="note">
  670. {block:PostNotes}{PostNotes}{/block:PostNotes}
  671. </div>
  672. </div>
  673.  
  674.  
  675. {/block:Posts}
  676.  
  677.  
  678. </div>
  679.  
  680. <div id="credit">
  681. <a href="http://dealwithrhass.tumblr.com/" target="_blank">THEME BY DEALWITHRHASS</a>
  682.  
  683. </div>
  684.  
  685. </body>
  686. </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!