API tools faq
paste
Advertisement
sarahcaths

theme 13 | and I swear

sarahcaths
Jul 3rd, 2014
3,149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.04 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!----
  3.  
  4. © SARAHCATHS.TUMBLR.COM | "AND I SWEAR" #13
  5.  
  6. + Do not steal any portion of this code, or use this code as a base.
  7. + Feel free to edit anything, but do not remove the credit.
  8. + If you have any questions or concerns, just contact me!
  9. + Some base coding used from 13cameras
  10. + Thanks for using my theme! :) Hope you enjoy it!
  11.  
  12. ---->
  13.  
  14. <head>
  15.  
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{Favicon}"/>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#3a536a"/>
  23. <meta name="color:Main Link" content="#3a536a"/>
  24. <meta name="color:Link" content="#f7f094"/>
  25. <meta name="color:Link Hover" content="#d4d09a"/>
  26. <meta name="color:Border" content="#f0f0f0"/>
  27. <meta name="color:Border 2" content="#dbdbdb" />
  28. <meta name="font:Body Font" content="Cambria" />
  29. <meta name="text:Font Size" content="10px" />
  30. <meta name="text:Line Height" content="17px" />
  31. <meta name="if:2 Column" content="1"/>
  32. <meta name="if:Italic" content="1" />
  33. <meta name="if:Lowercase" content="1" />
  34.  
  35. <meta name="image:sidebg" content="http://static.tumblr.com/4619e5b244faed50989ec4bd861a07fe/vqqnpua/l1en81zpf/tumblr_static_709sfz7e3ngg8ggwgskswowok.jpg" />
  36. <meta name="image:background" content="http://static.tumblr.com/8952348ba26e146f1e7ee4eb5101c6e2/vqqnpua/vmjmqelqf/tumblr_static_noise_lines.png" />
  37.  
  38. <meta name="if:ShowLink3" content="1" />
  39. <meta name="if:ShowLink4" content="1" />
  40. <meta name="if:ShowLink5" content="1" />
  41. <meta name="if:ShowLink6" content="1" />
  42. <meta name="if:PortraitPicture" content="1" />
  43.  
  44. <meta name="color:scrollbar" content="#000000" />
  45. <meta name="color:scrollbarbg" content="#ffffff" />
  46. <meta name="color:descriptiontext" content="#ffffff" />
  47. <meta name="color:pagination" content="#3a536a" />
  48.  
  49. <meta name="text:Home Title" content="Home" />
  50. <meta name="text:Ask Title" content="Ask" />
  51. <meta name="text:Link3 URL" content="/" />
  52. <meta name="text:Link3 Title" content="Link3" />
  53. <meta name="text:Link4 URL" content="/" />
  54. <meta name="text:Link4 Title" content="Link4" />
  55. <meta name="text:Link5 URL" content="/" />
  56. <meta name="text:Link5 Title" content="Link5" />
  57. <meta name="text:Link6 URL" content="/" />
  58. <meta name="text:Link6 Title" content="Link6" />
  59.  
  60. <style type="text/css">
  61.  
  62. body{
  63. background-image: url('{image:background}');
  64. background-repeat:repeat;
  65. color:{color:Text};
  66. font-family:cambria;
  67. margin:0;
  68. padding:0;
  69. font-size:{text:Font Size};
  70. line-height:17px;
  71. {block:IfLowercase}
  72. text-transform:lowercase;
  73. {/block:IfLowercase}
  74. {block:IfItalic}
  75. font-style:italic;
  76. {/block:IfItalic}
  77. background-color:{color:Background};}
  78.  
  79. #bordertop {
  80. width:100%;
  81. z-index:20;
  82. text-align:center;
  83. vAlign:middle;
  84. font-size:18px;
  85. padding-top:10px;
  86. font-style:italic;
  87. position:fixed;
  88. font-weight:bold;
  89. text-shadow: {color:Text} 0px 0px 2px;
  90. height:10px;
  91. border-top:5px solid {color:Link};
  92. box-shadow: {color:Border 2} 0px 0px 10px;
  93. background-color:{color:Border};
  94. border-bottom:10px solid {color:Border 2};}
  95.  
  96. #sidebar {
  97. width: 300px;
  98. font-size:12px;
  99. font-style:italic;
  100. height: 500px;
  101. display: block;
  102. z-index:30;
  103. -webkit-transform: rotate(3deg);
  104. -moz-transform: rotate(3deg);
  105. -o-transform: rotate(3deg);
  106. -ms-transform: rotate(3deg);
  107. transform: rotate(3deg);
  108. position: fixed;
  109. margin-top: -20px;
  110. margin-left: 40px;
  111. background-image: url('{image:sidebg}');
  112. border: 5px solid {color:Border};
  113. border-bottom:10px solid {color:Border 2};}
  114.  
  115. #sidebartext {
  116. margin:20px;
  117. height:200px;
  118. overflow:auto;
  119. padding:5px 5px 5px 10px;
  120. font-style:italic;
  121. text-align:justify;
  122. opacity:0.8;}
  123.  
  124. #description {
  125. font-family:baskerville;
  126. font-size:11.2px;
  127. letter-spacing:1px;
  128. text-align:left;
  129. color:{color:descriptiontext};
  130. line-height:14px;
  131. width:185px;
  132. height:80px;
  133. margin-left:15px;
  134. margin-top:-330px;}
  135.  
  136. #linkbar {
  137. margin-left: 165px;
  138. margin-top: 10px;
  139. position: fixed;
  140. text-align:center;}
  141.  
  142.  
  143. #links a {
  144. font-size:10px;
  145. width:100px;
  146. text-transform:uppercase;
  147. background-color:{color:descriptiontext};
  148. border-right:10px solid {color:Link Hover};
  149. display:block;
  150. padding:7px;
  151. margin:4px;
  152. opacity:0.5;
  153. color:{color:Main Link};
  154. font-style:italic;
  155. line-height:15px;
  156. letter-spacing:1px;
  157. display:block;
  158. }
  159.  
  160. #links a:hover {
  161. color:{color:Text};
  162. opacity:0.8;
  163. border-color:{color:Link};
  164. }
  165.  
  166.  
  167.  
  168. #post{
  169. {block:If2Column}
  170. width:600px;{/block:If2Column}
  171. {block:IfNot2Column}width:508px;{block:IfNot2Column}
  172. margin-left:auto;
  173. margin-right:auto;
  174. margin-left:400px;
  175. background-color:transparent;
  176. padding:5px;
  177. }
  178.  
  179. a:hover {color:{color:Link};text-decoration:none;}
  180. a {color:{color:Text};text-decoration:none;font-weight:bold;}
  181.  
  182. .entry{
  183. padding:8px;
  184. border:5px solid {color:Border};
  185. background-color:{color:background};
  186. z-index:10;
  187. {block:If2Column}width:250px;{/block:If2Column}
  188. {block:IfNot2Column}width:500px;{/block:IfNot2Column}
  189. {block:Permalink}width:500px;{/block:Permalink}
  190. float:left;
  191. margin:5px;
  192. }
  193.  
  194. .entry .perma{
  195. padding:5px;
  196. {block:If2Column}width:240px;{/block:If2Column}
  197. {block:IfNot2Column}width:490px;{/block:IfNot2Column}
  198. {block:Permalink}width:490px;{/block:Permalink}
  199. background-color:{color:background};
  200. text-align:center;
  201. border-radius:0px;
  202. margin-top:3px;
  203. margin-top:-30px;
  204. position:absolute;
  205. opacity:0.0;
  206. -webkit-transition: opacity 0.5s linear;
  207. -webkit-transition: all 0.5s linear;
  208. -moz-transition: all 0.5s linear;
  209. }
  210.  
  211. .entry:hover .perma{
  212. opacity:.9;
  213. margin-left:0px;
  214. margin-top:0px;
  215. -webkit-transition: opacity 0.5s linear;
  216. -webkit-transition: all 0.5s linear;
  217. -moz-transition: all 0.5s linear;}
  218.  
  219. .pagination {
  220. display: none;
  221. }
  222.  
  223. /* CREDIT -- DON'T REMOVE! */
  224.  
  225. #cred {
  226. font-size:8px;
  227. letter-spacing:0px;
  228. opacity:0.3;
  229. font-weight:bold;
  230. color: #000000;
  231. line-height:10px;
  232. font-family: calibri;
  233. background-color: #FFFFFF;
  234. padding:4px;
  235. text-transform:uppercase;
  236. bottom:10px;
  237. right:10px;
  238. position:fixed;
  239. text-decoration:none;
  240. -webkit-transition: all 0.9s ease-in-out;
  241. -moz-transition: all 0.9s ease-in-out;
  242. -o-transition: all 0.9s ease-in-out;
  243. transition: all 0.9s ease-in-out;}
  244.  
  245. #cred a:link, #cred a:active, #cred a:visited, #cred a:hover {
  246. color:#000000;
  247. text-decoration:none;
  248. border:0;}
  249.  
  250.  
  251. #cred:hover {
  252. font-size:8px;
  253. letter-spacing:0px;
  254. font-weight:bold;
  255. color: #000000;
  256. opacity:1.0;
  257. font-family: calibri;
  258. background-color: #FFFFFF;
  259. padding:4px;
  260. text-transform:uppercase;
  261. bottom:10px;
  262. right:10px;
  263. position:fixed;
  264. text-decoration:none;
  265. -webkit-transition: all 0.9s ease-in-out;
  266. -moz-transition: all 0.9s ease-in-out;
  267. -o-transition: all 0.9s ease-in-out;
  268. transition: all 0.9s ease-in-out;}
  269. {CustomCSS}
  270.  
  271.  
  272.  
  273. </style>
  274.  
  275. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  276.  
  277. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  278.  
  279. <script>
  280. $(function(){
  281. var $container = $('#post');
  282. $container.imagesLoaded(function(){
  283. $container.masonry({
  284. itemSelector: '.entry',
  285. });
  286. });
  287. $container.infinitescroll({
  288. itemSelector : ".entry",
  289. navSelector : "div.pagination",
  290. nextSelector : ".pagination a#next",
  291. loadingImg : "",
  292. loadingText : "<em></em>",
  293. bufferPx : 10000,
  294. extraScrollPx: 12000,
  295. },
  296. // trigger Masonry as a callback
  297. function( newElements ) {
  298. var $newElems = $( newElements ).css({ opacity: 0 });
  299. // ensure that images load before adding to masonry layout
  300. $newElems.imagesLoaded(function(){
  301. $newElems.animate({ opacity: 1 });
  302. $container.masonry( 'appended', $newElems, true );
  303. });
  304. }
  305. );
  306. });
  307. </script>
  308.  
  309. </head>
  310. <body>
  311.  
  312. <div id="sidebar">
  313. <div id="sidebartext">
  314. {block:IfPortraitPicture}
  315. <img src="{PortraitURL-64}" style="border:1px solid {color:Border};margin:0px 10px 0px 0px;float:left;" />
  316. {/block:IfPortraitPicture}
  317. <b>{title}</b> {block:Description}{Description}{/block:Description}
  318. </div>
  319.  
  320. <div id="linkbar"><div id="links">
  321. <a title="{text:Home Hover}"href="/">{text:Home Title}</a>
  322. <a title="{text:Ask Hover}"href="/ask">{text:Ask Title}</a>
  323. {block:IfShowLink3}<a title="{text:Link3 Hover}"href="{text:Link3 URL}">{text:Link3 Title}</a>{/block:IfShowLink3}
  324. {block:IfShowLink4}<a title="{text:Link4 Hover}"href="{text:Link4 URL}">{text:Link4 Title}</a>{/block:IfShowLink4}
  325. {block:IfShowLink5}<a title="{text:Link5 Hover}"href="{text:Link5 URL}">{text:Link5 Title}</a>{/block:IfShowLink5}
  326. {block:IfShowLink6}<a title="{text:Link6 Hover}"href="{text:Link6 URL}">{text:Link6 Title}</a>{/block:IfShowLink6}
  327. </div></div>
  328.  
  329.  
  330.  
  331. </div> <!-- End Sidebar -->
  332.  
  333. <div id="post">
  334. {block:Posts}
  335. <div class="entry">
  336.  
  337. <div class="perma"><a href="{ReblogURL}">Reblog</a><br><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  338.  
  339. {block:Title}<h1>{Title}</h1>{/block:Title}
  340.  
  341. {block:Text}{Body}{/block:Text}
  342.  
  343. {block:Photo}
  344. {block:If2Column}
  345. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:If2Column}
  346.  
  347. {block:IfNot2Column}
  348. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>{/block:IfNot2Column}
  349. {/block:Photo}
  350.  
  351. {block:Photoset}
  352.  
  353. {block:If2Column}
  354. {Photoset-250}
  355. {/block:If2Column}
  356.  
  357. {block:IfNot2Column}
  358. {Photoset-500}
  359. {/block:IfNot2Column}
  360.  
  361. {/block:Photoset}
  362.  
  363.  
  364. {block:Quote}
  365. {Quote}
  366. <div align="right">
  367. {block:Source}-{Source}{/block:Source}
  368. </div>
  369. {/block:Quote}
  370.  
  371.  
  372. {block:Video}
  373. {block:If2Column}
  374. {Video-250}
  375. {/block:If2Column}
  376.  
  377. {block:IfNot2Column}
  378. {Video-500}
  379. {/block:IfNot2Column}<br>
  380. {PlayCountWithLabel}
  381. {/block:Video}
  382.  
  383.  
  384. {block:Link}
  385. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  386. {block:Description}{Description}{/block:Description}
  387. {/block:Link}
  388.  
  389. {block:Chat}
  390. {block:Lines}
  391. {block:Label}
  392. <br>{Label}
  393. {/block:Label}
  394. &nbsp;{Line}
  395. {/block:Lines}
  396. {/block:Chat}
  397.  
  398. {block:Audio}
  399. {AudioPlayerGrey}
  400. <br><div align="right">{block:Artist}
  401. Artist: {Artist}</div>
  402. {/block:Artist}<br>
  403. {block:Caption}{Caption}{/block:Caption}
  404. {/block:Audio}
  405.  
  406.  
  407. {block:Answer}
  408. {Asker} asked <b>{Question}</b><Br>
  409. {Answer}
  410. {/block:Answer}
  411.  
  412. {block:PermalinkPage}
  413. {block:Caption}
  414. {Caption}
  415. {/block:Caption}
  416. <br>
  417. {block:NoteCount}
  418. {NoteCount} notes
  419. {/block:NoteCount}
  420. <Br>
  421. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  422. {/block:PermalinkPage}
  423. </div>
  424.  
  425. {/block:Posts}
  426.  
  427. </div>
  428. <div class="pagination">
  429. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  430. </div>
  431.  
  432.  
  433. <div id="cred">
  434. <a href="http://sarahcaths.tumblr.com" target="_blank">THEME BY SC+</a>
  435. </div> <!-- END CREDIT (DO NOT REMOVE!) -->
  436.  
  437. </body>
  438. </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!