API tools faq
paste
Advertisement
mogimochi

Theme [39] Objective

mogimochi
Jun 3rd, 2016
14,379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 39 Objective
  8. by yukoki/s-ekki
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14.  
  15. ---------------------------------------------------------- VER 230318 -->
  16.  
  17. <meta name="color:background colour" content="#ffffff">
  18. <meta name="color:side background colour" content="#ffffff">
  19. <meta name="color:side icon background" content="#ffffff">
  20.  
  21. <meta name="color:basic navigation link" content="#000000">
  22. <meta name="color:basic navigation link background" content="#ffd659">
  23. <meta name="color:basic navigation link hover" content="#ffffff">
  24. <meta name="color:basic navigation link background hover" content="#ff5361">
  25. <meta name="color:blog title" content="#f38909">
  26. <meta name="color:blog title shadow" content="#000000">
  27. <meta name="color:blog subtitle" content="#ffffff">
  28.  
  29. <meta name="color:icon navigation background" content="#30a4a2">
  30. <meta name="color:icon navigation background hover" content="#000000">
  31. <meta name="color:non custom icon navigation" content="#ffffff">
  32. <meta name="color:icon navigation text" content="#ffffff">
  33. <meta name="color:icon navigation text background" content="#ffffff">
  34. <meta name="color:icon navigation text border" content="#ffd659">
  35.  
  36. <meta name="color:description" content="#ffffff">
  37. <meta name="color:description shadow" content="#888888">
  38. <meta name="color:description bold" content="#ffffff">
  39. <meta name="color:description italic" content="#ffffff">
  40. <meta name="color:description links" content="#ffffff">
  41. <meta name="color:description links hover" content="#ffffff">
  42. <meta name="color:description border" content="#90f4f6">
  43.  
  44. <meta name="color:section close colour" content="#ffffff">
  45.  
  46. <meta name="color:about section background" content="#ffffff">
  47. <meta name="color:about section title" content="#ffffff">
  48. <meta name="color:about section title shadow" content="#000000">
  49. <meta name="color:about section text" content="#ffffff">
  50.  
  51. <meta name="color:custom link accent" content="#ffffff">
  52.  
  53. <meta name="color:taglist and network title" content="#ffffff">
  54. <meta name="color:taglist and network accent 1" content="#f38909">
  55. <meta name="color:taglist and network accent 2" content="#30a4a2">
  56. <meta name="color:taglist and network accent 3" content="#b98755">
  57. <meta name="color:taglist section tag" content="#000000">
  58. <meta name="color:taglist section tag border" content="#ffffff">
  59.  
  60. <meta name="color:network section member desc background" content="#ffffff">
  61. <meta name="color:network section member desc" content="#ffffff">
  62.  
  63. <meta name="color:post background" content="#f8f8f8">
  64. <meta name="color:post background 2" content="#fafafa">
  65. <meta name="color:top permalink background" content="#4a4a4a">
  66. <meta name="color:top perma post type icon" content="#ffffff">
  67. <meta name="color:top perma text" content="#aaaaaa">
  68. <meta name="color:top perma links" content="#aaaaaa">
  69. <meta name="color:top perma links underline" content="#666666">
  70.  
  71. <meta name="color:post accent 1" content="#FFB452">
  72. <meta name="color:post accent 2" content="#30a4a2">
  73. <meta name="color:post accent 3" content="#B08464">
  74.  
  75. <meta name="color:body text" content="#2b2b2b">
  76. <meta name="color:body bold" content="#FF9959">
  77. <meta name="color:body italic" content="#7a7a7a">
  78. <meta name="color:body links hover" content="#aaaaaa">
  79.  
  80. <meta name="color:tags" content="#000000">
  81. <meta name="color:tags bg" content="#ffd659">
  82. <meta name="color:tags hover" content="#FFFFFF">
  83. <meta name="color:tags bg hover" content="#ff5361">
  84.  
  85. <meta name="image:custom cursor" content="">
  86. <meta name="image:background image" content="">
  87. <meta name="image:side background image" content="http://static.tumblr.com/0c638cfd3cd6eff2cbf910248c80d187/2icx37z/YGhp60t8j/tumblr_static_cwzgr7wxzzks0kg0wwccwg884.jpg">
  88. <meta name="image:side icon" content="http://static.tumblr.com/bd010bef6174c30ac5b66572af6a494b/2icx37z/ao0p60sqc/tumblr_static_331piqjd804k8s4kggg4ow0c4.png">
  89. <meta name="image:first button custom icon" content="https://static.tumblr.com/c100604646600f0c80b8aacb6b383b08/2icx37z/FCmp60sqc/tumblr_static_3zduadqk8jac848kk8ks88ckc.png">
  90. <meta name="image:second button custom icon" content="https://static.tumblr.com/9edf7329b247cba1d4037b71cfc0a2dd/2icx37z/aoMp60sqd/tumblr_static_8q4res7woiskkc8ko0wc088gg.png">
  91. <meta name="image:third button custom icon" content="https://static.tumblr.com/9661abdcb11789d1632d3bba18b26965/2icx37z/HXup60sqd/tumblr_static_c0sr86qxgfkssws0kckwk8ooc.png">
  92. <meta name="image:fourth button custom icon" content="https://static.tumblr.com/44cbc7702abbca136b6c993f882a31b7/2icx37z/8aip60sqd/tumblr_static_7hoc5w8syagwck00c8ogksgc8.png">
  93. <meta name="image:about section image" content="">
  94.  
  95. <meta name="if:400px posts" content="0">
  96. <meta name="if:custom cursor" content="0">
  97. <meta name="if:cover side background image" content="1">
  98. <meta name="if:custom basic navigation text" content="1">
  99. <meta name="if:custom image navigation" content="1">
  100. <meta name="if:third button function blogroll" content="1">
  101. <meta name="if:third button function network" content="0">
  102. <meta name="if:third button function extra link" content="0">
  103.  
  104. <meta name="text:blog title" content="cheers, love!">
  105. <meta name="text:blog subtitle" content="the cavalry's here">
  106. <meta name="text:link 1" content="">
  107. <meta name="text:link 1 url" content="">
  108. <meta name="text:link 2" content="">
  109. <meta name="text:link 2 url" content="">
  110. <meta name="text:link 3" content="">
  111. <meta name="text:link 3 url" content="">
  112. <meta name="text:link 4" content="">
  113. <meta name="text:link 4 url" content="">
  114. <meta name="text:link 5" content="">
  115. <meta name="text:link 5 url" content="">
  116. <meta name="text:third button extra link" content="">
  117. <meta name="text:third button extra link url" content="">
  118. <meta name="text:basic nav refresh custom text" content="play">
  119. <meta name="text:basic nav ask custom text" content="highlights">
  120. <meta name="text:basic nav archive custom text" content="training">
  121. <meta name="text:basic nav credit custom text" content="loot box">
  122.  
  123. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  124. <link rel="shortcut icon" href="{Favicon}" />
  125.  
  126. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  127.  
  128. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  129. <script>
  130. $(document).ready(function(){
  131. $(".openabout").click(function(){
  132. $("#abme").fadeIn(900);
  133. $("#sb").fadeOut(900);
  134. });
  135. $(".closeabout").click(function(){
  136. $("#sb").fadeIn(900);
  137. $("#abme").fadeOut(900);
  138. });
  139. $(".opentags").click(function(){
  140. $("#tagslist").fadeIn(900);
  141. $("#sb").fadeOut(900);
  142. });
  143. $(".closetags").click(function(){
  144. $("#sb").fadeIn(900);
  145. $("#tagslist").fadeOut(900);
  146. });
  147. $(".openblogroll").click(function(){
  148. $("#blgr").fadeIn(900);
  149. $("#sb").fadeOut(900);
  150. });
  151. $(".closeblogroll").click(function(){
  152. $("#sb").fadeIn(900);
  153. $("#blgr").fadeOut(900);
  154. });
  155. $(".openlinks").click(function(){
  156. $("#clink").fadeIn(900);
  157. $("#sb").fadeOut(900);
  158. });
  159. $(".closelinks").click(function(){
  160. $("#sb").fadeIn(900);
  161. $("#clink").fadeOut(900);
  162. });
  163. });
  164. </script>
  165. <!--END JAVA-->
  166.  
  167.  
  168. <style type="text/css">
  169.  
  170. @font-face { font-family: "ow"; src: url('https://dl.dropboxusercontent.com/s/hlnawyfr6rwnbl6/big_noodle_titling_oblique.ttf'); }
  171. @font-face { font-family: "mo"; src: url('https://dl.dropboxusercontent.com/s/ixzc5l4rtgj34rc/Motor%20Oil%201937%20M54.ttf'); }
  172.  
  173. ::-webkit-scrollbar { width: 5px; }
  174. ::-webkit-scrollbar-track-piece {background-color:transparent;}
  175. ::-webkit-scrollbar-thumb:vertical {
  176. width: 1px;
  177. background-color: rgba(0,0,0,0.4);
  178. border-radius: 1000px;
  179. }
  180.  
  181. {block:ifcustomcursor}
  182. *, body, a, a:hover {cursor: url({image:custom cursor}), auto;}
  183. {/block:ifcustomcursor}
  184.  
  185. body {
  186. background-color: {color:background colour};
  187. background-image: url({image:background image});
  188. background-attachment: fixed;
  189. margin: 0;
  190. word-wrap: break-word;
  191. }
  192. a { text-decoration:none; }
  193.  
  194. #leftcover {
  195. width: 500px;
  196. height: 100%;
  197. background-color: {color:side background colour};
  198. background-image: url({image:side background image});
  199. {block:ifcoversidebackgroundimage}
  200. background-size: cover;
  201. {/block:ifcoversidebackgroundimage}
  202. top: 0;
  203. left: 0;
  204. position: fixed;
  205. }
  206.  
  207. #sb {
  208. width: 260px;
  209. height: 100%;
  210. position: fixed;
  211. top: 0;
  212. left: 0;
  213. padding: 0 120px;
  214. height: 390px;
  215. position: relative;
  216. top: 50%;
  217. transform: translateY(-50%);
  218. }
  219.  
  220. .sbimg {
  221. width: 240px;
  222. height: 240px;
  223. display: block;
  224. }
  225.  
  226. .hexagon {
  227. overflow: hidden;
  228. visibility: hidden;
  229. -webkit-transform: rotate(120deg);
  230. -moz-transform: rotate(120deg);
  231. -ms-transform: rotate(120deg);
  232. -o-transform: rotate(120deg);
  233. transform: rotate(120deg);
  234. }
  235. .hexagon-in1 {
  236. overflow: hidden;
  237. width: 100%;
  238. height: 100%;
  239. -webkit-transform: rotate(-60deg);
  240. -moz-transform: rotate(-60deg);
  241. -ms-transform: rotate(-60deg);
  242. -o-transform: rotate(-60deg);
  243. transform: rotate(-60deg);
  244. }
  245. .hexagon-in2 {
  246. width: 100%;
  247. height: 100%;
  248. background-repeat: no-repeat;
  249. background-position: 50%;
  250. background-image: url({image:side icon});
  251. background-size: 112px;
  252. visibility: visible;
  253. -webkit-transform: rotate(-60deg);
  254. -moz-transform: rotate(-60deg);
  255. -ms-transform: rotate(-60deg);
  256. -o-transform: rotate(-60deg);
  257. transform: rotate(-60deg);
  258. }
  259.  
  260. .hexagon2 {
  261. width: 90px;
  262. height: 100px;
  263. }
  264.  
  265. .hexagon3 {
  266. position: absolute;
  267. width: 110px;
  268. height: 120px;
  269. margin: -10px;
  270. }
  271.  
  272. .hexago {
  273. width: 100%;
  274. height: 100%;
  275. background-repeat: no-repeat;
  276. background-position: 50%;
  277. background-color: rgba({RGBcolor:side icon background},0.2);
  278. background-size: 129px;
  279. visibility: visible;
  280. -webkit-transform: rotate(-60deg);
  281. -moz-transform: rotate(-60deg);
  282. -ms-transform: rotate(-60deg);
  283. transform: rotate(-60deg);
  284. }
  285.  
  286. #navigation {
  287. position: absolute;
  288. margin: -10px 120px;
  289. }
  290.  
  291. .ngl {
  292. width: 120px;
  293. padding: 8px 10px 6px 10px;
  294. border-radius: 10px 4px;
  295. font-family: mo;
  296. font-size: 10px;
  297. letter-spacing: 1px;
  298. text-transform: uppercase;
  299. color: {color:basic navigation link};
  300. background-color: {color:basic navigation link background};
  301. margin-bottom: 8px;
  302. transition: 0.4s;
  303. }
  304.  
  305. .ngl:hover {
  306. background-color:{color:basic navigation link background hover};
  307. margin-left: 14px;
  308. }
  309.  
  310. .nt2 {
  311. position: absolute;
  312. opacity: 0;
  313. transition: 0.2s;
  314. color: {color:basic navigation link hover};
  315. }
  316. .nt1 { transition: 0.2s; }
  317.  
  318. .ngl:hover .nt2 { opacity: 1; }
  319. .ngl:hover .nt1 { opacity: 0; }
  320.  
  321. .xar, .xar2 {
  322. color: rgba(255,255,255,0.8);
  323. position: absolute;
  324. font-size: 40px;
  325. margin: -17px -14px;
  326. transition: 0.4s;
  327. opacity: 0;
  328. }
  329.  
  330. .ngl:hover .xar {
  331. opacity: 1;
  332. margin: -17px -28px;
  333. }
  334.  
  335. .ngl:hover .xar2 {
  336. opacity: 1;
  337. margin: -17px -20px;
  338. }
  339.  
  340. .tit {
  341. font-size: 60px;
  342. text-transform: uppercase;
  343. letter-spacing: 2px;
  344. color: {color:blog title};
  345. opacity: 0.7;
  346. width: 280px;
  347. z-index: 1;
  348. text-shadow: 2px 0 0 {color:blog title shadow};
  349. }
  350.  
  351. .stit {
  352. font-size: 26px;
  353. color: {color:blog subtitle};
  354. margin: -28px 16px;
  355. position: relative;
  356. z-index: 2;
  357. }
  358.  
  359. #bti {
  360. font-family: ow;
  361. margin: 30px 0 0 0;
  362. }
  363.  
  364. .nav {
  365. width: 295px;
  366. margin-left: -10px;
  367. margin-top: 20px;
  368. }
  369.  
  370. .nicpic {
  371. width: 30px;
  372. height: 30px;
  373. }
  374.  
  375. .nic {
  376. width: 30px;
  377. height: 30px;
  378. padding: 6px;
  379. background-color: {color:icon navigation background};
  380. border-radius: 100000px;
  381. overflow: hidden;
  382. float: left;
  383. border: 4px double #fff;
  384. margin-right: 23px;
  385. cursor: pointer;
  386. transition: 0.3s;
  387. }
  388.  
  389. .nic:hover {
  390. background-color: {color:icon navigation background hover};
  391. }
  392.  
  393. .navlabel {
  394. position: absolute;
  395. width: 120px;
  396. margin: 36px -45px;
  397. text-align: center;
  398. transition: 0.4s;
  399. letter-spacing: 3px;
  400. opacity: 0;
  401. }
  402.  
  403. .nvlbtri {
  404. color: {color:icon navigation text border};
  405. margin-bottom: -4px;
  406. }
  407.  
  408. .nvlbtext {
  409. border-top: 2px solid {color:icon navigation text border};
  410. background-color: rgba({RGBcolor:icon navigation text background},0.2);
  411. color: {color:icon navigation text};
  412. padding: 4px 8px;
  413. font-family: mo;
  414. font-size: 14px;
  415. }
  416.  
  417. .nic:hover .navlabel {
  418. opacity: 1;
  419. letter-spacing: 0;
  420. margin: 46px -45px;
  421. }
  422.  
  423. .nfaicon {
  424. width: 30px;
  425. height: 30px;
  426. line-height: 30px;
  427. text-align: center;
  428. color: {color:non custom icon navigation};
  429. }
  430.  
  431. .desc {
  432. width: 240px;
  433. margin-top: 40px;
  434. padding: 10px 20px;
  435. border-left: 3px solid {color:description border};
  436. font-family: calibri;
  437. font-size: 14px;
  438. color: rgba({RGBcolor:description},0.8);
  439. text-shadow: 1px 0 0 {color:description shadow};
  440. }
  441.  
  442. .desc b,strong { color: {color:description bold}; font-weight: 400; }
  443. .desc i,em { color: {color:description italic}; }
  444. .desc a { color: {color:description links}; }
  445. .desc a:hover { color: {color:description links hover}; }
  446. .moreabt b,strong { color: {color:description bold}; font-weight: 400; }
  447. .moreabt i,em { color: {color:description italic}; }
  448. .moreabt a { color: {color:description links}; }
  449. .moreabt a:hover { color: {color:description links hover}; }
  450.  
  451. .dov {
  452. overflow: auto;
  453. max-height: 85px;
  454. }
  455.  
  456. #abme, #tagslist, #blgr, #clink {
  457. width: 340px;
  458. margin: 0 80px;
  459. background-color: rgba({RGBcolor:about section background},0.2);
  460. top: 50%;
  461. transform: translateY(-50%);
  462. position: fixed;
  463. display: none;
  464. }
  465.  
  466. .puascroll {
  467. max-height: 510px;
  468. overflow: auto;
  469. }
  470.  
  471. .abmepic {
  472. width: 340px;
  473. }
  474.  
  475. .moreabt {
  476. font-family: calibri;
  477. line-height: 16px;
  478. font-size: 12px;
  479. color: {color:about section text};
  480. padding: 10px 20px;
  481. }
  482.  
  483. .closeabout, .closetags, .closeblogroll, .closelinks {
  484. font-family: helvetica;
  485. font-size: 20px;
  486. color: {color:section close colour};
  487. position: fixed;
  488. right: 9px;
  489. top: -30px;
  490. font-family: consolas;
  491. font-size: 10px;
  492. border: 1px solid {color:section close colour};
  493. padding: 2px 5px;
  494. cursor: pointer;
  495. }
  496.  
  497. .closeabout {right: 0;}
  498. .closeblogroll {right: 0;}
  499. .closelinks {right: 5px;top:0;}
  500.  
  501. .abmetit {
  502. width: 320px;
  503. font-family: ow;
  504. font-size: 40px;
  505. text-align: right;
  506. position: relative;
  507. margin-right: 20px;
  508. color: {color:about section title};
  509. margin-top: -40px;
  510. text-shadow: 2px 0 0 {color:about section title shadow};
  511. }
  512.  
  513. #tagslist {
  514. width: 330px;
  515. padding-right: 10px;
  516. background-color: rgba(255,255,255,0);
  517. }
  518.  
  519. .putscroll {
  520. max-height: 510px;
  521. overflow: auto;
  522. padding-right: 10px;
  523. }
  524.  
  525. .pubscroll {
  526. max-height: 465px;
  527. overflow: auto;
  528. {block:ifthirdbuttonfunctionnetwork}
  529. max-height: 404px;
  530. {/block:ifthirdbuttonfunctionnetwork}
  531. }
  532.  
  533. .tagblockheader {
  534. text-align: right;
  535. font-family: ow;
  536. font-size: 50px;
  537. letter-spacing: 2px;
  538. padding-bottom: -11px;
  539. line-height: 35px;
  540. color: {color:taglist and network title};
  541. margin-bottom: -6px;
  542. margin-top: 40px;
  543. }
  544.  
  545. .tagblockheader:first-child {margin-top: 10px;}
  546.  
  547. .tagsingle {
  548. font-family: mo;
  549. font-size: 16px;
  550. background-color: rgba(255,255,255,0.3);
  551. margin-top: 5px;
  552. color: {color:taglist section tag};
  553. padding: 10px 14px;
  554. border-left: 3px solid rgba({RGBcolor:taglist section tag border},0.0);
  555. transition: 0.6s;
  556. }
  557.  
  558. .tagsingle:hover {
  559. border-left: 3px solid rgba({RGBcolor:taglist section tag border},0.8);
  560. background-color: rgba(255,255,255,0.4);
  561. letter-spacing: 2px;
  562. }
  563.  
  564. #blgr {
  565. width: 370px;
  566. display: block;
  567. background-color: transparent;
  568. margin-left: 60px;
  569. display: none;
  570. {block:ifthirdbuttonfunctionnetwork}
  571. width: 400px;
  572. margin-left: 40px;
  573. {/block:ifthirdbuttonfunctionnetwork}
  574. }
  575.  
  576. .folw {
  577. float: left;
  578. margin: 0 10px 0 10px;
  579. width: 100px;
  580. }
  581.  
  582. .fic {
  583. padding: 8px;
  584. background-color: rgba(255,255,255,0.3);
  585. width: 80px;
  586. height: 80px;
  587. border-radius: 100px;
  588. }
  589.  
  590. .followeeic {
  591. width: 80px;
  592. height: 80px;
  593. position: relative;
  594. z-index: 2;
  595. transition: 0.3s;
  596. padding-bottom: 0;
  597. border-radius: 100px;
  598. }
  599.  
  600. .fname {
  601. width: 100px;
  602. z-index: 1;
  603. transition: 0.3s;
  604. text-align: center;
  605. font-family: consolas;
  606. font-size: 10px;
  607. text-transform: uppercase;
  608. color: #000;
  609. margin-left: 0px;
  610. height: 100px;
  611. z-index: 3;
  612. margin: -94px 0 20px 0;
  613. }
  614.  
  615. .fna {
  616. background-color: rgba(255,255,255,0.7);
  617. padding: 4px 8px;
  618. border-radius: 5px;
  619. position: relative;
  620. letter-spacing: 0;
  621. z-index: 3;
  622. overflow: hidden;
  623. height: 12px;
  624. top: 50%;
  625. transform: translateY(-50%);
  626. opacity: 0;
  627. transition: 0.4s;
  628. }
  629.  
  630. .folw:hover .fname { width: 120px; margin-left: -10px; }
  631.  
  632. .folw:hover .fna {
  633. letter-spacing: 1px;
  634. opacity: 1;
  635. }
  636.  
  637. .networkmember {
  638. width: 120px;
  639. float: left;
  640. margin: 0 5px;
  641. margin-bottom: 10px;
  642. }
  643.  
  644. .memberpic {
  645. width: 120px;
  646. height: 120px;
  647. display: block;
  648. border-radius: 5px 5px 0 0;
  649. }
  650.  
  651. .memberdesc {
  652. padding: 10px;
  653. background-color: rgba({RGBcolor:network section member desc background},0.3);
  654. font-family: consolas;
  655. font-size: 10px;
  656. color: {color:network section member desc};
  657. text-align: justify;
  658. overflow: auto;
  659. height: 52px;
  660. border-radius: 0 0 5px 5px;
  661. }
  662.  
  663. .membername {
  664. color: {color:taglist and network title};
  665. font-family: ow;
  666. font-size: 30px;
  667. letter-spacing: 1px;
  668. text-align: right;
  669. padding-right: 10px;
  670. margin-top: -21px;
  671. line-height: 21px;
  672. }
  673.  
  674. #clink { background-color: transparent;}
  675. .clin {
  676. width: 310px;
  677. padding: 26px 10px;
  678. text-align: center;
  679. font-family: mo;
  680. border: 2px solid {color:custom link accent};
  681. color: {color:custom link accent};
  682. letter-spacing: 3px;
  683. text-transform: uppercase;
  684. background-color: rgba({RGBcolor:custom link accent},0.1);
  685. margin: 30px 0;
  686. font-size: 14px;
  687. transition: 0.8s;
  688. }
  689.  
  690. .ctrans {
  691. background-color: {color:custom link accent};
  692. position: absolute;
  693. z-index: -1;
  694. height: 67px;
  695. width: 12px;
  696. margin: -26px -10px;
  697. transition: 0.8s;
  698. }
  699.  
  700. .clin:hover .ctrans {
  701. opacity: 0;
  702. width: 330px;
  703. }
  704.  
  705. .clin:hover { letter-spacing: 5px;margin: 50px 0; }
  706.  
  707. #content {
  708. {block:if400pxposts}
  709. width: 400px;
  710. margin: 50px 0 50px 728px;
  711. {/block:if400pxposts}
  712. {block:ifnot400pxposts}
  713. width: 500px;
  714. margin: 50px 0 50px 678px;
  715. {/block:ifnot400pxposts}
  716. }
  717.  
  718. .entry {
  719. {block:if400pxposts}
  720. width: 400px;
  721. {/block:if400pxposts}
  722. {block:ifnot400pxposts}
  723. width: 500px;
  724. {/block:ifnot400pxposts}
  725. background-color: {color:post background};
  726. margin-bottom: 50px;
  727. border-radius: 0 0 5px 5px;
  728. overflow: hidden;
  729. }
  730.  
  731. .topperma {
  732. background-color: {color:top permalink background};
  733. padding: 14px;
  734. height: 22px;
  735. border-radius: 5px 5px 0 0;
  736. {block:if400pxposts}
  737. width: 372px;
  738. {/block:if400pxposts}
  739. {block:ifnot400pxposts}
  740. width: 472px;
  741. {/block:ifnot400pxposts}
  742. }
  743.  
  744. .picon {
  745. width: 22px;
  746. height: 22px;
  747. text-align: center;
  748. line-height: 22px;
  749. border-radius: 5px;
  750. background-color: rgba(255,255,255,0.2);
  751. color: {color:top perma post type icon};
  752. float: left;
  753. font-size: 14px;
  754. }
  755.  
  756. .pusericon {
  757. width: 22px;
  758. height: 22px;
  759. border-radius: 5px;
  760. margin-left: 5px;
  761. }
  762.  
  763. .tpreb {
  764. float: right;
  765. }
  766.  
  767. .tptxt {
  768. font-family: mo;
  769. font-size: 10px;
  770. color: {color:top perma text};
  771. text-transform: uppercase;
  772. letter-spacing: 2px;
  773. padding-left: 14px;
  774. }
  775.  
  776. .tpnotecount {
  777. padding: 4px 14px;
  778. border-left: 1px solid {color:top perma links underline};
  779. margin-left: 10px;
  780. }
  781.  
  782. .tptxt a { color: {color:top perma links}; border-bottom: 1px solid {color:top perma links underline}; padding-bottom: 4px; }
  783.  
  784. .textborder {border-top: 4px solid {color:post accent 1};}
  785.  
  786. .ptitle {
  787. font-family: ow;
  788. font-size: 38px;
  789. padding: 24px 30px 24px 30px;
  790. text-align: right;
  791. color: {color:post accent 1};
  792. text-shadow: 2px 0 0 #fff;
  793. background-color: {color:post background 2};
  794. }
  795.  
  796. .body {
  797. font-family: calibri;
  798. font-size: 14px;
  799. line-height: 22px;
  800. padding: 20px 30px;
  801. color: {color:body text};
  802. }
  803.  
  804. .body a { color: {color:post accent 1}; transition: 0.4s; }
  805.  
  806. .photo img, .photo {
  807. {block:if400pxposts}
  808. max-width: 400px;
  809. {/block:if400pxposts}
  810. {block:ifnot400pxposts}
  811. max-width: 500px;
  812. {/block:ifnot400pxposts}
  813. }
  814.  
  815. .captionphoto img, .captionphotoset img, .captionlink img, .captionaudio img, .responso img {
  816. {block:if400pxposts}
  817. max-width: 370px;
  818. {/block:if400pxposts}
  819. {block:ifnot400pxposts}
  820. max-width: 470px;
  821. {/block:ifnot400pxposts}
  822. }
  823. .posts blockquote img {max-width: 100%;}
  824.  
  825. .photoo {
  826. border-top: 4px solid {color:post accent 2};
  827. display: block;
  828. padding-bottom: 0;
  829. border-radius: 0 0 5px 5px;
  830. {block:if400pxposts}
  831. width: 400px;
  832. {/block:if400pxposts}
  833. {block:ifnot400pxposts}
  834. width: 500px;
  835. {/block:ifnot400pxposts}
  836. }
  837.  
  838. .photo {
  839. border-radius: 0 0 5px 5px;
  840. display: block;
  841. }
  842.  
  843. .photoseto {border-top: 4px solid {color:post accent 3};}
  844.  
  845. .captionphoto, .captionphotoset, .captionlink, .captionaudio, .responso, .captionvideo {
  846. font-family: calibri;
  847. font-size: 14px;
  848. line-height: 22px;
  849. padding: 10px 30px;
  850. color: {color:body text};
  851. }
  852.  
  853. .captionphoto a { color: {color:post accent 2}; }
  854. .captionphotoset a { color: {color:post accent 3}; }
  855. .captionvideo a { color: {color:post accent 3}; }
  856. .captionlink a { color: {color:post accent 2}; }
  857. .captionaudio a { color: {color:post accent 1}; }
  858. .responso a { color: {color:post accent 3}; }
  859. .permainfo a { color: {color:post accent 1}; }
  860. .pitags a { color: {color:post accent 3}; }
  861. #notecon a { color:{color:post accent 2}; }
  862.  
  863. .captionphoto b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color: {color:post accent 2}; }
  864. .captionphotoset b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color: {color:post accent 3}; }
  865. .captionvideo b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color: {color:post accent 3}; }
  866. .captionlink b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color: {color:post accent 2}; }
  867. .captionaudio b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color: {color:post accent 1}; }
  868. .body b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color: {color:post accent 1}; }
  869. .responso b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color: {color:post accent 3}; }
  870. .permainfo b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color: {color:post accent 1}; }
  871. .pitags b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color: {color:post accent 3}; }
  872. #notecon b,strong { padding: 0 2px; color: #fff; font-weight: 400; background-color:{color:post accent 2}; }
  873.  
  874. .captionphoto a, .captionphotoset a, .captionlink a, .captionaudio a, .responso a, .permainfo a, .pitags a, #notecon a, .desc a, .moreabt a, .body a:hover { transition: 0.4s; border-bottom: 1px solid transparent; padding-bottom: 14px;}
  875. .captionphoto a:hover, .captionphotoset a:hover, .captionlink a:hover, .captionaudio a:hover, .responso a:hover, .permainfo a:hover, .pitags a:hover, #notecon a:hover, .desc a:hover, .moreabt a:hover, body a:hover { color: {color:body links hover}; border-bottom: 1px solid {color:body links hover};padding-bottom: 0px;}
  876.  
  877. .captionphoto blockquote { border-left: 2px solid {color:post accent 2}; }
  878. .captionphotoset blockquote { border-left: 2px solid {color:post accent 3}; }
  879. .captionvideo blockquote { border-left: 2px solid {color:post accent 3}; }
  880. .captionlink blockquote { border-left: 2px solid {color:post accent 2}; }
  881. .captionaudio blockquote { border-left: 2px solid {color:post accent 1}; }
  882. .body blockquote { border-left: 2px solid {color:post accent 1}; }
  883. .responso blockquote { border-left: 2px solid {color:post accent 3}; }
  884.  
  885. .entry i,em { color: {color:body italic};}
  886.  
  887. blockquote {
  888. padding: 0 20px;
  889. margin: 0 10px;
  890. }
  891.  
  892. .quoteo {
  893. border-top: 4px solid {color:post accent 3};
  894. text-align: center;
  895. padding: 20px 30px 0 20px;
  896. font-family: ow;
  897. font-size: 38px;
  898. color: {color:post accent 3};
  899. }
  900.  
  901. .sourceo {
  902. font-family: mo;
  903. font-size: 10px;
  904. text-transform: uppercase;
  905. letter-spacing: 3px;
  906. color: {color:body text};
  907. text-align: center;
  908. padding: 20px 30px 30px 30px;
  909. }
  910.  
  911. .sourceo a { color: {color:post accent 3}; }
  912.  
  913. .sourcehighlight {
  914. background-color: {color:post background};
  915. padding: 0 10px;
  916. position: relative;
  917. z-index: 2;
  918. }
  919.  
  920. .sourcestrike {
  921. {block:if400pxposts}
  922. width: 400px;
  923. {/block:if400pxposts}
  924. {block:ifnot400pxposts}
  925. width: 500px;
  926. {/block:ifnot400pxposts}
  927. position: absolute;
  928. z-index: 1;
  929. background-color: {color:post accent 3};
  930. height: 1px;
  931. margin: 24px 0;
  932. }
  933.  
  934. .thumbnailo {
  935. width: 30px;
  936. height: 30px;
  937. border-radius: 5px;
  938. margin: 7px 0 0 20px;
  939. }
  940.  
  941. .ltitle {
  942. color: {color:post accent 2};
  943. font-family: ow;
  944. font-size: 38px;
  945. padding: 24px 30px 24px 30px;
  946. text-align: right;
  947. text-shadow: 2px 0 0 #fff;
  948. border-top: 4px solid {color:post accent 2};
  949. background-color: {color:post background 2};
  950. transition: 0.4s;
  951. }
  952.  
  953. .ltitle:hover {
  954. letter-spacing: 1px;
  955. }
  956.  
  957. .chatborder {border-top: 4px solid {color:post accent 3};}
  958.  
  959. .line {
  960. padding: 16px 30px;
  961. font-family: calibri;
  962. }
  963.  
  964. .name {font-family: mo;}
  965. .odd .name { color: {color:post accent 2}; }
  966. .even .name { color: {color:post accent 1}; }
  967. .odd .line {background-color: {color:post background 2};}
  968.  
  969. .audioo {width: 500px; height: 150px; border-top: 4px solid {color:post accent 1};}
  970.  
  971. .okat {
  972. float: left;
  973. width: 50px;
  974. height: 150px;
  975. background-color: #fff;
  976. }
  977.  
  978. .audp {
  979. width: 30px;
  980. height: 30px;
  981. margin-left: 10px;
  982. overflow: hidden;
  983. background-color: #fff;
  984. position: relative;
  985. top: 50%;
  986. transform: translateY(-50%);
  987. }
  988.  
  989. .albar {
  990. background-color: #eee;
  991. width: 150px;
  992. height: 150px;
  993. float: left;
  994. margin-top: -150px;
  995. {block:if400pxposts}
  996. margin-left: 250px;
  997. {/block:if400pxposts}
  998. {block:ifnot400pxposts}
  999. margin-left: 350px;
  1000. {/block:ifnot400pxposts}
  1001. }
  1002.  
  1003. .emptyalb {
  1004. position: absolute;
  1005. color: #888;
  1006. text-align: center;
  1007. font-family: ow;
  1008. font-size: 26px;
  1009. position: relative;
  1010. z-index: 1;
  1011. top: 50%;
  1012. transform: translateY(-50%);
  1013. }
  1014.  
  1015. .albumart {
  1016. margin-top: -60px;
  1017. width: 150px;
  1018. height: 150px;
  1019. position: relative;
  1020. z-index: 2;
  1021. }
  1022.  
  1023. .audiodesc {
  1024. float: left;
  1025. height: 110px;
  1026. background-color: {color:post background 2};
  1027. padding: 20px;
  1028. {block:if400pxposts}
  1029. width: 160px;
  1030. {/block:if400pxposts}
  1031. {block:ifnot400pxposts}
  1032. width: 260px;
  1033. {/block:ifnot400pxposts}
  1034. }
  1035.  
  1036. .centeradesc {
  1037. position: relative;
  1038. top: 50%;
  1039. transform: translateY(-50%);
  1040. }
  1041.  
  1042. .tnamo {
  1043. font-family: ow;
  1044. font-size: 34px;
  1045. color: {color:post accent 1};
  1046. }
  1047.  
  1048. .tarti, .tbum {
  1049. font-family: mo;
  1050. font-size: 12px;
  1051. }
  1052.  
  1053. .tbum {
  1054. margin-left: 9px;
  1055. border-left: 1px solid {color:post accent 1};
  1056. padding-left: 5px;
  1057. }
  1058.  
  1059. .videoborder {border-top: 4px solid {color:post accent 3};}
  1060.  
  1061. .answero {border-top: 4px solid {color:post accent 3};}
  1062.  
  1063. .questiono {
  1064. margin: 20px;
  1065. padding: 20px;
  1066. background-color: {color:post background 3};
  1067. border-bottom: 4px solid {color:post accent 3};
  1068. font-family: calibri;
  1069. text-align: center;
  1070. {block:if400pxposts}
  1071. width: 320px;
  1072. {/block:if400pxposts}
  1073. {block:ifnot400pxposts}
  1074. width: 420px;
  1075. {/block:ifnot400pxposts}
  1076. }
  1077.  
  1078. .askertri {
  1079. color: {color:post accent 3};
  1080. position: absolute;
  1081. font-size: 14px;
  1082. text-align: center;
  1083. margin-top: -24px;
  1084. {block:if400pxposts}
  1085. width: 400px;
  1086. {/block:if400pxposts}
  1087. {block:ifnot400pxposts}
  1088. width: 500px;
  1089. {/block:ifnot400pxposts}
  1090. }
  1091.  
  1092. .askernam {
  1093. text-align: center;
  1094. font-family: ow;
  1095. font-size: 30px;
  1096. letter-spacing: 2px;
  1097. color: {color: body text};
  1098. {block:if400pxposts}
  1099. width: 400px;
  1100. {/block:if400pxposts}
  1101. {block:ifnot400pxposts}
  1102. width: 500px;
  1103. {/block:ifnot400pxposts}
  1104. }
  1105.  
  1106. .askernam a { color: {color:post accent 3}; }
  1107.  
  1108. .askericon {
  1109. width: 24px;
  1110. height: 24px;
  1111. border-radius: 5px;
  1112. margin-right: 14px;
  1113. }
  1114.  
  1115. .permaright, .permaright2 {
  1116. position: absolute;
  1117. transition: 0.3s;
  1118. opacity: 0;
  1119. {block:if400pxposts}
  1120. margin: 40px 420px;
  1121. {/block:if400pxposts}
  1122. {block:ifnot400pxposts}
  1123. margin: 40px 520px;
  1124. {/block:ifnot400pxposts}
  1125. }
  1126.  
  1127. .entry:hover .permaright, .entry:hover .permaright2 {
  1128. opacity: 1;
  1129. {block:if400pxposts}
  1130. margin: 60px 420px;
  1131. {/block:if400pxposts}
  1132. {block:ifnot400pxposts}
  1133. margin: 60px 520px;
  1134. {/block:ifnot400pxposts}
  1135. }
  1136.  
  1137. .permaright {width: 30px;}
  1138. .permaright2 {width: 120px;}
  1139.  
  1140. .tago {
  1141. margin-top: 30px;
  1142. }
  1143.  
  1144. .tago a {
  1145. padding: 6px 6px 4px 6px;
  1146. border-radius: 10px 4px;
  1147. font-family: mo;
  1148. font-size: 10px;
  1149. letter-spacing: 1px;
  1150. text-transform: uppercase;
  1151. color: {color:tags};
  1152. background-color: {color:tags bg};
  1153. line-height: 26px;
  1154. transition: 0.4s;
  1155. }
  1156.  
  1157. .tago a:hover {
  1158. background-color: {color:tags bg hover};
  1159. color: {color:tags hover};
  1160. }
  1161.  
  1162. .pacti {
  1163. width: 24px;
  1164. height: 24px;
  1165. background-color: {color:post background 2};
  1166. color: #aaaaaa;
  1167. text-align: center;
  1168. line-height: 24px;
  1169. float: left;
  1170. margin-right: 10px;
  1171. border-radius: 5px;
  1172. font-size: 12px;
  1173. margin-bottom: 6px;
  1174. }
  1175.  
  1176. .permainfo {
  1177. font-family: calibri;
  1178. font-size: 14px;
  1179. color: {color:body text};
  1180. padding: 30px;
  1181. background-color: {color:post background 2};
  1182. }
  1183.  
  1184. #notecon {
  1185. padding: 30px;
  1186. margin-top: 30px;
  1187. background-color: {color:post background 2};
  1188. font-family: calibri;
  1189. font-size: 12px;
  1190. color: {color:body text};
  1191. }
  1192.  
  1193. #notecon ol.notes {
  1194. list-style-type: none;
  1195. font-size: 12px;
  1196. color: {color:body text};
  1197. font-family: calibri;
  1198. text-decoration: none;
  1199. margin: 0;
  1200. line-height: 14px;
  1201. text-align: left;
  1202. {block:if400pxposts}
  1203. width: 340px;
  1204. {/block:if400pxposts}
  1205. {block:ifnot400pxposts}
  1206. width: 440px;
  1207. {/block:ifnot400pxposts}
  1208. }
  1209.  
  1210. .notes li {
  1211. margin-left: -30px;
  1212. font-size: 12px;
  1213. padding: 10px 0;
  1214. border-bottom: 1px solid #aaaaaa;
  1215. {block:if400pxposts}
  1216. width: 320px;
  1217. {/block:if400pxposts}
  1218. {block:ifnot400pxposts}
  1219. width: 420px;
  1220. {/block:ifnot400pxposts}
  1221. }
  1222.  
  1223. .notes img {
  1224. margin-right: 10px;
  1225. float: left;
  1226. width: 13px;
  1227. height: 13px;
  1228. }
  1229.  
  1230. #button3warning {
  1231. position: fixed;
  1232. width: 100%;
  1233. height: 100%;
  1234. z-index: 10000;
  1235. top: 0;
  1236. left: 0;
  1237. background-color: rgba(0,0,0,0.85);
  1238. line-height: 600px;
  1239. color: #fff;
  1240. font-family: ow;
  1241. font-size: 40px;
  1242. text-align: center;
  1243. letter-spacing: 3px;
  1244. display: none;
  1245. {block:ifthirdbuttonfunctionblogroll}
  1246. {block:ifthirdbuttonfunctionnetwork}
  1247. display: block;
  1248. {/block:ifthirdbuttonfunctionnetwork}
  1249. {/block:ifthirdbuttonfunctionblogroll}
  1250. {block:ifthirdbuttonfunctionblogroll}
  1251. {block:ifthirdbuttonfunctionextralink}
  1252. display: block;
  1253. {/block:ifthirdbuttonfunctionextralink}
  1254. {/block:ifthirdbuttonfunctionblogroll}
  1255. {block:ifthirdbuttonfunctionnetwork}
  1256. {block:ifthirdbuttonfunctionextralink}
  1257. display: block;
  1258. {/block:ifthirdbuttonfunctionextralink}
  1259. {/block:ifthirdbuttonfunctionnetwork}
  1260. {block:ifthirdbuttonfunctionblogroll}
  1261. {block:ifthirdbuttonfunctionnetwork}
  1262. {block:ifthirdbuttonfunctionextralink}
  1263. display: block;
  1264. {/block:ifthirdbuttonfunctionextralink}
  1265. {/block:ifthirdbuttonfunctionnetwork}
  1266. {/block:ifthirdbuttonfunctionblogroll}
  1267. {block:ifnotthirdbuttonfunctionblogroll}
  1268. {block:ifnotthirdbuttonfunctionnetwork}
  1269. {block:ifnotthirdbuttonfunctionextralink}
  1270. display: block;
  1271. {/block:ifnotthirdbuttonfunctionextralink}
  1272. {/block:ifnotthirdbuttonfunctionnetwork}
  1273. {/block:ifnotthirdbuttonfunctionblogroll}
  1274.  
  1275. }
  1276.  
  1277. .picon i,em { color: {color:top perma post type icon}; }
  1278.  
  1279. .ltitle i,em { color: {color:post accent 2}; }
  1280.  
  1281. .pagi {
  1282. text-align: center;
  1283. padding: 10px 20px;
  1284. font-family: ow;
  1285. font-size: 30px;
  1286. }
  1287.  
  1288. .pagi a {
  1289. color: {color:body text};
  1290. padding: 3px 5px;
  1291. margin: 0 1px;
  1292. -webkit-transition: all 0.4s ease-in-out;
  1293. -moz-transition: all 0.4s ease-in-out;
  1294. -o-transition: all 0.4s ease-in-out;
  1295. -ms-transition: all 0.4s ease-in-out;
  1296. transition: all 0.4s ease-in-out;
  1297. }
  1298. .pagi a:hover {background-color: {color:post accent 1};}
  1299. .current_page {
  1300. background-color: {color:post accent 2};
  1301. padding: 3px 5px;
  1302. margin: 0 1px;
  1303. }
  1304.  
  1305. #tbhalt1 { border-bottom: 3px solid {color:taglist and network accent 1}; text-shadow: 2px 0 0 {color:taglist and network accent 1}; }
  1306. #tbhalt2 { border-bottom: 3px solid {color:taglist and network accent 2}; text-shadow: 2px 0 0 {color:taglist and network accent 2}; }
  1307. #tbhalt3 { border-bottom: 3px solid {color:taglist and network accent 3}; text-shadow: 2px 0 0 {color:taglist and network accent 3}; }
  1308.  
  1309. {CustomCSS}
  1310.  
  1311. </style>
  1312. </head>
  1313. <body>
  1314.  
  1315. <div id="button3warning">Please select one third button function.</div>
  1316.  
  1317. <div id="content">
  1318.  
  1319. {block:Posts}
  1320.  
  1321. <div class="entry">
  1322.  
  1323. {block:date}
  1324. <div class="permaright{block:HasTags}2{/block:HasTags}">
  1325. <a href="{ReblogURL}"><div class="pacti"><i class="fa fa-retweet"></i></div></a><div class="pacti">{LikeButton size="14"}</div>
  1326. {block:HasTags}<div class="tago">
  1327. {block:Tags}<a href="{TagURL}">#{Tag}</a><br>{/block:Tags}
  1328. </div>{/block:HasTags}
  1329. </div><!--permaright-->
  1330. {/block:date}
  1331.  
  1332. <div class="topperma">{block:date}
  1333. <div class="picon"><!--post type icon-->
  1334. {block:text}<i class="fa fa-file-text-o"></i>{/block:text}
  1335. {block:Photo}<i class="fa fa-camera-retro"></i>{/block:Photo}
  1336. {block:Photoset}<i class="fa fa-th-large"></i>{/block:Photoset}
  1337. {block:Quote}<i class="fa fa-quote-left"></i>{/block:Quote}
  1338. {block:Link}<i class="fa fa-chain"></i>{/block:Link}
  1339. {block:Chat}<i class="fa fa-comments-o"></i>{/block:Chat}
  1340. {block:Audio}<i class="fa fa-headphones"></i>{/block:Audio}
  1341. {block:Video}<i class="fa fa-video-camera"></i>{/block:Video}
  1342. {block:Answer}<i class="fa fa-bullhorn"></i>{/block:Answer}
  1343. </div><!--picon-->
  1344. {block:if400pxposts}
  1345. <span class="tptxt"><a href="{Permalink}">{TimeAgo}</a> <span class="tpnotecount"><a href="{Permalink}">{NoteCountWithLabel}</a></span></span>
  1346. {/block:if400pxposts}
  1347. {block:ifnot400pxposts}
  1348. <span class="tptxt">{PostType} posted <a href="{Permalink}">{TimeAgo}</a> <span class="tpnotecount"><a href="{Permalink}">{NoteCountWithLabel}</a></span></span>
  1349. {/block:ifnot400pxposts}
  1350. {block:RebloggedFrom}<div class="tpreb">
  1351. <a href="{ReblogParentURL}"><img class="pusericon" src="{ReblogParentPortraitURL-40}"></a><a href="{ReblogRootURL}"><img class="pusericon" src="{ReblogRootPortraitURL-40}"></a>
  1352. </div><!--tpreb-->{/block:RebloggedFrom}
  1353. {/block:date}</div><!--topperma-->
  1354.  
  1355. {block:Answer}
  1356. <div class="answero">
  1357. <div class="questiono">{Question}</div>
  1358. <div class="askertri">▼</div>
  1359. <div class="askernam"><img class="askericon" src="{AskerPortraitURL-30}"> <span class="asjer">{Asker}</span></div>
  1360. </div><!--answero-->
  1361. <div class="responso">{Answer}</div>
  1362. {/block:Answer}
  1363.  
  1364. {block:text}
  1365. <div class="textborder">
  1366. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  1367. <div class="body">{Body}</div>
  1368. </div><!--tetborder-->
  1369. {/block:text}
  1370.  
  1371. {block:Photo}
  1372. <div class="photoo"><center><img class="photo" src="{PhotoURL-500}"></center></div>
  1373. {block:Caption}<div class="captionphoto">{Caption}</div>{/block:Caption}
  1374. {/block:Photo}
  1375.  
  1376. {block:Photoset}
  1377. <div class="photoseto">
  1378. {block:if400pxposts}
  1379. {Photoset-400}
  1380. {/block:if400pxposts}
  1381. {block:ifnot400pxposts}
  1382. {Photoset-500}
  1383. {/block:ifnot400pxposts}
  1384. </div>
  1385. {block:Caption}<div class="captionphotoset">{Caption}</div>{/block:Caption}
  1386. {/block:Photoset}
  1387.  
  1388. {block:Quote}
  1389. <div class="quoteo">{Quote}</div>
  1390. {block:Source}<div class="sourcestrike"></div><div class="sourceo"><span class="sourcehighlight">{Source}</span></div>{/block:Source}
  1391. {/block:Quote}
  1392.  
  1393. {block:Link}
  1394. <a href="{URL}"><div class="ltitle"><i class="fa fa-angle-double-right"></i> {Name} {block:thumbnail}<img class="thumbnailo" src="{thumbnail}">{/block:thumbnail}</div></a>
  1395. {block:Description}<div class="captionlink">{Description}</div>{/block:Description}
  1396. {/block:Link}
  1397.  
  1398. {block:Chat}
  1399. <div class="chatborder">
  1400. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  1401. {block:Lines}<div class="{Alt}">
  1402. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1403. {/block:Lines}
  1404. </div><!--chatborder-->
  1405. {/block:Chat}
  1406.  
  1407. {block:Audio}
  1408. <div class="audioo">
  1409. {block:AudioPlayer}<div class="okat"><div class="audp">{AudioPlayer}</div></div>{/block:AudioPlayer}
  1410. <div class="audiodesc">
  1411. <div class="centeradesc">
  1412. {block:TrackName}<span class="tnamo">{TrackName}</span>{/block:TrackName}
  1413. <br>{block:Artist}<span class="tarti">{Artist}</span>{/block:Artist}{block:Album}<span class="tbum">{Album}</span>{/block:Album}</span>
  1414. </div><!--centeradesc-->
  1415. </div><!--audiodesc-->
  1416. <div class="albar"><div class="emptyalb">album art unavailable</div>{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1417. </div><!--audioo-->
  1418. {block:Caption}<div class="captionaudio">{Caption}</div>{/block:Caption}
  1419. {/block:Audio}
  1420.  
  1421. {block:Video}
  1422. <div class="videoborder">
  1423. {block:if400pxposts}
  1424. {Video-400}
  1425. {/block:if400pxposts}
  1426. {block:ifnot400pxposts}
  1427. {Video-500}
  1428. {/block:ifnot400pxposts}
  1429. {block:Caption}<div class="captionvideo">{Caption}</div>{/block:Caption}
  1430. </div><!--videoborder-->
  1431. {/block:Video}
  1432.  
  1433. </div><!--entry-->
  1434.  
  1435. {block:permalinkpage}
  1436. {block:date}<div class="permainfo">
  1437. Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
  1438. {block:RebloggedFrom}
  1439. Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  1440. {/block:RebloggedFrom}
  1441. {block:HasTags}<div class="pitags">{block:Tags}
  1442. <a href="{TagURL}">#{Tag} </a>
  1443. {/block:Tags}</div>{/block:HasTags}
  1444. </div>{/block:date}
  1445. {block:date}{block:NoteCount}<div id="notecon">
  1446. {PostNotes-16}
  1447. </div><!--notecon-->{/block:NoteCount}{/block:date}
  1448. {/block:permalinkpage}
  1449.  
  1450. {/block:Posts}
  1451. {block:ContentSource}
  1452. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1453. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1454. {/block:SourceLogo}
  1455. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1456. {/block:ContentSource}
  1457.  
  1458. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1459.  
  1460. <div class="pagi">
  1461. {block:Pagination}
  1462. {block:PreviousPage}
  1463. <a href="{PreviousPage}"><</a>
  1464. {/block:PreviousPage}
  1465. {block:JumpPagination length="5"}
  1466. {block:CurrentPage}
  1467. <span class="current_page">X</span>
  1468. {/block:CurrentPage}
  1469. {block:JumpPage}
  1470. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1471. {/block:JumpPage}
  1472. {/block:JumpPagination}
  1473. {block:NextPage}
  1474. <a href="{NextPage}">></a>
  1475. {/block:NextPage}
  1476. {/block:Pagination}
  1477. </div>
  1478.  
  1479. </div><!--content-->
  1480.  
  1481. <div id="leftcover">
  1482.  
  1483. <div id="clink">
  1484. <div class="closelinks"><i class="fa fa-close"></i></div>
  1485. {block:iflink1}<a href="{text:link 1 URL}"><div class="clin"><div class="ctrans"></div>{text:link 1}</div></a>{/block:iflink1}
  1486. {block:iflink2}<a href="{text:link 2 URL}"><div class="clin"><div class="ctrans"></div>{text:link 2}</div></a>{/block:iflink2}
  1487. {block:iflink3}<a href="{text:link 3 URL}"><div class="clin"><div class="ctrans"></div>{text:link 3}</div></a>{/block:iflink3}
  1488. {block:iflink4}<a href="{text:link 4 URL}"><div class="clin"><div class="ctrans"></div>{text:link 4}</div></a>{/block:iflink4}
  1489. {block:iflink5}<a href="{text:link 5 URL}"><div class="clin"><div class="ctrans"></div>{text:link 5}</div></a>{/block:iflink5}
  1490. </div><!--clink-->
  1491.  
  1492. <div id="blgr">
  1493. <div class="closeblogroll"><i class="fa fa-close"></i></div>
  1494.  
  1495. <div class="pubscroll">
  1496.  
  1497. {block:ifthirdbuttonfunctionnetwork}
  1498.  
  1499. <div id="networkmemberlist">
  1500.  
  1501. <!---------------------------- EXAMPLE ---------------------------------
  1502.  
  1503. <div class="networkmember">
  1504. <img class="memberpic" src="https://67.media.tumblr.com/80115cf3bf2d998490462f85aeb4cb22/tumblr_o7xou5gYpo1uswm2uo5_1280.png">
  1505. <a href="http://genji.tumblr.com">
  1506. <div class="membername" id="tbhalt1">genji</div>
  1507. </a>
  1508. <div class="memberdesc">this is genji and he is cool</div>
  1509. </div>
  1510.  
  1511. -----------------------------------------------------------------------
  1512.  
  1513. btw in the line where you type in the member name, there's an area that goes id="tbhaltx" where x is a number from 1 to 3. These are the 3 different taglist and network accent colours so cycle through them to add more colour to your page!!!!
  1514.  
  1515. ---------------------------------------------------------------------->
  1516.  
  1517.  
  1518. <div class="networkmember">
  1519. <img class="memberpic" src="member icon url">
  1520. <a href="http://memberurl.tumblr.com">
  1521. <div class="membername" id="tbhalt1">member</div>
  1522. </a>
  1523. <div class="memberdesc">member description</div>
  1524. </div><!--networkmember-->
  1525.  
  1526. <div class="networkmember">
  1527. <img class="memberpic" src="member icon url">
  1528. <a href="http://memberurl.tumblr.com">
  1529. <div class="membername" id="tbhalt1">member</div>
  1530. </a>
  1531. <div class="memberdesc">member description</div>
  1532. </div><!--networkmember-->
  1533.  
  1534. <div class="networkmember">
  1535. <img class="memberpic" src="member icon url">
  1536. <a href="http://memberurl.tumblr.com">
  1537. <div class="membername" id="tbhalt1">member</div>
  1538. </a>
  1539. <div class="memberdesc">member description</div>
  1540. </div><!--networkmember-->
  1541.  
  1542.  
  1543. </div><!--networkmemberlist-->
  1544.  
  1545. {/block:ifthirdbuttonfunctionnetwork}
  1546.  
  1547. {block:ifthirdbuttonfunctionblogroll}
  1548. {block:Following}
  1549. {block:Followed}
  1550. <div class="folw">
  1551. <div class="fic"><img class="followeeic" src="{FollowedPortraitURL-96}"></div>
  1552. <a href="{FollowedURL}"><div class="fname"><div class="fna">{FollowedName}</div></div></a>
  1553. </div><!--folw-->
  1554. {/block:Followed}
  1555. {/block:Following}
  1556. {/block:ifthirdbuttonfunctionblogroll}
  1557.  
  1558. </div><!--pubscroll-->
  1559.  
  1560. </div><!--blgr-->
  1561.  
  1562. <div id="tagslist">
  1563. <div class="closetags"><i class="fa fa-close"></i></div>
  1564.  
  1565. <div class="putscroll">
  1566.  
  1567.  
  1568. <!---------------------------- EXAMPLE ---------------------------------
  1569.  
  1570. <div class="tagblockheader" id="tbhalt1">Locations</div>
  1571. <a href="/tagged/"><div class="tagsingle">Hanamura</div></a>
  1572. <a href="/tagged/"><div class="tagsingle">King's row</div></a>
  1573. <a href="/tagged/"><div class="tagsingle">Lijiang tower</div></a>
  1574. <a href="/tagged/"><div class="tagsingle">Dorado</div></a>
  1575. <a href="/tagged/"><div class="tagsingle">Gibraltar</div></a>
  1576.  
  1577. -----------------------------------------------------------------------
  1578.  
  1579. btw in the tagblockheader div you'll find that is has an extra
  1580. id="altx" attached where x is 1, 2 or 3. It's the colours you picked for your taglist and network colour accents so cycle through the numbers to add colours to your taglist!
  1581.  
  1582. ---------------------------------------------------------------------->
  1583.  
  1584. <div class="tagblockheader" id="tbhalt1">tag header 1</div>
  1585. <a href="/tagged/tag1"><div class="tagsingle">tag1</div></a>
  1586. <a href="/tagged/tag2"><div class="tagsingle">tag2</div></a>
  1587. <a href="/tagged/tag3"><div class="tagsingle">tag3</div></a>
  1588. <a href="/tagged/tag4"><div class="tagsingle">tag4</div></a>
  1589.  
  1590. <div class="tagblockheader" id="tbhalt2">tag header 2</div>
  1591. <a href="/tagged/tag1"><div class="tagsingle">tag1</div></a>
  1592. <a href="/tagged/tag2"><div class="tagsingle">tag2</div></a>
  1593.  
  1594. <div class="tagblockheader" id="tbhalt3">tag header 3</div>
  1595. <a href="/tagged/tag1"><div class="tagsingle">tag1</div></a>
  1596. <a href="/tagged/tag2"><div class="tagsingle">tag2</div></a>
  1597. <a href="/tagged/tag3"><div class="tagsingle">tag3</div></a>
  1598. <a href="/tagged/tag4"><div class="tagsingle">tag4</div></a>
  1599. <a href="/tagged/tag5"><div class="tagsingle">tag5</div></a>
  1600. <a href="/tagged/tag6"><div class="tagsingle">tag6</div></a>
  1601.  
  1602. </div><!--puscroll-->
  1603. </div><!--tagslist-->
  1604.  
  1605. <div id="abme">
  1606. <div class="closeabout"><i class="fa fa-close"></i></div>
  1607. <div class="puascroll">
  1608. <img class="abmepic" src="{image:about section image}">
  1609. <div class="abmetit">about me</div>
  1610. <div class="moreabt">
  1611. Write more about yourself here.
  1612. </div><!--moreabt-->
  1613. </div><!--puascroll-->
  1614. </div><!--abme-->
  1615.  
  1616. <div id="sb">
  1617.  
  1618. <div id="navigation">
  1619.  
  1620. {block:ifcustombasicnavigationtext}
  1621. <a href="/"><div class="ngl"><div class="xar2"><i class="fa fa-angle-right"></i></div><div class="xar"><i class="fa fa-angle-right"></i></div><span class="nt2">refresh</span><span class="nt1">{text:basic nav refresh custom text}</span></div></a>
  1622. <a href="/ask"><div class="ngl"><div class="xar2"><i class="fa fa-angle-right"></i></div><div class="xar"><i class="fa fa-angle-right"></i></div><span class="nt2">send a message</span><span class="nt1">{text:basic nav ask custom text}</span></div></a>
  1623. <a href="/archive"><div class="ngl"><div class="xar2"><i class="fa fa-angle-right"></i></div><div class="xar"><i class="fa fa-angle-right"></i></div><span class="nt2">the archives</span><span class="nt1">{text:basic nav archive custom text}</span></div></a>
  1624. <a href="http://yukoki.tumblr.com"><div class="ngl"><div class="xar2"><i class="fa fa-angle-right"></i></div><div class="xar"><i class="fa fa-angle-right"></i></div><span class="nt2">theme credit</span><span class="nt1">{text:basic nav credit custom text}</span></div></a>
  1625. {/block:ifcustombasicnavigationtext}
  1626.  
  1627. {block:ifnotcustombasicnavigationtext}
  1628. <a href="/"><div class="ngl"><div class="xar2"><i class="fa fa-angle-right"></i></div><div class="xar"><i class="fa fa-angle-right"></i></div><span class="nt2">refresh</span><span class="nt1">refresh</span></div></a>
  1629. <a href="/ask"><div class="ngl"><div class="xar2"><i class="fa fa-angle-right"></i></div><div class="xar"><i class="fa fa-angle-right"></i></div><span class="nt2">send a message</span><span class="nt1">send a message</span></div></a>
  1630. <a href="/archive"><div class="ngl"><div class="xar2"><i class="fa fa-angle-right"></i></div><div class="xar"><i class="fa fa-angle-right"></i></div><span class="nt2">the archives</span><span class="nt1">the archives</span></div></a>
  1631. <a href="http://yukoki.tumblr.com"><div class="ngl"><div class="xar2"><i class="fa fa-angle-right"></i></div><div class="xar"><i class="fa fa-angle-right"></i></div><span class="nt2">theme credit</span><span class="nt1">theme credit</span></div></a>
  1632. {/block:ifnotcustombasicnavigationtext}
  1633.  
  1634. </div><!--navigation-->
  1635.  
  1636. <div class="hexagon hexagon3"><div class="hexagon-in1"><div class="hexago"></div></div></div>
  1637. <div class="hexagon hexagon2"><div class="hexagon-in1"><div class="hexagon-in2"></div></div></div>
  1638.  
  1639. <div id="bti">
  1640. <div class="tit">{text:blog title}</div>
  1641. <div class="stit">{text:blog subtitle}</div>
  1642. </div><!--bti-->
  1643.  
  1644. <div class="desc"><div class="dov">{description}</div></div>
  1645.  
  1646. <div class="nav">
  1647.  
  1648. {block:ifnotcustomimagenavigation}
  1649.  
  1650. <span class="openabout"><div class="nic">
  1651. <div class="navlabel"><div class="nvlbtri">▲</div><span class="nvlbtext">about me</span>
  1652. </div><div class="nfaicon"><i class="fa fa-user"></i></div></div></span>
  1653.  
  1654. <span class="opentags"><div class="nic">
  1655. <div class="navlabel"><div class="nvlbtri">▲</div><span class="nvlbtext">taglist</span>
  1656. </div><div class="nfaicon"><i class="fa fa-tags"></i></div></div></span>
  1657.  
  1658. {block:ifthirdbuttonfunctionblogroll}<span class="openblogroll">{/block:ifthirdbuttonfunctionblogroll}
  1659. {block:ifthirdbuttonfunctionnetwork}<span class="openblogroll">{/block:ifthirdbuttonfunctionnetwork}
  1660. {block:ifthirdbuttonfunctionextralink}<a href="{text:third button extra link url}">{/block:ifthirdbuttonfunctionextralink}
  1661. <div class="nic">
  1662. <div class="navlabel"><div class="nvlbtri">▲</div><span class="nvlbtext">{block:ifthirdbuttonfunctionblogroll}following{/block:ifthirdbuttonfunctionblogroll}{block:ifthirdbuttonfunctionnetwork}network{/block:ifthirdbuttonfunctionnetwork}{block:ifthirdbuttonfunctionextralink}{text:third button extra link}{/block:ifthirdbuttonfunctionextralink}</span>
  1663. </div><div class="nfaicon"><i class="fa fa-heart-o"></i></div></div>
  1664. {block:ifthirdbuttonfunctionblogroll}</span>{/block:ifthirdbuttonfunctionblogroll}
  1665. {block:ifthirdbuttonfunctionnetwork}</span>{/block:ifthirdbuttonfunctionnetwork}
  1666. {block:ifthirdbuttonfunctionextralink}</a>{/block:ifthirdbuttonfunctionextralink}
  1667.  
  1668. <span class="openlinks"><div class="nic">
  1669. <div class="navlabel"><div class="nvlbtri">▲</div><span class="nvlbtext">directory</span>
  1670. </div><div class="nfaicon"><i class="fa fa-plus"></i></div></div></span>
  1671.  
  1672. {/block:ifnotcustomimagenavigation}
  1673.  
  1674. {block:ifcustomimagenavigation}
  1675.  
  1676. <span class="openabout"><div class="nic">
  1677. <div class="navlabel"><div class="nvlbtri">▲</div><span class="nvlbtext">about me</span>
  1678. </div><img class="nicpic" src="{image:first button custom icon}"></div></span>
  1679.  
  1680. <span class="opentags"><div class="nic">
  1681. <div class="navlabel"><div class="nvlbtri">▲</div><span class="nvlbtext">taglist</span>
  1682. </div><img class="nicpic" src="{image:second button custom icon}"></div></span>
  1683.  
  1684. {block:ifthirdbuttonfunctionblogroll}<span class="openblogroll">{/block:ifthirdbuttonfunctionblogroll}
  1685. {block:ifthirdbuttonfunctionnetwork}<span class="openblogroll">{/block:ifthirdbuttonfunctionnetwork}
  1686. {block:ifthirdbuttonfunctionextralink}<a href="{text:third button extra link url}">{/block:ifthirdbuttonfunctionextralink}
  1687. <div class="nic">
  1688. <div class="navlabel"><div class="nvlbtri">▲</div><span class="nvlbtext">{block:ifthirdbuttonfunctionblogroll}following{/block:ifthirdbuttonfunctionblogroll}{block:ifthirdbuttonfunctionnetwork}network{/block:ifthirdbuttonfunctionnetwork}{block:ifthirdbuttonfunctionextralink}{text:third button extra link}{/block:ifthirdbuttonfunctionextralink}</span>
  1689. </div><img class="nicpic" src="{image:third button custom icon}"></div>
  1690. {block:ifthirdbuttonfunctionblogroll}</span>{/block:ifthirdbuttonfunctionblogroll}
  1691. {block:ifthirdbuttonfunctionnetwork}</span>{/block:ifthirdbuttonfunctionnetwork}
  1692. {block:ifthirdbuttonfunctionextralink}</a>{/block:ifthirdbuttonfunctionextralink}
  1693.  
  1694. <span class="openlinks"><div class="nic">
  1695. <div class="navlabel"><div class="nvlbtri">▲</div><span class="nvlbtext">directory</span>
  1696. </div><img class="nicpic" src="{image:fourth button custom icon}"></div></span>
  1697.  
  1698. {/block:ifcustomimagenavigation}
  1699.  
  1700. </div><!--nav-->
  1701.  
  1702. </div><!--sb-->
  1703.  
  1704. </div><!--leftcov-->
  1705.  
  1706. </body>
  1707. </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!