API tools faq
paste
Advertisement
skittlezbro

11/14/15

skittlezbro
Nov 14th, 2015
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6.  
  7.  
  8.  
  9. <!--THEME BY DOLCESHU-->
  10.  
  11.  
  12.  
  13. <!--RULES:
  14. 1. DON'T CLAIM THE CODE AS YOUR OWN
  15. 2. DON'T STEAL OR REDISTRIBUTE ON OTHER SITES
  16. 3. LEAVE THE CREDIT INTACT-->
  17.  
  18.  
  19.  
  20. <!--MORE THEMES AT
  21.  
  22. KUKETO.TUMBLR.COM-->
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29. <!--BASIC VARIABLES-->
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  37.  
  38.  
  39. <!--FONTS-->
  40. <link href='https://fonts.googleapis.com/css?family=Maven+Pro|Quicksand:400,700|Syncopate:400,700|Source+Sans+Pro' rel='stylesheet' type='text/css'>
  41.  
  42.  
  43. <!--CURSOR-->
  44. {block:IfTinyCursor}
  45. <style> body, a, a:hover{cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto} </style>
  46. {/block:IfTinyCursor}
  47.  
  48.  
  49. <!--TOOLTIPS-->
  50. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  51. <script src="http://static.tumblr.com/0cdn90j/glvnidntk/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){
  54. $(document).ready(function(){
  55. $("[title]").style_my_tooltips({
  56. tip_follows_cursor:true,
  57. tip_delay_time:300,
  58. tip_fade_speed:300,
  59. attribute:"title"
  60. });
  61. });
  62. })(jQuery);
  63. </script>
  64.  
  65.  
  66. <!--META TAGS-->
  67. <meta name="image:BG" content=""/>
  68. <meta name="image:Sidebar" content=""/>
  69.  
  70. <meta name="color:BG" content="#fff"/>
  71. <meta name="color:Container BG" content="#fff"/>
  72. <meta name="color:Container Borders" content="#ededed"/>
  73. <meta name="color:Navigation Links" content="#000"/>
  74.  
  75. <meta name="color:Title" content="#2b2b2b"/>
  76. <meta name="color:1st Title Letter" content="#3aa0b6"/>
  77.  
  78. <meta name="color:Current Page" content="#000"/>
  79. <meta name="color:Jump Page" content="#c4c4c4"/>
  80. <meta name="color:Jump Page Hover" content="#eef1f3"/>
  81.  
  82. <meta name="color:Updates Button BG Hover" content="#cad7d9"/>
  83. <meta name="color:Updates Button Title Hover" content="#fff"/>
  84. <meta name="color:Updates Titles" content="#b3b3b3"/>
  85. <meta name="color:Updates Titles Hover" content="#000"/>
  86. <meta name="color:Updates Content" content="#3b3b3b"/>
  87.  
  88. <meta name="color:Text" content="#000"/>
  89. <meta name="color:Italic" content="#ced6df"/>
  90. <meta name="color:Bold" content="#6f7f82"/>
  91. <meta name="color:Links" content="#bfcece"/>
  92. <meta name="color:Links Hover" content="#868686"/>
  93.  
  94. <meta name="color:Description Title" content="#fff"/>
  95. <meta name="color:Description Title BG" content="#ccc"/>
  96. <meta name="color:TopTags Title" content="#fff"/>
  97. <meta name="color:TopTags Title BG" content="#b4d3dc"/>
  98. <meta name="color:TopTags Links" content="#95acb3"/>
  99. <meta name="color:TopTags Links Hover" content="#e6e9ea"/>
  100.  
  101. <meta name="color:Selection BG" content="#fff"/>
  102. <meta name="color:Selection Text" content="#000"/>
  103. <meta name="color:Tooltip Text" content="#fff"/>
  104. <meta name="color:Tooltip BG" content="#000"/>
  105. <meta name="color:Scrollbar" content="#ccc"/>
  106. <meta name="color:Scrollbar BG" content="#fff"/>
  107.  
  108. <meta name="if:500px Posts" content="1">
  109. <meta name="if:400px Posts" content="0">
  110. <meta name="if:250px Posts" content="0">
  111. <meta name="if:SubMenu" content="1"/>
  112. <meta name="if:Tiny Cursor" content="1"/>
  113.  
  114. <meta name="if:Link 4" content="1"/>
  115. <meta name="if:Link 5" content="1"/>
  116. <meta name="if:Link 6" content="1"/>
  117. <meta name="if:Link 7" content="1"/>
  118.  
  119. <meta name="text:Link 4 URL" content="http://"/>
  120. <meta name="text:Link 4" content="Link 4"/>
  121. <meta name="text:Link 5 URL" content="http://"/>
  122. <meta name="text:Link 5" content="Link 5"/>
  123. <meta name="text:Link 6 URL" content="http://"/>
  124. <meta name="text:Link 6" content="Link 6"/>
  125. <meta name="text:Link 7 URL" content="http://"/>
  126. <meta name="text:Link 7" content="Link 7"/>
  127.  
  128. <meta name="text:SubMenu Link 1 URL" content="http://"/>
  129. <meta name="text:SubMenu Link 1" content="SubMenu Link 1"/>
  130. <meta name="text:SubMenu Link 2 URL" content="http://"/>
  131. <meta name="text:SubMenu Link 2" content="SubMenu Link 2"/>
  132. <meta name="text:SubMenu Link 3 URL" content="http://"/>
  133. <meta name="text:SubMenu Link 3" content="SubMenu Link 3"/>
  134. <meta name="text:SubMenu Link 4 URL" content="http://"/>
  135. <meta name="text:SubMenu Link 4" content="SubMenu Link 4"/>
  136. <meta name="text:SubMenu Link 5 URL" content="http://"/>
  137. <meta name="text:SubMenu Link 5" content="SubMenu Link 5"/>
  138. <meta name="text:SubMenu Link 6 URL" content="http://"/>
  139. <meta name="text:SubMenu Link 6" content="SubMenu Link 6"/>
  140. <meta name="text:SubMenu Link 7 URL" content="http://"/>
  141. <meta name="text:SubMenu Link 7" content="SubMenu Link 7"/>
  142. <meta name="text:SubMenu Link 8 URL" content="http://"/>
  143. <meta name="text:SubMenu Link 8" content="SubMenu Link 8"/>
  144.  
  145. <meta name="text:Sidebar Tag 1 URL" content="/tagged/insert tag 1"/>
  146. <meta name="text:Sidebar Tag 1" content="tag 1"/>
  147. <meta name="text:Sidebar Tag 2 URL" content="/tagged/insert tag 2"/>
  148. <meta name="text:Sidebar Tag 2" content="tag 2"/>
  149. <meta name="text:Sidebar Tag 3 URL" content="/tagged/insert tag 3"/>
  150. <meta name="text:Sidebar Tag 3" content="tag 3"/>
  151. <meta name="text:Sidebar Tag 4 URL" content="/tagged/insert tag 4"/>
  152. <meta name="text:Sidebar Tag 4" content="tag 4"/>
  153. <meta name="text:Sidebar Tag 5 URL" content="/tagged/insert tag 3"/>
  154. <meta name="text:Sidebar Tag 5" content="tag 3"/>
  155. <meta name="text:Sidebar Tag 6 URL" content="/tagged/insert tag 4"/>
  156. <meta name="text:Sidebar Tag 6" content="tag 4"/>
  157. <meta name="text:Sidebar Tag 7 URL" content="/tagged/insert tag 3"/>
  158. <meta name="text:Sidebar Tag 7" content="tag 3"/>
  159. <meta name="text:Sidebar Tag 8 URL" content="/tagged/insert tag 4"/>
  160. <meta name="text:Sidebar Tag 8" content="tag 4"/>
  161.  
  162. <meta name="text:Title Font Size" content="24"/>
  163.  
  164. <meta name="text:Updates Section 1 Title" content="Title I"/>
  165. <meta name="text:Updates Section 1" content="Section I Content"/>
  166. <meta name="text:Updates Section 2 Title" content="Title II"/>
  167. <meta name="text:Updates Section 2" content="Section II Content"/>
  168. <meta name="text:Updates Section 3 Title" content="Title III"/>
  169. <meta name="text:Updates Section 3" content="Section III Content"/>
  170. <meta name="text:Updates Section 4 Title" content="Title IV"/>
  171. <meta name="text:Updates Section 4" content="Section IV Content"/>
  172.  
  173. <style type="text/css">
  174.  
  175. /** GENERAL **/
  176.  
  177. ::-webkit-scrollbar-thumb {height:auto; background-color:{color:ScrollBar};}
  178.  
  179. ::-webkit-scrollbar {
  180. height:4px;
  181. width:3px;
  182. padding-right:2px;
  183. background-color:{color:ScrollBar BG};
  184. }
  185.  
  186. #s-m-t-tooltip {
  187. max-width:300px;
  188. z-index:999999999999999999999999999999999999999999999999;
  189. margin:24px 14px 7px 12px;
  190. padding:3px;
  191. font:8px calibri;
  192. text-transform:uppercase;
  193. letter-spacing:1px;
  194. background:{color:Tooltip BG};
  195. color:{color:Tooltip Text};
  196. }
  197.  
  198. #toTop {
  199. position:fixed;
  200. bottom:40px;
  201. right:11px;
  202. cursor:pointer;
  203. background:url(http://static.tumblr.com/0cdn90j/wrgnj0mpo/scroll_up.png) no-repeat;
  204. text-indent:-9999px;
  205. width:13px;
  206. height:7px;
  207. }
  208.  
  209. iframe#tumblr_controls {
  210. white-space:nowrap;
  211. -webkit-filter: invert(100%);
  212. -moz-filter: invert(100%);
  213. -o-filter: invert(100%);
  214. -ms-filter: invert(100%);
  215. filter: invert(100%);
  216. opacity:1;
  217. }
  218.  
  219. ::selection {background:{color:Selection BG}; color:{color:Selection Text};}
  220.  
  221. ::-moz-selection {background:{color:Selection BG}; color:{color:Selection Text};}
  222.  
  223. body {
  224. font:10px 'lao ui', calibri, arial, sans-serif;
  225. color:{color:Text};
  226. background:{color:BG};
  227. }
  228.  
  229. i,
  230. em {color:{color:Italic};}
  231.  
  232. b,
  233. strong {color:{color:Bold};}
  234.  
  235. pre {
  236. white-space: pre-wrap;
  237. white-space: -moz-pre-wrap;
  238. white-space: -pre-wrap;
  239. white-space: -o-pre-wrap;
  240. word-wrap: break-word;
  241. }
  242.  
  243. big, small, sub, sup, h1, h2, h3, h4, h5, h6 {font-size:1em;}
  244.  
  245. a:link,
  246. a:visited {
  247. text-decoration:none;
  248. color:{color:Links};
  249. -webkit-transition-duration: .5s;
  250. -moz-transition-duration: .5s;
  251. -o-transition-duration: .5s;
  252. transition-duration: .5s;
  253. }
  254.  
  255. a:hover {
  256. color:{color:Links Hover};
  257. -webkit-transition-duration: .5s;
  258. -moz-transition-duration: .5s;
  259. -o-transition-duration: .5s;
  260. transition-duration: .5s;
  261. }
  262.  
  263. a:active {text-decoration:none; color:{color:Links};}
  264.  
  265. /** CONTAINER **/
  266.  
  267. #curtain {
  268. position:fixed;
  269. width:100%;
  270. height:193px;
  271. margin:0 auto;
  272. top:0;
  273. left:0;
  274. right:0;
  275. z-index:1;
  276. background-color:{color:BG};
  277. }
  278.  
  279. #container {
  280. position:fixed;
  281. {block:If500pxPosts}width:750px;{/block:if500pxPosts}
  282. {block:If400pxPosts}width:650px;{/block:if400pxPosts}
  283. margin:0 auto;
  284. top:106px;
  285. left:0;
  286. right:0;
  287. border:1px solid {color:Container Borders};
  288. border-top-right-radius:1em;
  289. border-top-left-radius:1em;
  290. background-color:{color:Container BG};
  291. z-index:99;
  292. }
  293.  
  294. #menu_container {
  295. {block:If500pxPosts}width:750px;{/block:if500pxPosts}
  296. {block:If400pxPosts}width:650px;{/block:if400pxPosts}
  297. background-color:{color:Container BG};}
  298.  
  299. #navigation_container {
  300. {block:If500pxPosts}width:750px;{/block:if500pxPosts}
  301. {block:If400pxPosts}width:650px;{/block:if400pxPosts}
  302. height:40px;
  303. font-family:'Source Sans Pro', calibri, sans-serif;
  304. text-transform:uppercase;
  305. border-bottom:1px solid {color:Container Borders};
  306. z-index:99;
  307. }
  308.  
  309. #navigation {
  310. width:500px;
  311. float:left;
  312. font-size:11px;
  313. text-align:center;
  314. letter-spacing:1px;
  315. }
  316.  
  317. #navigation ul {list-style-type:none; text-align:left;}
  318.  
  319. #navigation li {display:inline-block; padding:3px 12px 2px 12px;}
  320.  
  321. #navigation a:link {
  322. padding-bottom:12px;
  323. border-bottom:2px solid transparent;
  324. text-decoration:none;
  325. color:{color:Navigation Links};
  326. }
  327.  
  328. #navigation a:visited,
  329. #navigation a:hover,
  330. #navigation a:active {
  331. padding-bottom:11px;
  332. border-bottom:2px solid {color:Navigation Links};
  333. color:{color:Navigation Links};
  334. }
  335.  
  336. #navigation a.current {
  337. padding-bottom:11px;
  338. border-bottom:2px solid {color:Navigation Links};
  339. color:{color:Navigation Links};
  340. }
  341.  
  342. #navigation li ul {display:none; position:absolute; z-index:9999999;}
  343.  
  344. #navigation li:hover ul {
  345. display:block;
  346. height:auto;
  347. max-width:170px;
  348. margin:-5px 0 0 -25px;
  349. padding:0 15px 5px 15px;
  350. text-align:left;
  351. background-color:{color:Container BG};
  352. }
  353.  
  354. #navigation li:hover ul li {
  355. width:60px;
  356. padding:10px;
  357. border-bottom:1px solid #f5f5f5;
  358. font-size:9px;
  359. }
  360.  
  361. #navigation li:hover ul li a {border:none;}
  362.  
  363. #navigation li:hover ul li a:hover {color:#c4c4c4;}
  364.  
  365. #search {
  366. display:inline-block;
  367. float:left;
  368. margin-top:10px;
  369. {block:If500pxPosts}margin-left:170px;{/block:if500pxPosts}
  370. {block:If400pxPosts}margin-left:70px;{/block:if400pxPosts}
  371. }
  372.  
  373. #sfm input {
  374. width:60px;
  375. border:none;
  376. outline:none;
  377. padding:4px 13px;
  378. text-transform:uppercase;
  379. font:9px 'Source Sans Pro', calibri, sans-serif;
  380. color:{color:Navigation Links};
  381. }
  382.  
  383. ::-webkit-input-placeholder {color:#ababab;}
  384. :-moz-placeholder {color:#ababab; opacity:1;}
  385. ::-moz-placeholder {color:#ababab; opacity:1;}
  386. :-ms-input-placeholder {color:#ababab;}
  387.  
  388. #sf {
  389. background:url('https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-search-strong-128.png') left center no-repeat;
  390. background-size:11px;
  391. }
  392.  
  393. #sf img {margin-left:5px;}
  394.  
  395. form {width:60px;}
  396.  
  397. #subnav_container {
  398. position:fixed;
  399. {block:If500pxPosts}width:750px;{/block:if500pxPosts}
  400. {block:If400pxPosts}width:650px;{/block:if400pxPosts}
  401. height:51px;
  402. margin-left:-1px;
  403. background-color:{color:Container BG};
  404. z-index:-999;
  405. border:1px solid {color:Container Borders};
  406. border-top:none;
  407. }
  408.  
  409. #title_wrapper {
  410. display:inline-block;
  411. width:229px;
  412. height:51px;
  413. float:left;
  414. border-right:1px solid {color:Container Borders};
  415. text-align:center;
  416. }
  417.  
  418. #title {
  419. text-align:center;
  420. position:relative;
  421. top:50%;
  422. -ms-transform: translateY(-50%);
  423. -webkit-transform: translateY(-50%);
  424. transform: translateY(-50%);
  425. padding:0 5px;
  426. font:bold {text:Title Font Size}px 'Quicksand', calibri, sans-serif;
  427. text-transform:lowercase;
  428. color:{color:Title};
  429. }
  430.  
  431. #title::first-letter {color:{color:1st Title Letter};}
  432.  
  433. #pagination {
  434. float:left;
  435. width:110px;
  436. margin-top:20px;
  437. {block:If500pxPosts}margin-left:160px;{/block:if500pxPosts}
  438. {block:If400pxPosts}margin-left:100px;{/block:if400pxPosts}
  439. z-index:999;
  440. text-align:center;
  441. font:12px 'Source Sans Pro', calibri, sans-serif;
  442. }
  443.  
  444. .current_page {
  445. padding:8px 8px 16px 8px;
  446. border-bottom:2px solid black;
  447. text-decoration:none;
  448. color:{color:Current Page};
  449. }
  450.  
  451. .jump_page a:link {
  452. padding:8px 8px 16px 8px;
  453. text-decoration:none;
  454. color:{color:Jump Page};
  455. }
  456.  
  457. .jump_page a:hover {text-decoration:none; color:{color:Jump Page Hover};}
  458.  
  459. #updates_button_wrapper {
  460. width:110px;
  461. height:51px;
  462. float:right;
  463. }
  464.  
  465. #updates_button {
  466. position:absolute;
  467. width:110px;
  468. height:51px;
  469. text-align:center;
  470. border-left:1px solid {color:Container Borders};
  471. -webkit-transition-duration: .5s;
  472. -moz-transition-duration: .5s;
  473. -o-transition-duration: .5s;
  474. transition-duration: .5s;
  475. -webkit-transition-delay: 2s;
  476. -moz-transition-delay: 2s;
  477. -o-transition-delay: 2s;
  478. transition-delay: 2s;
  479. }
  480.  
  481. #updates_button:hover {
  482. background-color:{color:Updates Button BG Hover};
  483. -webkit-transition-duration: .5s;
  484. -moz-transition-duration: .5s;
  485. -o-transition-duration: .5s;
  486. transition-duration: .5s;
  487. -webkit-transition-delay: 0ms;
  488. -moz-transition-delay: 0ms;
  489. -o-transition-delay: 0ms;
  490. transition-delay: 0ms;
  491. }
  492.  
  493. #updates_button_title {
  494. padding-top:16px;
  495. font:11px 'Source Sans Pro', Calibri, sans-serif;
  496. text-transform:uppercase;
  497. letter-spacing:1px;
  498. color:{color:Navigation Links};
  499. -webkit-transition-duration: .5s;
  500. -moz-transition-duration: .5s;
  501. -o-transition-duration: .5s;
  502. transition-duration: .5s;
  503. -webkit-transition-delay: 2s;
  504. -moz-transition-delay: 2s;
  505. -o-transition-delay: 2s;
  506. transition-delay: 2s;
  507. }
  508.  
  509. #updates_button:hover #updates_button_title {
  510. color:{color:Updates Button Title Hover};
  511. -webkit-transition-duration: .5s;
  512. -moz-transition-duration: .5s;
  513. -o-transition-duration: .5s;
  514. transition-duration: .5s;
  515. -webkit-transition-delay: 0ms;
  516. -moz-transition-delay: 0ms;
  517. -o-transition-delay: 0ms;
  518. transition-delay: 0ms;
  519. }
  520.  
  521. #updates_wrapper {
  522. position:absolute;
  523. {block:If500pxPosts}width:750px;{/block:if500pxPosts}
  524. {block:If400pxPosts}width:650px;{/block:if400pxPosts}
  525. height:100px;
  526. margin:0 auto;
  527. top:-249px;
  528. right:2px;
  529. z-index:2;
  530. opacity:0;
  531. background-color:{color:Container BG};
  532. -webkit-transition-duration: 1.5s;
  533. -moz-transition-duration: 1.5s;
  534. -o-transition-duration: 1.5s;
  535. transition-duration: 1.5s;
  536. -webkit-transition-delay: 2s;
  537. -moz-transition-delay: 2s;
  538. -o-transition-delay: 2s;
  539. transition-delay: 2s;
  540. }
  541.  
  542. #updates_button:hover #updates_wrapper {
  543. top:-149px;
  544. opacity:1;
  545. -webkit-transition-duration: .7s;
  546. -moz-transition-duration: .7s;
  547. -o-transition-duration: .7s;
  548. transition-duration: .7s;
  549. -webkit-transition-delay: 0ms;
  550. -moz-transition-delay: 0ms;
  551. -o-transition-delay: 0ms;
  552. transition-delay: 0ms;
  553. }
  554.  
  555. #updates_wrapper:hover {top:-49px;}
  556.  
  557. #updates_sections_wrapper {
  558. {block:If500pxPosts}width:750px;{/block:if500pxPosts}
  559. {block:If400pxPosts}width:650px;{/block:if400pxPosts}
  560. height:90px;
  561. padding:10px 0;
  562. text-align:center;
  563. border:1px solid {color:Container Borders};
  564. border-bottom:none;
  565. }
  566.  
  567. .sections {
  568. display:inline-block;
  569. float:left;
  570. {block:If500pxPosts}width:180px;{/block:if500pxPosts}
  571. {block:If400pxPosts}width:155px;{/block:if400pxPosts}
  572. height:90px;
  573. padding:0 3px 3px 3px;
  574. overflow-y:scroll;
  575. border-left:1px solid {color:Container Borders};
  576. }
  577.  
  578. .title {
  579. padding-bottom:7px;
  580. font:11px 'Syncopate', calibri, sans-serif;
  581. font-weight:500;
  582. text-transform:uppercase;
  583. color:{color:Updates Titles};
  584. -webkit-transition-duration: .5s;
  585. -moz-transition-duration: .5s;
  586. -o-transition-duration: .5s;
  587. transition-duration: .5s;
  588. }
  589.  
  590. #updates_sections_wrapper:hover .title {
  591. color:{color:Updates Titles Hover};
  592. -webkit-transition-duration: .5s;
  593. -moz-transition-duration: .5s;
  594. -o-transition-duration: .5s;
  595. transition-duration: .5s;
  596. }
  597.  
  598. .content {
  599. vertical-align:middle;
  600. font:8px Calibri, sans-serif;
  601. line-height:11px;
  602. text-transform:uppercase;
  603. color:{color:Updates Content};
  604. }
  605.  
  606. #sidebar {
  607. position:fixed;
  608. width:229px;
  609. height:100%;
  610. margin:0 auto;
  611. top:200px;
  612. bottom:0;
  613. {block:If500pxPosts}left:-521px;{/block:if500pxPosts}
  614. {block:If400pxPosts}left:-421px;{/block:if400pxPosts}
  615. right:0;
  616. padding:20px 0;
  617. background-color:{color:Container BG};
  618. border:1px solid {color:Container Borders};
  619. border-top:none;
  620. }
  621.  
  622. #sidebar_image {
  623. width:200px;
  624. height:auto;
  625. margin:auto;
  626. margin-top:10px;
  627. border:1px solid {color:Container Borders};
  628. -webkit-transition-duration: .5s;
  629. -moz-transition-duration: .5s;
  630. -o-transition-duration: .5s;
  631. transition-duration: .5s;
  632. }
  633.  
  634. #sidebar_image img {
  635. padding:10px;
  636. width:180px;
  637. height:auto;
  638. opacity:1;
  639. }
  640.  
  641. #sidebar_image:hover {
  642. opacity:.5;
  643. -webkit-transition-duration: .5s;
  644. -moz-transition-duration: .5s;
  645. -o-transition-duration: .5s;
  646. transition-duration: .5s;
  647. }
  648.  
  649. #description_title_container,
  650. #toptags_title_container {padding-left:25px; width:175px;}
  651.  
  652. #description_title {
  653. padding:2px 4px;
  654. background:{color:Description Title BG};
  655. text-transform:uppercase;
  656. font:bold 9px 'Quicksand', calibri, sans-serif;
  657. color:{color:Description Title};
  658. }
  659.  
  660. #toptags_title {
  661. padding:2px 4px;
  662. background:{color:TopTags Title BG};
  663. text-transform:uppercase;
  664. font:bold 9px 'Quicksand', calibri, sans-serif;
  665. color:{color:TopTags Title};
  666. }
  667.  
  668. #description_container {
  669. width:175px;
  670. margin:0 auto;
  671. padding-bottom:10px;
  672. }
  673.  
  674. #description {
  675. padding-top:5px;
  676. text-align:justify;
  677. border-top:1px solid {color:Container Borders};
  678. }
  679.  
  680. #toptags_container {
  681. width:180px;
  682. margin:auto;
  683. padding:6px 0px;
  684. font:9px 'Maven Pro', calibri;
  685. text-transform:uppercase;
  686. color:{color:Container Borders};
  687. border-top:1px solid {color:Container Borders};
  688. }
  689.  
  690. #top_tags {border-left:1px solid {color:Container Borders};}
  691.  
  692. #toptags_container a {
  693. padding:0 10px;
  694. color:{color:TopTags Links};
  695. border-left:1px solid transparent;
  696. -webkit-transition-duration: .5s;
  697. -moz-transition-duration: .5s;
  698. -o-transition-duration: .5s;
  699. transition-duration: .5s;
  700. }
  701.  
  702. #toptags_container a:hover {
  703. margin-right:3px;
  704. color:{color:TopTags Links Hover};
  705. border-left:1px solid {color:TopTags Title BG};
  706. -webkit-transition-duration: .5s;
  707. -moz-transition-duration: .5s;
  708. -o-transition-duration: .5s;
  709. transition-duration: .5s;
  710. }
  711.  
  712. #postscontainer {
  713. position:relative;
  714. {block:If500pxPosts}width:520px;{/block:if500pxPosts}
  715. {block:If400pxPosts}width:420px;{/block:if400pxPosts}
  716. margin:auto;
  717. margin-top:193px;
  718. left:115px;
  719. padding-top:50px;
  720. z-index:0;
  721. background-color:{color:Container BG};
  722. border:1px solid {color:Container Borders};
  723. border-top:none;
  724. }
  725.  
  726. #posts {
  727. {block:If500pxPosts}width:500px;{/block:if500pxPosts}
  728. {block:If400pxPosts}width:400px; {/block:if400pxPosts}
  729. position:relative;
  730. margin:auto;
  731. margin-top:-10px;
  732. margin-bottom:90px;
  733. padding-top:8px;
  734. border-top:1px solid {color:Container Borders};
  735. }
  736.  
  737. #posts blockquote {
  738. margin-left:2px;
  739. padding-left:10px;
  740. border-left:1px solid{color:Container Borders};
  741. }
  742.  
  743. #posts img,
  744. #posts li,
  745. #posts blockquote {max-width:100%;}
  746.  
  747. #posts img {height:auto; padding:0;}
  748.  
  749. #posts blockquote img {height:auto; width:auto;}
  750.  
  751. #postinfo {
  752. position:absolute;
  753. top:-16px;
  754. right:0;
  755. text-align:center;
  756. text-transform:uppercase;
  757. font:8px 'Trebuchet Ms', calibri;
  758. letter-spacing:1px;
  759. }
  760.  
  761. #postinfo a:link {
  762. padding-bottom:5px;
  763. color:#a3a3a3;
  764. border-bottom:1px solid transparent;
  765. }
  766.  
  767. #postinfo a:hover {color:black; border-bottom:1px solid black;}
  768.  
  769. #tags_container {
  770. position:absolute;
  771. {block:If500pxPosts}right:-120px;{/block:if500pxPosts}
  772. {block:If400pxPosts}right:-120px;{/block:if400pxPosts}
  773. top:-16px;
  774. width:100px;
  775. height:auto;
  776. text-transform:uppercase;
  777. font:8px 'Trebuchet Ms', calibri;
  778. letter-spacing:1px;
  779. opacity:0;
  780. -webkit-transition-duration: .7s;
  781. -moz-transition-duration: .7s;
  782. -o-transition-duration: .7s;
  783. -webkit-transition-delay: 500ms;
  784. -moz-transition-delay: 500ms;
  785. -o-transition-delay: 500ms;
  786. transition-delay: 500ms;
  787. }
  788.  
  789. #tags_container a:link {letter-spacing:0px;}
  790.  
  791. #tags_container a:hover {color:black;}
  792.  
  793. #posts:hover #tags_container {
  794. opacity:1;
  795. -webkit-transition-duration: .7s;
  796. -moz-transition-duration: .7s;
  797. -o-transition-duration: .7s;
  798. transition-duration: .7s;
  799. -webkit-transition-delay: 0ms;
  800. -moz-transition-delay: 0ms;
  801. -o-transition-delay: 0ms;
  802. transition-delay: 0ms;
  803. }
  804.  
  805. #tagged_under {
  806. padding:4px;
  807. text-transform:uppercase;
  808. font-style:italic;
  809. border-bottom:1px solid {color:Container Borders};
  810. color:black;
  811. }
  812.  
  813. #text,
  814. .caption {margin:10px;}
  815.  
  816. #chat {
  817. padding-bottom:5px;
  818. text-align:left;
  819. border-bottom:1px solid {color:Container Borders};
  820. }
  821.  
  822. #chat ul {margin-left:-20px;}
  823.  
  824. #chat li {list-style:none; line-height:15px;}
  825.  
  826. .pt {font:12px 'Trebuchet Ms', calibri, sans-serif; text-transform:uppercase;}
  827.  
  828. .pt a:link {padding-left:10px; border-left:1px solid transparent;}
  829.  
  830. .pt a:hover {margin-left:10px; border-left:1px solid #c67f70;}
  831.  
  832. #label {text-transform:uppercase; color:#878787;}
  833.  
  834. #quote {
  835. text-align:center;
  836. font:12px 'Maven Pro', calibri, sans-serif;
  837. padding:10px;
  838. }
  839.  
  840. #source {font-size:10px;}
  841.  
  842. #question {padding:0px; margin-bottom:5px;}
  843.  
  844. #asker_portrait {float:left; padding-right:20px;}
  845.  
  846. #asker {text-transform:uppercase; font:bold 8px 'Quicksand', calibri, sans-serif;}
  847.  
  848. #asker a {color:#000;}
  849.  
  850. #asker a:hover {color:#ccc;}
  851.  
  852. #asked_question {
  853. background-color:#edf0f2;
  854. padding:10px;
  855. min-height:20px;
  856. max-width:460px;
  857. margin-left:50px;
  858. }
  859.  
  860. #answer {
  861. padding:2px 10px;
  862. background:#edf0f2;
  863. margin-left:50px;
  864. }
  865.  
  866. #art {width:60px; height:60px; z-index:0;}
  867.  
  868. #p {
  869. position:absolute;
  870. width:26px;
  871. height:26px;
  872. top:23px;
  873. left:16px;
  874. z-index:1;
  875. overflow:hidden;
  876. opacity:.7;
  877. -webkit-border-radius:14px;
  878. -moz-border-radius:14px;
  879. border-radius:14px;
  880. }
  881.  
  882. #ap:hover #p {
  883. opacity:1;
  884. -webkit-transition-duration: .5s;
  885. -moz-transition-duration: .5s;
  886. -o-transition-duration: .5s;
  887. transition-duration: .5s;
  888. }
  889.  
  890. #player {background-color:#000;}
  891.  
  892. #details {
  893. position:absolute;
  894. min-height:60px;
  895. top:9px;
  896. left:70px;
  897. padding-left:10px;
  898. border-left:1px solid #ccc;
  899. line-height:12px;
  900. -webkit-transition-duration: .5s;
  901. -moz-transition-duration: .5s;
  902. -o-transition-duration: .5s;
  903. transition-duration: .5s;
  904. }
  905.  
  906. #ap:hover #details {
  907. color:#ccc;
  908. -webkit-transition-duration: .5s;
  909. -moz-transition-duration: .5s;
  910. -o-transition-duration: .5s;
  911. transition-duration: .5s;
  912. }
  913.  
  914. .notecontainer {
  915. margin:20px auto;
  916. {block:If500pxPosts}width:500px;{/block:if500pxPosts}
  917. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  918. text-align:left;
  919. font-size:10px;
  920. }
  921.  
  922. .notecontainer ol.notes {
  923. list-style-type:none;
  924. margin:0;
  925. padding:0;
  926. }
  927.  
  928. .notecontainer img.avatar {
  929. margin-right:10px;
  930. width:16px;
  931. height:16px;
  932. }
  933.  
  934. #s {
  935. position:fixed;
  936. right:10px;
  937. bottom:10px;
  938. font-size:18px;
  939. z-index:9999999999999999999;
  940. }
  941.  
  942. #s a {color:black;}
  943. #s a:hover {color:#ccc;}
  944.  
  945. </style>
  946.  
  947. <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
  948. <script>
  949. $(function(){
  950. $('a').each(function() {
  951. if ($(this).prop('href') == window.location.href) {
  952. $(this).addClass('current');
  953. }
  954. });
  955. });
  956. </script>
  957.  
  958.  
  959. <body>
  960. <!-- SCM Music Player http://scmplayer.net -->
  961. <script type="text/javascript" src="http://scmplayer.net/script.js"
  962. data-config="{'skin':'http://static.tumblr.com/su8juwr/e9Vn0u6eu/miniskin1.css','volume':31,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'West End Kids','url':'https://www.youtube.com/watch?v=X3r70uYHBD4'}]}" ></script>
  963. <!-- SCM Music Player script end -->
  964.  
  965. <img style="position:fixed; opacity: 1.0; width: 400px; height: 210px; bottom:0px; RIGHT:3px; z-index: -1;" src="http://i.imgur.com/eW5X3WJ.gif">
  966. <div id="s"><a href="http://dolceshu.tumblr.com" title="theme by dolceshu">🐾</a></div>
  967.  
  968.  
  969.  
  970. <div id="curtain"></div>
  971.  
  972. <div id="container">
  973. <div id="menu_container">
  974. <div id="navigation_container">
  975. <div id="navigation">
  976. <ul>
  977. <li><a href="/">home</a></li>
  978. <li><a href="/ask">ask</a></li>
  979. <li><a href="/archive">archive</a></li>
  980. {block:IfLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:IfLink4}
  981. {block:IfLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:IfLink5}
  982. {block:IfLink6}<li><a href="{text:Link 6 URL}" style="z-index:9999999;">{text:Link 6}</a></li>{/block:IfLink6}
  983. {block:IfLink7}<li><a href="{text:Link 7 URL}" style="z-index:9;">{text:Link 7}</a>
  984. {block:IfSubMenu}
  985. <ul style="padding-top:25px; z-index:-9;">
  986. <li><a href="{text:SubMenu Link 1 URL}">{text:SubMenu Link 1}</a></li>
  987. <li><a href="{text:SubMenu Link 2 URL}">{text:SubMenu Link 2}</a></li>
  988. <li><a href="{text:SubMenu Link 3 URL}">{text:SubMenu Link 3}</a></li>
  989. <li><a href="{text:SubMenu Link 4 URL}">{text:SubMenu Link 4}</a></li>
  990. <li><a href="{text:SubMenu Link 5 URL}">{text:SubMenu Link 5}</a></li>
  991. <li><a href="{text:SubMenu Link 6 URL}">{text:SubMenu Link 6}</a></li>
  992. <li><a href="{text:SubMenu Link 7 URL}">{text:SubMenu Link 7}</a></li>
  993. <li><a href="{text:SubMenu Link 8 URL}">{text:SubMenu Link 8}</a></li>
  994. </ul>
  995. {/block:IfSubMenu}
  996. </li>{/block:IfLink7}
  997. </ul>
  998. </div>
  999.  
  1000. <div id="search">
  1001. <script language="javascript">
  1002. function send() {document.searchf.submit()}
  1003. </script>
  1004. <form action="/search" method="get" id="sfm" name="searchf">
  1005. <input type="text" placeholder="Search..." name="q" value="" id="sf"/>
  1006. </form>
  1007. </div>
  1008. </div>
  1009.  
  1010. <div id="subnav_container">
  1011. <div id="title_wrapper">
  1012. <div id="title">
  1013. {Title}
  1014. </div>
  1015. </div>
  1016.  
  1017. {block:Pagination}
  1018. <div id="pagination">
  1019. {block:JumpPagination length="4"}
  1020. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1021. {block:JumpPage}<span class="jump_page"><a href="{URL}">{PageNumber}</a></span>{/block:JumpPage}
  1022. {/block:JumpPagination}
  1023. </div>
  1024. {/block:Pagination}
  1025.  
  1026. <div id="updates_button_wrapper">
  1027. <div id="updates_button">
  1028. <div id="updates_button_title">updates</div>
  1029. <div id="updates_wrapper">
  1030. <div id="updates_sections_wrapper">
  1031. <div class="sections" style="border:none;">
  1032. <div class="title">{text:Updates Section 1 Title}</div>
  1033. <div class="content">
  1034. {text:Updates Section 1}
  1035. </div>
  1036. </div>
  1037. <div class="sections">
  1038. <div class="title">{text:Updates Section 2 Title}</div>
  1039. <div class="content">
  1040. {text:Updates Section 2}
  1041. </div>
  1042. </div>
  1043. <div class="sections">
  1044. <div class="title">{text:Updates Section 3 Title}</div>
  1045. <div class="content">
  1046. {text:Updates Section 3}
  1047. </div>
  1048. </div>
  1049. <div class="sections">
  1050. <div class="title">{text:Updates Section 4 Title}</div>
  1051. <div class="content">
  1052. {text:Updates Section 4}
  1053. </div><!--class="content"-->
  1054. </div><!--class="sections"-->
  1055. </div><!--class="updates_section_wrapper"-->
  1056. </div><!--class="updates_wrapper"-->
  1057. </div><!--class="updates_button"-->
  1058. </div><!--class="updates_button_wrapper"-->
  1059. </div><!--class="subnav_container"-->
  1060. </div><!--class="menu_container"-->
  1061. </div><!--class="container"-->
  1062.  
  1063.  
  1064.  
  1065. <div id="sidebar">
  1066. <div id="sidebar_image">
  1067. <img src="{image:Sidebar}">
  1068. </div>
  1069. <div style="padding-top:13px;">
  1070. <div id="description_title_container">
  1071. <span id="description_title">
  1072. {Title}
  1073. </span>
  1074. </div>
  1075. </div>
  1076. <div id="description_container">
  1077. <div id="description">
  1078. {Description}
  1079. </div>
  1080. </div>
  1081. <span id="toptags_title_container">
  1082. <span id="toptags_title">
  1083. top tags
  1084. </span>
  1085. </span>
  1086. <div id="toptags_container">
  1087. <div id="top_tags">
  1088. <a href="{text:Sidebar Tag 1 URL}">#&nbsp;{text:Sidebar Tag 1}</a><br>
  1089. <a href="{text:Sidebar Tag 2 URL}">#&nbsp;{text:Sidebar Tag 2}</a><br>
  1090. <a href="{text:Sidebar Tag 3 URL}">#&nbsp;{text:Sidebar Tag 3}</a><br>
  1091. <a href="{text:Sidebar Tag 4 URL}">#&nbsp;{text:Sidebar Tag 4}</a><br>
  1092. <a href="{text:Sidebar Tag 5 URL}">#&nbsp;{text:Sidebar Tag 5}</a><br>
  1093. <a href="{text:Sidebar Tag 6 URL}">#&nbsp;{text:Sidebar Tag 6}</a><br>
  1094. <a href="{text:Sidebar Tag 7 URL}">#&nbsp;{text:Sidebar Tag 7}</a><br>
  1095. <a href="{text:Sidebar Tag 8 URL}">#&nbsp;{text:Sidebar Tag 8}</a>
  1096. </div>
  1097. </div>
  1098. </div>
  1099.  
  1100.  
  1101. <div id="postscontainer">
  1102. {block:Posts}
  1103.  
  1104. <div id="posts">
  1105.  
  1106. {block:Text}
  1107. <div id="text">
  1108. {block:Title}
  1109. <div class="pt">
  1110. <a href="{Permalink}">{Title}</a>
  1111. </div>
  1112. {/block:Title}
  1113. {Body}
  1114. </div>
  1115. {/block:Text}
  1116.  
  1117.  
  1118. {block:Answer}
  1119. <div id="question">
  1120. <div id="asker_portrait"><img src="{AskerPortraitURL-40}"></div>
  1121. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  1122. </div>
  1123. <div id="answer">
  1124. {Answer}
  1125. </div>
  1126. {/block:Answer}
  1127.  
  1128.  
  1129. {block:Quote}
  1130. <div id="quote">
  1131. {Quote}
  1132. <br><br>
  1133. {block:Source}
  1134. <div id="source">{Source}</div>
  1135. {/block:Source}
  1136. </div>
  1137. {/block:Quote}
  1138.  
  1139.  
  1140. {block:Link}
  1141. <div class="pt">
  1142. <a href="{URL}">{Name}</a>
  1143. </div>
  1144. {block:Description}{Description}{/block:Description}
  1145. {/block:Link}
  1146.  
  1147.  
  1148. {block:Photoset}
  1149. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  1150. {block:If400pxPosts}{Photoset-400}{/block:if400pxPosts}
  1151. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  1152. {/block:Photoset}
  1153.  
  1154.  
  1155. {block:AudioPlayer}
  1156. <div id="art">
  1157. {block:AlbumArt}
  1158. <img src="{AlbumArtURL}">
  1159. {/block:AlbumArt}
  1160. </div>
  1161. <div id="p">
  1162. <div id="player">
  1163. {AudioPlayerBlack}
  1164. </div>
  1165. </div>
  1166. <div id="details">
  1167. {block:TrackName}{TrackName}{/block:TrackName}<br>
  1168. {block:Artist}{Artist}{/block:Artist}<br>
  1169. {block:Album}{Album}{/block:Album}<br>
  1170. {PlayCountWithLabel}
  1171. </div>
  1172. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  1173. {/block:AudioPlayer}
  1174.  
  1175.  
  1176. {block:Video}
  1177. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  1178. {block:If400pxPosts}{Video-400}{/block:if400pxPosts}
  1179. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1180. {/block:Video}
  1181.  
  1182.  
  1183. {block:Chat}
  1184. <div id="chat">
  1185. <a href="{Permalink}" class="pt">{Title}</a>
  1186. <ul>
  1187. {block:Lines}
  1188. <li>{block:Label}<span id="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
  1189. {/block:Lines}
  1190. </ul>
  1191. </div>
  1192. {/block:Chat}
  1193.  
  1194.  
  1195. {Block:Photo}
  1196. <div class="photo">
  1197. {LinkOpenTag}
  1198. {block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:If500pxPosts}
  1199. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxPosts}
  1200. {LinkCloseTag}
  1201. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1202. </div>
  1203. {/Block:Photo}
  1204.  
  1205.  
  1206. {block:Date}
  1207. <div id="postinfo">
  1208. <a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  1209. &nbsp;&nbsp;
  1210. <a href="{Permalink}">{TimeAgo}</a>
  1211. &nbsp;
  1212. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1213. </div>
  1214. {/block:Date}
  1215.  
  1216. {block:HasTags}
  1217. <div id="tags_container">
  1218. <span id="tagged_under">Tagged under:</span>
  1219. <br><br>
  1220. {block:Tags}<a href="{TagURL}">{Tag}</a><br>{/block:Tags}
  1221. </div>
  1222. {/block:HasTags}
  1223.  
  1224. </div> <!--END POSTS-->
  1225.  
  1226. <div class="notecontainer">{PostNotes}</div>
  1227.  
  1228. {/block:Posts}
  1229.  
  1230. {block:ContentSource}
  1231. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1232. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1233. {/block:SourceLogo}
  1234. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1235. {/block:ContentSource}
  1236. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1237.  
  1238. </div> <!--END POSTS CONTAINER-->
  1239.  
  1240. <a href="#" id="toTop">^ Scroll to Top </a>
  1241. <!– Scroll –>
  1242. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  1243. <script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/Qqfkzalyi/jquery.scroll.pack.js"></script>
  1244. <script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/7xukzalz8/jquery.easing.js"></script>
  1245. <script type="text/javascript">
  1246. $(function() {
  1247. $("#toTop").scrollToTop({speed:1000,start:700});
  1248. });
  1249. </script>
  1250. <!– / Scroll –>
  1251.  
  1252.  
  1253.  
  1254.  
  1255.  
  1256. </body>
  1257. </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!