API tools faq
paste
cherrybearr

Theme 7.1

cherrybearr
May 26th, 2015
401
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.30 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!-- TWEWY theme with customizable colors but no transparency -->
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10. <meta name="image:background" content="http://images.khinsider.com/The%20World
  11.  
  12. %20Ends%20With%20You/Artwork/Environments/Scramble%20Crossing%2002.jpg" />
  13. <meta name="font:font" content="" />
  14. <meta name="color:background color" content="" />
  15. <meta name="color:primary color" content="#9933cc" />
  16. <meta name="color:secondary color" content="#FFFF33" />
  17. <meta name="color:link color" content="#B0B0B0" />
  18. <meta name="color:scrollbar color" content="#ffe711" />
  19.  
  20. <script type="text/javascript"
  21. src="http://www.google.com/jsapi"></script>
  22.  
  23. <script type="text/javascript">
  24. google.load("jquery", "1.3");
  25. google.setOnLoadCallback(function() {
  26. jQuery(function($) {
  27. // do some stuff here, eg load your tweets, ...
  28. $('#playerpin').click(function(){
  29. $("html, body").animate({ scrollTop: "0px" });
  30. });
  31. $('#playerpin').dblclick(function(){
  32. $('html, body').animate({scrollTop:$(document).height()}, 'fast');
  33. return false;
  34. });
  35. });
  36. });
  37. </script>
  38.  
  39. </head>
  40. <style>
  41.  
  42. /*Post Content*/
  43. body {
  44. background:url({image:background});
  45. background-color:{color:background color};
  46. background-attachment:fixed;
  47. font-family:{font:font};
  48. font-size:14px;
  49. }
  50.  
  51. a {
  52. text-decoration:none;
  53. color:{color:link color};
  54. }
  55.  
  56. ::-webkit-scrollbar {
  57. width:7px;
  58. height:7px;
  59. background-color:black;
  60. }
  61. ::-webkit-scrollbar-thumb {
  62. background-color:{color:scrollbar color};
  63. border-radius:20px;
  64. box-shadow:1px 2px 3px black;
  65. }
  66.  
  67. #content {
  68. }
  69.  
  70. #title {
  71. color:white;
  72. width:450px;
  73. text-align:center;
  74. font-size:20px;
  75. text-shadow:2px 2px 0 black;
  76. margin:0 auto;
  77. background:-webkit-radial-gradient(circle,rgba(50,50,200,1),rgba(0,0,0,0));
  78. background:-moz-radial-gradient(circle,rgba(50,50,200,1),rgba(0,0,0,0));
  79. }
  80. #title2 {
  81. padding:3px 20px 3px 20px;
  82. }
  83.  
  84. #posts2 {
  85. list-style-type:none;
  86. margin-left:450px;
  87. margin-top:20px;
  88. width:530px;
  89. background-color:{color:primary color};
  90. border:2px solid black;
  91. box-shadow:5px 5px 0px black;
  92. padding:5px;
  93. margin-bottom:10px;
  94. }
  95. .posts {
  96. margin:0 auto;
  97. width:500px;
  98. overflow-x:auto;
  99. }
  100.  
  101. blockquote {
  102. border-left:2px solid black;
  103. padding-left:5px;
  104. margin-left:10px;
  105. }
  106.  
  107. .asker-question {
  108. background-color:white;
  109. padding:10px;
  110. border-radius:20px;
  111. box-shadow:3px 3px 0 black;
  112. width:375px;
  113. }
  114. .asker-question-triangle-l {
  115. background-color:white;
  116. height:15px;
  117. width:20px;
  118. position:relative;
  119. left:50px;
  120. margin-right:50px;
  121. border-bottom-right-radius:50px;
  122. border-top-left-radius:10px;
  123. box-shadow:3px 3px 0 black;
  124. }
  125. .asker-avatar {
  126. float:left;
  127. position:relative;
  128. top:10px;
  129. border-radius:20px;
  130. }
  131. .asker1 {
  132. margin-left:-30px;
  133. }
  134. .asker1 li {
  135. display:inline-block;
  136. }
  137. .replies1 {
  138. background-color:white;
  139. margin:10px;
  140. padding:0 10px 0 10px;
  141. border-radius:20px;
  142. box-shadow:3px 3px 0 black;
  143. width:375px;
  144. float:right;
  145. }
  146. .replies1 a{
  147. color:gray;
  148. }
  149. .asker-question-triangle-r {
  150. background-color:white;
  151. height:15px;
  152. width:20px;
  153. margin-right:30px;
  154. margin-top:0px;
  155. border-bottom-left-radius:50px;
  156. border-top-right-radius:10px;
  157. box-shadow:3px 3px 0 black;
  158. float:right;
  159. clear:both;
  160. }
  161. .aswerer-answer {
  162. margin-top:10px;
  163. }
  164. .answer {
  165. background-color:white;
  166. margin-top:10px;
  167. margin-right:10px;
  168. padding:0 10px 0 10px;
  169. border-radius:20px;
  170. box-shadow:3px 3px 0 black;
  171. width:375px;
  172. float:right;
  173. }
  174.  
  175. .answerer1 {
  176. float:right;
  177. clear:both;
  178. margin-top:10px;
  179. }
  180. .answerer1 li {
  181. display:inline-block;
  182. }
  183. .answerer-avatar {
  184. border-radius:20px;
  185. }
  186.  
  187. #phone {
  188. float:right;
  189. }
  190. #time {
  191. float:right;
  192. color:{color:link color};
  193. position:relative;
  194. top:-10px;
  195. text-transform:uppercase;
  196. }
  197. #date {
  198. margin-left:455px;
  199. margin-top:10px;
  200. position:absolute;
  201. color:{color:link color};
  202. }
  203. #oink {
  204. float:right;
  205. position:relative;
  206. top:-10px;
  207. }
  208. #notenum {
  209. color:{color:link color};
  210. position:absolute;
  211. margin-top:-35px;
  212. margin-left:40px;
  213. }
  214.  
  215. #tags a{
  216. color:black;
  217. margin:3px;
  218. padding:2px 5px 2px 5px;
  219. background-color:{color:link color};
  220. box-shadow:3px 3px 0 black;
  221. border-radius:10px;
  222. line-height:180%;
  223. }
  224.  
  225. /*Sidebar*/
  226. #sidebar {
  227. width:400px;
  228. height:auto;
  229. background-color:{color:primary color};
  230. margin-left:50px;
  231. margin-top:30px;
  232. position:absolute;
  233. position:fixed;
  234. overflow:hidden;
  235. border:2px solid black;
  236. box-shadow:5px 5px 0px black;
  237. }
  238.  
  239. #twewy {
  240. margin-left:20px;
  241. }
  242.  
  243. #pins {
  244. width:400px;
  245. height:150px;
  246. margin-top:-30px;
  247. margin-left:-20px;
  248. }
  249. .top {
  250. padding:10px;
  251. margin-top:20px;
  252. display:inline-block;
  253. border-radius:70px;
  254. }
  255. .bottom {
  256. padding:15px;
  257. margin-top:20px;
  258. display:inline-block;
  259. }
  260. .namebottom {
  261. display:block;
  262. background-color:{color:secondary color};
  263. color:black;
  264. text-align:center;
  265. border:2px solid black;
  266. padding:0 5px 0 5px;
  267. margin-top:-10px;
  268. -webkit-transition:all .5s ease-in-out;
  269. -moz-transition:all .5s ease-in-out;
  270. }
  271. .namebottom:hover {
  272. display:block;
  273. background-color:gray;
  274. color:white;
  275. text-align:center;
  276. border:2px solid black;
  277. padding:0 5px 0 5px;
  278. margin-top:-10px;
  279. }
  280. .pinimage {
  281. border-radius:50px;
  282. -webkit-transition:all .5s ease-in-out;
  283. -moz-transition:all .5s ease-in-out;
  284. }
  285. .pinimage:hover {
  286. box-shadow:0 0 50px yellow;
  287. border-radius:50px;
  288. }
  289.  
  290. #customlinks {
  291. position:relative;
  292. top:-50px;
  293. margin:0 auto;
  294. text-align:center;
  295. width:400px;
  296. }
  297. #links {
  298. display:inline;
  299. padding:5px;
  300. margin:0px 6px 0 6px;
  301. box-shadow:2px 2px 2px black;
  302. line-height:200%;
  303. }
  304. #links a {
  305. color:{color:secondary color};
  306. text-shadow:2px 2px 0 black;
  307. font-size:15px;
  308. }
  309.  
  310. #titlepig {
  311. margin-top:-60px;
  312. }
  313. #pig {
  314. position:relative;
  315. top:35px;
  316. left:55px;
  317. float:right;
  318. -webkit-animation: walking 6s infinite;
  319. -moz-animation: walking 6s infinite;
  320. }
  321. @-webkit-keyframes walking {
  322. 0% {
  323. left:55px;
  324. }
  325. 100% {
  326. left:-400px;
  327. }
  328. }
  329. @-moz-keyframes walking {
  330. 0% {
  331. left:55px;
  332. }
  333. 100% {
  334. left:-400px;
  335. }
  336. }
  337. #blogtitle {
  338. margin:5px;
  339. font-size:25px;
  340. text-shadow:2px 2px 0 black;
  341. color:{color:secondary color};
  342. }
  343.  
  344. #description {
  345. text-align:center;
  346. width:350px;
  347. margin:0 auto;
  348. padding:5px;
  349. }
  350.  
  351. #searchbar {
  352. margin-left:100px;
  353. border:2px solid black;
  354. width:186px;
  355. box-shadow:2px 2px 0 black;
  356. }
  357. #search {
  358. width:125px;
  359. color:purple;
  360. }
  361. #button{
  362. margin-left:0px;
  363. background-color:{color:secondary color};
  364. position:absolute;
  365. }
  366.  
  367. /* Pagination & extras */
  368. #footer {
  369. position:absolute;
  370. color:red;
  371. margin-left:650px;
  372. margin-bottom:30px;
  373. background-color:gray;
  374. padding:5px;
  375. }
  376. .current_page {
  377. background-color:yellow;
  378. padding:5px;
  379. box-shadow:2px 2px 2px black;
  380. border-top-right-radius:10px;
  381. }
  382. .jump_page {
  383. padding:5px;
  384. background-color:gray;
  385. box-shadow:2px 2px 2px black;
  386. border-top-right-radius:10px;
  387. }
  388.  
  389. #playerpin {
  390. position:absolute;
  391. position:fixed;
  392. margin-top:550px;
  393. margin-left:1100px;
  394. }
  395. #playerpin:hover {
  396. position:absolute;
  397. position:fixed;
  398. margin-top:550px;
  399. margin-left:1100px;
  400. box-shadow:0 0 50px white;
  401. border-radius:40px;
  402. cursor:pointer;
  403. }
  404.  
  405. #credit {
  406. position:absolute;
  407. position:fixed;
  408. margin-left:1270px;
  409. margin-top:600px;
  410. text-decoration:underline;
  411. text-shadow:2px 2px 0 black;
  412. }
  413.  
  414. </style>
  415.  
  416. <body>
  417.  
  418. <a id="credit" href="http://themebylilcherrybearr.tumblr.com/"> Theme </a>
  419.  
  420. <img title="Scroll to top and double click to scroll to bottom" id="playerpin"
  421.  
  422. src="https://40.media.tumblr.com/6e40cb87f56c73fcd26be07f2e68eed1/tumblr_inline_norc29gdlo1qfjh
  423.  
  424. w8_540.png" />
  425.  
  426. <div id="sidebar">
  427.  
  428. <img id="twewy"
  429.  
  430. src="https://40.media.tumblr.com/848c863c00a43ee1be4a2938a323035b/tumblr_inline_nns4d5vBjE1q
  431.  
  432. fjhw8_540.png" />
  433.  
  434. <ul id="pins">
  435. <li class="top"> <a href="{BlogURL}"> <img class="pinimage"
  436.  
  437. src="https://41.media.tumblr.com/13831ee69908ab468adcd7acb30bee43/tumblr_inline_nn7oyu34B61q
  438.  
  439. fjhw8_540.png" /> <span class="namebottom">Home </span> </a> </li>
  440.  
  441. <li class="bottom"> <a href="/archive"> <img class="pinimage"
  442.  
  443. src="https://41.media.tumblr.com/dc1d1065f7cbf6b50862ee284da71b17/tumblr_inline_nn7oyibNk01qfj
  444.  
  445. hw8_540.png" /> <span class="namebottom">Archive</span> </a> </li>
  446.  
  447. <li class="top"> {block:AskEnabled} <a href="/ask"> <img class="pinimage"
  448.  
  449. src="https://40.media.tumblr.com/ea31a3f05d08aca18cc64bc4ed877958/tumblr_inline_nn7oz63VRD1
  450.  
  451. qfjhw8_540.png" /> <span class="namebottom" style="cursor:help"> {AskLabel} </span> </a>
  452.  
  453. {/block:AskEnabled} </li>
  454.  
  455. <li class="bottom"> {block:SubmissionsEnabled} <a href="/submit"> <img class="pinimage"
  456.  
  457. src="https://40.media.tumblr.com/b022b90539638dfba44ce34c51e5e46b/tumblr_inline_nn7ozf502E1q
  458.  
  459. fjhw8_540.png" /> <span class="namebottom"> {SubmitLabel} </span> </a>
  460.  
  461. {/block:SubmissionsEnabled} </li>
  462. </ul>
  463.  
  464. <div id="customlinks">{block:HasPages}{block:Pages}<li id="links"><a href="{url}">
  465.  
  466. {Label}</a></li>{/block:Pages}{/block:HasPages}</div>
  467.  
  468. <div id="titlepig">
  469. <img id="pig"
  470.  
  471. src="https://31.media.tumblr.com/2c21188b0ee310a2edabccc6a2cff75a/tumblr_inline_nnvrp9ucWy1qfjh
  472.  
  473. w8_500.gif" />
  474. <marquee id="blogtitle">{BlogTitle}</marquee>
  475. </div>
  476.  
  477. {block:Description}
  478. <p id="description">{Description}</p>
  479. {/block:Description}
  480.  
  481. <p>
  482. <form id="searchbar" action="/search" method="get">
  483. <input id="search" type="text" name="q" value="{SearchQuery}" placeholder="Search..." />
  484. <input id="button" type="submit" value="Search">
  485. </form>
  486. <br>
  487. </div> <!--sidebar-->
  488.  
  489. <ol id="content">
  490. {block:Posts}
  491. <div id="posts2">
  492. <img id="phone"
  493.  
  494. src="https://41.media.tumblr.com/72cf215061485453bae3bba44941467e/tumblr_inline_no64aifU6u1qf
  495.  
  496. jhw8_540.png" />
  497. <p><a href="{Permalink}">
  498. {block:Date}<big id="time">{12HourWithZero}:{Minutes} {AmPm}</big>{/block:Date}
  499.  
  500. </p>
  501. {block:Date} <small id="date"> {MonthNumber}/{DayOfMonth}/{ShortYear} </small>
  502.  
  503. {/block:Date}
  504. <img id="oink"
  505.  
  506. src="https://41.media.tumblr.com/070805a26dc642952a8a1ad77ec61a14/tumblr_inline_no65gqYxbL1
  507.  
  508. qfjhw8_540.png" />
  509. <img
  510.  
  511. src="https://40.media.tumblr.com/0741350b1ca8a23b1ef26d3b9cc91ba6/tumblr_inline_no662oiCuJ1qfj
  512.  
  513. hw8_540.png" />
  514. <p id="notenum"><big>{block:NoteCount}{NoteCount}{/block:NoteCount}</big></p>
  515. </a>
  516.  
  517. {block:Text}
  518. <li class="posts">
  519. {block:Title}
  520. <h3 id="title"><a id="title2" href="{Permalink}">{Title}</a></h3>
  521. {/block:Title}{Body}
  522. </li>
  523. {/block:Text}
  524.  
  525. {block:Photo}
  526. <li class="posts">
  527. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  528.  
  529. {block:Caption}
  530. <div class="caption">{Caption}</div>
  531. {/block:Caption}
  532. </li>
  533. {/block:Photo}
  534.  
  535. {block:Panorama}
  536. <li class="posts">
  537. {LinkOpenTag}
  538. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  539. {LinkCloseTag}{block:Caption}
  540. <div class="caption">{Caption}</div>
  541. {/block:Caption}
  542. </li>
  543. {/block:Panorama}
  544.  
  545. {block:Photoset}
  546. <li class="posts">
  547. {Photoset-500}{block:Caption}
  548. <div class="caption">{Caption}</div>
  549. {/block:Caption}
  550. </li>
  551. {/block:Photoset}
  552.  
  553. {block:Quote}
  554. <li class="posts">
  555. "{Quote}"
  556.  
  557. {block:Source}
  558. <div class="source">{Source}</div>
  559. {/block:Source}
  560. </li>
  561. {/block:Quote}
  562.  
  563. {block:Link}
  564. <li class="posts">
  565. <a href="{URL}" class="link" {Target}>{Name}</a>
  566.  
  567. {block:Description}
  568. <div class="description">{Description}</div>
  569. {/block:Description}
  570. </li>
  571. {/block:Link}
  572.  
  573. {block:Chat}
  574. <li class="posts">
  575. {block:Title}
  576. <h3><a href="{Permalink}">{Title}</a></h3>
  577. {/block:Title}
  578.  
  579. <ul class="chat">
  580. {block:Lines}
  581. <li class="{Alt} user_{UserNumber}">
  582. {block:Label}
  583. <span class="label">{Label}</span>
  584. {/block:Label}{Line}
  585. </li>
  586. {/block:Lines}
  587. </ul>
  588. </li>
  589. {/block:Chat}
  590.  
  591. {block:Video}
  592. <li class="posts">
  593. {Video-500}{block:Caption}
  594. <div class="caption">{Caption}</div>
  595. {/block:Caption}
  596. </li>
  597. {/block:Video}
  598.  
  599. {block:Audio}
  600. <li class="posts">
  601. {AudioEmbed}{block:Caption}
  602. <div class="caption">{Caption}</div>
  603. {/block:Caption}
  604. </li>
  605. {/block:Audio}
  606.  
  607. {block:Answer}
  608. <li class="posts">
  609. <div class="question">
  610. <div class="asker-question">{Question}
  611. </div>
  612. <div class="asker-question-triangle-l"></div>
  613. <ul class="asker1">
  614. <li> <img class="asker-avatar" src="{AskerPortraitURL-40}" alt=""> </li>
  615. <li> <span id="asker_name"> {Asker}</span> </li>
  616. </ul>
  617. </div>
  618. {block:Answerer}
  619. <div class="answer">
  620. <div class="answerer-answer">{Answer}</div>
  621. </div>
  622. <div class="asker-question-triangle-r"></div>
  623. <ul class="answerer1">
  624. <li> <div class="answerer">{Answerer}</div> </li>
  625. <li> <img class="answerer-avatar" src="{AnswererPortraitURL-40}" alt=""/> </li>
  626. </ul>
  627. {/block:Answerer}
  628. <div class="replies1">
  629. {Replies}
  630. </div>
  631. </li>
  632. {/block:Answer}
  633.  
  634. {block:HasTags}<br><div id="tags">
  635. {block:Tags}<a href="{TagURL}">{Tag}</a>
  636. {/block:Tags}
  637. </div> <!--tags-->
  638. <br>{/block:HasTags}
  639.  
  640. {block:PostNotes}
  641. <div id="notecontainer">{PostNotes}</div>
  642. {/block:PostNotes}
  643.  
  644.  
  645. </div> <!--posts2-->
  646. {/block:Posts}
  647.  
  648. {block:IndexPage}
  649. <p id="footer">
  650. {block:Pagination}{block:PreviousPage}
  651. <a href="{PreviousPage}">Previous</a>
  652. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  653. <span class="current_page">{PageNumber}</span>
  654. {/block:CurrentPage}{block:JumpPage}
  655. <a class="jump_page" href="{URL}">{PageNumber}</a>
  656. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  657. <a href="{NextPage}">Next</a>
  658. {/block:NextPage}{/block:Pagination}
  659. {/block:IndexPage}
  660. </p>
  661. </ol>
  662. </body>
  663. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!