API tools faq
paste
Advertisement
kansasupdate

THEME 005 (version 2)

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