API tools faq
paste
Advertisement
serenismo

THX 9 - COLUMN

serenismo
Aug 21st, 2012
338
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.36 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <meta name="color:background" content="#f8f8f8" />
  5. <meta name="color:link" content="#666" />
  6. <meta name="color:hover" content="#999" />
  7. <meta name="color:text" content="#666" />
  8. <meta name="color:sidebar" content="#fff" />
  9. <meta name="color:border" content="#e3e3e3" />
  10. <meta name="color:post" content="#ffffff" />
  11.  
  12. <meta name="image:background" content="" />
  13. <meta name="image:sidebar" content="http://static.tumblr.com/g5vhocy/Jtbm94qyw/tumblr_m6jtd2ufsp1qbt27go1_400.png" />
  14.  
  15. <meta name="text:Link1 url" content="/" />
  16. <meta name="text:Link1 Title" content="link1" />
  17. <meta name="text:Link2 url" content="/" />
  18. <meta name="text:Link2 Title" content="link2" />
  19. <meta name="text:Link3 url" content="/" />
  20. <meta name="text:Link3 Title" content="link3" />
  21. <meta name="text:Link4 url" content="/" />
  22. <meta name="text:Link4 Title" content="link4" />
  23. <meta name="text:Link5 url" content="/" />
  24. <meta name="text:Link5 Title" content="link5" />
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39.  
  40.  
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51.  
  52. ::-webkit-scrollbar-thumb:vertical {background-color:#000;height:75px;width:3px;}
  53. ::-webkit-scrollbar {height:0px;width:3px;background-color:#ffffff; padding:2px;}
  54.  
  55. @font-face {
  56. font-family: "pacifico";
  57. src: url(http://static.tumblr.com/ufwwwyn/Do8m4xui1/pacifico.ttf) format("truetype");
  58. }
  59.  
  60. body {
  61. background-color: {color:background};
  62. font-family: verdana;
  63. color: {color:text};
  64. text-align: center;
  65. font-size: 11px;
  66. background-image:url('{image:background}');
  67. background-attachment: fixed; }
  68.  
  69. a {
  70. color: {color:link};
  71. text-decoration: none;
  72. text-transform: none;}
  73. a:hover {
  74. color: {color:lhover};
  75. background-color: transparent;
  76. text-decoration: none;
  77. text-transfome: uppercase;}
  78.  
  79. p {margin: 6px 0 0 0}
  80.  
  81. blockquote {
  82. margin: 5px 5px 5px 5px;
  83. border-left: 6px solid {color:background};
  84. padding-left: 5px; }
  85.  
  86. blockquote blockquote {
  87. margin: 0px 5px 0px 5px;
  88. border-left: 5px solid {color:background};}
  89.  
  90. blockquote blockquote blockquote {
  91. margin: 0px 5px 0px 5px;
  92. border-left: 4px solid {color:background}; }
  93.  
  94. blockquote blockquote blockquote blockquote {
  95. margin: 0px 5px 0px 5px;
  96. border-left: 3px solid {color:background}; }
  97.  
  98. blockquote img{
  99. max-width: 470px!important}
  100. blockquote blockquote img{
  101. max-width: 450px!important}
  102. blockquote blockquote blockquote img{
  103. max-width: 430px!important}
  104. blockquote blockquote blockquote blockquote img{
  105. max-width: 410px!important}
  106.  
  107.  
  108. #container {
  109. text-align: center;
  110. width: 935px;
  111. margin: 20px auto 20px auto;
  112. padding: 0px; z-index: 1}
  113.  
  114. #entry {
  115. float: left;
  116. margin-left: 500px;}
  117.  
  118. .posts {
  119. width: 500px;
  120. background-color: transparent;
  121. padding: 10px;
  122. margin-bottom: 2px;
  123. text-align: justify;
  124. font-family: calibri;
  125. font-size: 10px;
  126. position: relative;}
  127.  
  128. h1 {
  129. font-family: georgia; text-align:
  130. center; font-size: 14px;
  131. text-transform: none;
  132. color: {color:text};
  133. font-weight: normal;
  134. line-height: 18px;}
  135.  
  136. h1 a {
  137. text-align: center;
  138. font-size: 14px;
  139. text-transform: none;
  140. color: {color:text};
  141. font-weight: normal;
  142. line-height: 18px;}
  143.  
  144. h1 a:hover {
  145. text-align: center;
  146. font-size: 16px;
  147. text-transform: uppercase;
  148. color: {color:text};
  149. font-weight: normal;
  150. line-height: 18px;}
  151.  
  152. .image {
  153. text-align: center; border: 0px}
  154.  
  155. .image img {
  156. max-width: 500px;
  157. margin-bottom: 2px
  158. }
  159.  
  160. .pquote {
  161. font-family: arial;
  162. text-align: left;
  163. font-size: 12px;
  164. line-height: 15px;
  165. padding: 3px;}
  166.  
  167. .pquotesource {
  168. font-size: 9px;
  169. font-family: arial;
  170. text-align: right;
  171. text-transform: lowercase;
  172. margin-bottom: 5px;}
  173.  
  174. .pquotesource a, a:hover{
  175. text-transform: lowercase;}
  176.  
  177. .chat {
  178. line-height: 13px; list-style: none }
  179. .chat ul {
  180. line-height: 13px; list-style: none;
  181. padding: 5px; line-height:14px;}
  182.  
  183. .person1 {color: {color:text}; padding: 2px; }
  184. .person1 .label {font-weight: bold; color:{color:text}}
  185. .person2 {color: {color:text}; padding: 2px; }
  186. .person2 .label {font-weight: bold; color:{color:text}}
  187.  
  188. .player {
  189. background-color: #000;
  190. text-align: left;
  191. display:block;}
  192.  
  193. .question {
  194. color:{color:text};
  195. font-size: 10px;
  196. font-weight: normal;
  197. font-family: calibri;
  198. line-height:95%;
  199. background: {color:background};
  200. position: relative;
  201. min-height:70px;
  202. padding:10px 15px;
  203. margin-bottom:2px;
  204. margin-right:-10px;}
  205.  
  206. .questionarrow {
  207. font-size:30px;
  208. color:{color:background};
  209. vertical-align:middle;
  210. margin-left:-5px!important;}
  211.  
  212.  
  213. .asker {
  214. width:500px;
  215. text-align:right;
  216. text-transform:none;
  217. color:{color:text};}
  218.  
  219. .asker a {color:{color:text};}
  220. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px;}
  221.  
  222. .asking {text-align:center;
  223. color:{color:text};
  224. font:9px verdana;
  225. text-transform:none;}
  226.  
  227. .asking a{
  228. color:{color:text};}
  229.  
  230. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  231.  
  232. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  233.  
  234.  
  235. .answer {color:{color:answer};}
  236.  
  237. .permalinks {
  238. opacity: 0.7;
  239. -webkit-transition: all 0.6s ease-out;
  240. -moz-transition: all 0.6s ease-out;}
  241.  
  242. .permalinks:hover {
  243. opacity: 0.99;
  244. -webkit-transition: all 0.6s ease-out;
  245. -moz-transition: all 0.6s ease-out;}
  246.  
  247. #info {
  248. border-top: 2px solid {color:text};
  249. text-align:right;
  250. margin-top:-4px;
  251. font-size: 10px;
  252. font-family: calibri;
  253. text-transform: uppercase;
  254. z-index: 11;}
  255.  
  256. #info a {
  257. font-size: 9px;
  258. text-transform: uppercase;}
  259.  
  260. #tags {
  261. color: {color:text};
  262. font-size: 8px;
  263. font-family: calibri;
  264. display: inline;
  265. list-style: none;
  266. text-transform: uppercase;;}
  267.  
  268. #tags a {
  269. font-size: 10px;
  270. font-family: calibri;
  271. display: inline;
  272. list-style: none;
  273. text-transform: uppercase;;}
  274.  
  275. #cap {width: 500px; margin-top: -2px;}
  276. .source {display: none;}
  277.  
  278. .notes {
  279. width: 520px;
  280. padding: 0px;
  281. margin-top: 1px;
  282. margin-bottom: 1px;
  283. font-size: 9px;
  284. text-align: center}
  285.  
  286. ol.notes {
  287. list-style: none;
  288. margin: 0 20px 0 0px;
  289. padding: 0px;
  290. z-index: 11;}
  291.  
  292. ol.notes li {
  293. background-color: {color:post};
  294. margin-bottom: 2px; padding: 5px; }
  295.  
  296. .notes img{
  297. display: none; border:0px}
  298.  
  299. #damon {
  300. position: fixed; margin: 0px 0px 0px -492px;}
  301.  
  302.  
  303. #sidebar {
  304. position:fixed;
  305. float: justify;
  306. z-index:2;
  307. left:830px;
  308. top: 50px;
  309. padding-top:70px;
  310. padding: 1px;
  311. text-align: justify;
  312. width: auto;
  313. height: 800px;
  314. background-color: transparent}
  315.  
  316.  
  317.  
  318.  
  319.  
  320. .ps {
  321. margin-left:-580px;
  322. margin-top: 300px;
  323. font-family: georgia;
  324. width: 0px;
  325. height: 10px;
  326. text-align: center;
  327. font-size: 17px;
  328. font-style:none;}
  329.  
  330. .ps a{
  331. font-size: 17px;
  332. font-style:none;
  333. background-color: transparent;
  334. color: {color:text};}
  335.  
  336. .ps2 {
  337. margin-left:-580px;
  338. margin-top: -10px;}
  339.  
  340. .ps2 a{
  341. font-size: 17px;
  342. font-family: georgia;
  343. width: 10px;
  344. height: 10px;
  345. font-style:none;
  346. background-color: transparent;
  347. color: {color:text};}
  348.  
  349.  
  350.  
  351. .titlek {
  352. position: fixed;
  353. background-color:{color:border};
  354. font-family:georgia;
  355. font-size:14px;
  356. width:210px;
  357. font-style:;
  358. color: {color:link};
  359. height:19px;
  360. padding: 2px;
  361. font-style: italic;
  362. text-align: center;
  363. letter-spacing: 0px;
  364. margin-top: 448px;
  365. margin-left: -558px; }
  366.  
  367.  
  368.  
  369. .description {
  370. position: fixed;
  371. background-color:{color:border};
  372. font-family: georgia;
  373. font-size:10px;
  374. width:210px;
  375. font-style: none;
  376. color: {color:text};
  377. height:150px;
  378. padding: 2px;
  379. font-style: italic;
  380. text-align: justify;
  381. margin-top: 471px;
  382. margin-left:-558px;
  383. border-top: 2px solid {color:text}}
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390. .mside {
  391. text-align: justify;
  392. overflow: hidden;
  393. font-size: 9px;
  394. font-family: arial;
  395. position: fixed;
  396. margin-left:-558px;
  397. width: 214px;
  398. height: 507px;
  399. background-color: {color:border};
  400. color: {color:text};
  401. margin-top:-57px;
  402. background-attachment: fixed; }
  403.  
  404. .mside img{
  405. width: 208px;
  406. height:502px;
  407. margin-left:3px;
  408. margin-top: 3px;
  409. webkit-transition-duration: 1.0s;
  410. -moz-transition-duration: 1.0s;
  411. border: 0px solid {color:sidebar};
  412. -webkit-border-radius: 0px 0px 0px 0px;}
  413.  
  414.  
  415.  
  416. .link1 {
  417. width:111px;
  418. position:absolute;
  419. font-family:georgia;
  420. font-size:24px;
  421. height:12px;
  422. font-style: ;
  423. text-align:center;
  424. text-transform: none;
  425. margin-top:-497px;
  426. background-color:transparent;
  427. color: {color:sidebar};
  428. opacity:0.7;
  429. margin-left:3px;
  430. -webkit-transition: all 1.1s ease-out;
  431. -moz-transition: all 0.5s ease-out;
  432. -o-transition: all 0.5s ease-out;}
  433.  
  434.  
  435. .link2 {
  436. width:111px; position:absolute;
  437. font-family:calibri;
  438. font-size:9px;
  439. height:12px;
  440. text-align:center;
  441. text-transform: uppercase;
  442. margin-top:-172px;
  443. background-color:{color:sidebar};
  444. opacity:0;margin-left:120px;
  445. -webkit-transition: all 1.1s ease-out;
  446. -moz-transition: all 0.5s ease-out;
  447. -o-transition: all 0.5s ease-out;}
  448.  
  449. .link3 {
  450. width:111px;
  451. position:absolute;
  452. font-family:calibri;
  453. font-size:9px;
  454. height:12px;
  455. text-align:center;
  456. text-transform: uppercase;
  457. margin-top:-159px;
  458. background-color:{color:sidebar};
  459. opacity:0;margin-left:140px;
  460. -webkit-transition: all 1.1s ease-out;
  461. -moz-transition: all 0.5s ease-out;
  462. -o-transition: all 0.5s ease-out;}
  463.  
  464.  
  465.  
  466. .link4 {
  467. width:111px;
  468. position:absolute;
  469. font-family:calibri;
  470. font-size:9px;
  471. height:12px;
  472. text-align:center;
  473. text-transform: uppercase;
  474. margin-top:-146px;
  475. background-color:{color:sidebar};
  476. opacity:0;margin-left:160px;
  477. -webkit-transition: all 1.1s ease-out;
  478. -moz-transition: all 0.5s ease-out;
  479. -o-transition: all 0.5s ease-out;}
  480.  
  481.  
  482.  
  483. .link5 {
  484. width:111px;
  485. position:absolute;
  486. font-family:calibri;
  487. font-size:9px;
  488. height:12px;
  489. text-align:center;
  490. text-transform: uppercase;
  491. margin-top:-133px;
  492. background-color:{color:sidebar};
  493. opacity:0;margin-left:180px;
  494. -webkit-transition: all 1.1s ease-out;
  495. -moz-transition: all 0.5s ease-out;
  496. -o-transition: all 0.5s ease-out;}
  497.  
  498.  
  499. .link5 {
  500. width:111px;
  501. position:absolute;
  502. font-family:calibri;
  503. font-size:9px;
  504. height:12px;
  505. text-align:center;
  506. text-transform: uppercase;
  507. margin-top:-133px;
  508. background-color:{color:sidebar};
  509. opacity:0;margin-left:180px;
  510. -webkit-transition: all 1.1s ease-out;
  511. -moz-transition: all 0.5s ease-out;
  512. -o-transition: all 0.5s ease-out;}
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519. .mside:hover .link1 {opacity:0;margin-left:60px;}
  520.  
  521. .mside:hover .link2 {opacity:0.85;margin-left:60px;}
  522.  
  523. .mside:hover .link3 {opacity:0.85;margin-left:60px;}
  524.  
  525. .mside:hover .link4 {opacity:0.85;margin-left:60px;}
  526.  
  527. .mside:hover .link5 {opacity:0.85;margin-left:60px;}
  528.  
  529. .mside:hover .link6 {opacity:0.85;margin-left:60px;}
  530.  
  531.  
  532.  
  533.  
  534.  
  535. #tumblr_controls{position: fixed!important}
  536.  
  537. #tumblr_controls{position: fixed!important}
  538.  
  539. #tumblr_controls{position: fixed!important}
  540.  
  541. #tumblr_controls{position: fixed!important}
  542.  
  543.  
  544.  
  545. iframe#tumblr_controls {position: fixed !important; top: 0 !important; right: 0 !important; opacity: 0.5 !important; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  546. iframe#tumblr_controls:hover { position: fixed !important; top: 0 !important; right: 0 !important; opacity: 1.0 !important; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  547.  
  548.  
  549.  
  550.  
  551. </style>
  552.  
  553. <body onkeydown=”return false”>
  554.  
  555. <div id="sidebar">
  556.  
  557. <div class="tititica1"></div>
  558.  
  559. <div class="description">{description} </a></div>
  560.  
  561. <div class="titlek">{title}</div>
  562.  
  563. <div class="mside"><img src="{image:sidebar}"/>
  564.  
  565. <!---kansas links ----->
  566.  
  567. <a href=""><div class="link1 url">HOVER</div></a>
  568. <a href="{text:link2 url}"><div class="link2 ">{text:link2 title}</div></a>
  569. <a href="{text:link3 url}"><div class="link3 ">{text:link3 title}</div></a>
  570. <a href="{text:link4 url}"><div class="link4 ">{text:link4 title}</div></a>
  571. <a href="{text:link5 url}"><div class="link5">{text:link5 title}</div></a>
  572.  
  573. </div>
  574.  
  575.  
  576.  
  577. <div class="ps">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  578. <div class="ps2">{block:PreviousPage}<br> <a href="{PreviousPage}">«</a>{/block:PreviousPage} </div>
  579.  
  580.  
  581.  
  582. </div>
  583. <div id="entry">
  584.  
  585. {block:Posts}
  586. <div class="posts">
  587.  
  588. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  589.  
  590. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  591.  
  592. {block:Photoset}{Photoset-500}{/block:Photoset}
  593.  
  594. {block:Quote}
  595. <div class="pquote">“{Quote}”</div>
  596. {block:Source}<div class="pquotesource"> ( {Source} )</div>
  597. {/block:Source}
  598. {/block:Quote}
  599.  
  600. {block:Link}
  601. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  602. {block:Description}{Description}{/block:Description}
  603. {/block:Link}
  604.  
  605. {block:Chat}
  606. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  607. <div class="chat"><ul>{block:Lines}
  608. <li class="person{UserNumber}">{block:Label}
  609. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  610. {/block:Chat}
  611.  
  612. {block:Audio}
  613. <div class="player">{AudioPlayerBlack}</div>
  614. {block:Caption}{Caption}{/block:Caption}
  615. {/block:Audio}
  616.  
  617. {block:Video}{Video-500}{/block:Video}
  618.  
  619.  
  620. {block:Answer}
  621. <table width="500px" cellspacing="0" cellpadding="0">
  622. <tr>
  623. <td width="415px" class="question">{Question}</td>
  624. <td width="30px"><span class="questionarrow">◤</span></td>
  625. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  626. </tr>
  627. </table>
  628. <div class="answer">{Answer}</div>
  629. {/block:answer}
  630.  
  631.  
  632. <div id="cap">
  633. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  634. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  635. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  636.  
  637. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  638. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  639. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  640. {/block:ContentSource}</div></div>
  641. <br>
  642.  
  643. <div class="permalinks">
  644. {block:Date}<div id="info">
  645. <a href="{Permalink}">{block:Date}posted {TimeAgo}{/block:Date}</a></a> {block:NoteCount} / <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> / via</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">/ original</a>{/block:ContentSource} {block:IndexPage}/ <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  646. </div></center>{/block:IfShowTags}{/block:Date}</div>
  647. </div>
  648.  
  649.  
  650. {/block:Posts}
  651. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  652.  
  653.  
  654.  
  655.  
  656.  
  657. <a style="position:fixed;bottom:12px;right:35px;font-family:ARIAL;font-size:11px;opacity:0.7;" href="http://padalescki.tumblr.com">theme
  658. </a>
  659.  
  660.  
  661. </div>
  662. </div>
  663. </div>
  664. </div>
  665.  
  666. </body>
  667. </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!