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

theirishboy theme 1

By: a guest on Apr 13th, 2012  |  syntax: None  |  size: 16.15 KB  |  hits: 535  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
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="#EBD9B2"/>
  21. <meta name="color:Post Background" content="#F5EBD3"/>
  22. <meta name="color:Scrollbar" content="#BD9F7B" />
  23. <meta name="color:Scrollbar Background" content="#C7B196" />
  24. <meta name="color:Title" content="#aa3257"/>
  25. <meta name="color:Sidebar" content="#F5EBD3"/>
  26. <meta name="color:Text" content="#9E8275"/>
  27. <meta name="color:Tag" content="#aa3257"/>
  28. <meta name="color:Border" content="#F5EBD3"/>
  29. <meta name="font:Body" content="georgia"/>
  30. <meta name="color:Link" content="#B3777E"/>
  31. <meta name="color:Link Hover" content="#9E8275"/>
  32. <meta name="color:sTitle" content="#8D6553"/>
  33.  
  34. <meta name="text:STitle" content="come on skinny love"/>
  35.  
  36. <meta name="text:Link 1 Name" content="link 1"/>
  37. <meta name="text:Link 1 URL" content="/"/>
  38.  
  39. <meta name="text:Link 2 Name" content="link 2"/>
  40. <meta name="text:Link 2 URL" content="/"/>
  41.  
  42. <meta name="text:Link 3 Name" content="link 3"/>
  43. <meta name="text:Link 3 URL" content="/"/>
  44.  
  45. <meta name="text:Link 4 Name" content="link 4"/>
  46. <meta name="text:Link 4 URL" content="/"/>
  47.  
  48. <meta name="text:Link 5 Name" content="link 5"/>
  49. <meta name="text:Link 5 URL" content="/"/>
  50.  
  51. <meta name="image:Sidebar" content="/"/>
  52.  
  53. <meta name="image:Background" content=""/>
  54. <meta name="text:Background Image Position" content="none"/>
  55. <meta name="if:Background Image Does Not Repeat" content="0"/>
  56. <meta name="if:Fixed Background Image" content="1"/>
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  59.  
  60. <style type="text/css">
  61.  
  62. body {
  63. background-color:{color:Background};
  64. background-image:url({image:Background});
  65. background-position:{text:background image position};
  66. {block:IfBackgroundImageDoesNotRepeat}background-repeat:no-repeat;{/block:IfBackgroundImageDoesNotRepeat}
  67. {block:IfFixedBackgroundImage}background-attachment: fixed;{/block:IfFixedBackgroundImage}
  68. background-attachment: fixed;
  69. color:{color:Text};
  70. font-size:10px;
  71. line-height:10px;
  72. font-family:{font:body};
  73. }
  74.  
  75. ::selection {
  76. text-decoration:none;
  77. background-color:transparent;
  78. color:{color:Tag};}
  79.  
  80. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:100px;}
  81. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important;}
  82. ::-webkit-scrollbar {background-color:{color:scrollbar background}; height:10px; width:10px;}
  83.  
  84.  
  85. a, a:visited, a:active {
  86. color:{color:Link};
  87. text-decoration: none;
  88. -webkit-transition: all 0.6s ease-in-out;
  89. -moz-transition: all 0.6s ease-in-out;
  90. -o-transition: all 0.6s ease-in-out;
  91. -ms-transition: all 0.6s ease-in-out;
  92. transition: all 0.6s ease-in-out;
  93. }
  94.  
  95. a:hover {
  96. color:{color:link hover};
  97. text-decoration:none;
  98. letter-spacing:0px;
  99. -webkit-transition: all 0.6s ease-in-out;
  100. -moz-transition: all 0.6s ease-in-out;
  101. -o-transition: all 0.6s ease-in-out;
  102. -ms-transition: all 0.6s ease-in-out;
  103. transition: all 0.6s ease-in-out;
  104.  
  105. }
  106.  
  107. p {
  108. margin: 2px 2px 2px 2px;
  109. line-height:15px;
  110. padding: 0;
  111. }
  112.  
  113. ol.notes {
  114. padding: 0px;
  115. margin: 25px 0px;
  116. list-style-type: none;
  117. border-bottom: solid 0px {color:link};
  118. }
  119.  
  120. ol.notes li.note {
  121. border-top: solid 0px {color:title};
  122. padding: 10px;
  123. }
  124.  
  125. ol.notes li.note img.avatar {
  126. margin-right: 10px;
  127. width: 15px;
  128. height: 15px;
  129. }
  130.  
  131. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:stitle};}
  132. blockquote img{display:block;}
  133. blockquote p{padding:0px; margin:0px;}
  134. blockquote blockquote{position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  135. a img{border:none;}
  136.  
  137. #content{
  138. position:absolute;
  139. background-color:{color:Post Background};
  140. padding:10px;
  141. top:10px;
  142. width:500px;
  143. left:430px;
  144. margin:auto;
  145. }
  146.  
  147. #sidebar{
  148. background-image: url('{image:sidebar}');
  149. top:130px;
  150. width:200px;
  151. height:200px;
  152. position:fixed;
  153. padding:0px;
  154. left:80px;
  155. border: 5px solid {color:background}
  156. margin-left:auto;
  157. overflow:hidden;
  158. }
  159.  
  160.  
  161. #stext { margin-top: 0px; font-family:{font:body}; font-size:10px; text-align:center;
  162. line-height:15px;
  163. background-color: {color:sidebar};
  164. top:0px;
  165. width:180px;
  166. height:180px;
  167. position:fixed;
  168. padding:10px;
  169. left:0px;
  170. zoom: 1;
  171. filter: alpha(opacity=0);
  172. opacity: 0.0;
  173. overflow:hidden;
  174. line-height:100%;
  175. -webkit-transition-duration: 0.6s;
  176. -moz-transition-duration: 0.5s;
  177. position:absolute;}
  178.  
  179. #stext:hover {
  180. zoom: 1;
  181. filter: alpha(opacity=90);
  182. opacity: 0.9;
  183. padding:10px;
  184. line-height:100%;
  185. -webkit-transition-duration: 0.6s;
  186. -moz-transition-duration: 0.5s;
  187. position:absolute;}
  188.  
  189.  
  190. #stexthover { font-family:{font:body}; font-size:8px; letter-spacing:1px; text-align:center;  line-height:100%;
  191. color:{color:background};
  192. top:312px;
  193. position:fixed;
  194. padding:5px;
  195. left:80px;
  196. zoom: 1;
  197. filter: alpha(opacity=30);
  198. opacity: 0.3;}
  199.  
  200.  
  201. #slinks{
  202. position:fixed;
  203. padding:5px;
  204. top:140px;
  205. left:280px;
  206. letter-spacing:0px;
  207. }
  208.  
  209. #slink1 {
  210. }
  211. #slink1 a {display: inline-block; color:{color:text};background-color:{color:background}; font-family:{font:body}; font-size:9px; text-transform: lowercase; letter-spacing: 0px; text-align:left;margin:2px 0px 2px 0px; padding:3px 8px 3px 8px;border-left:8px solid {color:scrollbar};}
  212. #slink1 a:hover {color:{color:text};background-color:{color:background}; -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;font-style:normal;border-left:23px solid {color:link};}}
  213.  
  214. #slink2 {
  215. }
  216. #slink2 a {display: inline-block; color:{color:text};background-color:{color:background}; font-family:{font:body}; font-size:9px; text-transform: lowercase; letter-spacing: 0px; text-align:left;margin:2px 0px 2px 0px; padding:3px 8px 3px 8px;border-left:15px solid {color:tag};}
  217. #slink2 a:hover {color:{color:text};background-color:{color:background}; -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;font-style:normal;border-left:33px solid {color:scrollbar background};}}
  218.  
  219. #slink3 {
  220. }
  221. #slink3 a {display: inline-block; color:{color:text};background-color:{color:background}; font-family:{font:body}; font-size:9px; text-transform: lowercase; letter-spacing: 0px; text-align:left;margin:2px 0px 2px 0px; padding:3px 8px 3px 8px;border-left:12px solid {color:scrollbar background};}
  222. #slink3 a:hover {color:{color:text};background-color:{color:background}; -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;font-style:normal;border-left:30px solid {color:scrollbar};}}
  223.  
  224.  
  225. #slink4 {
  226. }
  227. #slink4 a {display: inline-block; color:{color:text};background-color:{color:background}; font-family:{font:body}; font-size:9px; text-transform: lowercase; letter-spacing: 0px; text-align:left;margin:2px 0px 2px 0px; padding:3px 8px 3px 8px;border-left:18px solid {color:link};}
  228. #slink4 a:hover {color:{color:text};background-color:{color:background}; -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;font-style:normal;border-left:36px solid {color:text};}}
  229.  
  230. #slink5 {
  231. }
  232. #slink5 a {display: inline-block; color:{color:text};background-color:{color:background}; font-family:{font:body}; font-size:9px; text-transform: lowercase; letter-spacing: 0px; text-align:left;margin:2px 0px 2px 0px; padding:3px 8px 3px 8px;border-left:10px solid {color:text};}
  233. #slink5 a:hover {color:{color:text};background-color:{color:background}; -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;font-style:normal;border-left:28px solid {color:tag};}}
  234.  
  235.  
  236.  
  237. #navi {width:50px;
  238. }
  239. #navi a {width:50px;display: inline-block; color:{color:post background};background-color:{color:link}; font-family:{font:body}; font-size:9px; text-transform: lowercase; letter-spacing: 1px; text-align:center;margin:2px 0px 2px 0px; padding:22px 3px 22px 3px;}
  240. #navi a:hover {color:{color:text};background-color:{color:post background}; -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;font-style:italic;}
  241.  
  242. #navi2 {width:50px;
  243. }
  244. #navi2 a {width:50px;display: inline-block; color:{color:post background};background-color:{color:scrollbar}; font-family:{font:body}; font-size:9px; text-transform: lowercase; letter-spacing: 1px; text-align:center;margin:2px 0px 2px 0px; padding:22px 3px 22px 3px;}
  245. #navi2 a:hover {color:{color:text};background-color:{color:post background}; -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;font-style:italic;}
  246.  
  247. #navi3 {width:50px;
  248. }
  249. #navi3 a {width:50px;display: inline-block; color:{color:post background};background-color:{color:scrollbar background}; font-family:{font:body}; font-size:9px; text-transform: lowercase; letter-spacing: 1px; text-align:center;margin:2px 0px 2px 0px; padding:22px 3px 22px 3px;}
  250. #navi3 a:hover {color:{color:text};background-color:{color:post background}; -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;font-style:italic;}
  251.  
  252. #navi4 {width:50px;
  253. }
  254. #navi4 a {width:50px;display: inline-block; color:{color:post background};background-color:{color:text}; font-family:{font:body}; font-size:9px; text-transform: lowercase; letter-spacing: 1px; text-align:center;margin:2px 0px 2px 0px; padding:22px 3px 22px 3px;}
  255. #navi4 a:hover {color:{color:text};background-color:{color:post background}; -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;font-style:italic;}
  256.  
  257.  
  258. #post{
  259. margin-bottom:10px;
  260. }
  261.  
  262. #stitle {
  263. font-size:30px;
  264. font-family: 'cookie', georgia !important;
  265. color:{color:sTitle};
  266. text-transform:lowercase;
  267. line-height:20px;
  268. LETTER-SPACING:0px;
  269. font-weight: none;
  270. position:absolute;
  271. padding:10px;
  272. top:5px;
  273. left:0px;
  274.  
  275. }
  276.  
  277. h1 {
  278. font-size:30px;
  279. font-family: 'Cookie', georgia;
  280. color:{color:sTitle};
  281. font-weight:normal;
  282. text-transform:lowercase;
  283. line-height:20px;
  284. padding:0px;
  285. margin: 0px;
  286. }
  287.  
  288.  
  289. .h2 {
  290. font:{Font:Text} 10px;
  291. color:{color:Text};
  292. text-transform:uppercase;
  293. background-color: transparent;
  294. text-align: left;
  295. padding:5px;
  296. margin-top:10px;
  297. margin-bottom:10px;
  298. border-bottom:4px solid {color:border};
  299. }
  300.  
  301.  
  302. h3 {
  303. margin-bottom:5px;
  304. font-size:25px;
  305. font-weight:normal;
  306. letter-spacing:1px;
  307. font-family: 'Cookie', georgia;
  308. color:{color:Title};
  309. text-transform:lowercase;
  310. line-height:20px;
  311. }
  312.  
  313. h4 {
  314. font-size:10px;
  315. font:{font:title};
  316. color:{color:Title};
  317. text-transform:lowercase;
  318. line-height:20px;
  319. }
  320.  
  321. .name {
  322. color:{color:Name};
  323. font-size:{text:Name Size}px;
  324. font:{font:title};
  325. text-transform:lowercase;
  326. line-height:10px;
  327. }
  328.  
  329. #tags {
  330. background-color:transparent;
  331. font-family:{font:body};
  332. color:{color:text};
  333. text-align:left;
  334. margin-top:1px;
  335. margin-bottom:-3px;
  336. margin-right:2px;
  337. padding:2px;
  338. text-transform:uppercase;
  339. letter-spacing:0px;
  340. font-style:normal;
  341. font-size:8px;
  342. -webkit-transition: all 0.6s ease-in-out;
  343. -moz-transition: all 0.6s ease-in-out;
  344. -o-transition: all 0.6s ease-in-out;
  345. -ms-transition: all 0.6s ease-in-out;
  346. transition: all 0.6s ease-in-out;}
  347.  
  348. #tagsa {
  349. color:{color:tags};}
  350.  
  351. #tags:hover {
  352. color:{color:title};
  353. text-transform:uppercase;
  354. -webkit-transition: all 0.6s ease-in-out;
  355. -moz-transition: all 0.6s ease-in-out;
  356. -o-transition: all 0.6s ease-in-out;
  357. -ms-transition: all 0.6s ease-in-out;
  358. transition: all 0.6s ease-in-out;
  359. }
  360.  
  361.  
  362. #navigation{
  363. position:fixed;
  364. padding:5px;
  365. top:150px;
  366. right:155px;
  367. letter-spacing:0px;
  368. }
  369.  
  370. #navigation2{
  371. position:fixed;
  372. padding:5px;
  373. top:150px;
  374. right:100px;
  375. letter-spacing:0px;
  376. }
  377.  
  378. #nav{
  379. position:fixed;
  380. padding:5px;
  381. top:270px;
  382. right:105px;
  383. letter-spacing:0px;
  384. }
  385.  
  386. #nava{
  387. letter-spacing:0px;
  388. }
  389.  
  390. img, a img {
  391. max-width:500px !important;
  392. border: 0px !important;
  393. }
  394.  
  395. {CustomCSS}
  396. </style>
  397. </head>
  398. <body>
  399.  
  400. <div id="slinks">
  401. <div id="slink1">
  402. {block:IfLink1Name}<a href="{text:link 1 url}">{text:link 1 name}</A>{/block:IfLink1Name}
  403. </div>
  404. <div id="slink2">
  405. {block:IfLink2Name}<a href="{text:link 2 url}">{text:link 2 name}</A>{/block:IfLink2Name}
  406. </div>
  407. <div id="slink3">
  408. {block:IfLink3Name}<a href="{text:link 3 url}">{text:link 3 name}</A>{/block:IfLink3Name}
  409. </div>
  410. <div id="slink4">
  411. {block:IfLink4Name}<a href="{text:link 4 url}">{text:link 4 name}</A>{/block:IfLink4Name}
  412. </div>
  413. <div id="slink5">
  414. {block:IfLink5Name}<a href="{text:link 5 url}">{text:link 5 name}</A>{/block:IfLink5Name}
  415. </div>
  416. </div>
  417.  
  418. <p>
  419. <p>
  420. <p>
  421. <p>
  422.  
  423.  
  424.  
  425. <div id="sidebar">
  426. <div id="stexthover">HOVER</div>
  427. <div id="stext">
  428. <h1>{text:stitle}</h1><br>
  429. {block:Description}{Description}{/block:Description}
  430. <br>
  431. </div>
  432. </div>
  433.  
  434.  
  435. <div id="content">
  436. {block:Posts}
  437.  
  438.  
  439. <div id="post">
  440.  
  441. {block:Text}
  442. {block:Title}
  443. <h3><a href="{Permalink}">{Title}</a></h3>
  444. {/block:Title}
  445. {Body}
  446. {/block:Text}
  447.  
  448. {block:Photo}
  449. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  450. {block:Caption}
  451. {Caption}
  452. {/block:Caption}
  453. {/block:Photo}
  454.  
  455. {block:Photoset}
  456. <center>{Photoset-500}</center>
  457. {block:Caption}
  458. {Caption}
  459. {/block:Caption}
  460. {/block:Photoset}
  461.  
  462. {block:Quote}
  463. <h3>"{Quote}"</h3>
  464. {block:Source}
  465. -{Source}
  466. {/block:Source}
  467. {/block:Quote}
  468.  
  469. {block:Link}
  470. <a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>
  471. {block:Description}
  472. {Description}
  473. {/block:Description}
  474. {/block:Link}
  475.  
  476. {block:Chat}
  477. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  478. {block:Lines}
  479. {block:Label}<b>{Label}</b>{/block:Label}
  480. {Line}<br>
  481. {/block:Lines}
  482. {/block:Chat}
  483.  
  484. {block:Video}
  485. <center>{Video-500}</center>
  486. {block:Caption}
  487. {Caption}
  488. {/block:Caption}
  489. {/block:Video}
  490.  
  491. {block:Audio}<br/>
  492. {AudioPlayerWhite}
  493. {block:Caption}
  494. {Caption}
  495. {/block:Caption}
  496. {/block:Audio}
  497. <br>
  498.  
  499. {block:Answer}
  500. <b>{Asker} said:
  501. {Question}</b><br><br>
  502. {answer}
  503. {/block:answer}
  504.  
  505. <div class="h2">
  506. {block:NoteCount}{NoteCountWithLabel}</a> | <a href="{Permalink}">
  507. {TimeAgo}{/Block:NoteCount}</a> | {/block:NoteCount}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog</a> <br> <div id="tags">
  508. {block:HasTags}{block:Tags}#<a id="tagsa" href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><br>
  509.  
  510.  
  511. {block:PermalinkPage}<br>
  512. <center>{Block:NoteCount}Posted on {Month} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} {CapitalAmPm}{/Block:NoteCount}
  513. <br>
  514.  
  515. {block:RebloggedFrom}
  516. Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  517. Originally posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  518. </center>
  519. {block:PostNotes}{PostNotes}{/block:PostNotes}
  520. {/block:PermalinkPage}
  521. </div>
  522. </div>
  523. {/block:Posts}
  524.  
  525. <br>
  526.  
  527.  
  528. </div>
  529. </div>
  530.  
  531. <div id="navigation">
  532. <div id="navi">
  533. <a href="/" class="">home</a>
  534. </div><div id="navi2">
  535. <a href="/archive" class="">archive</a>
  536. </div>
  537. </div>
  538. <div id="navigation2">
  539. <div id="navi3">
  540. <a href="/ask" class="">ask</a>
  541. </div><div id="navi4">
  542. <a href="http://theirishboy.tumblr.com/tagged/themes" class="">theme</a>
  543. </div>
  544. </div>
  545.  
  546.  
  547. <div id="nav">
  548.  
  549. <div id="nava">
  550. <font size="5">
  551. {block:Pagination}
  552. {block:PreviousPage}
  553. <a id="nava" href="{PreviousPage}">&#171;</a>
  554. {/block:PreviousPage}
  555.  
  556. {block:NextPage}
  557. <a id="nava" href="{NextPage}">&#187;</a>
  558. {/block:NextPage}
  559. {/block:Pagination}
  560. </font><br>
  561. </div>
  562. </div>
  563.  
  564.    
  565.  
  566.  
  567.  
  568.  
  569.  
  570. </body>
  571. </html>