API tools faq
paste
Advertisement
aellionios

choon; aciute

aellionios
Sep 18th, 2016
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.99 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: CLIO
  4. a dashboard-inspired theme
  5. by acuite
  6.  
  7. - don't steal this pls
  8. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  9.  
  10. - @acuite for more themes
  11.  
  12. -->
  13.  
  14. <html>
  15. <head>
  16.  
  17. <script type="text/javascript" src="https://secure.static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  18. <script type="text/javascript">
  19. $(document).ready(function(){
  20. $(".links_body").hide();
  21. $(".links_head").click(function(){
  22. $(this).next(".links_body").slideToggle('slow');
  23. }); }); </script>
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <meta name="image:Sidebar" content=""/>
  31.  
  32. <meta name="color:Background" content="#f8f8f8"/>
  33. <meta name="color:Post" content="#fff"/>
  34. <meta name="color:Border" content="#eee"/>
  35. <meta name="color:Text" content="#555"/>
  36. <meta name="color:Link" content="#999"/>
  37. <meta name="color:Hover" content="#9cdfed"/>
  38.  
  39. <meta name="if:Tags" content=""/>
  40. <meta name="if:Shadow" content=""/>
  41. <meta name="if:Load More" content=""/>
  42. <meta name="if:Paginate" content=""/>
  43. <meta name="if:Round Edges" content=""/>
  44.  
  45. <meta name="select:Sidebar" content="sideleft" title="Left">
  46. <meta name="select:Sidebar" content="sideright" title="Right">
  47.  
  48. <meta name="select:Captions" content="creg" title="Regular">
  49. <meta name="select:Captions" content="cmin" title="Minimal">
  50. <meta name="select:Captions" content="cinl" title="Inline">
  51. <meta name="select:Captions" content="chid" title="Hide">
  52.  
  53. <meta name="text:Post" content="400"/>
  54. <meta name="text:Sidebar" content="150"/>
  55. <meta name="text:Margin" content="50"/>
  56.  
  57. <meta name="color:Bold" content="#697afc" />
  58. <meta name="color:Italic" content="#697afc"/>
  59. <meta name="color:selection" content="#697afc" />
  60.  
  61. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  62. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  63. <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic|PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  64. <style type="text/css">
  65.  
  66. /* Scroll */
  67.  
  68. ::-webkit-scrollbar {width:15px;height:15px;background:{color:Border};}
  69. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);}
  70. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  71. border:7px solid {color:Background};
  72. }
  73.  
  74. ::-moz-selection { /* Code for Firefox */
  75. color: {color:selection};
  76. background: transparent;
  77. }
  78.  
  79. ::selection {
  80. color: {color:selection};
  81. background: transparent;
  82. }
  83.  
  84. b, strong {
  85. color:{color:Bold};
  86. font-weight:bold;
  87. }
  88.  
  89. i, em {
  90. color:{color:Italic};
  91. font-style:italic;
  92. }
  93.  
  94.  
  95. /* Controls */
  96.  
  97. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  98.  
  99. /* General */
  100.  
  101. body {margin:0;color:{color:Text};background:{color:Background};}
  102. a:link, a:active, a:visited {text-decoration:none;}
  103. body,p,pre,blockquote,big,small,sub,sup {font-size:9.5px;}
  104. body,p,pre,em{font-family:'Roboto',Arial,Helvetica,sans-serif;}
  105. a,.tags,.our_button,.like_button,nav li .fa,nav li {
  106. transition:0.5s ease;
  107. -o-transition:0.5s ease;
  108. -moz-transition:0.5s ease;
  109. -webkit-transition:0.5s ease;
  110. }
  111.  
  112. /* Credit & Scroll to Top */
  113.  
  114. .c,.top{position:fixed;right:30px;width:40px;}
  115. .c {bottom:30px;}
  116. .top {bottom:50px;display:none;}
  117.  
  118. /* Pagination */
  119.  
  120. .cp {font-weight:500;}
  121. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  122. .pag a i,.top{font-size:20px;}
  123. .pag {position:relative;}
  124. .load {cursor:pointer;display:block;}
  125. .c,.top,.pag,.load {text-align:center;}
  126. .c,.pag,.load {font-size:9px;letter-spacing:1px;text-transform:uppercase;}
  127. {block:ifnotPaginate}
  128. .pag,#infscr-loading {display:none!important;}
  129. {/block:ifnotPaginate}
  130.  
  131. /* Containers */
  132.  
  133. .center {
  134. position:absolute;
  135. margin-top:0px;
  136. margin-left: 800px;
  137. width:calc({text:Post}px + 2px);
  138. }
  139.  
  140. .entry img{max-width:100%;height:auto;}
  141. .entry {margin:{text:Margin}px 0;overflow:hidden;}
  142.  
  143. /* Sidebar */
  144.  
  145. aside {position:fixed;width:{text:Sidebar}px;top:{text:Margin}px;}
  146. .sideleft{margin-left:calc(-{text:Margin}px + -{text:Sidebar}px + -2px);}
  147. .sideright{margin-left:calc({text:Margin}px + {text:Post}px + 2px);}
  148. .lh,.dh {cursor:help;}
  149. .lb,.desc {display:none;}
  150. .desc {font-size:9px;padding:10px 12px;}
  151. .lb a {display:block;padding:7px;}
  152. .lb a:hover {padding:7px 17px;}
  153. .lb a,nav li .fa {font-size:9px;line-height:100%;}
  154. nav {font-size:0;}
  155. nav li .fa{padding:10px 10px 10px 0;width:10px;text-align:right;}
  156. nav li .fa,nav li a {display:inline-block;vertical-align:middle;}
  157. nav li:hover .fa {color:rgba({RGBcolor:Hover},0.75);}
  158. nav li:hover {padding:0 10px;}
  159. nav ul {list-style-type:none;padding:0;margin:;}
  160. nav li {display:block;padding:0;font-size:0;}
  161. nav li a{
  162. width:calc(100% - 30px);
  163. padding:11px 0 10px 10px;
  164. font-size:8px;
  165. line-height:100%;
  166. letter-spacing:1px;
  167. text-transform:uppercase;
  168. }
  169.  
  170. /* Titles */
  171.  
  172. .sidetop {font-size:0;padding:10px;}
  173. .icon,h1 {display:inline-block;vertical-align:middle;}
  174. .icon {width:30px;margin-right:7px;}
  175. h1 b{display:block;font-size:9px;font-weight:700;margin:0 0 3px;}
  176. h1 {
  177. margin:0;
  178. font-size:8px;
  179. text-transform:uppercase;
  180. letter-spacing:0.5px;
  181. line-height:100%;
  182. font-weight:400;
  183. width:calc(100% - 37px);
  184. }
  185.  
  186. h2 a i {margin-left:2px;}
  187. h2 a{border:0!important;}
  188. h2 {margin:10px;font-size:11px;font-weight:500;}
  189. h3,h4,h5 {margin:10px;font-weight:500;font-size:10px;}
  190.  
  191. /* Quotes */
  192.  
  193. .qut_hold {padding:15px 15px 0;}
  194. .src {margin-bottom:5px;}
  195. .qut {font-size:12px;letter-spacing:0.25px;font-style:italic;}
  196.  
  197. /* Permalinks */
  198.  
  199. .p {margin:15px 15px 13px;font-size:0;}
  200. .ple {width:calc(100% - 30px);font-weight:700;}
  201. .ple,.tags a,.from{
  202. font-size:9px;
  203. line-height:100%;
  204. letter-spacing:0.5px;
  205. text-transform:uppercase;
  206. }
  207.  
  208. .ple,.pri {display:inline-block;vertical-align:middle;}
  209. .pri {text-align:right;width:30px;}
  210. .from {padding:12px 14px;font-size:8px;letter-spacing:0.75px;}
  211. .from i {margin:0 2px;font-size:10px;}
  212. .from b a{color:{color:Text};}
  213. .fa-heart {font-size:10px;}
  214. .fa-retweet {margin-left:5px;font-size:11px;}
  215. .tags {margin:15px 0;}
  216. .tags a {margin-right:5px;font-size:8px;}
  217.  
  218. .custom-like-button *{cursor:pointer!important;}
  219. .custom-like-button {
  220. position:relative;
  221. display:inline-block;
  222. vertical-align:top;
  223. width:10px;
  224. height:10px;
  225. cursor:pointer;
  226. }
  227.  
  228. .like_button:hover + .our_button {color:{color:Hover};}
  229. .like_button.liked + .our_button {color:{color:Hover};}
  230. .like_button iframe {width:100%!important;height:100%!important;}
  231. .like_button {z-index:10;opacity:0;}
  232. .our_button {z-index:1;}
  233. .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  234.  
  235. /* Audio & Chat */
  236.  
  237. .chat {margin:5px;}
  238. .lines,.chat h2 {padding:0;margin:10px;}
  239. .lines b{font-weight:500;}
  240. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
  241. .audio {font-size:0;margin:15px;}
  242. .play,.au {display:inline-block;vertical-align:middle;}
  243. .soundcloud_audio_player{padding:15px 0;}
  244. .tn {text-transform:uppercase;letter-spacing:1px;}
  245. .au span {display:block;margin:3px 0;font-size:9px;}
  246. .au {width:calc(100% - 62px);margin-left:15px;}
  247. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  248.  
  249. /* Text */
  250.  
  251. .entry ol,.entry ul {padding:0 0 0 20px;}
  252. .entry li {margin:5px;}
  253. p,blockquote,pre,.entry ul,.entry ol{margin:10px;}
  254. b,strong {font-weight:500;}
  255. blockquote p{margin:10px 0;}
  256. blockquote p:first-child{margin:0 0 10px;}
  257. blockquote p:last-child{margin:10px 0 0;}
  258. blockquote p:only-child{margin:0;}
  259. blockquote blockquote {margin:0;}
  260. blockquote{padding:0 0 0 10px;border-left:1px solid {color:Border};}
  261. pre {
  262. white-space:pre-wrap;
  263. white-space:-moz-pre-wrap;
  264. white-space:-pre-wrap;
  265. white-space:-o-pre-wrap;
  266. word-wrap:break-word;
  267. }
  268.  
  269. /* Captions */
  270.  
  271. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  272. .txt,.cap{margin:15px 5px;}
  273. .cmin blockquote {border:0;padding:0;}
  274. .chid {display:none;}
  275. .cinl {margin:15px;}
  276. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  277. .cinl p:first-of-type {display:inline!important;}
  278. .cinl blockquote {border:0;}
  279. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  280. a.tumblr_blog {border:0!important;font-weight:500;}
  281. .cap a:hover,.txt a:hover {border-color:rgba({RGBcolor:Hover},0.5);}
  282. .cap a,.txt a {
  283. color:{color:Text};
  284. border-bottom:1px solid rgba({RGBcolor:Link},0.5);
  285. }
  286.  
  287. /* Video */
  288.  
  289. .video {overflow:hidden;}
  290. .vine-embed,#youtube_iframe {display:block;}
  291. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  292.  
  293. /* Photosets */
  294.  
  295. #tumblr_lightbox,.tmblr-lightbox {background:rgba({RGBcolor:Background},0.99)!important;}
  296. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{opacity:0!important;}
  297. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  298. #tumblr_lightbox_right_image, .lightbox-image {
  299. box-shadow:none!important;
  300. border-radius:0px!important;
  301. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  302. }
  303.  
  304. /* Ask */
  305.  
  306. .asktext,.askicon {display:inline-block;vertical-align:top;}
  307. .ask {font-size:0;margin:15px;}
  308. .asktext {padding:15px;border-radius:3px;background:{color:post};border:1px solid {color:Border};width:calc(100% - 76px);font-size:9.5px;line-height:150%;}
  309. .aski {margin:0 0 7px;line-height:100%;font-size:8.5px;text-transform:uppercase;letter-spacing:0.75px;}
  310. .aski b {font-weight:700;}
  311. .askicon {width:35px;border:1px solid {color:Border};border-radius:3px;margin-left:7px;}
  312.  
  313. /* Permalink Page + Postnotes */
  314.  
  315. .pph {text-transform:lowercase;margin-top:-1px;}
  316. .perma {padding:15px;line-height:175%;}
  317. .pmt a:after {content:',';}
  318. .pmt a:last-of-type:after {content:'.';}
  319. .pn ol {margin:0;padding:0;list-style-type:none;}
  320. .pn li{margin:10px;font-size:8.5px;line-height:100%;}
  321. .pn,.pn img{display:none;}
  322. .pn {padding:10px;font-size:0;}
  323. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:500;}
  324. .more_notes_link,.notes_loading {text-align:left!important;}
  325.  
  326. /* Tooltips */
  327.  
  328. #s-m-t-tooltip{
  329. max-width:200px;
  330. margin:15px;
  331. z-index:99999999;
  332. padding:6px;
  333. line-height:100%;
  334. word-wrap:break-word;
  335. word-break:break-all;
  336. }
  337.  
  338. /* Common Styles */
  339.  
  340. .ask,p,blockquote,.lines,.pn,.qut,.desc{line-height:150%;}
  341. a:hover,a h2:hover,nav li:hover a{color:{color:Hover};}
  342. a,.perma,.src,.lines b,.tn,h1,h2,h2 a,.ask,.from{color:{color:Link};}
  343. .pri,.pri a,.from i,nav li .fa{color:rgba({RGBcolor:Link},0.5);}
  344.  
  345. {block:ifRoundEdges}
  346. .play,.aski img,.entry,aside,.icon,#s-m-t-tooltip{border-radius:4px;}
  347. {/block:ifRoundEdges}
  348.  
  349. .from,.ple,.tags a,nav li a,h1,.qut,.load,.aski {
  350. font-family:'PT Sans','Trebuchet MS',sans-serif;
  351. }
  352.  
  353. /* Borders */
  354.  
  355. .pn,nav li,.lb a,.desc,.pph{border-top:1px solid {color:Border};}
  356. .from,.bx {border-bottom:1px solid {color:Border};}
  357. .entry,aside,#s-m-t-tooltip{
  358. background:{color:Post};
  359. border:1px solid {color:Border};
  360. {block:ifShadow}
  361. box-shadow:rgba(0,0,0,0.04)0 2px 4px;
  362. {/block:ifShadow}
  363. }
  364.  
  365. /* Etc */
  366.  
  367. img {margin:0;display:block;}
  368.  
  369. /* sidebar */
  370.  
  371. #parentdiv {
  372. position:fixed;
  373. bottom: 100px;
  374. margin-left: 100px;
  375. width: 400px;
  376. height: 400px;
  377. background: {color:post};
  378. }
  379.  
  380. .one {
  381. position: fixed;
  382. margin-left: 5px;
  383. margin-top: 5px;
  384. width: 100px;
  385. height: 100px;
  386. z-index:9999;
  387. }
  388.  
  389. .two {
  390. position: fixed;
  391. margin-left: 295px;
  392. margin-top: 95px;
  393. width: 100px;
  394. height: 100px;
  395. z-index:9999;
  396. }
  397.  
  398. .desctop {
  399. position:fixed;
  400. margin-left:110px;
  401. margin-top:3px;
  402. width:285px;
  403. height:90px;
  404. background-color:{color:post};
  405. text-align: justify;
  406. font-family: arial;
  407. line-height: 11px;
  408. font-size: 7px;
  409. text-transform: uppercase;
  410. z-index: 9;
  411. }
  412.  
  413. .descmid {
  414. position:fixed;
  415. margin-left:110px;
  416. margin-top:94px;
  417. width:180px;
  418. height:60px;
  419. background-color:{color:post};
  420. text-align: center;
  421. font-family: arial;
  422. line-height: 11px;
  423. font-size: 7px;
  424. text-transform: uppercase;
  425. z-index: 9;
  426. }
  427.  
  428. .contact {
  429. position:fixed;
  430. margin-left:110px;
  431. margin-top: 163px;
  432. width:162px;
  433. height:40px;
  434. background-color:{color:post};
  435. text-align: right;
  436. padding: 4px;
  437. line-height: 13px;
  438. font-size: 9px;
  439. border-left: 5px solid {color:bold};
  440. border-right: 5px solid {color:bold};
  441. text-transform: uppercase; }
  442.  
  443. .location {
  444. position:fixed;
  445. margin-left:110px;
  446. margin-top: 227px;
  447. width:178px;
  448. height:18px;
  449. background-color:{color:post};
  450. text-align: center;
  451. line-height: 12px;
  452. padding-top: 5px;
  453. font-family:arial;
  454. font-size:8px;
  455. text-transform:uppercase;
  456. border: 1px solid {color:bold};
  457. }
  458.  
  459. .descbot {
  460. position:fixed;
  461. margin-left:110px;
  462. margin-top:215px;
  463. width:180px;
  464. height:90px;
  465. background-color:{color:post};
  466. text-align: justify;
  467. font-family: arial;
  468. line-height: 11px;
  469. font-size: 7px;
  470. text-transform: uppercase;
  471. z-index: 9;
  472. }
  473.  
  474. .whants{
  475. width:195px;
  476. height:15px;
  477. float: left;
  478. margin-left: 4px;
  479. position: fixed;
  480. -webkit-transition: all 0.4s ease-out;
  481. -moz-transition: all 0.1s ease-out;}
  482.  
  483. .whants a {
  484. display: inline-block;
  485. float: left;
  486. margin-left: 1px;
  487. margin-top:1px;
  488. height: 10px;
  489. width: 31px;
  490. -webkit-transition: all .8s ease-out;
  491. -moz-transition: all .8s ease-out;
  492. -webkit-transition: all .8s ease-out;
  493. -moz-transition: all .8s ease-out;
  494. background-color: {color:background};
  495. overflow:hidden;
  496. color:{color:text};
  497. font-size:10px;
  498. text-transform: uppercase;
  499. line-height:20px;
  500. text-align:center;}
  501.  
  502. .whants a:hover{
  503. color:#fff;
  504. background-color: {color:italic};
  505. -webkit-animation: RH infinite 3s;}
  506.  
  507. .link {
  508. position: fixed;
  509. margin-left:2px;
  510. margin-top:308px;
  511. width:150px;
  512. height:100px;
  513. background-color:transparent;
  514. text-align: center;
  515. line-height: 21px;
  516. font-family:Trebuchet MS, sans-serif;
  517. font-size:9px;
  518. text-transform:uppercase;
  519. z-index:9999999999999999;
  520. opacity:1;
  521. }
  522.  
  523. /* menu by ruby connection html | usou ? creditou. É DE GRATIS */
  524.  
  525. .break{
  526. width:125px;
  527. height:15px;
  528. margin-top: 2px;
  529. margin-left: 0px;
  530. float: left;
  531. position: fixed;
  532. color:{color:post};
  533. -webkit-transition: all .8s ease-out;
  534. -moz-transition: all .8s ease-out;
  535. -webkit-transition: all .8s ease-out;
  536. -moz-transition: all .8s ease-out; }
  537.  
  538. .break a {
  539. display: block;
  540. float: left;
  541. margin-left: 3px;
  542. line-height: 17px;
  543. height: 16px;
  544. width: 88px;
  545. -webkit-transition: all .8s ease-out;
  546. -moz-transition: all .8s ease-out;
  547. -webkit-transition: all .8s ease-out;
  548. -moz-transition: all .8s ease-out;
  549. background-color: {color:post};
  550. text-align:left;
  551. margin-bottom:1px;
  552. border-left: 7px solid {color:italic};
  553. padding-left: 5px;
  554. }
  555.  
  556. .break a:hover{
  557. width: 64px;
  558. padding-left: 15px;
  559. color:{color:hover};
  560. -webkit-transition: all .8s ease-out;
  561. -moz-transition: all .8s ease-out;
  562. -webkit-transition: all .8s ease-out;
  563. -moz-transition: all .8s ease-out;
  564.  
  565. }
  566.  
  567. .hovers {
  568. position: fixed;
  569. margin-left: 110px;
  570. margin-top: 306px;
  571. width:176px;
  572. height:15px;
  573. padding: 2px;
  574. color: {color:bold};
  575. background-color:{color:post};
  576. text-transform: uppercase;
  577. font-size: 9px;
  578. line-height: 15px;
  579. text-align: center;
  580. word-spacing: 3px;
  581. }
  582.  
  583. .nowplaying {
  584. position: fixed;
  585. margin-left: 110px;
  586. margin-top: 330px;
  587. width:142px;
  588. height:26px;
  589. padding: 2px;
  590. background-color:{color:post};
  591. text-transform: uppercase;
  592. font-family: arial;
  593. font-size: 7px;
  594. line-height: 10px;
  595. text-align: center;
  596. word-spacing: 3px;
  597. }
  598.  
  599. .musicplayer{
  600. overflow:hidden;
  601. position:fixed;
  602. width:20px;
  603. height:20px;
  604. padding:5px;
  605. margin-top: 330px;
  606. margin-left: 260px;
  607. background:{color:post}; /* This is the background color */
  608. z-index:9999999999999999;
  609. opacity:1;
  610. -webkit-transition: all 1s ease-in-out;
  611. -moz-transition: all 1s ease-in-out;
  612. transition: all 1s ease-in-out;
  613. }
  614.  
  615. #icon{
  616. /* This is for the positioning of the music gif: */
  617. margin-top:3px;
  618. margin-left:3px;
  619. opacity:0.7;
  620. -webkit-transition: all 0.5s linear;
  621. -moz-transition: all 0.5s linear;
  622. transition: all 0.5s linear;
  623. }
  624.  
  625. .musicplayer:hover #icon{
  626. margin-top:-20px;
  627. -webkit-transition: all 0.5s linear;
  628. -moz-transition: all 0.5s linear;
  629. transition: all 0.5s linear;
  630. }
  631.  
  632. #musicbox{
  633. width:8px;
  634. height:8px;
  635. overflow:hidden;
  636. /* This is for the positioning of the music player: */
  637. margin-top:11px;
  638. margin-left:6px;
  639. }
  640.  
  641. #music2{
  642. margin-top:-6px;
  643. margin-left:-35px;
  644. border-radius:10em;
  645. }
  646.  
  647. #sbbg:hover #musicplayer{
  648. opacity:0.7;
  649. -webkit-transition: all 1s ease-in-out;
  650. -moz-transition: all 1s ease-in-out;
  651. transition: all 1s ease-in-out;
  652. }
  653.  
  654. .links_list {
  655. position: fixed;
  656. margin-top:162px;
  657. margin-left:100px;
  658. width:102px;
  659. height: 10px;
  660. z-index:9999999999999999999999999999;
  661. }
  662.  
  663. .links_head {
  664. cursor:pointer;
  665. width:179px;
  666. height:32px;
  667. color: {color:text};
  668. padding-left: 1px;
  669. text-align: center;
  670. background-color: {color:post};
  671. font-family: arial;
  672. text-transform: uppercase;
  673. font-size: 7px;
  674. line-height: 15px;
  675. z-index: 11;
  676. margin-top:200px;
  677. z-index:99999999999999999999999999;
  678.  
  679. }
  680.  
  681. .links_body {
  682. background:{color:post};
  683. padding:5px;
  684. width:170px;
  685. height: 255px;
  686. margin-top: -310px;
  687. margin-left: 10px;
  688. text-transform:uppercase;
  689. font-family:calibri, arial, sans-serif;
  690. font-size:8px;
  691. text-align:justify;
  692. display:none;
  693. line-height: 10px;
  694. z-index: 999999999999999999999999999;
  695. }
  696.  
  697. </style>
  698. </head>
  699. <body>
  700. <img src='http://o.aolcdn.com/hss/storage/fss/b111ae003a1e12631916ed82dff4561/test2.png' style='position:fixed;bottom:100px;left:250px;z-index:-999;'/>
  701.  
  702.  
  703. <div id="parentdiv">
  704.  
  705. <div class="one"><img src='http://o.aolcdn.com/hss/storage/fss/c3c61428c31525cd5e3ed586d8be2db4/1.png'/></div>
  706. <div class="two"><img src='http://o.aolcdn.com/hss/storage/fss/454e4e6a97c7572dd5bb5cabc1ab46a4/2.png'/></div>
  707. <div class="desctop">
  708. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo nibh maximus ultricies fringilla. Duis eros nisl, egestas a consectetur vel, blandit a tortor. Morbi quis rutrum felis, eu rhoncus felis. Donec blandit ultrices ipsum vitae fringilla. Proin pulvinar, ex nec pharetra posuere, lectus sapien imperdiet turpis, in bibendum ipsum velit sit amet mauris. Etiam sit amet accumsan orci. Vivamus vel eros vestibulum, ornare est in, finibus sapien. Pellentesque facilisis bibendum purus. 70 words.
  709. </div>
  710. <div class="descmid">
  711. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo nibh maximus ultricies fringilla. Duis eros nisl, egestas a consectetur vel, blandit a tortor. Morbi quis rutrum felis, eu rhoncus felis. Donec blandit ultrices ipsum vitae fringilla.
  712. </div>
  713. <div class="contact">CONTACT
  714. </div>
  715. <div class="location"><i style="color:#b52423" class="fa fa-map-marker"></i> &nbsp;&nbsp;seoul, south korea</div>
  716. <div class="descbot">
  717. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo nibh maximus ultricies fringilla. Duis eros nisl, egestas a consectetur vel, blandit a tortor. Morbi quis rutrum felis, eu rhoncus felis. Donec blandit ultrices ipsum vitae fringilla. Morbi quis rutrum felis, eu rhoncus felis. Donec blandit ultrices ipsum vitae fringilla.
  718. </div>
  719. <div class="link">
  720. <div class="break">
  721. <a href="/">! - HOME</a>
  722. <a href="/ask">! - MESSAGE</a>
  723. <a href="/submit">! - SUBMIT</a>
  724. <a href="/navi">! - NAVIGATION</a>
  725. <a href="/timeline">! - HISTORY</a>
  726. </div></div>
  727. <div class="hovers">
  728. random
  729. </div>
  730. <div class="nowplaying">
  731. now playin
  732. </div>
  733. <div class="musicplayer"><div id="icon">
  734. <img src="https://33.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  735. </div>
  736. <div id="musicbox"><div id="music2">
  737. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="25">
  738. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  739. <param name="bgcolor" value="#101010" />
  740. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=25&amp;volume=15&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=101010&amp;bgcolor=101010&amp;bgcolor1=101010&amp;bgcolor2=101010&amp;buttoncolor=e15657&amp;buttonovercolor=e15657&amp;showlist=0" />
  741. </object></div></div></div>
  742.  
  743. <div class="links_list">
  744. <p class="links_head">words words words more words some words. click on the thing. thank u.
  745. <div class="links_body">
  746.  
  747. </div></div></div>
  748.  
  749. </div>
  750.  
  751. <div class="center">
  752.  
  753. <div id="content">
  754. {block:Posts}
  755. <div class="entry" id="{PostID}">
  756.  
  757. {block:Date}
  758. {block:RebloggedFrom}
  759. <div class="from">
  760. <b><a href="{Permalink}">{Name}</a></b>
  761. <i class="fa fa-retweet"></i>
  762. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  763. </div>
  764. {/block:RebloggedFrom}
  765. {block:NotReblog}
  766. <div class="from">
  767. <b><a href="{Permalink}">{Name}</a></b>
  768. </div>
  769. {/block:NotReblog}
  770. {/block:Date}
  771.  
  772. {block:Text}
  773. <div class="txt">
  774. {block:Title}<h2>{Title}</h2>{/block:Title}
  775. {Body}
  776. </div>
  777. {/block:Text}
  778.  
  779. {block:Link}
  780. <div class="txt">
  781. <h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
  782. {block:Description}{Description}{/block:Description}
  783. </div>
  784. {/block:Link}
  785.  
  786. {block:Photo}
  787. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  788. {/block:Photo}
  789.  
  790. {block:Photoset}
  791. <div class="bx"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
  792. {/block:Photoset}
  793.  
  794. {block:Quote}
  795. <div class="qut_hold">
  796. {block:Source}<div class="src">{Source}</div>{/block:Source}
  797. <div class="qut">{Quote}</div>
  798. </div>
  799. {/block:Quote}
  800.  
  801. {block:Chat}
  802. <div class="chat">
  803. {block:Title}<h2>{Title}</h2>{/block:Title}
  804. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  805. </div>
  806. {/block:Chat}
  807.  
  808. {block:Audio}
  809. <div class="audio">
  810. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  811. <div class="au">
  812. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  813. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  814. </div>
  815. </div>
  816. {/block:Audio}
  817.  
  818. {block:Video}
  819. <div class="video">{Video-500}</div>
  820. {/block:Video}
  821.  
  822. {block:Answer}
  823. <div class="ask">
  824. <div class="asktext">
  825. <div class="aski"><b>{Asker}</b> asked:</div>{Question}
  826. </div>
  827. <img class="askicon" src="{AskerPortraitURL-48}">
  828. </div>
  829. <div class="txt">{Answer}</div>
  830. {/block:Answer}
  831.  
  832. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  833.  
  834. {block:IndexPage}
  835. <div class="p">
  836.  
  837. {block:ifTags}{block:HasTags}<div class="tags">
  838. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  839. </div>{/block:HasTags}{/block:ifTags}
  840.  
  841. <a class="ple" href="{Permalink}">{NoteCountWithLabel}</a>
  842.  
  843. <div class="pri">
  844. <div class="custom-like-button">{LikeButton}
  845. <span class="our_button"><i class="fa fa-heart"></i></span>
  846. </div>
  847. <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  848. </div>
  849. </div>
  850. {/block:IndexPage}
  851.  
  852.  
  853.  
  854. {block:PermalinkPage}
  855. {block:Date}
  856. <div class="pph">
  857. <div class="perma">
  858. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  859. {block:RebloggedFrom}<br>
  860. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  861. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  862. {/block:RebloggedFrom}
  863.  
  864. {block:HasTags}<div class="pmt">tags: &nbsp;
  865. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  866. </div>{/block:HasTags}
  867. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  868. </div>
  869.  
  870. {block:PostNotes}
  871. <div class="pn">{PostNotes}</div>
  872. {/block:PostNotes}
  873.  
  874. </div>
  875. {/block:Date}
  876. {/block:PermalinkPage}
  877.  
  878. {block:ContentSource}
  879. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  880. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  881. {/block:SourceLogo}
  882. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  883. {/block:ContentSource}
  884.  
  885. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  886.  
  887. </div>
  888. {/block:Posts}
  889.  
  890. {block:ifPaginate}
  891. {block:Pagination}
  892. <div class="pag">
  893. {block:PreviousPage}
  894. <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
  895. {/block:PreviousPage}
  896.  
  897. {block:JumpPagination length="3"}
  898. {block:CurrentPage}
  899. <span class="cp">{PageNumber}</span>
  900. {/block:CurrentPage}
  901. {block:JumpPage}
  902. <a class="jp" href="{URL}">{PageNumber}</a>
  903. {/block:JumpPage}
  904. {/block:JumpPagination}
  905.  
  906. {block:NextPage}
  907. <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
  908. {/block:NextPage}
  909. </div>
  910. {/block:Pagination}
  911. {/block:ifPaginate}
  912.  
  913. </div>
  914.  
  915. {block:ifnotPaginate}
  916. {block:Pagination}
  917. <div class="pag">
  918. {block:PreviousPage}
  919. <a href="{PreviousPage}" class="prev">back</a>
  920. {/block:PreviousPage}
  921. {block:NextPage}
  922. <a href="{NextPage}" class="next">next</a>
  923. {/block:NextPage}
  924. </div>
  925.  
  926. {block:ifLoadMore}
  927. <a class="load">Load More</a>
  928. {/block:ifLoadMore}
  929. {/block:Pagination}
  930. {/block:ifnotPaginate}
  931.  
  932. </div>
  933.  
  934. <a href="#" class="top"><i class="fa fa-angle-up"></i></a>
  935. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  936.  
  937. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  938. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  939. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  940. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  941. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  942. <script>
  943. $(document).ready(function(){
  944. $('.photo-slideshow').pxuPhotoset({
  945. lightbox: true,
  946. rounded: false,
  947. gutter: '2px',
  948. photoset: '.photo-slideshow',
  949. photoWrap: '.photo-data',
  950. photo: '.pxu-photo'
  951. });
  952. {block:ifnotPaginate}
  953. var $container = $('#content');
  954. $container.infinitescroll({
  955. itemSelector: '.entry',
  956. navSelector: '.pag',
  957. nextSelector: '.next',
  958. loadingImg: ' ',
  959. loadingText: ' ',
  960. donetext: 'No more posts' ,
  961. bufferPx: 2000,
  962. {block:ifLoadMore}
  963. errorCallback: function(){
  964. jQuery('.load').delay(50).fadeOut();
  965. }
  966. {/block:ifLoadMore}
  967. },
  968. function( newElements ) {
  969. var $newElems = $( newElements );
  970. var $newElemsIDs = $newElems.map(function(){
  971. return this.id;
  972. }).get();
  973. $newElems.find('.photo-slideshow').pxuPhotoset({
  974. lightbox: true,
  975. rounded: false,
  976. gutter: '2px',
  977. photoset: '.photo-slideshow',
  978. photoWrap: '.photo-data',
  979. photo: '.pxu-photo'
  980. });
  981. resizeVideos();
  982. console.log($newElems, $newElemsIDs);
  983. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  984. });
  985.  
  986. {block:ifLoadMore}
  987. $(window).unbind(".infscr");
  988. $(".load").click(function(){
  989. $("#content").infinitescroll("retrieve");
  990. });
  991. {/block:ifLoadMore}
  992.  
  993. {/block:ifnotPaginate}
  994. });
  995.  
  996.  
  997.  
  998. // scroll to top © html-tuts.com
  999. var amountScrolled = 500;
  1000. $(window).scroll(function() {
  1001. if ($(window).scrollTop() > amountScrolled) {
  1002. $('a.top').fadeIn('slow');
  1003. } else {
  1004. $('a.top').fadeOut('slow');
  1005. }
  1006. });
  1007.  
  1008. $('a.top').click(function() {
  1009. $('body, html').animate({
  1010. scrollTop: 0
  1011. }, 'slow');
  1012. return false;
  1013. });
  1014.  
  1015.  
  1016.  
  1017. // drop links & post notes
  1018. $(document).ready(function(){
  1019. $(".pn").hide();
  1020. $(".pnh").show();$('.pnh').toggle(function(){
  1021. $(".pn").slideDown(function(){});
  1022. },function(){
  1023. $(".pn").slideUp(function(){});
  1024. });
  1025. $(".lb").hide();
  1026. $(".lh").show();$('.lh').toggle(function(){
  1027. $(".lb").slideDown(function(){});
  1028. },function(){
  1029. $(".lb").slideUp(function(){});
  1030. });
  1031. $(".desc").hide();
  1032. $(".dh").show();$('.dh').toggle(function(){
  1033. $(".desc").slideDown(function(){});
  1034. },function(){
  1035. $(".desc").slideUp(function(){});
  1036. });
  1037. });
  1038.  
  1039.  
  1040.  
  1041. // tooltips
  1042. (function($){
  1043. $(document).ready(function(){
  1044. $("[title]").style_my_tooltips({
  1045. tip_delay_time:200,
  1046. tip_fade_speed:300
  1047. }
  1048. );
  1049. });
  1050. })(jQuery);
  1051.  
  1052. </script>
  1053. </body>
  1054. </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!