API tools faq
paste
cherrybearr

Theme 9 The Sims

cherrybearr
Jun 22nd, 2015 (edited)
804
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.36 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Sims Theme 9.0 by lilcherrybearr: themebylilcherrybearr.tumblr.com
  3. If you find a bug, need help, want to suggest improvements, or are interested in commissions, please contact me. More info on my blog ^^
  4. -->
  5.  
  6. <html>
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. <meta name="text:Occupation" content="" />
  15. <meta name="text:Sign" content="" />
  16. <meta name="text:Traits" content="" />
  17. <meta name="text:Favorite Food" content="" />
  18. <meta name="text:Favorite Music" content="" />
  19. <meta name="text:Favorite Color" content="" />
  20. <meta name="image:background" content="" />
  21. <meta name="font:font" content="" />
  22. <meta name="color:background color" content="#FFFFFF" />
  23. <meta name="color:link color" content="#818181" />
  24. <meta name="color:border color" content="#86a1da" />
  25. <meta name="color:sidebar color" content="#cae4ff" />
  26.  
  27. <script type="text/javascript"
  28. src="https://www.google.com/jsapi"></script>
  29. <meta name="text:Occupation" content="" />
  30. <meta name="text:Sign" content="" />
  31. <meta name="text:Traits" content="" />
  32. <script type="text/javascript">
  33. google.load("jquery", "1.3");
  34. google.setOnLoadCallback(function() {
  35. jQuery(function($) {
  36. // do some stuff here, eg load your tweets, ...
  37. $('#menu').click(function(){
  38. $('#dropdown_menu').toggle(700,"linear");
  39. });
  40.  
  41. function appear ($current_tab,$display,$disappear1,$disappear2){
  42. $($current_tab).click(function(){
  43. $($display).toggle(700,"linear");
  44. $($disappear1).css("display","none");
  45. $($disappear2).css("display","none");
  46. });
  47. }
  48. appear('#tab1','#simology','#following','#likes1');
  49. appear('#tab2','#following','#simology','#likes1');
  50. appear('#tab3','#likes1','#simology','#following');
  51. //right sidebar click function
  52. });
  53. });
  54. </script>
  55.  
  56. </head>
  57. <style>
  58.  
  59. /*Post Content*/
  60. body {
  61. background:url({image:background});
  62. background-color:{color:background color};
  63. background-attachment:fixed;
  64. background-position:center;
  65. font-family:{font:font};
  66. font-size:13px;
  67. overflow-x:hidden;
  68. }
  69.  
  70. a {
  71. text-decoration:none;
  72. color:{color:link color};
  73. }
  74.  
  75. #content {
  76. position:relative;
  77. left:100px;
  78. }
  79.  
  80. #posts2 {
  81. width:530px;
  82. list-style-type:none;
  83. margin:30px;
  84. left:220px;
  85. position:relative;
  86. }
  87. .posts {
  88. background-color:white;
  89. width:500px;
  90. margin:0 auto;
  91. overflow-x:auto;
  92. padding:10px;
  93. }
  94.  
  95. blockquote {
  96. border-left:3px solid rgba(100,100,100,.3);
  97. margin-left:10px;
  98. padding-left:5px;
  99. }
  100. .asker {
  101. margin-top:-20px;
  102. margin-left:35px;
  103. }
  104. .asker-question {
  105. margin-top:10px;
  106. }
  107. .answerer {
  108. margin-top:-20px;
  109. margin-left:35px;
  110. }
  111. .aswerer-answer {
  112. margin-top:10px;
  113. }
  114. .question {
  115. background-color:rgba(100,100,100,.1);
  116. padding:5px;
  117. border-radius:10px;
  118. margin:5px;
  119. }
  120. .answer {
  121. background-color:rgba(100,100,100,.1);
  122. padding:5px;
  123. border-radius:10px;
  124. margin:5px;
  125. }
  126.  
  127. #date_and_notes {
  128. background-color:{color:sidebar color};
  129. width:175px;
  130. padding:3px;
  131. text-align:center;
  132. border-radius:5px;
  133. border:3px solid {color:border color};
  134. margin-bottom:5px;
  135. margin-left:50px;
  136. }
  137. #diamond {
  138. height:60px;
  139. width:35px;
  140. border-radius:50px;
  141. position:absolute;
  142. margin-top:-30px;
  143. margin-left:-30px;
  144. padding:25px;
  145. }
  146. #diamond:hover {
  147. -webkit-animation: up 1.5s infinite;
  148. -moz-animation: up 1.5s infinite;
  149. }
  150. @-webkit-keyframes up {
  151. 50% {
  152. margin-top:-40px;
  153. }
  154. }
  155. @-moz-keyframes up {
  156. 50% {
  157. margin-top:-40px;
  158. }
  159. }
  160.  
  161. .bubble {
  162. position:absolute;
  163. background-color:white;
  164. padding:5px;
  165. border-radius:20px;
  166. z-index:1;
  167. }
  168. #reblog {
  169. margin-left:-35px;
  170. }
  171. #likeb {
  172. }
  173. #permalink {
  174. float:right;
  175. position:relative;
  176. left:-40px;
  177. }
  178. #tags {
  179. background-color:white;
  180. padding:5px 0 5px 0;
  181. width:520px;
  182. margin-left:5px;
  183. color:{color:link color};
  184. }
  185.  
  186. /* Sidebar */
  187. #icon{
  188. margin-left:15px;
  189. border-radius:70px;
  190. border:5px solid {color:border color};
  191. }
  192.  
  193. #sidebar {
  194. position:fixed;
  195. z-index:1;
  196. width:370px;
  197. top:10%;
  198. padding:5px;
  199. }
  200. .main_links img {
  201. height:30px;
  202. width:30px;
  203. border:3px solid {color:border color};
  204. border-radius:50px;
  205. position:relative;
  206. }
  207. #home img{
  208. top:-100px;
  209. left:-20px;
  210. }
  211. #archive img {
  212. top:-60px;
  213. left:-30px;
  214. }
  215. #ask img {
  216. top:-10px;
  217. left:-75px;
  218. }
  219. #submit img {
  220. top:30px;
  221. left:-145px;
  222. }
  223.  
  224. #pagination {
  225. background-color:{color:sidebar color};
  226. width:75px;
  227. height:45px;
  228. position:fixed;
  229. margin-left:250px;
  230. margin-top:-80px;
  231. padding:5px;
  232. border-radius:10px;
  233. border:3px solid {color:border color};
  234. }
  235. #page {
  236. font-size:30px;
  237. text-align:center;
  238. }
  239. #pagenum {
  240. text-align:center;
  241. }
  242.  
  243. #menu {
  244. cursor:pointer;
  245. border-radius:50px;
  246. border:5px solid {color:border color};
  247. position:relative;
  248. top:40px;
  249. left:30px;
  250. }
  251. #dropdown_menu {
  252. position:fixed;
  253. z-index:1;
  254. background-color:{color:sidebar color};
  255. width:300px;
  256. margin-left:20px;
  257. margin-top:5px;
  258. border:5px solid {color:border color};
  259. border-radius:10px;
  260. padding:10px;
  261. display:none;
  262. }
  263. .links li{
  264. list-style-type:none;
  265. font-size:15px;
  266. background-color:white;
  267. width:100px;
  268. padding:5px;
  269. margin:5px;
  270. display:inline-block;
  271. text-align:center;
  272. }
  273. #custom_links {
  274. background-color:;
  275. width:300px;
  276. display:inline-block;
  277. position:relative;
  278. margin:0 auto;
  279. left:-10px;
  280. }
  281.  
  282. #searchbar {
  283. margin-left:40px;
  284. }
  285. #search {
  286. width:150px;
  287. border:4px solid {color:border color};
  288. }
  289. #button {
  290. background-color:{color:border color};
  291. border:3px solid {color:border color};
  292. margin-left:-3px;
  293. padding:2px;
  294. cursor:pointer;
  295. }
  296.  
  297. /*Sidebar2 */
  298. #sidebar2 {
  299. position:absolute;
  300. position:fixed;
  301. left:975px;
  302. top:15%;
  303. background-color:{color:sidebar color};
  304. width:320px;
  305. height:auto;
  306. border:5px solid {color:border color};
  307. border-radius:10px;
  308. padding:5px;
  309. padding-top:20px;
  310. z-index:1;
  311. max-height:400px;
  312. overflow-y:scroll;
  313. }
  314. #top{
  315. background-color:{color:border color};
  316. position:fixed;
  317. width:310px;
  318. margin-top:-20px;
  319. margin-left:-5px;
  320. }
  321. #simology {
  322.  
  323. }
  324. .tabs {
  325. cursor:pointer;
  326. }
  327. #following li {
  328. list-style-type:none;
  329. display:inline-block;
  330. }
  331. #following {
  332. display:none;
  333. }
  334. #likes1 {
  335. display:none;
  336. }
  337. ul#likes {
  338. list-style-type: none;
  339. margin: 0 0 0 0;
  340. padding: 0 0 0 0;
  341. }
  342.  
  343. li.like_post {
  344. /* Should match the width specified in the Likes tag */
  345. width: 250px;
  346. padding: 0 40px 0 0;
  347. float: left;
  348. background-color:white;
  349. margin:5px;
  350. }
  351.  
  352. li.like_post img {
  353. max-width: 100%;
  354. }
  355.  
  356. li.like_post blockquote {
  357. margin: 0;
  358. padding: 0 0 0 10px;
  359. border-left: 1px solid #eee;
  360. }
  361.  
  362. li.like_post ol,
  363. li.like_post ul {
  364. margin: 0 0 0 15px;
  365. padding: 0;
  366. }
  367.  
  368. li.like_post .like_link a {
  369. font-weight: bold;
  370. }
  371.  
  372. li.like_post .like_title {
  373. font-weight: bold;
  374. }
  375.  
  376. li.like_post .post_info_bottom {
  377. margin: 10px 0 0 0;
  378. display: block !important;
  379. }
  380.  
  381. /* Extra */
  382.  
  383. #credit {
  384. position:fixed;
  385. left:3%;
  386. top:92%;
  387. background-color:{color:sidebar color};
  388. border:3px solid {color:border color};
  389. padding:5px;
  390. overflow:hidden;
  391. width:40px;
  392. height:10px;
  393. -webkit-transition:all .5s ease-in-out;
  394. }
  395. #credit:hover {
  396. width:150px;
  397. }
  398.  
  399. </style>
  400.  
  401. <body>
  402.  
  403.  
  404. <a id="credit" href="https://themebylilcherrybearr.tumblr.com/"> Theme by Lilcherrybearr </a>
  405.  
  406. <div id="sidebar">
  407.  
  408. <img id="menu" title="links and search"
  409.  
  410. src="https://68.media.tumblr.com/740aa8e13738a7c16731ac29b4250651/tumblr_inline_npyruex0XY1qfjhw8_540.png" />
  411.  
  412. <img id="icon" src="{PortraitURL-96}" />
  413. <a class="main_links" id="home" title="home" href="{BlogURL}"> <img src="https://64.media.tumblr.com/e0c1fac1f30a6dabfc97a796f4aa9183/tumblr_o0m662tTo91thncmho4_r1_250.pnj" /> </a>
  414. <a id="archive" class="main_links" title="archive" href="/archive"> <img
  415.  
  416. src="https://64.media.tumblr.com/0ea27efeaa3f263570f0f4823ca35628/tumblr_o0m662tTo91thncmho2_r1_400.pnj" /> </a>
  417. <a id="ask" class="main_links" title="ask" href="/ask"> <img
  418.  
  419. src="https://cdn0.iconfinder.com/data/icons/seo-smart-pack/128/grey_new_seo-17-512.png" /> </a>
  420. <a id="submit" class="main_links" title="submit" href="/submit"> <img
  421.  
  422. src="https://64.media.tumblr.com/c06b2216bdc3104545df1a405232e376/tumblr_o0m662tTo91thncmho5_r1_400.pnj" /> </a>
  423.  
  424. {block:Pagination}
  425. <div id="pagination">
  426. <div id="page">
  427. {block:PreviousPage}
  428. <a id="previous" href="{PreviousPage}">&#171;</a>
  429. {/block:PreviousPage}
  430. {block:NextPage}
  431. <a id="next" href="{NextPage}">&#187;</a>
  432. {/block:NextPage}
  433. </div>
  434. <div id="pagenum">
  435. {block:JumpPagination length="5"}{block:CurrentPage}
  436. <span class="current_page">{PageNumber}</span>
  437. {/block:CurrentPage}{block:JumpPage}
  438. <a class="jump_page" href="{URL}">{PageNumber}</a>
  439. {/block:JumpPage}{/block:JumpPagination}
  440. </div>
  441. </div> <!-- pagination -->
  442. {/block:Pagination}
  443.  
  444. <p>
  445. <br>
  446. <nav id="dropdown_menu">
  447. <ul id="custom_links" class="links">{block:HasPages}{block:Pages}<li><a href="{url}">
  448.  
  449. {Label}</a></li>{/block:Pages}{/block:HasPages}
  450. </ul>
  451. <p>
  452.  
  453. <form id="searchbar" action="/search" method="get">
  454. <input id="search" type="text" name="q" value="{SearchQuery}" placeholder="Search..." />
  455. <input id="button" type="submit" value="Search">
  456. </form>
  457.  
  458. </nav> <!-- dropdown_menu -->
  459.  
  460. </div> <!-- sidebar -->
  461.  
  462. <div id="sidebar2">
  463.  
  464. <div id=top>
  465. <img id="tab1" class="tabs" title="Simology" src="https://40.media.tumblr.com/1f076a78369eef7982a70c9878cc2dc4/tumblr_inline_nq5gayg1pS1qfj
  466. hw8_540.png" />
  467. <img id="tab2" class="tabs" title="Following" src="https://68.media.tumblr.com/14bab996d743a3a92eb247ecf728ac5c/tumblr_inline_nq5kkdAMQr1qfjhw8_540.png" />
  468. <img id="tab3" class="tabs" title="Likes" src="https://40.media.tumblr.com/2cf1421b06e229cb6883fe7c1bc48a48/tumblr_inline_nq5uk4NaXM1qfjhw8_540.png" />
  469. </div> <!--top-->
  470.  
  471. <div id="simology">
  472. <h2 style="text-align:center;">Simology</h2>
  473. <hr>
  474. <i style="font-size:18px;">{Title}</i>
  475. {block:Description}
  476. <p id="description">{Description}</p>
  477. {/block:Description}
  478. <p><u> Occupation:</u> {text:Occupation} </p>
  479. <p><u> Sign:</u> {text:Sign} </p>
  480. <p><u> Traits:</u> {text:Traits} </p>
  481. <p><u> Favorite Food:</u> {text:Favorite Food} </p>
  482. <p><u> Favorite Music:</u> {text:Favorite Music} </p>
  483. <p><u> Favorite Color:</u> {text:Favorite Color} </p>
  484. </div> <!--simology-->
  485.  
  486. <div id="following">
  487. {block:Following}
  488. <h2 style="text-align:center;">Blogs I follow:</h2>
  489. <hr>
  490. <ul>{block:Followed}
  491. <li>
  492. <a title="{FollowName}" href="{FollowedURL}"><img src="{FollowedPortraitURL-48}"/></a>
  493. </li>{/block:Followed}
  494. </ul>{/block:Following}
  495. </div> <!--following-->
  496.  
  497. {block:Likes}
  498. <div id="likes1">
  499. <h2 style="text-align:center;">Likes</h2>
  500. <hr>
  501. {Likes limit="5" summarize="200" width="250"}
  502.  
  503. <a href="https://www.tumblr.com/liked/by/{Name}">See more</a>
  504. </div> <!--likes-->
  505. {/block:Likes}
  506.  
  507. </div> <!--sidebar2-->
  508.  
  509. <ol id="content">
  510. {block:Posts}
  511. <div id="posts2">
  512.  
  513. {block:IndexPage} <a href="{Permalink}"> <img id="diamond" src="https://68.media.tumblr.com/61145abdaee23a653bbb6ba8239b1bc6/tumblr_inline_o376enOfBm1qfjhw8_540.png" /> </a>
  514. <div id="permalink">
  515. <div id="reblog" class="bubble">{ReblogButton color="grey" size="20"}</div>
  516. <div id="likeb" class="bubble">{LikeButton color="grey" size="20"}</div>
  517. </div>
  518.  
  519. <div id="date_and_notes" title="{TimeAgo}">
  520. <a href="{Permalink}">{block:Date}{ShortDayOfWeek}. {12Hour}:{Minutes} {CapitalAmPm} {/block:Date} {block:NoteCount}, {NoteCountWithLabel} {/block:NoteCount} </a>
  521. </div>{/block:IndexPage}
  522.  
  523. {block:Text}
  524. <li class="posts">
  525. {block:Title}
  526. <h3 id="title"><a id="title2" href="{Permalink}">{Title}</a></h3>
  527. {/block:Title}{Body}
  528. </li>
  529. {/block:Text}
  530.  
  531. {block:Photo}
  532. <li class="posts">
  533. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  534.  
  535. {block:Caption}
  536. <div class="caption">{Caption}</div>
  537. {/block:Caption}
  538. </li>
  539. {/block:Photo}
  540.  
  541. {block:Panorama}
  542. <li class="posts">
  543. {LinkOpenTag}
  544. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  545. {LinkCloseTag}{block:Caption}
  546. <div class="caption">{Caption}</div>
  547. {/block:Caption}
  548. </li>
  549. {/block:Panorama}
  550.  
  551. {block:Photoset}
  552. <li class="posts">
  553. {Photoset-500}{block:Caption}
  554. <div class="caption">{Caption}</div>
  555. {/block:Caption}
  556. </li>
  557. {/block:Photoset}
  558.  
  559. {block:Quote}
  560. <li class="posts">
  561. <big>"{Quote}"</big>
  562.  
  563. {block:Source}
  564. <div class="source">- {Source}</div>
  565. {/block:Source}
  566. </li>
  567. {/block:Quote}
  568.  
  569. {block:Link}
  570. <li class="posts">
  571. <a href="{URL}" class="link" {Target}>{Name}</a>
  572.  
  573. {block:Description}
  574. <div class="description">{Description}</div>
  575. {/block:Description}
  576. </li>
  577. {/block:Link}
  578.  
  579. {block:Chat}
  580. <li class="posts">
  581. {block:Title}
  582. <h3><a href="{Permalink}">{Title}</a></h3>
  583. {/block:Title}
  584.  
  585. <ul class="chat">
  586. {block:Lines}
  587. <li class="{Alt} user_{UserNumber}">
  588. {block:Label}
  589. <span class="label">{Label}</span>
  590. {/block:Label}{Line}
  591. </li>
  592. {/block:Lines}
  593. </ul>
  594. </li>
  595. {/block:Chat}
  596.  
  597. {block:Video}
  598. <li class="posts">
  599. {Video-500}{block:Caption}
  600. <div class="caption">{Caption}</div>
  601. {/block:Caption}
  602. </li>
  603. {/block:Video}
  604.  
  605. {block:Audio}
  606. <li class="posts">
  607. {AudioEmbed}{block:Caption}
  608. <div class="caption">{Caption}</div>
  609. {/block:Caption}
  610. </li>
  611. {/block:Audio}
  612.  
  613. {block:Answer}
  614. <li class="posts">
  615. <div class="question"><img class="asker-avatar" src="{AskerPortraitURL-40}" alt=""><div class="asker">{Asker} asked:</div>
  616. <div class="asker-question">{Question}</div></div>
  617. <p>
  618. {block:Answerer}
  619. <div class="answer"><img class="answerer-avatar" src="{AnswererPortraitURL-40}" alt=""><div class="answerer">{Answerer}:</div><p><div class="answerer-answer">{Answer}</div></div>
  620. {/block:Answerer}
  621. <div class="replies">
  622. {Replies}
  623. </div>
  624. </li>
  625. {/block:Answer}
  626.  
  627. {block:HasTags}
  628. <div id="tags">
  629. {block:Tags}#<a href="{TagURL}">
  630.  
  631. {Tag}</a>
  632. {/block:Tags}
  633. </div> <!--tags-->
  634. <br>{/block:HasTags}
  635.  
  636. {block:PostNotes}
  637. <div id="notecontainer">{PostNotes}</div>
  638. {/block:PostNotes}
  639.  
  640. </div> <!--posts2-->
  641. {/block:Posts}
  642.  
  643. </p>
  644. </ol>
  645. </body>
  646. </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!