API tools faq
paste
Advertisement
cironmonger

Theme #01 - Castiel

cironmonger
Jul 26th, 2013
1,399
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.44 KB | None | 0 0
raw download clone embed print report
  1. <html><head>
  2.  
  3. <!--
  4.  
  5. Theme 01 - Castiel - winchesterlegacies.tumblr.com
  6.  
  7. -->
  8.  
  9.  
  10. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  11.  
  12. <!-- page title -->
  13. <title>
  14. {block:TagPage}{Tag} - {/block:TagPage}
  15. {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}
  16. {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}
  17. </title>
  18.  
  19.  
  20. <link rel="shortcut icon" href="{Favicon}"/>
  21. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  22. <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css" />
  23.  
  24. {block:IfInfiniteScroll}
  25. <script type="text/javascript"
  26. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  27. {/block:IfInfiniteScroll}
  28.  
  29.  
  30. <!-- Variables -->
  31. <!-- colors -->
  32. <meta name="color:Background" content="#f7f6f2" />
  33. <meta name="color:Posttext" content="#8bgfgf" />
  34. <meta name="color:Postbg" content="#fdfdfd" />
  35. <meta name="color:Chatbg" content="#fcfafa" />
  36. <meta name="color:Taghover" content="#000000" />
  37. <meta name="color:Scrollbar" content="#ecae73"/>
  38. <meta name="color:Scrollbarbackground" content="#030303"/>
  39. <meta name="color:Sidebarfilter" content="#242323"/>
  40. <meta name="color:Description" content="#ecae73"/>
  41. <meta name="color:Descriptionbg" content="#030303"/>
  42. <meta name="color:Sidebarlinkbg" content="#030303"/>
  43. <meta name="color:Sidebarlinkhover" content="#b4b4b4"/>
  44. <meta name="color:Tagcolor" content="#4a00ff"/>
  45. <meta name="color:Links" content="#ecae73"/>
  46. <meta name="color:Linkhover" content="#ecae73"/>
  47. <!-- fonts -->
  48. <meta name="font:Body" content="Calibri"/>
  49.  
  50. <!-- images -->
  51. <meta name="image:Sidebarbg" content="http://static.tumblr.com/yf7iedv/mdamqk3lo/andagain.png"/>
  52. <!-- Options -->
  53. <meta name="if:Description in sidebar" content="1"/>
  54. <meta name="if:Avatar in sidebar" content="1"/>
  55. <meta name="if:Infinite Scroll" content="0">
  56.  
  57.  
  58. <!-- text input -->
  59. <meta name="text:Link 1" content="http://"/>
  60. <meta name="text:Link 1 Title" content=""/>
  61. <meta name="text:Link 2" content="http://"/>
  62. <meta name="text:Link 2 Title" content=""/>
  63. <meta name="text:Link 3" content="http://"/>
  64. <meta name="text:Link 3 Title" content=""/>
  65. <meta name="text:Link 4" content="http://"/>
  66. <meta name="text:Link 4 Title" content=""/>
  67. <!-- style -->
  68.  
  69.  
  70. <style type="text/css">
  71. /* --- SCROLLBAR --- */
  72.  
  73. ::-webkit-scrollbar-thumb:vertical {
  74. background-color:{color:Scrollbar};
  75. height:30px;
  76. }
  77.  
  78. ::-webkit-scrollbar-thumb:horizontal {
  79. background-color:{color:Scrollbar};
  80. height:5px!important;
  81. }
  82.  
  83. ::-webkit-scrollbar {
  84. background-color:{color:Scrollbarbackground};
  85. height:5px;
  86. width:5px;
  87. }
  88.  
  89. /* --- Posts ---*/
  90. a:hover {
  91. text-decoration:none;
  92. color:{color:Posttext};
  93. }
  94.  
  95. a:link {
  96. color:{color:Links};
  97. text-decoration: none;
  98. }
  99.  
  100. a:visited {
  101. color:{color:Links};
  102. text-decoration: none;
  103. }
  104.  
  105. a:link:hover {
  106. text-decoration:none;
  107. color:{color:Linkhover};
  108. }
  109.  
  110. a:visited:hover {
  111. color:{color:Linkhover};
  112. text-decoration: none;
  113. }
  114.  
  115. body {
  116. background: {color:Background};
  117. color: {color:Posttext};
  118. font-family: {font:Body};
  119. font-size: 0.8em;
  120. }
  121. a {
  122. color: {color:Tags};
  123. text-decoration: none;
  124. }
  125.  
  126. a:hover {
  127. color {color:Taghover}
  128. }
  129. h7 {
  130. position:absolute;
  131. top:170px;
  132. width:100%;
  133. font-size:15px;
  134. text-align:center;
  135. }
  136. h1, h2, h3, h4, h5, h6 {
  137. font-weight: normal;
  138. letter-spacing: 0.1em;
  139. text-transform: uppercase;
  140. }
  141.  
  142. nav ul {
  143. list-style: none;
  144. margin: 0;
  145. padding: 0;
  146. }
  147. nav li {
  148. text-align:center;
  149. display:inline;
  150. }
  151.  
  152.  
  153. iframe, img, embed, object, video {
  154. max-width: 100%;
  155. }
  156. #wrapper {
  157. position:absolute;
  158. top:0px;
  159. left:0px;
  160. height:100%;
  161. width:100%;
  162. }
  163.  
  164. #container {
  165. position:fixed;
  166. top:0px;
  167. left:0px;
  168. height:100%;
  169. width:100%;
  170. background-color:{color:background};
  171. }
  172.  
  173. /********* Sidebar **********/
  174. #sidebar {
  175. overflow: hidden;
  176. position:fixed;
  177. top:0px;
  178. left:20px;
  179. width:300px;
  180. height:100%;
  181. background-color:{color:Sidebarlinkbg};
  182. background-image: url('{image:Sidebarbg}');
  183. background-repeat: no-repeat;
  184. background-position: bottom left -20px;
  185. background-size: auto 100%;
  186. }
  187.  
  188.  
  189. #description {
  190. position:absolute;
  191. left:17px;
  192. top:0px;
  193. width:200px;
  194. margin:10px;
  195. padding:15px;
  196. padding-top:50px;
  197. padding-bottom:45px;
  198. font-size:12px;
  199. font-family:calibri;
  200. letter-spacing:0px;
  201. line-height:10px;
  202. color:{color:Description};
  203. background-color:{color:Descriptionbg};
  204. text-align:center;
  205. overflow:hidden;
  206. opacity:0;
  207. visibility:hidden;
  208. -webkit-transition:opacity 0.8s linear;
  209. -webkit-transition:all 0.5s ease-out;
  210. -moz-transition:all 0.5s ease-out;
  211. transition:all 0.5s ease-out;
  212. }
  213.  
  214. .bg1 {
  215. height:100%;
  216. width:0px;
  217. position:absolute;
  218. left:150px;
  219. background-color:{color:Sidebarfilter};
  220. -webkit-transition:opacity 0.8s linear;
  221. -webkit-transition:all 0.5s ease-out;
  222. -moz-transition:all 0.5s ease-out;
  223. transition:all 0.5s ease-out;
  224.  
  225. }
  226.  
  227. .bg2 {
  228. height:100%;
  229. width:0px;
  230. position:absolute;
  231. left:150px;
  232. background-color:{color:Sidebarfilter};
  233. -webkit-transition:opacity 0.8s linear;
  234. -webkit-transition:all 0.5s ease-out;
  235. -moz-transition:all 0.5s ease-out;
  236. transition:all 0.5s ease-out;
  237. }
  238.  
  239. #sidebar:hover .bg1{
  240. visibility:visible;
  241. width:145px;
  242. opacity: 0.6;
  243. -webkit-transition:opacity 0.8s linear;
  244. -webkit-transition:all 0.5s ease-out;
  245. -moz-transition:all 0.5s ease-out;
  246. transition:all 0.5s ease-out;
  247. }
  248.  
  249. #sidebar:hover .bg2{
  250. visibility:visible;
  251. left:5px;
  252. width:145px;
  253. opacity: 0.6;
  254. -webkit-transition:opacity 0.8s linear;
  255. -webkit-transition:all 0.5s ease-out;
  256. -moz-transition:all 0.5s ease-out;
  257. transition:all 0.5s ease-out;
  258. }
  259.  
  260. #sidebar:hover #description{
  261. visibility:visible;
  262. top:100px;
  263. opacity: 0.9;
  264. -webkit-transition:opacity 0.8s linear;
  265. -webkit-transition:all 0.5s ease-out;
  266. -moz-transition:all 0.5s ease-out;
  267. transition:all 0.5s ease-out;
  268. }
  269.  
  270.  
  271. /****** SB links ******/
  272.  
  273. #sidebarlink {
  274. position:fixed;
  275. opacity:0.9;
  276. padding-top:100px;
  277. left:300px;
  278. width:20px;
  279. background-color:{color:Sidebarlinkbg};
  280. height:100%;
  281. -webkit-transition:opacity 0.8s linear;
  282. -webkit-transition:all 0.5s ease-out;
  283. -moz-transition:all 0.5s ease-out;
  284. transition:all 0.5s ease-out;
  285. }
  286. #sidebarlink a{
  287. display:inline-block;
  288. color:{color:Sidebarlinkhover};
  289. }
  290.  
  291. #sidebarlink a span {
  292. opacity:0;
  293. position:absolute;
  294. margin-top:0px;
  295. left: 0px;
  296. width: 100px;
  297. height:15px;
  298. z-index: 100;
  299. padding-right:10px;
  300. padding-left:10px;
  301. visibility:hidden;
  302. color: {color:Sidebarlinkbg};
  303. background-color:{color:Sidebarlinkhover};
  304. -webkit-transition:opacity 0.8s linear;
  305. -webkit-transition:all 0.5s ease-out;
  306. -moz-transition:all 0.5s ease-out;
  307. transition:all 0.5s ease-out;
  308. opacity:0px;
  309. }
  310.  
  311. #sidebarlink a:hover span {
  312. display: block;
  313. color: {color:Sidebarlinkbg};
  314. background:{color:Sidebarlinkhover};
  315. font: 13px calibri, sans-serif;
  316. text-align: center;
  317. visibility:visible;
  318. left:-120px;
  319. -webkit-transition:opacity 0.8s linear;
  320. -webkit-transition:all 0.5s ease-out;
  321. -moz-transition:all 0.5s ease-out;
  322. transition:all 0.5s ease-out;
  323. opacity:0.9;
  324. }
  325.  
  326. /********* Content **********/
  327.  
  328. #content {
  329. position:absolute;
  330. width: 600px;
  331. padding:20px;
  332. padding-top:100px;
  333. min-height:100%;
  334. background-color:transparent;
  335.  
  336.  
  337. left:400px;
  338.  
  339. }
  340.  
  341.  
  342. /********* Articles **********/
  343.  
  344. #content article {
  345. background: {color:Postbg};
  346. padding:20px;
  347. margin-bottom:80px;
  348. width: 500px;
  349. margin-top:0px;
  350. padding-bottom:0px;
  351.  
  352. }
  353. article .inner {
  354. display: inline-block;
  355. padding: 2%;
  356. width: 96%;
  357. }
  358.  
  359. /********* Posts **********/
  360.  
  361. .title1 {
  362. font-size: 25px;
  363. color: {color:Text};
  364. border-bottom:2px solid {color:Sidebarlinkhover};
  365. }
  366. blockquote {
  367. background: transparent;
  368. margin: 0;
  369. padding: 2%;
  370. }
  371.  
  372. /********* Photo Posts **********/
  373.  
  374. .photo img {
  375. display: block;
  376. }
  377.  
  378. /********* Photoset Posts **********/
  379.  
  380. .photoset {
  381. top:0px;
  382. text-align: center;
  383. background: transparent;
  384. padding: 0px;
  385. }
  386.  
  387. /********* Link Posts **********/
  388.  
  389. .link .title a {
  390. border-bottom: 2px solid;
  391. }
  392.  
  393. /********* Chat Posts **********/
  394.  
  395. .chat ul {
  396. list-style: none;
  397. margin: 0;
  398. padding: 0;
  399. }
  400. .chat li {
  401. padding:2px;
  402. }
  403. .chat .even {
  404. background: #000000;
  405. padding:1px;
  406. }
  407.  
  408. /********* Ask Posts **********/
  409.  
  410. .user {
  411. font-size: 0.85em;
  412. text-align: center;
  413. text-transform: uppercase;
  414. float: left;
  415. margin-right: 3%;
  416. }
  417.  
  418. /********* Footer **********/
  419.  
  420.  
  421. #info {
  422. overflow: inherit;
  423. position:relative;
  424. bottom:-23px;
  425. left:0px;
  426. width: 500px;
  427. padding-top:2px;
  428. padding-left:20px;
  429. padding-right:20px;
  430. margin-left:-20px;
  431. margin-top:3px;
  432. line-height:12px;
  433. color:{color:Posttext};
  434. font-size:9px;
  435. font-family:calibri;
  436. text-transform:uppercase;
  437. background-color:{color:Sidebarlinkhover};
  438. letter-spacing:1px;
  439. text-align:right;
  440. }
  441.  
  442. #info a {
  443. color:{color:Tagcolor};
  444. background-color:transparent;
  445. padding:4px;
  446. }
  447.  
  448. #info a:hover {
  449. color:{color:Taghover};
  450.  
  451. }
  452. #tags {
  453. position:relative;
  454. overflow:inherit;
  455. font-family:calibri;
  456. text-align:left;
  457. text-transform:uppercase;
  458. font-size:9px;
  459. letter-spacing:1px;
  460. top:25px;
  461. margin-left:20px;;
  462. width:500px;
  463. background-color: transparent;
  464. text-decoration:none;
  465. color:{color:Posttext};
  466. }
  467.  
  468. #tags a {
  469. color:{color:Tagcolor};
  470. background-color:trans;
  471. padding:1px;
  472. text-decoration:none;
  473.  
  474. }
  475.  
  476. #tags a:hover {
  477. color:{color:Taghover};
  478. text-decoration:none;
  479. }
  480.  
  481.  
  482. #source {
  483. margin-top:3px;
  484. text-align:right;
  485. margin-bottom:5px;
  486. font-size:10px;
  487. }
  488. .postnotes {
  489. margin-top:50px;
  490. padding-bottom:20px;
  491. }
  492.  
  493. ol.notes, .notes li {
  494.  
  495. width:500px;
  496. list-style:none;
  497. }
  498. /********* Pagination **********/
  499.  
  500. #pagination li a {
  501. background: #fff;
  502. float: center;
  503. margin: 0 0 2% 1%;
  504. padding: 1%;
  505. text-align:center;
  506. }
  507.  
  508.  
  509.  
  510. blockquote {
  511. border-left:0px solid {color:Posttext};
  512. padding:0px;
  513. padding-left:5px;
  514. margin:5px;
  515. }
  516.  
  517. #credit{
  518. position:fixed;
  519. right:5px;
  520. bottom:5px;
  521. padding-top:3px;
  522. padding-bottom:3px;
  523.  
  524. border:1px solid {color:Sidebarlinks};
  525. color:{color:Sidebarlinks};
  526. }
  527.  
  528. {CustomCSS}
  529. </style>
  530. </head>
  531.  
  532.  
  533. <!-- Body of theme-->
  534. <body>
  535. <div id="wrapper">
  536. <div id="container"></div>
  537.  
  538.  
  539.  
  540. <!-- Sidebar -->
  541. <aside id="sidebar">
  542. <div class="bg1"></div>
  543. <div class="bg2"></div>
  544.  
  545. <center>
  546. <div id="description">
  547. {block:IfAvatarInSidebar}
  548. <img src="{PortraitURL-128}"/>
  549. {/block:IfAvatarInSidebar}
  550. {block:IfDescriptionInSidebar}
  551. {block:Description}
  552. <p>{Description}</p>
  553. {block:Description}
  554. {/block:IfDescriptionInSidebar}
  555. </div>
  556.  
  557. </center>
  558. </aside>
  559. <div id="sidebarlink">
  560. <center>
  561. <a text''> · </a><br>
  562. <a href="/">I<span>Home</span></a><br>
  563. <a text''> · </a><br>
  564. <a href="/ask">II<span>Ask</span></a><br>
  565. <a text''> · </a><br>
  566. <a href="/submit">III<span>Submit</span></a><br>
  567. <a text''> · </a><br>
  568. {block:ifLink1Title}
  569. <a href="{text:Link 1}">IV<span>{text:Link 1 Title}</span></a><br>
  570. <a text''> · </a><br>
  571. {/block:ifLink1Title}
  572. {block:ifLink2Title}
  573. <a href="{text:Link 2}">V<span>{text:Link 2 Title}</span></a><br>
  574. <a text''> · </a><br>
  575. {/block:ifLink2Title}
  576. {block:ifLink3Title}
  577. <a href="{text:Link 3}">VI<span>{text:Link 3 Title}</span></a><br>
  578. <a text''> · </a><br>
  579. {/block:ifLink3Title}
  580. {block:ifLink4Title}
  581. <a href="{text:Link 4}">VII<span>{text:Link 4 Title}</span></a><br>
  582. <a text''> · </a><br>
  583. {/block:ifLink4Title}
  584.  
  585.  
  586.  
  587.  
  588.  
  589. <!-- pagination -->
  590. {block:IfNotInfiniteScroll}
  591. {block:Pagination}
  592. <div class="pagination">
  593. <center>
  594. {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
  595. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  596. </center>
  597. </div>
  598. {/block:Pagination}
  599. {/block:IfNotInfiniteScroll}
  600. </center>
  601. </div>
  602.  
  603. <!-- Content -->
  604.  
  605. <div id="content">
  606.  
  607. <div class = "autopagerize_page_element" >
  608. {block:posts}
  609. <article>
  610. <!-- text posts -->
  611.  
  612. {block:Title}<div class="title1">{Title}</div>{/block:Title}
  613. {block:text}{Body}{/block:text}
  614.  
  615. <!-- photo -->
  616. {block:photo}
  617.  
  618. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  619. {block:Caption}{Caption}{/block:Caption}
  620.  
  621.  
  622. {/block:photo}
  623.  
  624.  
  625. <!-- Photo set-->
  626. {block:Photoset}<div class="photoset">
  627. {Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}
  628.  
  629. {/block:Photoset}
  630.  
  631.  
  632. <!-- Quote -->
  633. {block:Quote}
  634. <div id="title1">"{Quote}"</div>
  635. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  636. {/block:Quote}
  637.  
  638. <!-- Link -->
  639. {block:Link}
  640. <div id="title1"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  641. {block:Description}{Description}{/block:Description}
  642. {/block:Link}
  643.  
  644. <!--Chat -->
  645. {block:Chat}
  646. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  647. {/block:Chat}
  648.  
  649. <!--Audio-->
  650.  
  651. {block:Audio}
  652. <div class="audio inner">
  653. <center>
  654. {block:TrackName}<h1 class="title1"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  655. {block:AlbumArt}<img src="{AlbumArtURL}" width="250" height="250"/>{/block:AlbumArt}
  656. {block:Caption}{Caption}{/block:Caption}
  657. {AudioPlayerWhite}
  658. </center>
  659. </div>
  660. {/block:Audio}
  661.  
  662. <!-- Video-->
  663. {block:Video}
  664. <div class="video inner">
  665. {Video-500}
  666. {block:Caption}{Caption}{/block:Caption}
  667. </div>
  668. {/block:Video}
  669.  
  670. <!--Answer-->
  671. {block:Answer}
  672. <img src="{AskerPortraitURL-30}" style="float:left; border:3px solid {color:Info Border}; top:50%; margin-left:5px; margin-top:center center;">
  673. <div style="margin-left:50px;"><div id="questions">
  674. {Asker} asked: {Question}
  675. </div></div>
  676. {Answer}<p>
  677. {/block:Answer}
  678.  
  679. <!--Date-->
  680. {block:Date}
  681. <div id="info">
  682. <a href="{ReblogURL}" target="_blank">Reblog</a> - <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  683. {block:RebloggedFrom} - via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}
  684. {block:ContentSource} (<a href="{SourceURL}">{SourceTitle}</a>){/block:ContentSource}
  685. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  686.  
  687. <!-- Tags -->
  688. {block:HasTags}<div id="tags">→ tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  689.  
  690.  
  691. <!-- Notes -->
  692. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  693.  
  694.  
  695. </article>
  696. {/block:Posts}
  697. </div>
  698. </div>
  699. </div>
  700. <div id="credit"><a href="http://www.winchesterlegacies.tumblr.com">WLT</a>
  701. </div>
  702. </div>
  703. </body>
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!