API tools faq
paste
Advertisement
aellionios

jude; acuite base

aellionios
Jul 10th, 2016
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.46 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: THEMIS
  4. by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  8.  
  9. - @acuite for more themes
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="image:Icon" content=""/>
  22.  
  23. <meta name="color:Background" content="#f8f8f8"/>
  24. <meta name="color:Post" content="#fff"/>
  25. <meta name="color:Border" content="#eee"/>
  26. <meta name="color:Text" content="#555"/>
  27. <meta name="color:Link" content="#999"/>
  28. <meta name="color:Hover" content="#89adc3"/>
  29.  
  30. <meta name="if:Title" content="1"/>
  31. <meta name="if:Search" content="1"/>
  32. <meta name="if:Drop Links" content="1"/>
  33. <meta name="if:Paginate" content=""/>
  34. <meta name="if:Captions" content="1"/>
  35. <meta name="if:Shadow" content="1"/>
  36. <meta name="if:Round Edges" content="1"/>
  37.  
  38. <meta name="select:Tags" content="tshow" title="Show">
  39. <meta name="select:Tags" content="thide" title="Hide">
  40.  
  41. <meta name="select:Icon" content="pri" title="Right">
  42. <meta name="select:Icon" content="pce" title="Center">
  43. <meta name="select:Icon" content="ple" title="Left">
  44. <meta name="select:Icon" content="phi" title="Hide">
  45.  
  46. <meta name="text:Post" content="350"/>
  47. <meta name="text:Margin" content="50"/>
  48.  
  49. <meta name="text:Links URL" content="/links"/>
  50.  
  51. <meta name="text:Link 1" content="/"/>
  52. <meta name="text:Link 1 Title" content="one"/>
  53. <meta name="text:Link 2" content="/" />
  54. <meta name="text:Link 2 Title" content="two"/>
  55. <meta name="text:Link 3" content="/" />
  56. <meta name="text:Link 3 Title" content="three"/>
  57. <meta name="text:Link 4" content="/" />
  58. <meta name="text:Link 4 Title" content="four"/>
  59.  
  60. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  61. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  62. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700,700italic|PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  63.  
  64. <style type="text/css">
  65.  
  66. ::-webkit-scrollbar {width:5px;height:5px;background:{color:Background};}
  67. ::-webkit-scrollbar-thumb {background:{color:Border};}
  68.  
  69. .tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  70.  
  71. /* General */
  72.  
  73. body {
  74. margin:0px;
  75. color:{color:Text};
  76. background:{color:Background};
  77. }
  78.  
  79. .desc,h1,.cap,.txt,.qut {
  80. font-smooth:always;
  81. -webkit-font-smoothing:antialiased;
  82. -moz-osx-font-smoothing: grayscale;
  83. }
  84.  
  85. a:link, a:active, a:visited {text-decoration:none;}
  86. pre, p, blockquote,body,big,small,sub,sup {font-size:10px;}
  87. p, body, pre, em,.search-form input{font-family:'PT Sans',Arial,Helvetica,sans-serif;}
  88. a,.p,.tags {
  89. transition:0.5s ease;
  90. -o-transition:0.5s ease;
  91. -moz-transition:0.5s ease;
  92. -webkit-transition:0.5s ease;
  93. }
  94.  
  95. /* Credit & Scroll to Top */
  96.  
  97. .c {bottom:30px;letter-spacing:1px;text-transform:uppercase;}
  98. .c,a.top{position:fixed;right:30px;}
  99. a.top {bottom:60px;display:none;}
  100. a.top i{
  101. display:block;
  102. margin-bottom:2px;
  103. font-size:13px;
  104. text-align:center;
  105. }
  106.  
  107. /* Pagination */
  108.  
  109. .cp {font-weight:600;letter-spacing:2px;margin:0px 10px;}
  110. .cp,.pag a {display:inline-block;font-size:9px;}
  111. .pag {position:relative;font-size:0px;text-align:center;}
  112. {block:ifnotPaginate}
  113. .pag,#infscr-loading {display:none!important;}
  114. {/block:ifnotPaginate}
  115.  
  116. /* Containers */
  117.  
  118. #center {
  119. position:absolute;
  120. margin-left: 75px;
  121. min-width:200px;
  122. width:350px;
  123. max-width:600px;
  124. height: 100%;
  125. width:{text:Post}px;
  126. z-index: 99999999999;
  127. }
  128.  
  129. .postbackground {
  130. position: fixed;
  131. width: 500px;
  132. height: 100%;
  133. background: black;
  134. margin-left: 0px;
  135. margin-top: 0px;
  136. z-index: 9;
  137. }
  138.  
  139. .entry img{max-width:100%;height:auto;}
  140. .entry {
  141. overflow:hidden;
  142. margin:{text:Margin}px 0px;
  143. background:{color:Post};
  144. border:1px solid {color:Border};
  145. {block:ifShadow}
  146. box-shadow:rgba(0,0,0,.05)1px 1px 2px;
  147. {/block:ifShadow}
  148. }
  149.  
  150. /* Header */
  151.  
  152. .head_hold {padding:10px 10px 20px;}
  153. .ple {text-align:right;}
  154. .header {
  155. font-size:0px;
  156. background:{color:Post};
  157. border:1px solid {color:Border};
  158. {block:ifShadow}
  159. box-shadow:rgba(0,0,0,.05)1px 1px 2px;
  160. {/block:ifShadow}
  161. }
  162.  
  163. .image img{max-width:100%;}
  164. .image,.image img{border-radius:50%;}
  165. .image {
  166. position:absolute;
  167. width:50px;
  168. height:50px;
  169. top:-26px;
  170. border:1px solid {color:Border};
  171. }
  172.  
  173. .pri .image{left:calc(100% - 62px);}
  174. .pce .image{left:calc(50% - 26px);}
  175. .ple .image{left:10px;}
  176. .phi .image{display:none;}
  177.  
  178. .desc{font-size:10px;line-height:150%;margin:10px 10px 5px;}
  179. .links {margin:0px 10px;}
  180. .lb,.srch {margin:0px 10px;}
  181. .links a:first-of-type,.lb a:first-of-type{margin-left:0px;}
  182. .links a:last-of-type,.lb a:last-of-type{margin-right:0px;}
  183. .links a,.lb a{
  184. display:inline-block;
  185. font-size:8px;
  186. letter-spacing:1px;
  187. text-transform:uppercase;
  188. margin:5px 5px 0px 5px;
  189. }
  190.  
  191. .srch {display:block;margin-top:7px;}
  192. .srch span,.srch i {display:inline-block;vertical-align:middle;}
  193. .srch i{font-size:11px;opacity:0.5;color:{color:Link};}
  194. .search-form {
  195. display:inline-block;
  196. vertical-align:middle;
  197. width:calc(100% - 16px);
  198. outline:none;
  199. border:0px;
  200. margin-left:5px;
  201. }
  202.  
  203. .search-form input {
  204. border:none;
  205. outline:none;
  206. width:100%;
  207. font-size:9px;
  208. background:inherit;
  209. }
  210.  
  211. .search-form input[type=text] {color:{color:Link};}
  212. input::-webkit-input-placeholder {color:{color:Link};}
  213. input::-moz-placeholder {color:{color:Link};}
  214. input:-moz-placeholder {color:{color:Link};}
  215. input:-ms-input-placeholder {color:{color:Link};}
  216. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  217.  
  218. /* Titles */
  219.  
  220. h1,h2,h3 {margin:10px;font-weight:600;letter-spacing:0.5px;}
  221. h1 {font-size:12px;}
  222. h2 {font-size:11px;}
  223. h3 {font-size:9px;}
  224. .txt h2 a,.txt h2 a:hover{border:0;}
  225.  
  226. /* Permalinks */
  227.  
  228. .p {padding:9px 8px 10px;}
  229. .p a {
  230. display:inline-block;
  231. margin:0px 4px;
  232. font-size:8px;
  233. letter-spacing:1px;
  234. text-transform:uppercase;
  235. }
  236.  
  237. .tshow {display:block;position:relative;}
  238. .thide,.tags a:after {display:none;}
  239. .tags a {font-size:8.5px;text-transform:none;margin:2px 0px 0px 4px;}
  240.  
  241. /* Quotes */
  242.  
  243. .qut_hold {padding:20px;}
  244. .src {margin-bottom:10px;}
  245. .qut {font-size:11px;font-style:italic;}
  246.  
  247. /* Audio & Chat */
  248.  
  249. .chat,.lines,.chat h2,.audio {padding:10px;}
  250. .chat h2 {margin:0px;text-transform:capitalize;}
  251. .lines b{display:block;font-weight:400;}
  252.  
  253. .play {
  254. padding:10px;
  255. background:#e4e4e4;
  256. margin-right:15px;
  257. height:27px;
  258. width:27px;
  259. }
  260.  
  261. .play,.au {display:inline-block;vertical-align:middle;}
  262. .soundcloud_audio_player{padding:15px 0px;}
  263. .au span {display:block;margin:5px 0px;}
  264. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  265.  
  266. /* Text */
  267.  
  268. ol, ul {padding:0px;margin:10px;list-style-type:none;}
  269. ul li {position:relative;padding-left:20px;}
  270. ul li:before {
  271. content:'';
  272. position:absolute;
  273. display:block;
  274. top:8px;
  275. left:0px;
  276. width:10px;
  277. height:1px;
  278. background:{color:Border};
  279. }
  280.  
  281. p,blockquote {margin:10px;}
  282. b,strong {font-weight:600;}
  283. blockquote p{margin:10px 0px;}
  284. blockquote p:first-child{margin:0px 0px 10px;}
  285. blockquote p:last-child{margin:10px 0px 0px;}
  286. blockquote p:only-child{margin:0px;}
  287. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  288.  
  289. pre {
  290. margin:0px;
  291. white-space:pre-wrap;
  292. white-space:-moz-pre-wrap;
  293. white-space:-pre-wrap;
  294. white-space:-o-pre-wrap;
  295. word-wrap:break-word;
  296. }
  297.  
  298. /* Captions */
  299.  
  300. .txt,.cap {padding:10px;}
  301. .txt iframe,.cap iframe{
  302. display:block;
  303. max-width:100%;
  304. overflow:hidden;
  305. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  306. }
  307.  
  308. /* Photosets */
  309.  
  310. #tumblr_lightbox,.tmblr-lightbox {
  311. background:rgba({RGBcolor:Background},0.99)!important;
  312. }
  313.  
  314. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  315. opacity:0!important;
  316. }
  317.  
  318. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  319. #tumblr_lightbox_right_image, .lightbox-image {
  320. box-shadow:none!important;
  321. border-radius:0px!important;
  322. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  323. }
  324.  
  325. /* Ask */
  326.  
  327. .ask {padding:20px;}
  328. .aski {margin:0px 0px 10px;line-height:20px;font-size:10px;}
  329. .aski img {float:left;width:20px;margin-right:7px;}
  330.  
  331. /* Permalink Page + Postnotes */
  332.  
  333. .pph {text-transform:lowercase;}
  334. .perma {padding:15px;}
  335. .pmt a:after {content:',';}
  336. .pmt a:last-of-type:after {content:'.';}
  337. .pn ul,.pn ol {margin:0px;}
  338. .pn li{margin:5px;}
  339. .pn,.pn img{display:none;}
  340. .pn {padding:10px;font-size:8.5px;border-top:1px solid {color:Border};}
  341. .pnh {display:block;font-weight:600;}
  342.  
  343. /* Tooltips */
  344.  
  345. #s-m-t-tooltip{
  346. max-width:300px;
  347. margin:15px;
  348. z-index:99999999;
  349. padding:5px;
  350. background:#191919;
  351. color: #888888;
  352. word-wrap:break-word;
  353. }
  354.  
  355. /* Common Styles */
  356.  
  357. .ask,p,blockquote,.lines,.pn,.qut{line-height:160%;}
  358. .perma,.cap,ul,ol{line-height:175%;}
  359. a:hover, a h2:hover{color:{color:Hover};}
  360. a,.p,.perma,.src,.lines b,.tn,h2,.ask,ul,ol,.pag{color:{color:Link};}
  361. .lines b,.tn,.qut,.tags a,.src,.pag,.ask,.pnh{letter-spacing:0.3px;}
  362. h2 a i,.pag a i{margin:0px 2px;}
  363.  
  364. {block:ifRoundEdges}
  365. .entry,.header {border-radius:5px;}
  366. .aski img{border-radius:50%;}
  367. .bx {border-radius:4px 4px 0px 0px;}
  368. .txt img,.cap img,#s-m-t-tooltip,.play{border-radius:4px!important;}
  369. {/block:ifRoundEdges}
  370.  
  371. /* Borders */
  372.  
  373. .txt,.cap,.ask,.chat,.audio,.qut_hold,.ph,.video {
  374. border-bottom:1px solid {color:Border};
  375. }
  376.  
  377. .txt a,.cap a,.src a,.desc a{
  378. border-bottom:1px solid {color:Border};
  379. }
  380.  
  381. .txt a:hover,.cap a:hover,.src a:hover,.desc a:hover{
  382. border-bottom:1px solid;
  383. border-color:rgba({RGBcolor:Hover}, 0.4);
  384. }
  385.  
  386. .links,.lb,.p,h1,h2 {font-family:'Source Sans Pro',Helvetica,sans-serif;}
  387.  
  388. /* Etc */
  389.  
  390. .notes img {width:0px;}
  391. img {margin:0px;display:block;}
  392.  
  393. /* sidebar aka touch this i commit murder thank u */
  394.  
  395. #wrapper {
  396. position: fixed;
  397. bottom: 0px;
  398. margin-left: 420px;
  399. width: 400px;
  400. height: 450px;
  401. z-index: 9999;
  402. }
  403.  
  404. .ping {
  405. position: fixed;
  406. margin-top: -40px;
  407. z-index: 9999;
  408. }
  409.  
  410. .simple {
  411. margin-left:150px;
  412. margin-top:255px;
  413. text-align: center;
  414. position: fixed;
  415. z-index: 9;
  416. }
  417.  
  418. .simple a {
  419. display: inline-block;
  420. font-family:arial;
  421. font-size:8px;
  422. background: #000;
  423. text-transform: uppercase;
  424. width:140px;
  425. height:15px;
  426. line-height:25px;
  427. text-align: center;
  428. margin-left:-3px;
  429. z-index: 9;
  430. }
  431.  
  432. .simple a:hover {
  433. color:#516f95;
  434. text-decoration: none;
  435. -webkit-transition: 0.44s linear;}
  436.  
  437. .simple1 {
  438. margin-left:150px;
  439. margin-top:272px;
  440. text-align: center;
  441. position: fixed;
  442. z-index: 9;
  443. }
  444.  
  445. .simple1 a {
  446. display: inline-block;
  447. font-family:arial;
  448. font-size:8px;
  449. background: #191919;
  450. text-transform: uppercase;
  451. width:140px;
  452. height:15px;
  453. line-height:25px;
  454. text-align: center;
  455. margin-left:-3px;
  456. z-index: 9;
  457. }
  458.  
  459. .simple1 a:hover {
  460. background:#000;
  461. text-decoration: none;
  462. -webkit-transition: 0.44s linear;}
  463.  
  464. .simple2 {
  465. margin-left:150px;
  466. margin-top:289px;
  467. text-align: center;
  468. position: fixed;
  469. z-index: 9;
  470. }
  471.  
  472. .simple2 a {
  473. display: inline-block;
  474. font-family:arial;
  475. font-size:8px;
  476. background: #323232;
  477. text-transform: uppercase;
  478. width:140px;
  479. height:15px;
  480. line-height:25px;
  481. text-align: center;
  482. margin-left:-3px;
  483. z-index: 9;
  484. }
  485.  
  486. .simple2 a:hover {
  487. background:#000;
  488. text-decoration: none;
  489. -webkit-transition: 0.44s linear;}
  490.  
  491. .simple2 {
  492. margin-left:150px;
  493. margin-top:289px;
  494. text-align: center;
  495. position: fixed;
  496. z-index: 9;
  497. }
  498.  
  499. .simple2 a {
  500. display: inline-block;
  501. font-family:arial;
  502. font-size:8px;
  503. background: #323232;
  504. text-transform: uppercase;
  505. width:140px;
  506. height:15px;
  507. line-height:25px;
  508. text-align: center;
  509. margin-left:-3px;
  510. z-index: 9;
  511. }
  512.  
  513. .simple2 a:hover {
  514. background:#000;
  515. text-decoration: none;
  516. -webkit-transition: 0.44s linear;}
  517.  
  518. .simple3 {
  519. margin-left:150px;
  520. margin-top:306px;
  521. text-align: center;
  522. position: fixed;
  523. z-index: 9;
  524. }
  525.  
  526. .simple3 a {
  527. display: inline-block;
  528. font-family:arial;
  529. font-size:8px;
  530. background: #4c4c4c;
  531. text-transform: uppercase;
  532. width:140px;
  533. height:15px;
  534. line-height:25px;
  535. text-align: center;
  536. margin-left:-3px;
  537. z-index: 9;
  538. }
  539.  
  540. .simple3 a:hover {
  541. background:#000;
  542. text-decoration: none;
  543. -webkit-transition: 0.44s linear;}
  544.  
  545. .info {
  546. margin-left:130px;
  547. margin-top:161px;
  548. text-align: justify;
  549. position: fixed;
  550. z-index: 9;
  551. background-color: #000;
  552. width: 190px;
  553. height: 62px;
  554. color: #888888;
  555. padding: 15px;
  556. padding-left: 30px;
  557. text-transform: uppercase;
  558. font-size: 8px;
  559. }
  560.  
  561. .link {
  562. position: fixed;
  563. margin-left:286px;
  564. margin-top:253px;
  565. width:220px;
  566. height:100px;
  567. background-color:transparent;
  568. text-align: center;
  569. line-height: 21px;
  570. font-family:Trebuchet MS, sans-serif;
  571. font-size:9px;
  572. text-transform:uppercase;
  573. -webkit-transition: all .8s ease-out;
  574. -moz-transition: all .8s ease-out;
  575. -webkit-transition: all .8s ease-out;
  576. -moz-transition: all .8s ease-out;
  577. }
  578.  
  579. .break{
  580. width:65px;
  581. height:15px;
  582. margin-top: 2px;
  583. margin-left: 0px;
  584. float: left;
  585. position: fixed;
  586. -webkit-transition: all .8s ease-out;
  587. -moz-transition: all .8s ease-out;
  588. -webkit-transition: all .8s ease-out;
  589. -moz-transition: all .8s ease-out; }
  590.  
  591. .break a {
  592. display: block;
  593. float: left;
  594. margin-left: 3px;
  595. line-height: 17px;
  596. height: 15px;
  597. width: 64px;
  598. -webkit-transition: all .8s ease-out;
  599. -moz-transition: all .8s ease-out;
  600. -webkit-transition: all .8s ease-out;
  601. -moz-transition: all .8s ease-out;
  602. background-color: #000;
  603. text-align:left;
  604. margin-bottom:2px;
  605. border-left: 7px solid #323232;
  606. padding-left: 5px;
  607. }
  608.  
  609. .break a:hover{
  610. width: 44px;
  611. padding-left: 25px;
  612. color:#323232;
  613. -webkit-transition: all .8s ease-out;
  614. -moz-transition: all .8s ease-out;
  615. -webkit-transition: all .8s ease-out;
  616. -moz-transition: all .8s ease-out;
  617. }
  618.  
  619. .extra {
  620. margin-left:135px;
  621. margin-top:323px;
  622. text-align: center;
  623. position: fixed;
  624. z-index: 9;
  625. background-color: #000;
  626. width: 117px;
  627. height: 22px;
  628. color: #888888;
  629. padding: 5px;
  630. padding-left: 30px;
  631. text-transform: uppercase;
  632. font-size: 8px;
  633. }
  634.  
  635. /* testing one two three, if it looks ugly i cry */
  636.  
  637. .box1 {
  638. margin-left:136px;
  639. margin-top:118px;
  640. text-align: justify;
  641. position: fixed;
  642. z-index: 0;
  643. background-color: #000;
  644. width: 78px;
  645. height: 78px;
  646. color: #888888;
  647. padding: 15px;
  648. -webkit-transform: rotate(45deg);
  649. -moz-transform: rotate(45deg);
  650. -o-transform: rotate(45deg);
  651. -ms-transform: rotate(45deg);
  652. transform: rotate(45deg);
  653. }
  654.  
  655. .box2 {
  656. margin-left:161px;
  657. margin-top:118px;
  658. text-align: justify;
  659. position: fixed;
  660. z-index: 0;
  661. background-color: #191919;
  662. width: 78px;
  663. height: 78px;
  664. color: #888888;
  665. padding: 15px;
  666. -webkit-transform: rotate(45deg);
  667. -moz-transform: rotate(45deg);
  668. -o-transform: rotate(45deg);
  669. -ms-transform: rotate(45deg);
  670. transform: rotate(45deg);
  671. }
  672.  
  673. .box3 {
  674. margin-left:186px;
  675. margin-top:118px;
  676. text-align: justify;
  677. position: fixed;
  678. z-index: 0;
  679. background-color: #323232;
  680. width: 78px;
  681. height: 78px;
  682. color: #888888;
  683. padding: 15px;
  684. -webkit-transform: rotate(45deg);
  685. -moz-transform: rotate(45deg);
  686. -o-transform: rotate(45deg);
  687. -ms-transform: rotate(45deg);
  688. transform: rotate(45deg);
  689. }
  690.  
  691. .box4 {
  692. margin-left:211px;
  693. margin-top:118px;
  694. text-align: justify;
  695. position: fixed;
  696. z-index: 0;
  697. background-color: #4c4c4c;
  698. width: 78px;
  699. height: 78px;
  700. color: #888888;
  701. padding: 15px;
  702. -webkit-transform: rotate(45deg);
  703. -moz-transform: rotate(45deg);
  704. -o-transform: rotate(45deg);
  705. -ms-transform: rotate(45deg);
  706. transform: rotate(45deg);
  707. }
  708.  
  709. .box5 {
  710. margin-left:236px;
  711. margin-top:118px;
  712. text-align: justify;
  713. position: fixed;
  714. z-index: 0;
  715. background-color: #666666;
  716. width: 78px;
  717. height: 78px;
  718. color: #888888;
  719. padding: 15px;
  720. -webkit-transform: rotate(45deg);
  721. -moz-transform: rotate(45deg);
  722. -o-transform: rotate(45deg);
  723. -ms-transform: rotate(45deg);
  724. transform: rotate(45deg);
  725. }
  726.  
  727. .box6 {
  728. margin-left:261px;
  729. margin-top:118px;
  730. text-align: justify;
  731. position: fixed;
  732. z-index: 0;
  733. background-color: #7f7f7f;
  734. width: 78px;
  735. height: 78px;
  736. color: #888888;
  737. padding: 15px;
  738. -webkit-transform: rotate(45deg);
  739. -moz-transform: rotate(45deg);
  740. -o-transform: rotate(45deg);
  741. -ms-transform: rotate(45deg);
  742. transform: rotate(45deg);
  743. }
  744.  
  745. .box7 {
  746. margin-left:286px;
  747. margin-top:118px;
  748. text-align: justify;
  749. position: fixed;
  750. z-index: 0;
  751. background-color: #999999;
  752. width: 78px;
  753. height: 78px;
  754. color: #888888;
  755. padding: 15px;
  756. -webkit-transform: rotate(45deg);
  757. -moz-transform: rotate(45deg);
  758. -o-transform: rotate(45deg);
  759. -ms-transform: rotate(45deg);
  760. transform: rotate(45deg);
  761. }
  762.  
  763. .box8 {
  764. margin-left:311px;
  765. margin-top:118px;
  766. text-align: justify;
  767. position: fixed;
  768. z-index: 0;
  769. background-color: #b2b2b2;
  770. width: 78px;
  771. height: 78px;
  772. color: #888888;
  773. padding: 15px;
  774. -webkit-transform: rotate(45deg);
  775. -moz-transform: rotate(45deg);
  776. -o-transform: rotate(45deg);
  777. -ms-transform: rotate(45deg);
  778. transform: rotate(45deg);
  779. }
  780.  
  781. .box9 {
  782. margin-left:365px;
  783. margin-top:90px;
  784. text-align: justify;
  785. position: fixed;
  786. z-index: 0;
  787. background-color: #fff;
  788. width: 78px;
  789. height: 128px;
  790. color: #888888;
  791. padding: 15px;
  792. }
  793.  
  794. </style>
  795. </head>
  796. <body>
  797.  
  798. <div id="wrapper">
  799.  
  800. <div class="ping"><img src='http://o.aolcdn.com/hss/storage/fss/a8359d4bc304f78f894ae004a82a4a58/yetyertyetry.png'/></div>
  801. <div class="simple"><a title="hover"></a></div>
  802. <div class="simple1"><a title="hover"></a></div>
  803. <div class="simple2"><a title="hover"></a></div>
  804. <div class="simple3"><a title="hover"></a></div>
  805. <div class="info">test more words bc i cant believe im letting people watch me code for the first time that isn't charlie. and im just doing this so i can see how many words fit. test another few workds just bc just gotta make sure this all even. 50 words tops.</div>
  806. <div class="link">
  807. <div class="break">
  808. <a href="/">ONE</a>
  809. <a href="/ask">TWO</a>
  810. <a href="/submit">THREE</a>
  811. <a href="/navi">FOUR</a>
  812. <a href="/timeline">FIVE</a>
  813. <a href="/???">SIX</a>
  814. </div>
  815. </div>
  816. <div class="extra">lmao idk whatever u want.</div>
  817.  
  818. <!------ DONT TOUCH *ACHMED VOICE* I KILL U------->
  819. <div class="box1"></div>
  820. <div class="box2"></div>
  821. <div class="box3"></div>
  822. <div class="box4"></div>
  823. <div class="box5"></div>
  824. <div class="box6"></div>
  825. <div class="box7"></div>
  826. <div class="box8"></div>
  827. <div class="box9"></div>
  828.  
  829.  
  830. </div>
  831.  
  832. <div class="postbackground"></div>
  833.  
  834. <div id="center">
  835.  
  836. <div id="content">
  837. {block:Posts}
  838. <div class="entry" id="{PostID}">
  839.  
  840. {block:Text}
  841. <div class="txt">
  842. {block:Title}<h2>{Title}</h2>{/block:Title}
  843. {Body}
  844. </div>
  845. {/block:Text}
  846.  
  847. {block:Link}
  848. <div class="txt">
  849. <h2><a title="{URL}" href="{URL}">
  850. {Name} <i class="fa fa-angle-right"></i>
  851. </a></h2>
  852. {block:Description}{Description}{/block:Description}
  853. </div>
  854. {/block:Link}
  855.  
  856. {block:Photo}
  857. <div class="ph"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="bx"/></a></div>
  858. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  859. {/block:Photo}
  860.  
  861. {block:Photoset}
  862. <div class="ph"><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>
  863. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  864. {/block:Photoset}
  865.  
  866. {block:Quote}
  867. <div class="qut_hold">
  868. {block:Source}<div class="src">{Source}</div>{/block:Source}
  869. <div class="qut">{Quote}</div>
  870. </div>
  871. {/block:Quote}
  872.  
  873. {block:Chat}
  874. <div class="chat">
  875. {block:Title}<h2>{Title}</h2>{/block:Title}
  876. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  877. </div>
  878. {/block:Chat}
  879.  
  880. {block:Audio}
  881. <div class="audio">
  882. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  883. <div class="au">
  884. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  885. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  886. </div>
  887. </div>
  888. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  889. {/block:Audio}
  890.  
  891. {block:Video}
  892. <div class="video">{Video-500}</div>
  893. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  894. {/block:Video}
  895.  
  896. {block:Answer}
  897. <div class="ask">
  898. <div class="aski"><img src="{AskerPortraitURL-24}">{Asker} said:</div>
  899. <div class="que">{Question}</div>
  900. </div>
  901. <div class="txt">{Answer}</div>
  902. {/block:Answer}
  903.  
  904. {block:IndexPage}
  905. <div class="p">
  906. <a href="{Permalink}">{NoteCountWithLabel}</a>
  907. <a href="{Permalink}">{ShortMonth} {DayofMonth}</a>
  908. <a href="{ReblogURL}">reblog</a>
  909.  
  910. {block:HasTags}<div class="tags {select:Tags}">
  911. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  912. </div>{/block:HasTags}
  913. </div>
  914. {/block:IndexPage}
  915.  
  916.  
  917.  
  918. {block:PermalinkPage}
  919. {block:Date}
  920. <div class="pph">
  921. <div class="perma">
  922. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  923. {block:RebloggedFrom}<br>
  924. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  925. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  926. {/block:RebloggedFrom}
  927.  
  928. {block:HasTags}<div class="pmt">tags: &nbsp;
  929. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  930. </div>{/block:HasTags}
  931. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  932. </div>
  933.  
  934. {block:PostNotes}
  935. <div class="pn">{PostNotes}</div>
  936. {/block:PostNotes}
  937.  
  938. </div>
  939. {/block:Date}
  940. {/block:PermalinkPage}
  941.  
  942. {block:ContentSource}
  943. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  944. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  945. {/block:SourceLogo}
  946. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  947. {/block:ContentSource}
  948.  
  949. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  950.  
  951. </div>
  952. {/block:Posts}
  953.  
  954. {block:ifPaginate}
  955. {block:Pagination}
  956. <div class="pag">
  957. {block:PreviousPage}
  958. <a href="{PreviousPage}"><i class="fa fa-angle-left"></i> back</a>
  959. {/block:PreviousPage}
  960.  
  961. <span class="cp">{CurrentPage} / {TotalPages}</span>
  962.  
  963. {block:NextPage}
  964. <a href="{NextPage}">next <i class="fa fa-angle-right"></i></a>
  965. {/block:NextPage}
  966. </div>
  967. {/block:Pagination}
  968. {/block:ifPaginate}
  969.  
  970. </div>
  971.  
  972. {block:ifnotPaginate}
  973. {block:Pagination}
  974. <div class="pag">
  975. {block:PreviousPage}
  976. <a href="{PreviousPage}" class="prev">back</a>
  977. {/block:PreviousPage}
  978. {block:NextPage}
  979. <a href="{NextPage}" class="next">next</a>
  980. {/block:NextPage}
  981. </div>
  982. {/block:Pagination}
  983. {/block:ifnotPaginate}
  984.  
  985. </div></div>
  986.  
  987. <a href="#" class="top"><i class="fa fa-angle-up"></i>Scroll to Top</a>
  988. <div class="c"><a title="theme by acuite, tweaked heavily by akali @ aellionios, do not steal and questions forward to her. thank you! "href="http://acuite.tumblr.com">acuite</a></div>
  989.  
  990. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  991. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  992. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  993. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  994. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  995. <script>
  996. $(document).ready(function(){
  997. $('.photo-slideshow').pxuPhotoset({
  998. lightbox: true,
  999. gutter: '1px',
  1000. photoset: '.photo-slideshow',
  1001. photoWrap: '.photo-data',
  1002. photo: '.pxu-photo',
  1003. rounded: false
  1004. });
  1005. {block:ifnotPaginate}
  1006. var $container = $('#content');
  1007. $container.infinitescroll({
  1008. itemSelector: '.entry',
  1009. navSelector: '.pag',
  1010. nextSelector: '.next',
  1011. loadingImg: ' ',
  1012. loadingText: ' ',
  1013. donetext: 'No more posts' ,
  1014. bufferPx: 2000
  1015. },
  1016. function( newElements ) {
  1017. var $newElems = $( newElements );
  1018. $newElems.find('.photo-slideshow').pxuPhotoset({
  1019. lightbox: true,
  1020. gutter: '1px',
  1021. photoset: '.photo-slideshow',
  1022. photoWrap: '.photo-data',
  1023. photo: '.pxu-photo',
  1024. rounded: false
  1025. });
  1026. resizeVideos();
  1027. });
  1028. {/block:ifnotPaginate}
  1029. });
  1030.  
  1031.  
  1032. // minimal soundcloud player © eoxk.tumblr
  1033. $(document).ready(function(){
  1034. var color = '{color:Link}'; // color of play button (hex)
  1035. $('.soundcloud_audio_player').each(function(){
  1036. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  1037. });
  1038. });
  1039.  
  1040.  
  1041. // scroll to top © html-tuts.com
  1042. var amountScrolled = 500;
  1043.  
  1044. $(window).scroll(function() {
  1045. if ($(window).scrollTop() > amountScrolled) {
  1046. $('a.top').fadeIn('slow');
  1047. } else {
  1048. $('a.top').fadeOut('slow');
  1049. }
  1050. });
  1051.  
  1052. $('a.top').click(function() {
  1053. $('body, html').animate({
  1054. scrollTop: 0
  1055. }, 'slow');
  1056. return false;
  1057. });
  1058.  
  1059.  
  1060. // drop links & post notes
  1061. $(document).ready(function(){
  1062. $(".pn").hide();
  1063. $(".pnh").show();$('.pnh').toggle(function(){
  1064. $(".pn").slideDown(function(){});
  1065. },function(){
  1066. $(".pn").slideUp(function(){});
  1067. });
  1068. $(".lb").hide();
  1069. $(".lh").show();$('.lh').toggle(function(){
  1070. $(".lb").slideDown(function(){});
  1071. },function(){
  1072. $(".lb").slideUp(function(){});
  1073. });
  1074. $(".srch").hide();
  1075. $(".sh").show();$('.sh').toggle(function(){
  1076. $(".srch").slideDown(function(){});
  1077. },function(){
  1078. $(".srch").slideUp(function(){});
  1079. });
  1080. });
  1081.  
  1082.  
  1083. // tooltips
  1084. (function($){
  1085. $(document).ready(function(){
  1086. $("[title]").style_my_tooltips({
  1087. tip_delay_time:200,
  1088. tip_fade_speed:300
  1089. }
  1090. );
  1091. });
  1092. })(jQuery);
  1093.  
  1094. </script>
  1095. </body>
  1096. </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!