Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

theirishboy 4 version 2

By: theirishboy on Sep 10th, 2012  |  syntax: None  |  size: 15.14 KB  |  hits: 307  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
This paste has a previous version, view the difference. Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. </---
  4.  
  5. THEME © THEIRISHBOY.TUMBLR.COM
  6. Please keep all credits and do not redistribute as your own.
  7.  
  8. --->
  9.  
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20. <meta name="color:Background" content="#e0d0b1"/>
  21. <meta name="color:Post Background" content="#f3e6cb"/>
  22. <meta name="color:Scrollbar" content="#94ac59" />
  23. <meta name="color:Scrollbar Background" content="#e0d0b1" />
  24. <meta name="color:Title" content="#94a849"/>
  25. <meta name="color:Text" content="#6f5a4a"/>
  26. <meta name="color:Tag" content="#c75864"/>
  27. <meta name="color:Border" content="#bb9550"/>
  28. <meta name="font:Body" content="georgia"/>
  29. <meta name="color:Link" content="#b69b7c"/>
  30. <meta name="color:Link Hover" content="#d3818a"/>
  31. <meta name="color:sTitle" content="#c55d68"/>
  32.  
  33. <meta name="text:STitle" content="perfect disaster"/>
  34.  
  35. <meta name="text:Link 1 Name" content="link 1"/>
  36. <meta name="text:Link 1 URL" content="/"/>
  37.  
  38. <meta name="text:Link 2 Name" content="link 2"/>
  39. <meta name="text:Link 2 URL" content="/"/>
  40.  
  41. <meta name="text:Link 3 Name" content="link 3"/>
  42. <meta name="text:Link 3 URL" content="/"/>
  43.  
  44. <meta name="image:Sidebar" content="/"/>
  45.  
  46. <meta name="image:Background" content="/"/>
  47. <meta name="text:Background Image Position" content="none"/>
  48. <meta name="if:Background Image Does Not Repeat" content="0"/>
  49. <meta name="if:Fixed Background Image" content="1"/>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic' rel='stylesheet' type='text/css'>
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. body {
  57. background-color:{color:Background};
  58. background-image:url({image:Background});
  59. background-position:{text:background image position};
  60. {block:IfBackgroundImageDoesNotRepeat}background-repeat:no-repeat;{/block:IfBackgroundImageDoesNotRepeat}
  61. {block:IfFixedBackgroundImage}background-attachment: fixed;{/block:IfFixedBackgroundImage}
  62. background-attachment: fixed;
  63. color:{color:Text};
  64. font-size:10px;
  65. line-height:10px;
  66. font-family:{font:body};
  67. }
  68.  
  69. ::selection {
  70. text-decoration:none;
  71. background-color:{color:link hover};
  72. color:{color:post background};
  73. text-shadow: none;
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:100px;}
  77. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:6px!important;}
  78. ::-webkit-scrollbar {background-color:{color:scrollbar background}; height:6px; width:6px;}
  79.  
  80.  
  81. a, a:visited, a:active {
  82. color:{color:Link};
  83. text-decoration: none;
  84. -webkit-transition: all 0.6s ease-in-out;
  85. -moz-transition: all 0.6s ease-in-out;
  86. -o-transition: all 0.6s ease-in-out;
  87. -ms-transition: all 0.6s ease-in-out;
  88. transition: all 0.6s ease-in-out;
  89. }
  90.  
  91. a:hover {
  92. color:{color:link hover};
  93. text-decoration:none;
  94. font-style:normal;
  95. letter-spacing:0px;
  96. -webkit-transition: all 0.6s ease-in-out;
  97. -moz-transition: all 0.6s ease-in-out;
  98. -o-transition: all 0.6s ease-in-out;
  99. -ms-transition: all 0.6s ease-in-out;
  100. transition: all 0.6s ease-in-out;
  101.  
  102. }
  103.  
  104. p {
  105. margin: 2px 2px 2px 2px;
  106. line-height:15px;
  107. padding: 0;
  108. }
  109.  
  110. p:first-letter
  111. {
  112. color:{color:stitle};
  113. font-weight:bold;
  114. }
  115.  
  116. b, strong {
  117. color:{color:stitle};
  118. font-weight:bold;
  119. }
  120. i, em {
  121. color:{color:tag};
  122. font-style:italic;
  123. }
  124. u {
  125. color:{color:text}; text-decoration:none; border-bottom: 2px solid {color:title};
  126. }
  127.  
  128. ol.notes {
  129. padding: 0px;
  130. margin: 25px 0px;
  131. list-style-type: none;
  132. line-height:100%;
  133. border-bottom: solid 0px {color:link};
  134. }
  135.  
  136. ol.notes li.note {
  137. border-top: solid 0px {color:title};
  138. padding: 10px;
  139. }
  140.  
  141. ol.notes li.note img.avatar {
  142. margin-right: 10px;
  143. width: 12px;
  144. height: 12px;
  145. }
  146.  
  147. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:3px solid {color:border}; line-height:15px; color:stitle;}
  148. blockquote img{display:block;}
  149. blockquote p{padding:0px; margin:0px;}
  150. blockquote blockquote{position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  151. a img{border:none;}
  152.  
  153. #content{
  154. position:absolute;
  155. padding:10px;
  156. top:10px;
  157. width:540px;
  158. left:460px;
  159. margin:auto;
  160. }
  161.  
  162. #post{
  163. margin-bottom:20px;
  164. background-color:{color:Post Background};
  165. padding:20px;
  166. border:none;
  167. }
  168.  
  169. #title{
  170. top:130px;
  171. left:200px;
  172. width: 200px;
  173. height:auto;
  174. position:fixed;
  175. text-align: center;
  176. padding:0px;
  177. border: 5px solid {color: background};
  178. margin-left:auto;
  179. overflow:hidden;
  180. }
  181.  
  182. #arrow{
  183. top:425px;
  184. left:275px;
  185. width: 200px;
  186. color: {color:post background};
  187. line-height:60px;
  188. font-size:50px;
  189. height:200px;
  190. position:fixed;
  191. text-align: center;
  192. padding:0px;
  193. margin-left:auto;
  194. overflow:auto;
  195. z-index:-1;
  196. }
  197.  
  198. #sidebar{
  199. top:155px;
  200. width:210px;
  201. height:285px;
  202. position:fixed;
  203. padding:0px;
  204. left:200px;
  205. border: 5px solid {color:post background};
  206. overflow:hidden;
  207.  
  208.  
  209. }
  210.  
  211.  
  212. .container {
  213. width:200px;
  214. height:275px;
  215.     background-color: {color:post background};
  216.    
  217. border: 5px solid {color:post background};
  218. -webkit-perspective: 1000;
  219.  
  220. }
  221.  
  222. .sbdesc{
  223. width:200px;
  224. -webkit-transform-style: preserve-3d;
  225.     -webkit-transition: 0.6s;
  226. }
  227.  
  228.     .container:hover .sbdesc {
  229.         -webkit-transform: rotateY(180deg);                
  230.     }
  231.  
  232.  
  233.  
  234. .face {
  235. position: absolute;
  236. -webkit-backface-visibility: hidden;
  237. }
  238.  
  239. .sb {
  240.     float: left; position: absolute;
  241. }
  242.         .sb .front {
  243.                
  244.         }
  245.         .sb .back {
  246.        
  247.         margin-top: 0px; font-family:{font:body};
  248.         font-size:10px; text-align:justify;
  249.         line-height:12px;
  250.         background-color: transparent;
  251.         top:0px;
  252.         width:175px;
  253.         height: 230px;
  254.         position:fixed;
  255.         padding:10px;
  256.         left:0px;
  257.         overflow:auto;
  258.         zoom: 1;
  259.         filter: alpha(opacity=100);
  260.         opacity: 1.0;
  261.         -webkit-transition-duration: 0.9s;
  262.         -moz-transition-duration: 0.8s;
  263.         -webkit-transform: rotateY(180deg);
  264.         margin-top:10px;
  265.         margin-left:2.5px;
  266. }
  267.  
  268. .front {
  269.     z-index: 10;
  270. }
  271.  
  272. .container:hover .front {
  273.     z-index: 0;
  274.     -webkit-transition: 0.6s;
  275. }
  276.  
  277.  
  278.  
  279.  
  280. #slinks{
  281. position:fixed;
  282. width:200px;
  283. padding:5px;
  284. top:480px;
  285. left:200px;
  286. letter-spacing:0px;
  287. line-height:70%;
  288. text-align:center;
  289. -webkit-transition: opacity 0.7s linear;opacity: 0.7s; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  290. }
  291.  
  292. #slinks:hover{
  293. position:fixed;
  294. padding:5px;
  295. margin-left:0px;
  296. letter-spacing:0px;
  297. -webkit-transition: opacity 0.7s linear;opacity: 0.7s;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  298. }
  299.  
  300. .slink {
  301. }
  302. .slink a {
  303.     display: inline-block;
  304.     color:{color:link};    
  305.  
  306.     background-color:transparent;
  307.     font-family: 'Lobster Two';
  308.     font-size:18px;
  309.     font-weight:bold;
  310.     text-transform: lowercase;
  311.     letter-spacing: 0px;
  312.     text-align:center;
  313.     margin:2px 0px 5px 0px;
  314.     padding:3px 4px 3px 4px;
  315.     border-left:0px solid {color:post background};
  316.     -webkit-transition: 0.6s;
  317.     }
  318. .slink a:hover {
  319.     color:{color:link hover};
  320.     margin-left:0px;
  321.     border-bottom:0px solid {color:border};
  322.     -webkit-transition: 0.6s;
  323.     font-style:normal;
  324.     border-left:0px solid {color:post background};
  325.     text-shadow: {color:post background} 2px 2px 0px;
  326.       filter: alpha(opacity=80);
  327.         opacity: 0.80;
  328.     }
  329.  
  330. #theme {width:50px;
  331. }
  332. #theme a {width:50px;display: inline-block; color:{color:text};background-color:{color:post background}; font-family:{font:body}; font-size:7px; text-transform: uppercase; letter-spacing: 2px; text-align:center;margin:2px 0px 2px 0px; padding:12px 3px 12px 3px;filter: alpha(opacity=40);
  333. opacity: 0.4;}
  334. #theme a:hover {filter: alpha(opacity=90);
  335. opacity: 0.9; -webkit-transition: opacity 0.7s linear;opacity: 0.7s;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  336.  
  337.  
  338.  
  339. #stitle {
  340. font-size:9px;
  341. font-family: 'Life Savers', cursive !important;
  342. color:{color:sTitle};
  343. text-transform:lowercase;
  344. line-height:20px;
  345. LETTER-SPACING:7px;
  346. font-weight: none;
  347. position:absolute;
  348. padding:10px;
  349. top:5px;
  350. left:0px;
  351.  
  352. }
  353.  
  354. h1 {
  355. font-size:21px;
  356. font-family: 'Lobster Two', georgia;
  357. color:{color:sTitle};
  358. font-weight:normal;
  359. font-style:italic;
  360. text-transform:lowercase;
  361. letter-spacing:0px;
  362. line-height:20px;
  363. padding:0px;
  364. margin: 0px;
  365. -webkit-transition: 0.5s;
  366. }
  367.  
  368. h1:first-letter
  369. {
  370. color:{color:link hover};
  371. font-weight:bold;
  372. }
  373.  
  374. h1:hover {
  375.  text-shadow: {color:link} 1px 1px 0px;
  376.  -webkit-transition: 0.5s;
  377. }
  378.  
  379.  
  380. .h2 {
  381. font:{Font:Text} 10px;
  382. color:{color:Text};
  383. text-transform:uppercase;
  384. background-color: transparent;
  385. text-align: left;
  386. padding:5px;
  387. margin-top:10px;
  388. margin-bottom:0px;
  389. border-bottom:0px solid {color:border};
  390. }
  391.  
  392.  
  393. h3 {
  394. margin-bottom:5px;
  395. font-size:18px;
  396. font-weight:normal;
  397. letter-spacing:0px;
  398. font-family: 'Lobster Two', georgia;
  399. color:{color:Title};
  400. text-transform:lowercase;
  401. line-height:20px;
  402. }
  403. h3 a{
  404. color:{color:Title};
  405. letter-spacing:0px;
  406. }
  407.  
  408. h4 {
  409. font-size:10px;
  410. font:{font:title};
  411. color:{color:Title};
  412. text-transform:lowercase;
  413. line-height:20px;
  414. }
  415.  
  416. h8 {
  417. font-size:18px;
  418. font-family: 'Lobster Two', georgia;
  419. color:{color:sTitle};
  420. font-weight:none;
  421. text-transform:lowercase;
  422. letter-spacing:0px;
  423. line-height:20px;
  424. padding:0px;
  425. margin: 0px;
  426. }
  427.  
  428. h8 a {
  429. color:{color:border};
  430. }
  431.  
  432. .name {
  433. color:{color:Name};
  434. font-size:{text:Name Size}px;
  435. font:{font:title};
  436. text-transform:lowercase;
  437. line-height:10px;
  438. }
  439.  
  440. #details {
  441. background-color:transparent;
  442. font-family:{font:body};
  443. border:none;
  444. color:{color:text};
  445. text-align:left;
  446. margin-top:1px;
  447. margin-bottom:-3px;
  448. margin-right:2px;
  449. padding:2px;
  450. text-transform:uppercase;
  451. letter-spacing:0px;
  452. font-style:normal;
  453. font-size:8px;
  454. }
  455.  
  456. #tags {
  457. background-color:transparent;
  458. font-family:{font:body};
  459. border:none;
  460. color:{color:text};
  461. text-align:left;
  462. margin-top:1px;
  463. margin-bottom:-3px;
  464. margin-right:2px;
  465. padding:2px;
  466. text-transform:uppercase;
  467. letter-spacing:0px;
  468. font-style:normal;
  469. font-size:8px;
  470. -webkit-transition: all 0.6s ease-in-out;
  471. -moz-transition: all 0.6s ease-in-out;
  472. -o-transition: all 0.6s ease-in-out;
  473. -ms-transition: all 0.6s ease-in-out;
  474. transition: all 0.6s ease-in-out;}
  475.  
  476. #tags a {
  477. color:{color:tag};}
  478.  
  479. #tags:hover {
  480. color:{color:link};
  481. text-transform:uppercase;
  482. -webkit-transition: all 0.6s ease-in-out;
  483. -moz-transition: all 0.6s ease-in-out;
  484. -o-transition: all 0.6s ease-in-out;
  485. -ms-transition: all 0.6s ease-in-out;
  486. transition: all 0.6s ease-in-out;
  487. }
  488.  
  489.  
  490. #credits{
  491. position:fixed;
  492. padding:5px;
  493. bottom:15px;
  494. right:15px;
  495. letter-spacing:0px;
  496. }
  497.  
  498. #credits a{
  499. color:{color:stitle};
  500. }
  501.  
  502. .nav{
  503. position:fixed;
  504. padding:5px;
  505. top:250px;
  506. right:100px;
  507. letter-spacing:0px;
  508. text-align:center;
  509. margin-left:8px;
  510. line-height:200%;
  511. border: 0px;
  512. }
  513.  
  514. .nav a{
  515. letter-spacing:0px;
  516. color: {color:link hover};
  517. font-size: 40px;
  518. border: 0px;;
  519. }
  520.  
  521. .nav a:hover{
  522. color: {color:link};
  523. font-style:none;
  524. text-shadow: {color:post background} 2px 2px 0px;
  525. }
  526.  
  527. img, a img {
  528. max-width:500px !important;
  529. border: 0px !important;
  530. }
  531.  
  532. {CustomCSS}
  533. </style>
  534. </head>
  535. <body>
  536.  
  537. <div id="slinks">
  538. <div class="slink">
  539. <a href="/" class="">home</a>
  540. <a href="/ask" class="">message</a>
  541. {block:IfLink1Name}<a href="{text:link 1 url}">{text:link 1 name}</A>{/block:IfLink1Name}
  542. {block:IfLink2Name}<a href="{text:link 2 url}">{text:link 2 name}</A>{/block:IfLink2Name}
  543. {block:IfLink3Name}<a href="{text:link 3 url}">{text:link 3 name}</A>{/block:IfLink3Name}
  544.  
  545.  
  546. </div>
  547. </div>
  548.  
  549.  
  550. <div id="arrow">◤</div>
  551.  
  552. <div id="sidebar">
  553.  
  554.     <div class="container sb">
  555.         <div class="sbdesc">
  556.        
  557.             <div class="face front">
  558.            
  559.                 <img src="{image:sidebar}" style="width:200px;
  560.                 height:auto;    
  561.                 border-radius:0px 0px 0px 0px;">
  562.  
  563.             </div>
  564.  
  565.             <div class="face back">
  566.              
  567.                     <table style="border:0px transparent solid;">
  568.                     <tr>
  569.                         <td><img src="{PortraitURL-30}"></td>
  570.                         <td><h1>{text:stitle}</h1></td>
  571.                     </tr></table>
  572.                     <br>
  573.                     <table><tr><td>
  574.                         {block:Description}{Description}
  575.                         {/block:Description}
  576.                     </td></tr></table>
  577.                     <br>
  578.                    
  579.            
  580.             </div>
  581.            
  582.         </div>
  583.        
  584.     </div>
  585.    
  586. </div>
  587.  
  588. <div id="content">
  589. {block:Posts}
  590.  
  591.  
  592. <div id="post">
  593.  
  594. {block:Text}
  595. {block:Title}
  596. <h3><a href="{Permalink}">{Title}</a></h3>
  597. {/block:Title}
  598. {Body}
  599. {/block:Text}
  600.  
  601. {block:Photo}
  602. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  603. {block:Caption}
  604. {Caption}
  605. {/block:Caption}
  606. {/block:Photo}
  607.  
  608. {block:Photoset}
  609. <center>{Photoset-500}</center>
  610. {block:Caption}
  611. {Caption}
  612. {/block:Caption}
  613. {/block:Photoset}
  614.  
  615. {block:Quote}
  616. <h3>"{Quote}"</h3>
  617. {block:Source}
  618. -{Source}
  619. {/block:Source}
  620. {/block:Quote}
  621.  
  622. {block:Link}
  623. <a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>
  624. {block:Description}
  625. {Description}
  626. {/block:Description}
  627. {/block:Link}
  628.  
  629. {block:Chat}
  630. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  631. {block:Lines}
  632. {block:Label}<b>{Label}</b>{/block:Label}
  633. {Line}<br>
  634. {/block:Lines}
  635. {/block:Chat}
  636.  
  637. {block:Video}
  638. <center>{Video-500}</center>
  639. {block:Caption}
  640. {Caption}
  641. {/block:Caption}
  642. {/block:Video}
  643.  
  644. {block:Audio}<br/>
  645. {AudioPlayerBlack}
  646. {block:Caption}
  647. {Caption}
  648. {/block:Caption}
  649. {/block:Audio}
  650. <br>
  651.  
  652. <h8>
  653. {block:Answer}
  654. {Asker} asked:</h8><font style="font-family:'Lobster Two'; font-size:14px;"><i>"{Question}"</i></font>
  655. <br><br>
  656. {answer}
  657. {/block:answer}
  658.  
  659.  
  660. <div class="h2">
  661. <div id="details">{block:Date}published <a href="{Permalink}">{TimeAgo}</a>{/block:date}  {block:NoteCount}{NoteCountWithLabel}{/Block:NoteCount}{/block:NoteCount}  {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}  <a href="{ReblogRootURL}" title="{ReblogRootName}">©</a>   <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog</a>
  662. <br></div>
  663. <div id="tags">
  664. {block:HasTags}{block:Tags}#<a id="tagsa" href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><br>
  665.  
  666.  
  667. {block:PermalinkPage}
  668. <font style="font-family:{font:body}; font-size:8.5px; text-spacing:1px; line-height:100%;">{block:PostNotes}{PostNotes}{/block:PostNotes}</font>
  669. {/block:PermalinkPage}
  670. </div>
  671. </div>
  672. {/block:Posts}
  673.  
  674. <br>
  675.  
  676.  
  677. </div>
  678. </div>
  679.  
  680. <div class="nav">
  681. {block:Pagination}
  682. {block:PreviousPage}
  683. <a href="{PreviousPage}">&#171;</a>
  684. {/block:PreviousPage}
  685. {block:NextPage}
  686. <a href="{NextPage}">&#187;</a>
  687. {/block:NextPage}
  688. {/block:Pagination}
  689.  
  690. </div>
  691.  
  692. <div id="credits">
  693. <div id="theme">
  694. <a href="http://theirishboy.tumblr.com/tagged/themes" class="">theme</a>
  695. </div>
  696. </div>
  697.  
  698.  
  699.  
  700. </body>
  701. </html>
create a new version of this paste RAW Paste Data