API tools faq
paste
Advertisement
oswwin

Theme Numero 11

oswwin
Dec 5th, 2013
238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <link href='http://fonts.googleapis.com/css?family=Marcellus+SC' rel='stylesheet' type='text/css'>
  5. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10. <link href='http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here' rel='stylesheet' type='text/css'>
  11.  
  12. <!-- THEME NUMERO 11 by chnspine.tumblr.com (formally jensenaackles)
  13.  
  14. RULES
  15.  
  16. Please don’t remove the credit or move it to another page.
  17. Please don’t steal as your own or use it as a base.
  18. Edit it to your heart’s content- just don’t claim as your own.
  19.  
  20. Thanks! Enjoy !
  21.  
  22. <!-- METAS AND STUFFFFF -->
  23.  
  24. <meta name="color:text" content="#5c5c5c"/>
  25. <meta name="color:background" content="#ffffff"/>
  26. <meta name="color:link" content="#000000"/>
  27. <meta name="color:bannerbackground" content="#000000"/>
  28. <meta name="color:header" content="#000000"/>
  29. <meta name="color:border" content="#000000"/>
  30. <meta name="color:scrollbar" content="#000000"/>
  31. <meta name="color:description" content="#ffffff"/>
  32. <meta name="color:desclink" content="#ffffff"/>
  33. <meta name="color:infolink" content="#ffffff"/>
  34. <meta name="color:info" content="#b1b1b1"/>
  35. <meta name="color:navlinks" content="#ffffff"/>
  36. <meta name="color:infobg" content="#000000"/>
  37. <meta name="color:title" content="#ffffff"/>
  38. <meta name="color:accent1" content="#000000"/>
  39. <meta name="color:accent1text" content="#ffffff"/>
  40.  
  41.  
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:Banner" content=""/>
  44. <meta name="if:BlackPlayButton" content="" />
  45. <meta name="if:Scrollbar" content="1" />
  46. <meta name="if:WhitePlayButton" content="1" />
  47. <meta name="text:Link 1 Url" content="http://" />
  48. <meta name="text:Link 1 Name" content="Link 1" />
  49. <meta name="text:Link 2 Url" content="http://" />
  50. <meta name="text:Link 2 Name" content="Link 2" />
  51. <meta name="text:Link 3 Url" content="http://" />
  52. <meta name="text:Link 3 Name" content="Link 3" />
  53. <meta name="text:Link 4 Url" content="http://" />
  54. <meta name="text:Link 4 Name" content="Link 4" />
  55.  
  56. <style type="text/css">
  57.  
  58. body {
  59. font-family: 'Trebuchet MS';
  60. background-attachment:fixed;
  61. margin:0px;
  62. font-size:11px;
  63. line-height:100%;
  64. font-style: none;
  65. color:{color:text};
  66. background:{color:background};
  67. background-image: url('{image:Background}');
  68. }
  69.  
  70. a {
  71. text-decoration:none;
  72. color:{color:link};
  73. }
  74.  
  75. small {
  76. font-size:10px;
  77.  
  78. }
  79. small:link small:visited small:active {
  80. font-size:10px;
  81.  
  82. }
  83.  
  84. sup {
  85. font-size:10px;
  86.  
  87. }
  88. sup:link sup:visited sup:active sup:hover {
  89. font-size:10px;
  90.  
  91. }
  92.  
  93. sub {
  94. font-size:10px;
  95.  
  96. }
  97. sub:link sub:visited sub:active sub:hover {
  98. font-size:10px;
  99.  
  100. }
  101.  
  102. a:link, a:visited, a:active {
  103. color: {color:Link};
  104. text-decoration: none;
  105. font-weight: normal;
  106. -webkit-transition:all 0.3s ease-out;
  107. -moz-transition:all 0.3s ease-out;
  108. transition:all 0.3s ease-out;
  109. }
  110.  
  111. a:hover {
  112. text-decoration: underline;
  113. font-weight: none;
  114. -webkit-transition: all 0.3s ease-out;
  115. -moz-transition: all 0.3s ease-out;
  116. transition: all 0.3s ease-out;
  117. }
  118.  
  119. b {
  120. font-weight: bold;
  121. font-size:10px;
  122.  
  123. }
  124.  
  125. bold strong {
  126. font-weight: bold;
  127. font-size:10px;
  128.  
  129. }
  130.  
  131. i {
  132. color:{color:text};
  133. font-style:italic;
  134. font-size:10px;
  135. }
  136.  
  137.  
  138. b2, strong{
  139. font-weight: bold;
  140. font-size:10px;
  141. }
  142.  
  143. i2, em{
  144. color:{color:text};
  145. font-style: italic;
  146. font-size:10px;
  147. }
  148.  
  149. img {
  150. border:none;
  151. max-width:100%;
  152. }
  153.  
  154.  
  155. blockquote {
  156. border-left:2px {color:border} solid;
  157. padding-left:5px;
  158. font-family: 'Trebuchet MS';
  159. font-size:11px;
  160. }
  161.  
  162. h1 {
  163. font-size:16px;
  164. line-height:20px;
  165. letter-spacing:1px;
  166. font-family: 'oswald';
  167. text-transform: uppercase;
  168. color:{color:text};
  169. }
  170.  
  171. .h1 a {
  172. font-size:16px;
  173. line-height:20px;
  174. letter-spacing:1px;
  175. font-family: 'oswald';
  176. text-transform: uppercase;
  177. color:{color:Link};
  178. }
  179.  
  180. .h1 a:hover {
  181. font-size:16px;
  182. line-height:20px;
  183. letter-spacing:1px;
  184. font-family: 'oswald';
  185. text-transform: uppercase;
  186. text-decoration: underline;
  187. -webkit-transition: all 0.3s ease-out;
  188. -moz-transition: all 0.3s ease-out;
  189. transition: all 0.3s ease-out;
  190.  
  191. }
  192.  
  193. iframe#tumblr_controls {
  194. right:3px
  195. !important;
  196. position:fixed
  197. !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;
  198. -webkit-transition: all 0.8s ease-out;
  199. -moz-transition: all 0.8s ease-out;transition:
  200. all 0.8s ease-out;
  201. }
  202.  
  203. iframe#tumblr_controls:hover{
  204. -webkit-transition: opacity 0.7s linear;opacity: 1;
  205. -webkit-transition: all 0.4s ease-out;
  206. -moz-transition: all 0.4s ease-out;
  207. transition: all 0.4s ease-out;
  208. }
  209. #content {
  210. width: 100%;
  211. position: relative;
  212. top: 300px;
  213. background: {color:background};
  214. height: 100%;
  215. }
  216.  
  217. #entries {
  218. position:relative;
  219. float:center;
  220. width:500px;
  221. top:0px;
  222. text-align:justify;
  223. left:400px;
  224. padding:40px;
  225. background-color:#fff;
  226. }
  227.  
  228. #post {
  229. font-family: 'Trebuchet MS';
  230. margin-bottom:20px;
  231. width:500px;
  232. padding:10px;
  233. background-color: transparent;
  234. color:{color:text};
  235. }
  236.  
  237. #pagination {
  238. z-index: 10000000;
  239. text-align:center;
  240. font-size:14px;
  241. width:200px;
  242. top: 50%;
  243. margin-top: 10px;
  244. right:80px;
  245. font-family: 'helvetica';
  246. text-transform:none;
  247. font-style:none;
  248. text-transform: uppercase;
  249. letter-spacing:2px;
  250. word-spacing: 20px;
  251. color:{color:link};
  252. position:fixed;
  253. }
  254.  
  255.  
  256.  
  257.  
  258. #info {
  259. display:block;
  260. text-align:right;
  261. margin-top:15px;
  262. padding-top:8px;
  263. padding-bottom:10px;
  264. padding-left:15px;
  265. padding-right:15px;
  266. font-size:10px;
  267. font-family:'calibri';
  268. text-transform:uppercase;
  269. letter-spacing:1px;
  270. border: 1px solid {color:border};
  271. color:{color:info};
  272. border-radius: 0px 0px 0px 0px;
  273. background-color:{color:infobg};
  274.  
  275. }
  276.  
  277. #info a:link {
  278. color:{color:infolink};
  279. }
  280. #info a:active {
  281. color: {color:infoLink};
  282. text-decoration: none;
  283. font-weight: normal;
  284. -webkit-transition:all 0.4s ease-out;
  285. -moz-transition:all 0.4s ease-out;
  286. -o-transition:all 0.4s ease-in-out;
  287. -ms-transition:all 0.4s ease-in-out;
  288. transition:all 0.4s ease-out;
  289. }
  290.  
  291. #info a:visited {
  292. color: {color:infoLink};
  293. text-decoration: none;
  294. font-weight: normal;
  295. -webkit-transition:all 0.4s ease-out;
  296. -moz-transition:all 0.4s ease-out;
  297. -o-transition:all 0.4s ease-in-out;
  298. -ms-transition:all 0.4s ease-in-out;
  299. transition:all 0.4s ease-out;
  300. }
  301.  
  302. #info a:hover {
  303. color:{color:link hover};
  304. }
  305.  
  306. #tags {
  307. display:block;
  308. text-align:left;
  309. margin-top:2px;
  310. font-size:10px;
  311. width: 490px;
  312. font-family: 'helvetica';
  313. letter-spacing:1px;
  314. padding: 5px;
  315. margin-bottom:5px;
  316.  
  317. }
  318.  
  319. .parenticons {
  320. text-align: left;
  321. float:left;
  322. letter-spacing: 2px;
  323. margin-top:-2px;
  324.  
  325. }
  326. .source {
  327. margin-top:5px;
  328. text-align:right;
  329. }
  330. /* SCROLLBAR */
  331.  
  332. {block:IfScrollbar}
  333.  
  334. ::-webkit-scrollbar-thumb:vertical {
  335. background-color:{color:Scrollbar};
  336. height:40px;
  337. }
  338.  
  339. ::-webkit-scrollbar-thumb:horizontal {
  340. background-color:{color:Scrollbar};
  341. height:10px!important;
  342. }
  343.  
  344. ::-webkit-scrollbar {
  345. background-color:{color:Background};
  346. height:10px;
  347. width:8px;
  348. }
  349.  
  350. {block:IfScrollbar}
  351.  
  352.  
  353. /* ------ HEADER TITLE LINKS ------ */
  354.  
  355. #title {
  356. font-family: 'oswald';
  357. font-size: 18px;
  358. letter-spacing: 2px;
  359. margin-left: 100px;
  360. text-transform: uppercase;
  361. margin-top: 20px;
  362. z-index: 2000000;
  363. font-weight: bold;
  364. color: {color:title};
  365.  
  366.  
  367. }
  368. #header {
  369. left:0px;
  370. top:0px;
  371. height: 50px;
  372. background: {color:header};
  373. position: fixed;
  374. width: 100%;
  375. z-index: 900000000;
  376. }
  377.  
  378. #links {
  379. margin-left:750px;
  380. font-size: 12px;
  381. margin-top:-10px;
  382. word-spacing: 15px;
  383. font-family: 'helvetica';
  384. text-transform:uppercase;
  385. z-index: 200000;
  386. }
  387.  
  388. #links a {
  389. color: {color:navlinks};
  390. }
  391.  
  392. #banner {
  393. top:50px;
  394. width: 100%;
  395. position: fixed;
  396. height: 250px;
  397. background-image: url('{image:Banner}');
  398. background-color: {color:bannerbackground};
  399. }
  400. #banner img {
  401. height: 250px;
  402. }
  403. #bannerstuff {
  404. opacity: 0.1;
  405. text-shadow: #000 0 0 5px;
  406. color:transparent;
  407. transition: all 0.5s ease-in-out;
  408. -moz-transition: all 0.5s ease-in-out;
  409. -webkit-transition: all 0.5s ease-in-out;
  410.  
  411. }
  412. #bannerstuff:hover {
  413. opacity: 1;
  414. text-shadow: #000 0 2 2px;
  415. color:transparent;
  416. background-color: transparent;
  417. transition: all 0.5s ease-in-out;
  418. -moz-transition: all 0.5s ease-in-out;
  419. -webkit-transition: all 0.5s ease-in-out;
  420. }
  421. #portrait img {
  422. margin-top: 30px;
  423. width: 60px;
  424. margin-left: 50%;
  425. height: 60px;
  426. text-shadow: #555 0 0 5px;
  427. border: solid 3px {color:description};
  428. }
  429.  
  430. #description {
  431. height: 250px;
  432. margin-left: 350px;
  433. margin-top:0px;
  434. text-align:center;
  435. width: 700px;
  436. padding: 10px;
  437. color: {color:description};
  438. font-size: 12px;
  439. font-family: 'helvetica';
  440. }
  441.  
  442.  
  443. #description a {
  444. font-style: italic;
  445. text-decoration:underline;
  446. color: {color:desclink};
  447.  
  448. }
  449. /* ----------------------- */
  450.  
  451. /*TAGS AND PERMALINKS */
  452. #tags {
  453. display:block;
  454. text-align:left;
  455. margin-top:-3px;
  456. text-transform:uppercase;
  457. font-size:8px;
  458. width: 500px;
  459. padding: 5px;
  460. letter-spacing:1px;
  461. margin-bottom:5px;
  462. font-family: 'Trebuchet MS';
  463.  
  464. }
  465. #askportrait {
  466. margin-left:2px;
  467. border: solid 3px {color:accent1text};
  468.  
  469. }
  470.  
  471. #askportrait img {
  472. margin-left:2px;
  473. border: solid 3px {color:accent1text};
  474. }
  475.  
  476. #asker {
  477. font-family: 'Trebuchet MS';
  478. margin-top: -60px;
  479. margin-left: -5px;
  480.  
  481. width: 500px;
  482. height: 10px;
  483. text-align: center;
  484. font-size:20px;
  485. text-transform:uppercase;
  486. padding-top: 25px;
  487. padding-bottom: 25px;
  488. color: {color:accent1text};
  489. background-color: {color:accent1};
  490. letter-spacing:1.4px;
  491. font-weight:thin;
  492. }
  493.  
  494. #asker a {
  495. color: {color:accent1text};
  496.  
  497.  
  498. }
  499. #asked {
  500. font-family:'Trebuchet MS';
  501. font-size:12px;
  502. }
  503.  
  504.  
  505. .quote{
  506. font-family:'oswald';
  507. line-height:20px;
  508. font-size:14px;
  509. padding:10px;
  510. text-transform: uppercase;
  511. margin-bottom:5px;
  512. color: {color:accent1text};
  513. background-color: {color:accent1};
  514.  
  515. }
  516.  
  517. #credit {
  518. position:fixed;
  519. bottom:40px;
  520. right:30px;
  521. z-index:2000;
  522. font-family:'Trebuchet MS';
  523. font-size:10px;
  524. text-transform:uppercase;
  525. letter-spacing:1px;
  526. color:{color:link};
  527. text-shadow: 1px 1px 10px {color:text};
  528. filter: dropshadow(color={color:text}, offx=1, offy=1);
  529. }
  530.  
  531. #credit:hover {
  532. position:fixed;
  533. text-decoration: underline;
  534. bottom:40px;
  535. right:30px;
  536. font-family:'Trebuchet MS';
  537. font-size:10px;
  538. text-transform:uppercase;
  539. letter-spacing:1px;
  540. text-shadow: 1px 1px 10px {color:text};
  541. filter: dropshadow(color={color:text}, offx=1, offy=1);
  542. }
  543.  
  544. #ask {
  545. background-color: {color:accent1};
  546. color: {accent1text};
  547. }
  548. #chat {
  549. line-height: 17px;
  550.  
  551. }
  552. .audiotitles {
  553. font-family: 'Trebuchet MS';
  554. margin-top: -100px;
  555. width: 365px;
  556. height: 70px;
  557. margin-left:105px;
  558. padding: 15px;
  559. text-align: right;
  560. font-size:13px;
  561. text-transform:uppercase;
  562. line-height:15px;
  563. color: {color:accent1text};
  564. background-color: {color:accent1};
  565.  
  566.  
  567. }
  568. .cover {position: relative;
  569. z-index: 1;
  570. width: 100px;
  571. }
  572. .playbutton {width: 20px;
  573. height: 30px;
  574. overflow: hidden;
  575. position: relative;
  576. z-index: 1000;
  577. margin: 15px 24px 13px 16px;}
  578.  
  579. .playbox {
  580. {block:ifWhitePlayButton}background-color: #fff; {/block:ifWhitePlayButton}
  581. {block:ifBlackPlayButton}background-color: #000; {/block:ifBlackPlayButton}
  582. position: absolute;
  583. z-index: 1000;
  584. margin-top: 25px;
  585. margin-left: 20px;
  586. opacity: 0.5;
  587. }
  588.  
  589.  
  590.  
  591. {CustomCSS}
  592.  
  593. </style>
  594.  
  595. </head><body>
  596.  
  597. <div id="pagination">
  598. {block:Pagination}
  599. {block:PreviousPage}<a href="{PreviousPage}">PREVIOUS</a>{/block:PreviousPage}{block:NextPage} <a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
  600. </div>
  601. <div id="header"><div id="title">{title}</div><div id="links">
  602. <a href="/">home</a>
  603. <a href="/ask">ask</a>
  604. {block:ifLink1URL} <a href="{text:Link 1 URL}">{text:Link 1 Name}</a>{/block:ifLink1URL}
  605. {block:ifLink2URL} <a href="{text:Link 2 URL}">{text:Link 2 Name}</a>{/block:ifLink2URL}
  606. {block:ifLink3URL} <a href="{text:Link 3 URL}">{text:Link 3 Name}</a> {/block:ifLink3URL}
  607. {block:ifLink4URL} <a href="{text:Link 4 URL}">{text:Link 4 Name}</a> {/block:ifLink4URL}</br>
  608. </div></div>
  609.  
  610. <div id="banner"><div id="bannerstuff"><div id="portrait"><img src="{PortraitURL-64}"></div><div id="description">{Description}</div></div></div>
  611. </div>
  612.  
  613. <div id="content"><div id="entries">{block:Posts}<div id="post">
  614. {block:ContentSource}
  615. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  616. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  617. {/block:SourceLogo}
  618. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  619. {/block:ContentSource}
  620.  
  621. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  622.  
  623. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  624.  
  625. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  626.  
  627. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  628.  
  629. <div id="chat">{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat} </div>
  630.  
  631. {block:Audio}
  632. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{block:ifBlackPlayButton}{AudioPlayerBlack}{/block:ifBlackPlayButton}{block:ifWhitePlayButton}{AudioPlayerWhite}{/block:ifWhitePlayButton}{/block:AudioPlayer}</div></div>
  633. <div style="{block:AlbumArt}display:none;{/block:AlbumArt}"><img src="http://static.tumblr.com/75z8peb/Y29m0gjwg/defaultart.jpg" width="100px"></div>{block:AlbumArt}
  634. <img src="{AlbumArtURL}" class="cover"> <div class="audiotitles"> {block:TrackName}
  635. {TrackName}
  636. {/block:TrackName} <b><br>{block:Artist} -
  637. {Artist}
  638. {/block:Artist}</br></b></div>
  639. {/block:AlbumArt}
  640. {block:Caption}{Caption}{/block:Caption}
  641. {/block:Audio}
  642.  
  643. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  644.  
  645. {block:Quote}
  646. <div class="postalign">
  647. <div class="quote">❝{Quote}❞</div>
  648. {block:Source}
  649. <div id="source">(— {Source})</div>
  650. </div>
  651. {/block:Source}
  652. {/block:Quote}
  653.  
  654. {block:Answer}
  655. <table style="border-bottom:1px solid #a0a0a0;padding-bottom:5px;margin-bottom:5px;">
  656. <tr>
  657. <div id="askportrait"><img src="{AskerPortraitURL-40}"></div></td>
  658. <td style="vertical-align:top;"><div id="asker">{Asker}:</div><br>{Question}</td></td>
  659. </tr>
  660. </table>
  661. {Answer}
  662. {/block:Answer}
  663.  
  664. <div id="info"><div class="parenticons">{block:RebloggedFrom}
  665. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a> <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a>{/block:RebloggedFrom}</div>
  666. POSTED <a href="{Permalink}">{TimeAgo}</a> WITH <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}">reblog</a> • </div>
  667.  
  668. <div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</div></div>
  669. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  670. </div>
  671.  
  672.  
  673. <div id="credit">
  674. <a href="http://chnspine.tumblr.com">THEME</a></div>
  675.  
  676. </div>
  677.  
  678.  
  679.  
  680. </body></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!