API tools faq
paste
Advertisement
mogimochi

Theme [40] Architech

mogimochi
Jul 23rd, 2017
11,192
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 91.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 40 Architech
  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 250817 -->
  16.  
  17. <meta name="color:tooltips background" content="#000000">
  18. <meta name="color:tooltips text" content="#ffffff">
  19. <meta name="color:background" content="#ffffff">
  20. <meta name="color:scrollbar" content="#dddddd">
  21.  
  22. <meta name="color:main hexagon 1" content="#d5ebea">
  23. <meta name="color:main hexagon 2" content="#fff5d5">
  24. <meta name="color:main blog title" content="#000000">
  25. <meta name="color:main blog title underline colour 1" content="#FAE9BC">
  26. <meta name="color:main blog title underline colour 2" content="#EFEBD3">
  27. <meta name="color:main blog title underline colour 3" content="#E3EDE9">
  28. <meta name="color:main description" content="#000000">
  29. <meta name="color:main description bold" content="#85adbb">
  30. <meta name="color:main description italic" content="#848484">
  31. <meta name="color:main description link" content="#e7a747">
  32. <meta name="color:main description link underline" content="#ffe09e">
  33. <meta name="color:main description link hover" content="#000000">
  34.  
  35. <meta name="color:about panel background" content="#dff0ef">
  36. <meta name="color:about panel icon" content="#96c2c0">
  37. <meta name="color:about panel borders" content="#ffffff">
  38. <meta name="color:about panel column 1 background" content="#FAE9BC">
  39. <meta name="color:about panel column 2 background" content="#EFEBD3">
  40. <meta name="color:about panel column 3 background" content="#E3EDE9">
  41. <meta name="color:about panel column type hexagon icon" content="#bbbbbb">
  42.  
  43. <meta name="color:about panel basic list type text" content="#000000">
  44. <meta name="color:about panel basic list text" content="#000000">
  45. <meta name="color:about panel description scrollbar" content="#dbc24e">
  46. <meta name="color:about panel description" content="#000000">
  47. <meta name="color:about panel description first letter" content="#df9559">
  48. <meta name="color:about panel description bold" content="#dfb345">
  49. <meta name="color:about panel description italic" content="#949494">
  50. <meta name="color:about panel description link" content="#aa8d4e">
  51. <meta name="color:about panel description link underline" content="#ad9051">
  52. <meta name="color:about panel description link hover" content="#000000">
  53.  
  54. <meta name="color:about panel custom link text" content="#000000">
  55. <meta name="color:about panel custom link icon" content="#ad8a4e">
  56.  
  57. <meta name="color:about panel progress bar label" content="#000000">
  58. <meta name="color:about panel progress bar 1" content="#AAC2C4">
  59. <meta name="color:about panel progress bar 2" content="#edd7aa">
  60. <meta name="color:about panel progress bar 3" content="#bce0d5">
  61. <meta name="color:about panel progress bar 4" content="#eff7f5">
  62.  
  63. <meta name="color:contact panel background" content="#fff8e3">
  64. <meta name="color:contact panel icon" content="#d6c89d">
  65. <meta name="color:contact panel borders" content="#ffffff">
  66. <meta name="color:contact panel column 1 background" content="#FAEEBA">
  67. <meta name="color:contact panel column 2 background" content="#E3F0CF">
  68. <meta name="color:contact panel column type hexagon icon" content="#bbbbbb">
  69.  
  70. <meta name="color:contact panel askbox text" content="#000000">
  71. <meta name="color:contact panel askbox text deco" content="#f0cb72">
  72. <meta name="color:contact panel askbox subtext" content="#777777">
  73. <meta name="color:contact panel faq scrollbar" content="#c8d8b0">
  74. <meta name="color:contact panel faq deco" content="#a8ddca">
  75. <meta name="color:contact panel faq marker background" content="#ffffff">
  76. <meta name="color:contact panel faq marker text" content="#979797">
  77. <meta name="color:contact panel faq reply" content="#000000">
  78. <meta name="color:contact panel faq reply bold" content="#60c2ce">
  79. <meta name="color:contact panel faq reply italic" content="#b2dfd6">
  80. <meta name="color:contact panel faq reply link" content="#94b1be">
  81. <meta name="color:contact panel faq reply link hover" content="#000000">
  82.  
  83. <meta name="color:bottom bar top border" content="#d0ede0">
  84. <meta name="color:bottom bar background" content="#f8f8f8">
  85. <meta name="color:bottom bar text" content="#949494">
  86. <meta name="color:bottom bar bottom space" content="#e7e7e7">
  87. <meta name="color:bottom bar separators" content="#c3c3c3">
  88. <meta name="color:bottom bar username text" content="#000000">
  89. <meta name="color:bottom bar username text underline" content="#9fd1ca">
  90. <meta name="color:bottom bar custom link background" content="#ececec">
  91. <meta name="color:bottom bar custom link icon" content="#666666">
  92.  
  93. <meta name="color:body" content="#000000">
  94. <meta name="color:body bold" content="#809cb0">
  95. <meta name="color:body italic" content="#aad4c7">
  96. <meta name="color:body link" content="#adadad">
  97. <meta name="color:body link underline" content="#9cbdd1">
  98. <meta name="color:body link hover" content="#000000">
  99.  
  100. <meta name="color:body reblogged username" content="#aaaaaa">
  101. <meta name="color:body reblogged username hover" content="#8fa7cc">
  102.  
  103. <meta name="color:post type icon" content="#ffffff">
  104.  
  105. <meta name="color:text post background" content="#f8f8f8">
  106. <meta name="color:text post hexagon colour" content="#d5ede7">
  107. <meta name="color:text post hexagon deco" content="#afd4cc">
  108. <meta name="color:text post title background" content="#d7ede2">
  109. <meta name="color:text post title" content="#7d998b">
  110.  
  111. <meta name="color:quote post background" content="#fffae8">
  112. <meta name="color:quote post hexagon colour" content="#f2da82">
  113. <meta name="color:quote post hexagon deco" content="#d7ba50">
  114. <meta name="color:quote post quote source" content="#a39861">
  115. <meta name="color:quote post quote source background" content="#fff5c4">
  116. <meta name="color:quote post quote" content="#000000">
  117.  
  118. <meta name="color:link post background" content="#eefce0">
  119. <meta name="color:link post hexagon colour" content="#bdd7a3">
  120. <meta name="color:link post hexagon deco" content="#abc691">
  121. <meta name="color:link post link background" content="#e1efd2">
  122. <meta name="color:link post link" content="#788768">
  123. <meta name="color:link post link background hover" content="#d1e2be">
  124. <meta name="color:link post link hover" content="#788768">
  125.  
  126. <meta name="color:chat post background" content="#fcf4ff">
  127. <meta name="color:chat post hexagon colour" content="#dccce2">
  128. <meta name="color:chat post hexagon deco" content="#c79fce">
  129. <meta name="color:chat post title background" content="#e6dcef">
  130. <meta name="color:chat post title" content="#a293af">
  131. <meta name="color:chat post odd background" content="#f0d7f5">
  132. <meta name="color:chat post odd text" content="#795381">
  133. <meta name="color:chat post even background" content="#fcecff">
  134. <meta name="color:chat post even text" content="#7e7e7e">
  135.  
  136. <meta name="color:audio post background" content="#ffeff9">
  137. <meta name="color:audio post hexagon colour" content="#e2a7c1">
  138. <meta name="color:audio post hexagon deco" content="#e7b7c6">
  139. <meta name="color:audio post info background" content="#e5a7a5">
  140. <meta name="color:audio post info text" content="#ffffff">
  141.  
  142. <meta name="color:video post hexagon colour" content="#b1b2c9">
  143. <meta name="color:video post hexagon deco" content="#c5c6e2">
  144. <meta name="color:video post info background" content="#7e7e91">
  145. <meta name="color:video post info text" content="#ffffff">
  146.  
  147. <meta name="color:answer post background" content="#fff3e2">
  148. <meta name="color:answer post hexagon colour" content="#e0d0ba">
  149. <meta name="color:answer post hexagon deco" content="#ede0ce">
  150. <meta name="color:answer post asker background" content="#e7ddcf">
  151. <meta name="color:answer post asker" content="#ffffff">
  152. <meta name="color:answer post deco" content="#e8d7c0">
  153.  
  154. <meta name="color:permalink icons colour" content="#aaaaaa">
  155. <meta name="color:permalink colour 1 background" content="#fae9bc">
  156. <meta name="color:permalink colour 2 background" content="#efebd3">
  157. <meta name="color:permalink colour 3 background" content="#e3ede9">
  158.  
  159. <meta name="color:pagination arrows" content="#aaaaaa">
  160. <meta name="color:pagination current page background" content="#f1f1f1">
  161. <meta name="color:pagination current page text" content="#000000">
  162.  
  163. <meta name="image:background" content="">
  164. <meta name="image:main hexagon image" content="http://static.tumblr.com/2icx37z/JMLotjbdc/90575_900.png">
  165. <meta name="image:about panel image" content="http://static.tumblr.com/2icx37z/bN9otjqaw/arc1.png">
  166. <meta name="image:contact panel image" content="http://static.tumblr.com/2icx37z/rIYotjqb5/arc2.png">
  167.  
  168. <meta name="text:username" content="your username here">
  169. <meta name="text:biography" content="My biography here.">
  170. <meta name="text:basic info 1" content="NAME">
  171. <meta name="text:basic info 1 text" content="my name">
  172. <meta name="text:basic info 2" content="AGE">
  173. <meta name="text:basic info 2 text" content="my age">
  174. <meta name="text:basic info 3" content="LOCATION">
  175. <meta name="text:basic info 3 text" content="my location">
  176. <meta name="text:basic info 4" content="MBTI">
  177. <meta name="text:basic info 4 text" content="m b t i">
  178. <meta name="text:basic info 5" content="OCCUPATION">
  179. <meta name="text:basic info 5 text" content="my occupation">
  180.  
  181. <meta name="text:custom link 1" content="link">
  182. <meta name="text:custom link 1 url" content="/">
  183. <meta name="text:custom link 1 icon" content="pe-7s-science">
  184. <meta name="text:custom link 2" content="link">
  185. <meta name="text:custom link 2 url" content="/">
  186. <meta name="text:custom link 2 icon" content="pe-7s-scissors">
  187. <meta name="text:custom link 3" content="link">
  188. <meta name="text:custom link 3 url" content="/">
  189. <meta name="text:custom link 3 icon" content="pe-7s-disk">
  190. <meta name="text:custom link 4" content="link">
  191. <meta name="text:custom link 4 url" content="/">
  192. <meta name="text:custom link 4 icon" content="pe-7s-power">
  193. <meta name="text:custom link 5" content="link">
  194. <meta name="text:custom link 5 url" content="/">
  195. <meta name="text:custom link 5 icon" content="pe-7s-light">
  196. <meta name="text:custom link 6" content="link">
  197. <meta name="text:custom link 6 url" content="/">
  198. <meta name="text:custom link 6 icon" content="pe-7s-compass">
  199.  
  200. <meta name="text:ask panel text" content="You may ask me anything.">
  201. <meta name="text:bottom info disclaimer" content="Just another user posting what I love.">
  202.  
  203. <meta name="text:progress bar 1 label" content="completed task 1">
  204. <meta name="text:progress bar 1 completion" content="91">
  205. <meta name="text:progress bar 2 label" content="completed task 2">
  206. <meta name="text:progress bar 2 completion" content="39">
  207. <meta name="text:progress bar 3 label" content="completed task 3">
  208. <meta name="text:progress bar 3 completion" content="75">
  209. <meta name="text:progress bar 4 label" content="completed task 4">
  210. <meta name="text:progress bar 4 completion" content="66">
  211.  
  212. <meta name="text:FAQ 1 question" content="Question 1?">
  213. <meta name="text:FAQ 1 reply" content="Response 1!">
  214. <meta name="text:FAQ 2 question" content="Question 2?">
  215. <meta name="text:FAQ 2 reply" content="Response 2!">
  216. <meta name="text:FAQ 3 question" content="Question 3?">
  217. <meta name="text:FAQ 3 reply" content="Response 3!">
  218. <meta name="text:FAQ 4 question" content="Question 4?">
  219. <meta name="text:FAQ 4 reply" content="Response 4!">
  220.  
  221. <meta name="if:translucent elements" content="0">
  222. <meta name="if:cover background image" content="0">
  223. <meta name="if:show blog age" content="1">
  224. <meta name="if:dark tumblr controls" content="0">
  225.  
  226. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  227. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  228. <link rel="shortcut icon" href="{Favicon}" />
  229.  
  230. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  231. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  232. <script>
  233. (function($){
  234. $(document).ready(function(){
  235. $("a[title]").style_my_tooltips({
  236. tip_follows_cursor:true,
  237. tip_delay_time:0,
  238. tip_fade_speed:300,
  239. attribute:"title"
  240. });
  241. });
  242. })(jQuery);
  243. </script>
  244.  
  245. <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  246.  
  247. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  248.  
  249. <!--JAVA-->
  250. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  251. <script>
  252. $(document).ready(function(){
  253.  
  254. $(".lpanelnav").click(function(){
  255. $(".leftpanel").addClass("showleftpanel");
  256. $(".l-m-add-opac").addClass("showl-m-add-opac");
  257. $(".l-midpnav").removeClass("fadeoutl-midpnav");
  258. setTimeout(function(){
  259. $(".l-midpnav").addClass("showl-midpnav");}, 300);
  260. $(".uqicon").addClass("uqicon-gone");
  261. });
  262.  
  263. $(".lpanel-mpanel").click(function(){
  264. $(".leftpanel").removeClass("showleftpanel");
  265. $(".l-midpnav").addClass("fadeoutl-midpnav");
  266. $(".lpanel-mpanel").removeClass("showlpanel-mpanel");
  267. setTimeout(function(){
  268. $(".l-midpnav").removeClass("showl-midpnav");}, 1000);
  269. setTimeout(function(){
  270. $(".l-m-add-opac").removeClass("showl-m-add-opac");}, 1000);
  271. setTimeout(function(){
  272. $(".uqicon").removeClass("uqicon-gone");}, 1000);
  273. });
  274.  
  275. $(".rpanelnav").click(function(){
  276. $(".rightpanel").addClass("showrightpanel");
  277. $(".r-m-add-opac").addClass("showr-m-add-opac");
  278. $(".r-midpnav").removeClass("fadeoutr-midpnav");
  279. setTimeout(function(){
  280. $(".r-midpnav").addClass("showr-midpnav");}, 300);
  281. $(".uqicon").addClass("uqicon-gone");
  282. });
  283.  
  284. $(".rpanel-mpanel").click(function(){
  285. $(".rightpanel").removeClass("showrightpanel");
  286. $(".r-midpnav").addClass("fadeoutr-midpnav");
  287. $(".rpanel-mpanel").removeClass("showrpanel-mpanel");
  288. setTimeout(function(){
  289. $(".r-midpnav").removeClass("showr-midpnav");}, 1000);
  290. setTimeout(function(){
  291. $(".r-m-add-opac").removeClass("showr-m-add-opac");}, 1000);
  292. setTimeout(function(){
  293. $(".uqicon").removeClass("uqicon-gone");}, 1000);
  294. });
  295.  
  296. $(".lpanelnav").click(function(){
  297. $(".rightpanel").removeClass("showrightpanel");
  298. $(".r-midpnav").addClass("fadeoutr-midpnav");
  299. $(".rpanel-mpanel").removeClass("showrpanel-mpanel");
  300. setTimeout(function(){
  301. $(".r-midpnav").removeClass("showr-midpnav");}, 1000);
  302. setTimeout(function(){
  303. $(".r-m-add-opac").removeClass("showr-m-add-opac");}, 1000);
  304. });
  305.  
  306. $(".rpanelnav").click(function(){
  307. $(".leftpanel").removeClass("showleftpanel");
  308. $(".l-midpnav").addClass("fadeoutl-midpnav");
  309. $(".lpanel-mpanel").removeClass("showlpanel-mpanel");
  310. setTimeout(function(){
  311. $(".l-midpnav").removeClass("showl-midpnav");}, 1000);
  312. setTimeout(function(){
  313. $(".l-m-add-opac").removeClass("showl-m-add-opac");}, 1000);
  314. });
  315.  
  316. $(".qnav1").click(function(){
  317. $(".rightpanel").addClass("showrightpanel");
  318. $(".r-m-add-opac").addClass("showr-m-add-opac");
  319. $(".r-midpnav").removeClass("fadeoutr-midpnav");
  320. setTimeout(function(){
  321. $(".r-midpnav").addClass("showr-midpnav");}, 300);
  322. });
  323.  
  324. $(".qnav2").click(function(){
  325. $(".leftpanel").addClass("showleftpanel");
  326. $(".l-m-add-opac").addClass("showl-m-add-opac");
  327. $(".l-midpnav").removeClass("fadeoutl-midpnav");
  328. setTimeout(function(){
  329. $(".l-midpnav").addClass("showl-midpnav");}, 300);
  330. });
  331.  
  332. var imgs = $('.photo');//jQuery class selector
  333. imgs.each(function(){
  334. var img = $(this);
  335. var height = img.height(); //jQuery height method
  336. if( height < 325 ){
  337. img.addClass('photo-landscape');
  338. }
  339. else{
  340. img.addClass('photo-portrait');
  341. }
  342. })
  343.  
  344. });
  345. </script>
  346. <!--END JAVA-->
  347.  
  348. <!-- unnest captions script -->
  349. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  350. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  351. <script>
  352. $(function(){ $('.entry').unnest({
  353. yourCaption: ".body", //your caption selector, the div wrapping {Caption}
  354. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  355. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  356. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  357. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  358. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  359. usernameColon: false //if turned to false, removes the colon at the end of usernames
  360. }); });
  361. </script>
  362. <script>
  363. $(function(){ $('.post').unnest({
  364. yourCaption: ".body", //your caption selector, the div wrapping {Caption}
  365. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  366. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  367. originalPostCaptionUsername: true, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  368. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  369. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  370. usernameColon: false //if turned to false, removes the colon at the end of usernames
  371. }); });
  372. </script>
  373. <!-- end unnest captions script -->
  374.  
  375. <style type="text/css">
  376.  
  377. @font-face { font-family: "opsans"; src: url('https://dl.dropboxusercontent.com/s/6t6k1zdmq4v9u8b/OpenSans-Light.ttf'); }
  378. @font-face { font-family: "oldst"; src: url('https://dl.dropboxusercontent.com/s/ip0f0eupsgta6tj/OldStandard-Regular.ttf'); }
  379.  
  380. ::-webkit-scrollbar { width: 7px; background-color: {color:background}; }
  381. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  382. ::-webkit-scrollbar-thumb:vertical {
  383. width: 7px;
  384. background-color: {color:scrollbar};
  385. }
  386.  
  387. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  388. top: 4px;
  389. right: 80px;
  390. z-index: 9999;
  391. filter: invert(100%);
  392. }
  393.  
  394. #s-m-t-tooltip {
  395. z-index: 1000000000000000000000000000000000000;
  396. max-width: 300px;
  397. background-color: rgba({RGBcolor:tooltips background},0.6);
  398. color: {color:tooltips text};
  399. text-transform: uppercase;
  400. letter-spacing: 1px;
  401. font-family: opsans;
  402. font-size: 8px;
  403. padding: 2px 6px;
  404. margin: 20px 0 0 20px;
  405. }
  406.  
  407. .tctrl {
  408. position: fixed;
  409. top: 20px;
  410. right: 100px;
  411. z-index: 999;
  412. font-size: 16px;
  413. color: #888;
  414. }
  415.  
  416. .tctrl:hover iframe.tmblr-iframe, iframe.tmblr-iframe:hover {
  417. opacity: 0.6!important;
  418. right: 90px!important;
  419. }
  420.  
  421. iframe.tmblr-iframe {
  422. z-index: 1000!important;
  423. top: 0!important;
  424. right: 80px!important;
  425. padding-right: 30px;
  426. opacity: 0;
  427. transition: 0.6s;
  428. {block:ifdarktumblrcontrols}
  429. filter:invert(1);
  430. -webkit-filter:invert(1);
  431. -o-filter:invert(1);
  432. -moz-filter:invert(1);
  433. -ms-filter:invert(1);
  434. {/block:ifdarktumblrcontrols}
  435. }
  436.  
  437. body {
  438. background-image: url({image:background});
  439. {block:ifcoverbackgroundimage}
  440. background-size: cover;
  441. {/block:ifcoverbackgroundimage}
  442. background-color: {color:background};
  443. background-attachment: fixed;
  444. word-wrap: break-word;
  445. margin: 0 auto;
  446. }
  447.  
  448. a { text-decoration: none; }
  449.  
  450. #midpanel {
  451. margin: 0 auto;
  452. width: calc( 100% - 200px );
  453. }
  454.  
  455. #topintro {
  456. margin: 80px auto;
  457. width: 500px;
  458. position: relative;
  459. height: 100%;
  460. {block:indexpage}
  461. padding-top: 54px;
  462. {/block:indexpage}
  463. {block:permalinkpage}
  464. display: none;
  465. {/block:permalinkpage}
  466. }
  467.  
  468. .hexagon {
  469. position: relative;
  470. width: 180px;
  471. height: 103.92px;
  472. margin: 51.96px auto;
  473. background-image: url({image:Main Hexagon Image});
  474. background-size: auto 207.8461px;
  475. background-position: center;
  476. }
  477.  
  478. .hexTop,.hexBottom {
  479. position: absolute;
  480. z-index: 1;
  481. width: 127.28px;
  482. height: 127.28px;
  483. overflow: hidden;
  484. -webkit-transform: scaleY(0.5774) rotate(-45deg);
  485. -ms-transform: scaleY(0.5774) rotate(-45deg);
  486. transform: scaleY(0.5774) rotate(-45deg);
  487. background: inherit;
  488. left: 26.36px;
  489. }
  490.  
  491. .hexTop:after,.hexBottom:after {
  492. content: "";
  493. position: absolute;
  494. width: 180.0000px;
  495. height: 103.92304845413264px;
  496. -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px);
  497. -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px);
  498. transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px);
  499. -webkit-transform-origin: 0 0;
  500. -ms-transform-origin: 0 0;
  501. transform-origin: 0 0;
  502. background: inherit;
  503. }
  504.  
  505. .hexTop {top: -63.6396px;}
  506. .hexTop:after {background-position: center top;}
  507. .hexBottom {bottom: -63.6396px;}
  508. .hexBottom:after {background-position: center bottom;}
  509.  
  510. .hexagon:after {
  511. content: "";
  512. position: absolute;
  513. top: 0.0000px;
  514. left: 0;
  515. width: 180.0000px;
  516. height: 103.9230px;
  517. z-index: 2;
  518. background: inherit;
  519. }
  520.  
  521. .hexagon1, .hexagon2 {
  522. position: absolute;
  523. width: 180px;
  524. height: 103.92px;
  525. background-color: {color:main hexagon 1};
  526. margin: 0 120px;
  527. }
  528.  
  529. .hexagon2 {background-color: {color:main hexagon 2}; margin: 0 200px;}
  530.  
  531. .hexagon1:before,.hexagon1:after,.hexagon2:before,.hexagon2:after {
  532. content: "";
  533. position: absolute;
  534. width: 0;
  535. border-left: 90px solid transparent;
  536. border-right: 90px solid transparent;
  537. }
  538.  
  539. .hexagon1:before {bottom: 100%;border-bottom: 51.96px solid {color:main hexagon 1};}
  540. .hexagon2:before {bottom: 100%;border-bottom: 51.96px solid {color:main hexagon 2};}
  541.  
  542. .hexagon1:after {top: 100%;width: 0;border-top: 51.96px solid {color:main hexagon 1};}
  543. .hexagon2:after {top: 100%;width: 0;border-top: 51.96px solid {color:main hexagon 2};}
  544.  
  545. .blogtitle {
  546. margin: 0 auto;
  547. margin-top: 80px;
  548. text-align: center;
  549. font-family: oldst;
  550. font-size: 30px;
  551. width: 500px;
  552. color: {color:main blog title};
  553. }
  554.  
  555. .btul1, .btul2, .btul3 {width: 33.333%;height: 4px;float: left;}
  556.  
  557. .btul1 {background-color: {color:main blog title underline colour 1};}
  558. .btul2 {background-color: {color:main blog title underline colour 2};}
  559. .btul3 {background-color: {color:main blog title underline colour 3};}
  560.  
  561. .btunderlines {margin-top: 20px;}
  562.  
  563. .desc {
  564. color: {color:main description};
  565. margin: 0 auto;
  566. width: 400px;
  567. margin-top: 50px;
  568. text-align: center;
  569. font-family: opsans;
  570. font-size: 12px;
  571. letter-spacing: 1px;
  572. }
  573.  
  574. .desc b,strong {font-weight:400;color: {color:main description bold};}
  575. .desc i,em {color: {color:main description italic};}
  576. .desc a {padding-bottom:1px;border-bottom: 1px solid {color:main description link underline};color: {color:main description link};transition: 0.6s;}
  577. .desc a:hover {border-bottom: 1px solid {color:main description link hover};color: {color:main description link hover};}
  578.  
  579. #leftpnav, #rightpnav, .l-m-add-opac, .l-midpnav, .r-m-add-opac, .r-midpnav {
  580. background-color: {color:about panel background};
  581. position: fixed;
  582. top: 0;
  583. width: 80px;
  584. height: 100%;
  585. z-index: 10;
  586. }
  587.  
  588. #leftpnav { left: 0; }
  589. #rightpnav { background-color: {color:contact panel background}; right: 0; }
  590.  
  591. .l-m-add-opac {right: 80px;background-color: transparent;}
  592. .r-m-add-opac { left: 80px;background-color: transparent;}
  593.  
  594. .l-midpnav, .r-midpnav {
  595. background-image: url({image:background});
  596. background-color: {color:background};
  597. {block:ifcoverbackgroundimage}
  598. background-size: cover;
  599. {/block:ifcoverbackgroundimage}
  600. opacity: 0;
  601. transition: 2s;
  602. }
  603.  
  604. {block:iftranslucentelements}
  605. .r-m-add-opac, .r-midpnav {background-attachment: fixed;}
  606. .l-midpnav i, .r-midpnav i {
  607. background-color: rgba(255,255,255,0.1);
  608. padding: 14px 10px 4px 10px;
  609. border-radius: 100px;
  610. line-height: 20px;
  611. font-size: 30px;
  612. }
  613. {/block:iftranslucentelements}
  614.  
  615. .l-midpnav { right: 120px; }
  616. .r-midpnav { left: 120px; }
  617.  
  618. .showl-midpnav { right: 80px; opacity: 1; }
  619. .showr-midpnav { left: 80px; opacity: 1; }
  620.  
  621. .fadeoutl-midpnav { opacity: 0; transition: 1s; }
  622. .fadeoutr-midpnav { opacity: 0; transition: 1s; }
  623.  
  624. .lpanelnav, .rpanelnav, .lpanel-mpanel, .rpanel-mpanel {
  625. font-size: 36px;
  626. position: relative;
  627. text-align: center;
  628. top: 50%;
  629. transform: translateY(-50%);
  630. cursor: pointer;
  631. }
  632.  
  633. .lpanelnav i { color: {color:about panel icon}; }
  634.  
  635. .rpanelnav i { color: {color:contact panel icon}; }
  636. .lpanel-mpanel { color: #bbb; font-size: 40px; }
  637. .rpanel-mpanel { color: #bbb; font-size: 40px; }
  638.  
  639. {block:iftranslucentelements}
  640. #leftpnav {
  641. background-color: rgba({RGBcolor:about panel background},0.1);
  642. }
  643. #rightpnav {
  644. background-color: rgba({RGBcolor:contact panel background},0.1);
  645. }
  646. {/block:iftranslucentelements}
  647.  
  648. #leftpanelcontainer, #rightpanelcontainer {
  649. position: fixed;
  650. top: 0;
  651. z-index: 1001;
  652. }
  653.  
  654. .leftpanel {
  655. z-index: 1001;
  656. position: fixed;
  657. top: 0;
  658. height: 100%;
  659. left: calc(-100% + 100px);
  660. transition: 2.4s;
  661. background-color: {color:about panel background};
  662. {block:iftranslucentelements}
  663. background-attachment: fixed;
  664. background-color: {color:background};
  665. background-image: url({image:background});
  666. {block:ifcoverbackgroundimage}
  667. background-size: cover;
  668. {/block:ifcoverbackgroundimage}
  669. {/block:iftranslucentelements}
  670. padding: 40px 43px;
  671. width: calc(100% - 246px);
  672. }
  673.  
  674. .showleftpanel {
  675. left: 0;
  676. background-color: {color:about panel background};
  677. }
  678.  
  679. .l-m-add-opac { display: none; }
  680. .showl-m-add-opac {display: block;}
  681. .r-m-add-opac { display: none; }
  682. .showr-m-add-opac {display: block;}
  683.  
  684. .rightpanel {
  685. z-index: 1001;
  686. position: fixed;
  687. top: 0;
  688. height: 100%;
  689. padding: 40px 43px;
  690. width: calc(100% - 246px);
  691. right: calc(-100% + 100px);
  692. background-color: {color:contact panel background};
  693. {block:iftranslucentelements}
  694. background-attachment: fixed;
  695. background-color: {color:background};
  696. background-image: url({image:background});
  697. {block:ifcoverbackgroundimage}
  698. background-size: cover;
  699. {/block:ifcoverbackgroundimage}
  700. {/block:iftranslucentelements}
  701. transition: 2.4s;
  702. }
  703.  
  704. .showrightpanel {
  705. right: 0;
  706. }
  707.  
  708. .leftpanelcon, .rightpanelcon {
  709. height: calc( 100% - 80px );
  710. border: 4px solid {color:about panel borders};
  711. background-color: rgba(255,255,255,0.255);
  712. }
  713.  
  714. .leftpanelimglimit {
  715. height: 100%;
  716. width: 200px;
  717. overflow: hidden;
  718. border-right: 4px solid {color:about panel borders};
  719. float: left;
  720. }
  721.  
  722. .leftpanelimg {
  723. margin: 0 auto;
  724. height: calc( 100% + 40px );
  725. }
  726.  
  727. .leftpanelinfocolumns {
  728. width: 100%;
  729. height: 100%;
  730. }
  731.  
  732. .lpanel-infocol-1, .lpanel-infocol-2, .lpanel-infocol-3 {
  733. width: calc( ( ( 100% - 204px ) * ( 33.333 / 100 ) ) - 2.8px );
  734. height: 100%;
  735. float: left;
  736. /*overflow: hidden;*/
  737. }
  738.  
  739. .lpanel-infocol-1 {
  740. border-right: 4px solid {color:about panel borders};
  741. background-color: {color:about panel column 1 background};
  742. }
  743.  
  744. .lpanel-infocol-2 {
  745. border-right: 4px solid {color:about panel borders};
  746. background-color: {color:about panel column 2 background};
  747. }
  748.  
  749. .lpanel-infocol-3 {
  750. background-color: {color:about panel column 3 background};
  751. }
  752.  
  753. .infocoltop {
  754. margin: 0 auto;
  755. height: 70px;
  756. width: 100%;
  757. border-bottom: 4px solid {color:about panel borders};
  758. background-color: rgba(255,255,255,0.4);
  759. }
  760.  
  761. .infocoltophexcon {
  762. width: 60px;
  763. height 60px;
  764. margin: 0 auto;
  765. margin-top: -38px;
  766. padding: 2px 0;
  767. }
  768.  
  769. .infocoltophex {
  770. position: relative;
  771. width: 60px;
  772. height: 34.64px;
  773. background-color: {color:about panel borders};
  774. color: {color:about panel column type hexagon icon};
  775. margin: 17.32px 0;
  776. }
  777.  
  778. .infocoltophex:before, .infocoltophex:after {
  779. content: "";
  780. position: absolute;
  781. width: 0;
  782. border-left: 30px solid transparent;
  783. border-right: 30px solid transparent;
  784. }
  785.  
  786. .infocoltophex:before {
  787. bottom: 100%;
  788. border-bottom: 17.32px solid {color:about panel borders};
  789. }
  790.  
  791. .infocoltophex:after {
  792. top: 100%;
  793. width: 0;
  794. border-top: 17.32px solid {color:about panel borders};
  795. }
  796.  
  797. .infocoltophexicon {
  798. position: absolute;
  799. font-size: 34px;
  800. color: {color:about panel column type hexagon icon};
  801. z-index: 1;
  802. width: 60px;
  803. text-align: center;
  804. margin-top: 17px;
  805. }
  806.  
  807. .infocoltophexicon i {color: {color:about panel column type hexagon icon};}
  808.  
  809. .infocol-1-basicinfo {
  810. margin: 10px 20px 0 20px;
  811. height: calc( 100% - 119px );
  812. }
  813.  
  814. .infocol-1-basicscon {
  815. height: calc( 40% - 10px );
  816. overflow: hidden;
  817. }
  818.  
  819. .infocol-1-biography {
  820. margin-top: 10px;
  821. height: calc( 60% - 20px );
  822. overflow: auto;
  823. }
  824.  
  825. .infocol-1-basics {
  826. font-family: opsans;
  827. font-size: 12px;
  828. line-height: 24px;
  829. position: relative;
  830. top: 50%;
  831. transform: translateY(-50%);
  832. color: {color:about panel basic list text};
  833. }
  834.  
  835. .basics-list {
  836. background-color: {color:about panel borders};
  837. font-size: 10px;
  838. font-style: italic;
  839. padding: 2px 4px;
  840. text-transform: uppercase;
  841. letter-spacing: 1px;
  842. border-left: 2px solid {color:about panel description scrollbar};
  843. color: {color:about panel basic list type text};
  844. margin-right: 5px;
  845. }
  846.  
  847. .bio {
  848. padding: 20px;
  849. background-color: rgba(255,255,255,0.2);
  850. font-family: opsans;
  851. font-size: 12px;
  852. overflow: auto;
  853. color: {color:about panel description};
  854. }
  855.  
  856. .bio b,strong {font-weight:400;color: {color:about panel description bold};}
  857. .bio i,em {color: {color:about panel description italic};}
  858. .bio a {padding-bottom:1px;border-bottom: 1px solid {color:about panel description link underline};color: {color:about panel description link};transition: 0.6s;}
  859. .bio a:hover {border-bottom: 1px solid {color:about panel description link hover};color: {color:about panel description link hover};}
  860.  
  861. .bio::first-letter {
  862. font-family: oldst;
  863. font-size: 34px;
  864. line-height: 20px;
  865. float: left;
  866. margin: 9px 5px 0 0;
  867. color: {color:about panel description first letter};
  868. }
  869.  
  870. .infocol-1-biography::-webkit-scrollbar { width: 5px; }
  871. .infocol-1-biography::-webkit-scrollbar-track-piece { background-color: rgba(255,255,255,0.6); }
  872. .infocol-1-biography::-webkit-scrollbar-thumb:vertical {
  873. width: 5px;
  874. background-color: {color:about panel description scrollbar};
  875. border-radius: 0;
  876. }
  877.  
  878. .infocol-2-customlinkscon {
  879. width: 100%;
  880. margin-top: -55px;
  881. height: calc( 100% - 76px );
  882. overflow: hidden;
  883. }
  884.  
  885. .clink {
  886. margin: 20px 0;
  887. background-color: rgba({RGBcolor:about panel borders},0.5);
  888. font-family: oldst;
  889. font-size: 16px;
  890. padding: 6px 20px 6px 80px;
  891. transition: 0.6s;
  892. color: {color:about panel custom link text};
  893. }
  894.  
  895. .clink:hover {
  896. background-color: rgba({RGBcolor:about panel borders},1);
  897. }
  898.  
  899. #clinkb {padding: 6px 20px 6px 107px;}
  900.  
  901. .clinkhex {
  902. position: relative;
  903. width: 50px;
  904. height: 28.87px;
  905. background-color: {color:about panel borders};
  906. margin: 14.43px 0;
  907. }
  908.  
  909. .clinkhex:before,.clinkhex:after {
  910. content: "";
  911. position: absolute;
  912. width: 0;
  913. border-left: 25px solid transparent;
  914. border-right: 25px solid transparent;
  915. }
  916.  
  917. .clinkhex:before {
  918. bottom: 100%;
  919. border-bottom: 14.43px solid {color:about panel borders};
  920. }
  921.  
  922. .clinkhex:after {
  923. top: 100%;
  924. width: 0;
  925. border-top: 14.43px solid {color:about panel borders};
  926. }
  927.  
  928. .clinkhexcon {
  929. position: absolute;
  930. margin: -18px -66px;
  931. }
  932.  
  933. .clinkhexicon {
  934. font-size: 26px;
  935. color: {color:about panel custom link icon};
  936. position: absolute;
  937. margin: 14px 12px;
  938. z-index: 10;
  939. }
  940.  
  941. .clinkhexicon i { color: {color:about panel custom link icon}; }
  942.  
  943. .clinkers, .infocol-3-progressbars {
  944. position: relative;
  945. top: 50%;
  946. transform: translateY(-50%);
  947. }
  948.  
  949. .infocol-3-progressbarscon {
  950. width: 100%;
  951. margin-top: -65px;
  952. height: calc( 100% - 75px );
  953. }
  954.  
  955. .itemprg {margin: 30px auto;}
  956.  
  957. .progressbar {
  958. border: 4px solid {color:about panel borders};
  959. margin: 0 auto;
  960. border-radius: 10px;
  961. height: 30px;
  962. width: 80%;
  963. }
  964.  
  965. .progress {
  966. height: 30px;
  967. float: left;
  968. overflow: hidden;
  969. border-radius: 7px 0 0 7px;
  970. }
  971.  
  972. #prg1 {
  973. width: {text:progress bar 1 completion}%;
  974. background-color: {color:about panel progress bar 1};
  975. }
  976.  
  977. #prg2 {
  978. width: {text:progress bar 2 completion}%;
  979. background-color: {color:about panel progress bar 2};
  980. }
  981.  
  982. #prg3 {
  983. width: {text:progress bar 3 completion}%;
  984. background-color: {color:about panel progress bar 3};
  985. }
  986.  
  987. #prg4 {
  988. width: {text:progress bar 4 completion}%;
  989. background-color: {color:about panel progress bar 4};
  990. }
  991.  
  992. .progressbarname {
  993. font-family: opsans;
  994. font-size: 10px;
  995. letter-spacing: 2px;
  996. font-style: italic;
  997. margin-top: 10px;
  998. text-align: center;
  999. text-transform: uppercase;
  1000. color: {color:about panel progress bar label};
  1001. }
  1002.  
  1003. .prgpctg {
  1004. position: absolute;
  1005. text-align: center;
  1006. width: 80%;
  1007. line-height: 30px;
  1008. font-family: opsans;
  1009. font-size: 16px;
  1010. color: #000000;
  1011. font-size: 14px;
  1012. letter-spacing: 0;
  1013. }
  1014.  
  1015. .rightpanelcon {
  1016. border: 4px solid {color:contact panel borders};
  1017. }
  1018.  
  1019. .rightpanelimglimit {
  1020. height: 100%;
  1021. width: 200px;
  1022. overflow: hidden;
  1023. border-left: 4px solid {color:contact panel borders};
  1024. float: right;
  1025. }
  1026.  
  1027. .rightpanelimg {
  1028. margin: 0 auto;
  1029. height: calc( 100% + 40px );
  1030. }
  1031.  
  1032. .rpanel-col-1 {
  1033. width: calc( ( 100% - 200px ) * ( 50 / 100 ) - 4px );
  1034. border-right: 4px solid {color:contact panel borders};
  1035. height: 100%;
  1036. float: right;
  1037. background-color: {color:contact panel column 1 background};
  1038. }
  1039.  
  1040. .rpanel-col-2 {
  1041. width: calc( ( 100% - 200px ) * ( 50 / 100 ) - 4px );
  1042. height: 100%;
  1043. float: right;
  1044. background-color: {color:contact panel column 2 background};
  1045. }
  1046.  
  1047. .morecoltop {
  1048. margin: 0 auto;
  1049. height: 70px;
  1050. width: 100%;
  1051. border-bottom: 4px solid {color:contact panel borders};
  1052. background-color: rgba({RGBcolor:contact panel borders},0.5);
  1053. }
  1054.  
  1055. .morecoltophexcon {
  1056. width: 60px;
  1057. height 60px;
  1058. margin: 0 auto;
  1059. margin-top: -38px;
  1060. padding: 2px 0;
  1061. }
  1062.  
  1063. .morecoltophex {
  1064. position: relative;
  1065. width: 60px;
  1066. height: 34.64px;
  1067. background-color: {color:contact panel borders};
  1068. margin: 17.32px 0;
  1069. }
  1070.  
  1071. .morecoltophex:before,.morecoltophex:after {
  1072. content: "";
  1073. position: absolute;
  1074. width: 0;
  1075. border-left: 30px solid transparent;
  1076. border-right: 30px solid transparent;
  1077. }
  1078.  
  1079. .morecoltophex:before {
  1080. bottom: 100%;
  1081. border-bottom: 17.32px solid {color:contact panel borders};
  1082. }
  1083.  
  1084. .morecoltophex:after {
  1085. top: 100%;
  1086. width: 0;
  1087. border-top: 17.32px solid {color:contact panel borders};
  1088. }
  1089.  
  1090. .morecoltophexicon {
  1091. position: absolute;
  1092. font-size: 34px;
  1093. color: {color:contact panel column type hexagon icon};
  1094. z-index: 1;
  1095. width: 60px;
  1096. text-align: center;
  1097. margin-top: 17px;
  1098. }
  1099.  
  1100. .morecoltophexicon i {color:{color:contact panel column type hexagon icon};}
  1101.  
  1102. .rpanel-col-1-askbox {
  1103. height: calc( 100% - 74px );
  1104. margin-top: -35px;
  1105. }
  1106.  
  1107. .askboxcon {
  1108. position: relative;
  1109. top: 50%;
  1110. transform: translateY(-50%);
  1111. }
  1112.  
  1113. .askboxtxt {
  1114. font-family: opsans;
  1115. font-size: 18px;
  1116. margin: 0 40px 20px 40px;
  1117. text-align: center;
  1118. padding-bottom: 20px;
  1119. border-bottom: 4px solid {color:contact panel askbox text deco};
  1120. color: {color:contact panel askbox text};
  1121. }
  1122.  
  1123. .askboxtxt b,strong {
  1124. font-family: opsans;
  1125. font-size: 10px;
  1126. letter-spacing: 2px;
  1127. text-transform: uppercase;
  1128. color: {color:contact panel askbox subtext};
  1129. font-style: italic;
  1130. padding: 3px 8px;
  1131. text-align: center;
  1132. background-color: rgba(255,255,255,0.6);
  1133. line-height: 30px;
  1134. }
  1135.  
  1136. .rpanel-col-2-faq {
  1137. height: calc( 100% - 108px );
  1138. overflow: auto;
  1139. margin-top: -35px;
  1140. padding: 34px 0 0 0;
  1141. }
  1142.  
  1143. .faqcon {
  1144. margin: 30px;
  1145. background-color: rgba(255,255,255,0.2);
  1146. }
  1147.  
  1148. .faqquestion {
  1149. background-color: rgba(255,255,255,0.3);
  1150. padding: 15px;
  1151. font-family: opsans;
  1152. font-size: 12px;
  1153. border-bottom: 4px solid {color:contact panel faq deco};
  1154. }
  1155.  
  1156. .qnmarker {
  1157. padding: 2px 6px;
  1158. background-color: {color:contact panel faq marker background};
  1159. color: {color:contact panel faq marker text};
  1160. font-style: italic;
  1161. text-transform: uppercase;
  1162. letter-spacing: 1px;
  1163. font-size: 10px;
  1164. margin-right: 5px;
  1165. }
  1166.  
  1167. .faqresponse {
  1168. padding: 15px;
  1169. font-family: opsans;
  1170. font-size: 12px;
  1171. color: {color:contact panel faq reply};
  1172. }
  1173.  
  1174. .faqresponse b,strong {font-weight:400;color: {color:contact panel faq reply bold};}
  1175. .faqresponse i,em {color: {color:contact panel faq reply italic};}
  1176. .faqresponse a {color: {color:contact panel faq reply link};transition: 0.6s;}
  1177. .faqresponse a:hover {color: {color:contact panel faq reply link hover};}
  1178.  
  1179. .faqtri {
  1180. color: {color:contact panel faq deco};
  1181. font-size: 20px;
  1182. height: 0;
  1183. width: 100%;
  1184. text-align: right;
  1185. margin-left: -10px;
  1186. margin-top: -5px;
  1187. }
  1188.  
  1189. .rpanel-col-2-faq::-webkit-scrollbar { width: 5px; }
  1190. .rpanel-col-2-faq::-webkit-scrollbar-track-piece { background-color: rgba(255,255,255,0.6); }
  1191. .rpanel-col-2-faq::-webkit-scrollbar-thumb:vertical {
  1192. width: 5px;
  1193. background-color: {color:contact panel faq scrollbar};
  1194. border-radius: 0;
  1195. }
  1196.  
  1197. .uqicon {
  1198. width: 100%;
  1199. overflow: hidden;
  1200. opacity: 1;
  1201. transition: 0.6s;
  1202. {block:iftranslucentelements}
  1203. width: calc( 100% - 160px );
  1204. margin: 0 auto;
  1205. {/block:iftranslucentelements}
  1206. }
  1207.  
  1208. .uqicon-gone { opacity: 0; }
  1209.  
  1210. #userquickinfo {
  1211. width: 100%;
  1212. background-color: {color:bottom bar background};
  1213. color: {color:bottom bar text};
  1214. font-family: opsans;
  1215. padding: 20px 100px;
  1216. border-top: 10px solid {color:bottom bar top border};
  1217. border-bottom: 50px solid {color:bottom bar bottom space};
  1218. height: 64px;
  1219. overflow: hidden;
  1220. {block:iftranslucentelements}
  1221. background-color: rgba({RGBcolor:bottom bar background},0.2);
  1222. padding: 20px 20px;
  1223. {/block:iftranslucentelements}
  1224. }
  1225.  
  1226. .usericon {width: 64px;height: 64px;float: left;padding-right: 20px;}
  1227. .userportrait {width: 64px;height: 64px;border-radius: 5px;}
  1228.  
  1229.  
  1230. .quickbasics {
  1231. float: left;
  1232. width: calc( ( 100% - 200px ) * ( 33.333 / 100 ) );
  1233. border-right: 1px solid {color:bottom bar separators};
  1234. height: 64px;
  1235. {block:iftranslucentelements}
  1236. width: calc( ( 100% - 40px ) * ( 33.333 / 100 ) );
  1237. {/block:iftranslucentelements}
  1238. }
  1239.  
  1240. .quicktitle {
  1241. font-size: 14px;
  1242. letter-spacing: 2px;
  1243. }
  1244.  
  1245. .tunder {
  1246. border-bottom: 2px solid {color:bottom bar username text underline};
  1247. padding-bottom: 2px;
  1248. color: {color:bottom bar username text};
  1249. }
  1250.  
  1251. .quicknav {
  1252. font-family: opsans;
  1253. font-size: 10px;
  1254. text-transform: uppercase;
  1255. letter-spacing: 2px;
  1256. margin-top: 10px;
  1257. }
  1258.  
  1259. .quicknav a {
  1260. color: {color:bottom bar text};
  1261. margin-right: 12px;
  1262. }
  1263.  
  1264. .qnav1, .qnav2 {
  1265. font-size: 10px;
  1266. color: {color:bottom bar text};
  1267. cursor: pointer;
  1268. }
  1269.  
  1270. .quicknav a:hover {text-decoration: line-through;}
  1271.  
  1272. .quickclinks {
  1273. float: left;
  1274. width: calc( ( 100% - 200px ) * ( 33.333 / 100 ) );
  1275. border-right: 1px solid {color:bottom bar separators};
  1276. height: 64px;
  1277. {block:iftranslucentelements}
  1278. width: calc( ( 100% - 40px ) * ( 33.333 / 100 ) );
  1279. {/block:iftranslucentelements}
  1280. }
  1281.  
  1282. .quicklinkcon a {
  1283. background-color: {color:bottom bar custom link background};
  1284. color: {color:bottom bar custom link icon};
  1285. width: 50px;
  1286. height: 50px;
  1287. border-radius: 3px;
  1288. text-align: center;
  1289. line-height: 70px;
  1290. padding: 14px 14px 10px 14px;
  1291. margin: 0 3px;
  1292. }
  1293.  
  1294. .quicklinkcon i { color: {color:bottom bar custom link icon}; }
  1295.  
  1296. .quickdisclaimer {
  1297. float: left;
  1298. width: calc( ( 100% - 200px ) * ( 33.333 / 100 ) - 40px );
  1299. height: 64px;
  1300. padding: 0 20px;
  1301. overflow: auto;
  1302. font-size: 10px;
  1303. color: {color:bottom bar text};
  1304. text-transform: uppercase;
  1305. line-height: 14px;
  1306. {block:iftranslucentelements}
  1307. width: calc( ( 100% - 40px ) * ( 33.333 / 100 ) - 40px );
  1308. {/block:iftranslucentelements}
  1309. }
  1310.  
  1311. .quickdisclaimer b,strong,i,em,a { color: {color:bottom bar text}; }
  1312.  
  1313. .estyears {
  1314. font-size: 10px;
  1315. letter-spacing: 1px;
  1316. font-style: italic;
  1317. padding: 4px 4px 2px 4px;
  1318. background-color: rgba(219, 219, 219, 0.4);
  1319. color: {color:bottom bar text};
  1320. }
  1321.  
  1322. /*********** content styling *************/
  1323.  
  1324. #content {
  1325. width: 900px;
  1326. height: 100%;
  1327. margin: auto;
  1328. margin-top: 140px;
  1329. {block:indexpage}
  1330. width: 900px;
  1331. padding-bottom: 200px;
  1332. {/block:indexpage}
  1333. {block:permalinkpage}
  1334. width: 500px;
  1335. padding-bottom: 100px;
  1336. {/block:permalinkpage}
  1337. }
  1338.  
  1339. .entry {
  1340. {block:indexpage}
  1341. float: left;
  1342. margin: 10px -38px;
  1343. {/block:indexpage}
  1344. {block:permalinkpage}
  1345. width: 500px;
  1346. {/block:permalinkpage}
  1347. }
  1348.  
  1349. .hexentry {min-width: 350px;}
  1350.  
  1351. .postno4, .postno9, .postno14 {margin: -40px 0 -40px 150px;}
  1352. .postno5, .postno10, .postno15 {margin: -40px 133px -40px 0;}
  1353.  
  1354. .hexa, .hexa div {
  1355. margin: 0 auto;
  1356. transform-origin: 50% 50%;
  1357. overflow: hidden;
  1358. width: 330px;
  1359. height: 330px;
  1360. }
  1361. .hexa {width: 375px;height: 280px;}
  1362. .hexa div {width: 100%;height: 100%;}
  1363. .hexa {transform: rotate(90deg);}
  1364. .hex1 {transform: rotate(-60deg);}
  1365. .hex2 {transform: rotate(-60deg); }
  1366.  
  1367. /***** post background colours *****/
  1368.  
  1369. .photocon {background-color: #f1f1f1;}
  1370. #photosetcon {background-color: {color:background};}
  1371. #audiocon {background-color: {color:audio post background};}
  1372. .txtposthexbg {background-color: {color:text post background};}
  1373. .qutposthexbg {background-color: {color:quote post background};}
  1374. .lnkposthexbg {background-color: {color:link post background};}
  1375. .chtposthexbg {background-color: {color:chat post background};}
  1376. .ansposthexbg {background-color: {color:answer post background};}
  1377.  
  1378. /***** photo post styling *****/
  1379.  
  1380. .photo {
  1381. transform-origin: 110px 110px;
  1382. transform: rotate(30deg);
  1383. margin: -80px -12px;
  1384. transition: 0.6s;
  1385. display: block;
  1386. }
  1387.  
  1388. .photo-landscape {
  1389. height: 325px;
  1390. max-width: 300%;
  1391. }
  1392.  
  1393. .photo-portrait {
  1394. min-height: 325px;
  1395. min-width: 325px;
  1396. max-width: 130%;
  1397. }
  1398.  
  1399. /***** photoset post styling *****/
  1400.  
  1401. #photosetcon {
  1402. margin: -10px 20px 10px -20px;
  1403. }
  1404.  
  1405. .photos {
  1406. min-height: 500px;
  1407. padding-right: 35px;
  1408. width: 500px;
  1409. transform: rotate(30deg);
  1410. transition: 0.6s;
  1411. }
  1412.  
  1413. /***** text, quote, link, chat post decor styling *****/
  1414.  
  1415. .txttypehexcon {
  1416. position: absolute;
  1417. z-index: 2;
  1418. margin: 6px 167px;
  1419. }
  1420.  
  1421. .txttypehexicon {
  1422. margin: 15px 0;
  1423. position: absolute;
  1424. z-index: 3;
  1425. width: 40px;
  1426. text-align: center;
  1427. }
  1428.  
  1429. .txttypehexicon i { color: {color:post type icon}; }
  1430.  
  1431. .txttypehex {
  1432. position: relative;
  1433. width: 40px;
  1434. height: 23.09px;
  1435. background-color: {color:text post hexagon colour};
  1436. margin: 11.55px 0;
  1437. }
  1438.  
  1439. .txttypehex:before, .txttypehex:after {
  1440. content: "";
  1441. position: absolute;
  1442. width: 0;
  1443. margin-left: -20px;
  1444. border-left: 20px solid transparent;
  1445. border-right: 20px solid transparent;
  1446. }
  1447.  
  1448. .txttypehex:before {bottom: 100%;border-bottom: 11.55px solid{color:text post hexagon colour};}
  1449. .txttypehex:after {top: 100%;width: 0;border-top: 11.55px solid {color:text post hexagon colour};}
  1450.  
  1451. .txtdecor, .qutdecor, .lnkdecor, .chtdecor, .auddecor, .viddecor, .ansdecor {
  1452. position: absolute;
  1453. margin: 40px 112px;
  1454. z-index: 2;
  1455. }
  1456.  
  1457. .tdc1, .tdc2, .qtc1, .qtc2, .ltc1, .ltc2, .ctc1, .ctc2, .atc1, .atc2, .vtc1, .vtc2, .anc1, .anc2 {
  1458. width: 30px;
  1459. height: 3px;
  1460. border-radius: 100px;
  1461. background-color: {color:text post hexagon deco};
  1462. border-top: 0 solid transparent;
  1463. border-bottom: 0 solid transparent;
  1464. }
  1465.  
  1466. .tdc1, .qtc1, .ltc1, .ctc1, .atc1, .vtc1, .anc1 {
  1467. transform: rotate(-30deg);
  1468. margin-right: 207px;
  1469. border-left: 14px double {color:text post background};
  1470. }
  1471.  
  1472. .tdc2, .qtc2, .ltc2, .ctc2, .atc2, .vtc2, .anc2 {
  1473. transform: rotate(30deg);
  1474. margin-top: -2px;
  1475. border-right: 14px double {color:text post background} ;
  1476. }
  1477.  
  1478. /***** text post styling *****/
  1479.  
  1480. .txtpostoverlay {
  1481. position: absolute;
  1482. width: 220px;
  1483. padding: 0 30px;
  1484. z-index: 1;
  1485. margin: 70px 48px;
  1486. overflow: hidden;
  1487. height: 146px;
  1488. }
  1489.  
  1490. hr {
  1491. margin: 40px 50px;
  1492. width: 400px;
  1493. background-color: #aaa;
  1494. opacity: 0.2;
  1495. height: 4px;
  1496. }
  1497.  
  1498. .body {
  1499. font-family: opsans;
  1500. font-size: 14px;
  1501. text-align: justify;
  1502. color: {color:body};
  1503. }
  1504.  
  1505. .body a, #applepie a, .quotesrc a, .ansanswer a {
  1506. color: {color:body link};
  1507. padding-bottom: 1px;
  1508. border-bottom: 1px solid {color:body link underline};
  1509. transition: 0.6s;
  1510. }
  1511.  
  1512. .body a:hover, #applepie a:hover, .quotesrc a:hover, .ansanswer a:hover {
  1513. color: {color:body link hover};
  1514. border-bottom: 1px solid {color:body link hover};
  1515. }
  1516.  
  1517. .body b,strong, .ansanswer b,strong {
  1518. font-weight: 400;
  1519. color: {color:body bold};
  1520. }
  1521.  
  1522. .body i,em, .ansanswer i,em {
  1523. color: {color:body italic};
  1524. }
  1525.  
  1526. .posttitle, .quotesrc, .lnkurlname, .chattitle, .ansasker {
  1527. font-family: opsans;
  1528. font-size: 10px;
  1529. font-style: italic;
  1530. text-transform: uppercase;
  1531. letter-spacing: 1px;
  1532. padding: 4px 6px;
  1533. background-color: {color:text post title background};
  1534. color: {color:text post title};
  1535. border-radius: 3px;
  1536. }
  1537.  
  1538. .txtovergradient, .qutovergradient, .lnkovergradient, .chtovergradient, .ansovergradient {
  1539. position: absolute;
  1540. z-index: 2;
  1541. margin: 140px 48px;
  1542. width: 280px;
  1543. height: 80px;
  1544. background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba({RGBcolor:text post background},1) 80%); /* Chrome10-25,Safari5.1-6 */
  1545. background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba({RGBcolor:text post background},1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1546. }
  1547.  
  1548. /***** quote post styling *****/
  1549.  
  1550. #quttypehex {background-color: {color:quote post hexagon colour};}
  1551. #quttypehex:before {border-bottom: 11.55px solid {color:quote post hexagon colour};}
  1552. #quttypehex:after {border-top: 11.55px solid {color:quote post hexagon colour};}
  1553. .qtc1, .qtc2 { background-color: {color:quote post hexagon deco}; }
  1554. .qtc1 { border-left: 14px double {color:quote post background}; }
  1555. .qtc2 { border-right: 14px double {color:quote post background}; }
  1556.  
  1557. .quotetxt {
  1558. font-family: oldst;
  1559. font-size: 20px;
  1560. line-height: 26px;
  1561. margin-top: 14px;
  1562. text-align: center;
  1563. font-style: italic;
  1564. color: {color:quote post quote};
  1565. }
  1566.  
  1567. .quotesrc {
  1568. background-color: {color:quote post quote source background};
  1569. color: {color:quote post quote source};
  1570. {block:permalinkpage}
  1571. text-align: center;
  1572. {/block:permalinkpage}
  1573. }
  1574.  
  1575. .quotesrc a { border-bottom: 0; }
  1576.  
  1577. .qutovergradient {
  1578. background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba({RGBcolor:quote post background},1) 87%); /* Chrome10-25,Safari5.1-6 */
  1579. background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba({RGBcolor:quote post background},1) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1580. }
  1581.  
  1582. /***** link post styling *****/
  1583.  
  1584. #lnktypehex { background-color: {color:link post hexagon colour}; }
  1585. #lnktypehex:before { border-bottom: 11.55px solid {color:link post hexagon colour}; }
  1586. #lnktypehex:after { border-top: 11.55px solid {color:link post hexagon colour}; }
  1587. .ltc1, .ltc2 { background-color: {color:link post hexagon deco}; }
  1588. .ltc1 { border-left: 14px double {color:link post background}; }
  1589. .ltc2 { border-right: 14px double {color:link post background}; }
  1590.  
  1591. .lnkde {
  1592. font-family: opsans;
  1593. font-size: 14px;
  1594. line-height: 22px;
  1595. margin-top: 14px;
  1596. text-align: center;
  1597. font-style: italic;
  1598. color: {color:body};
  1599. }
  1600.  
  1601. .lnkurlname {
  1602. background-color: {color:link post link background};
  1603. color: {color:link post link};
  1604. transition: 0.6s;
  1605. }
  1606.  
  1607. .lnkurlname:hover {
  1608. letter-spacing: 2px;
  1609. background-color: {color:link post link background hover};
  1610. color: {color:link post link hover};
  1611. }
  1612.  
  1613. .lnkovergradient {
  1614. background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba({RGBcolor:link post background},1) 87%); /* Chrome10-25,Safari5.1-6 */
  1615. background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba({RGBcolor:link post background},1) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1616. }
  1617.  
  1618. /***** chat post styling *****/
  1619.  
  1620. #chttypehex {background-color: {color:chat post hexagon colour};}
  1621. #chttypehex:before {border-bottom: 11.55px solid {color:chat post hexagon colour};}
  1622. #chttypehex:after {border-top: 11.55px solid {color:chat post hexagon colour};}
  1623. .ctc1, .ctc2 { background-color: {color:chat post hexagon deco}; }
  1624. .ctc1 { border-left: 14px double {color:chat post background}; }
  1625. .ctc2 { border-right: 14px double {color:chat post background}; }
  1626. .chtovergradient {
  1627. background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba({RGBcolor:chat post background},1) 87%); /* Chrome10-25,Safari5.1-6 */
  1628. background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba({RGBcolor:chat post background},1) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1629. }
  1630.  
  1631. .chattitle {
  1632. background-color: {color:chat post title background};
  1633. color: {color:chat post title};
  1634. }
  1635.  
  1636. .line {
  1637. margin-bottom: 10px;
  1638. font-family: opsans;
  1639. font-size: 14px;
  1640. text-align: left;
  1641. }
  1642.  
  1643. .chtname {
  1644. font-size: 10px;
  1645. text-transform: uppercase;
  1646. letter-spacing: 1px;
  1647. font-style: italic;
  1648. padding: 2px 6px;
  1649. margin-right: 3px;
  1650. }
  1651.  
  1652. .odd .chtname {
  1653. color: {color:chat post odd text};
  1654. background-color: {color:chat post odd background};
  1655. }
  1656.  
  1657. .even .chtname {
  1658. color: {color:chat post even text};
  1659. background-color: {color:chat post even background};
  1660. }
  1661.  
  1662. /***** audio post styling *****/
  1663.  
  1664. #audtypehex { background-color: {color:audio post hexagon colour}; }
  1665. #audtypehex:before { border-bottom: 11.55px solid {color:audio post hexagon colour}; }
  1666. #audtypehex:after { border-top: 11.55px solid {color:audio post hexagon colour}; }
  1667. .atc1, .atc2 { background-color: {color:audio post hexagon deco}; }
  1668. .atc1 { border-left: 14px double transparent; }
  1669. .atc2 { border-right: 14px double transparent; }
  1670.  
  1671. .auddecor { opacity: 0; transition: 0.6s; }
  1672. .entry:hover .auddecor, .entry:hover #audtypehexcon { opacity: 1; }
  1673. .entry:hover .albumart { opacity: 0.1; }
  1674.  
  1675. #audtypehexcon {
  1676. margin-top: 115px;
  1677. z-index: 3;
  1678. opacity: 0.4;
  1679. transition: 0.6s;
  1680. }
  1681.  
  1682. .entry:hover #audtypehexcon { opacity: 1; margin-top: 6px; }
  1683.  
  1684. .albumart, .albumartcon {
  1685. height: 330px;
  1686. transform: rotate(30deg);
  1687. margin: -20px 15px;
  1688. transition: 0.6s;
  1689. }
  1690.  
  1691. .albumartcon {
  1692. font-family: opsans;
  1693. font-style: italic;
  1694. font-size: 18px;
  1695. color: #aaa;
  1696. line-height: 280px;
  1697. position: absolute;
  1698. }
  1699.  
  1700. .audiooverlaycon {
  1701. position: absolute;
  1702. z-index: 2;
  1703. width: 280px;
  1704. margin: 60px 48px;
  1705. height: 160px;
  1706. }
  1707.  
  1708. .audiooverlay {
  1709. margin-top: 75px;
  1710. top: 50%;
  1711. transform: translateY(-50%);
  1712. line-height: 26px;
  1713. }
  1714.  
  1715. .audioplayer {
  1716. opacity: 0;
  1717. transition: 0.6s;
  1718. }
  1719.  
  1720. .audioinfo {
  1721. background-color: {color:audio post info background};
  1722. color: {color:audio post info text};
  1723. font-family: opsans;
  1724. font-size: 10px;
  1725. text-transform: uppercase;
  1726. font-style: italic;
  1727. padding: 4px 8px;
  1728. line-height: 14px;
  1729. border-radius: 3px;
  1730. opacity: 0;
  1731. transition: 0.6s;
  1732. }
  1733.  
  1734. .entry:hover .audioplayer { opacity: 1; }
  1735. .entry:hover .audioinfo { opacity: 0.9; }
  1736.  
  1737. .audioinfo i,em { font-style: normal; padding-left: 2px; }
  1738.  
  1739. /***** video post styling *****/
  1740.  
  1741. #vidtypehex { background-color: {color:video post hexagon colour}; }
  1742. #vidtypehex:before { border-bottom: 11.55px solid {color:video post hexagon colour}; }
  1743. #vidtypehex:after { border-top: 11.55px solid {color:video post hexagon colour}; }
  1744. .vtc1, .vtc2 { background-color: {color:video post hexagon deco}; }
  1745. .vtc1 { border-left: 14px double transparent; }
  1746. .vtc2 { border-right: 14px double transparent; }
  1747.  
  1748. .viddecor { opacity: 0; transition: 0.6s; }
  1749. .entry:hover .viddecor, .entry:hover #vidtypehexcon { opacity: 1; }
  1750. .entry:hover .videoart { opacity: 0.1; }
  1751.  
  1752. #vidtypehexcon {
  1753. margin-top: 115px;
  1754. z-index: 3;
  1755. opacity: 0.4;
  1756. transition: 0.6s;
  1757. }
  1758.  
  1759. .entry:hover #vidtypehexcon { opacity: 1; margin-top: 6px; }
  1760.  
  1761. .videoart, .videoartcon {
  1762. transform: rotate(30deg);
  1763. margin: -60px -220px;
  1764. transition: 0.6s;
  1765. }
  1766.  
  1767. .videoartcon {
  1768. font-family: opsans;
  1769. font-style: italic;
  1770. font-size: 18px;
  1771. color: #aaa;
  1772. line-height: 280px;
  1773. position: absolute;
  1774. }
  1775.  
  1776. .videooverlaycon {
  1777. position: absolute;
  1778. z-index: 2;
  1779. width: 280px;
  1780. margin: 60px 48px;
  1781. height: 160px;
  1782. }
  1783.  
  1784. .videooverlay {
  1785. margin-top: 75px;
  1786. top: 50%;
  1787. transform: translateY(-50%);
  1788. line-height: 26px;
  1789. }
  1790.  
  1791. .videoinfo {
  1792. background-color: {color:video post info background};
  1793. color: {color:video post info text};
  1794. font-family: opsans;
  1795. font-size: 10px;
  1796. text-transform: uppercase;
  1797. font-style: italic;
  1798. padding: 4px 8px;
  1799. line-height: 14px;
  1800. border-radius: 3px;
  1801. opacity: 0;
  1802. transition: 0.6s;
  1803. }
  1804.  
  1805. .entry:hover .videoinfo { opacity: 0.9; }
  1806.  
  1807. /***** answer post styling *****/
  1808.  
  1809. #anstypehex {background-color: {color:answer post hexagon colour};}
  1810. #anstypehex:before {border-bottom: 11.55px solid {color:answer post hexagon colour};}
  1811. #anstypehex:after {border-top: 11.55px solid {color:answer post hexagon colour};}
  1812. .anc1, .anc2 { background-color: {color:answer post hexagon deco}; }
  1813. .anc1 { border-left: 14px double {color:answer post background}; }
  1814. .anc2 { border-right: 14px double {color:answer post background}; }
  1815.  
  1816. .ansasker {
  1817. background-color: {color:answer post asker background};
  1818. color: {color:answer post asker};
  1819. }
  1820.  
  1821. .ansasker a { color: {color:answer post asker}; }
  1822.  
  1823. .ansqn {
  1824. font-family: oldst;
  1825. font-size: 20px;
  1826. line-height: 26px;
  1827. margin-top: 14px;
  1828. text-align: center;
  1829. font-style: italic;
  1830. color: {color:body};
  1831. {block:permalinkpage}
  1832. font-size: 16px;
  1833. {/block:permalinkpage}
  1834. }
  1835.  
  1836. .ansovergradient {
  1837. background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba({RGBcolor:answer post background},1) 87%); /* Chrome10-25,Safari5.1-6 */
  1838. background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba({RGBcolor:answer post background},1) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1839. }
  1840.  
  1841. .ansanswer {
  1842. font-family: opsans;
  1843. font-size: 14px;
  1844. text-align: justify;
  1845. color: {color:body};
  1846. }
  1847.  
  1848. .ansqnansdecor {
  1849. width: 50px;
  1850. height: 2px;
  1851. background-color: {color:answer post deco};
  1852. margin-top: 14px;
  1853. {block:permalinkpage}
  1854. width: 300px;
  1855. margin: 30px 100px;
  1856. {/block:permalinkpage}
  1857. }
  1858.  
  1859. /** pagination styling **/
  1860.  
  1861. #pagination {
  1862. width: 100%;
  1863. clear: both;
  1864. text-align: center;
  1865. padding-top: 100px;
  1866. padding-bottom: 90px;
  1867. }
  1868.  
  1869. #pagination a {color: {color:pagination arrows};}
  1870.  
  1871. .pagilinks {
  1872. font-family: oldst;
  1873. font-size: 26px;
  1874. text-align: center;
  1875. width: 100%;
  1876. z-index: 2;
  1877. margin: 0 auto;
  1878. width: 180px;
  1879. margin-top: 8px;
  1880. }
  1881.  
  1882. .pagilinksback, .pagilinksblk, .pagilinksnext {width: 60px;height: 40px;float: left;}
  1883.  
  1884. .pagihex {
  1885. z-index: -2;
  1886. margin: 0 auto;
  1887. position: relative;
  1888. width: 40px;
  1889. height: 23.09px;
  1890. background-color: {color:pagination current page background};
  1891. margin: 11.55px 0;
  1892. }
  1893.  
  1894. .pagihex:before, .pagihex:after {
  1895. content: "";
  1896. position: absolute;
  1897. width: 0;
  1898. margin-left: -110px;
  1899. border-left: 20px solid transparent;
  1900. border-right: 20px solid transparent;
  1901. }
  1902. .pagihex:before {bottom: 100%;border-bottom: 11.55px solid {color:pagination current page background};}
  1903. .pagihex:after {top: 100%;width: 0;border-top: 11.55px solid {color:pagination current page background};}
  1904.  
  1905. .pagicurrent {
  1906. position: absolute;
  1907. z-index: -1;
  1908. font-family: opsans;
  1909. width: 100%;
  1910. text-align: center;
  1911. font-size: 18px;
  1912. color: {color:pagination current page text};
  1913. line-height: 26px;
  1914. }
  1915.  
  1916. .hexpermacov {
  1917. position: absolute;
  1918. z-index: 4;
  1919. width: 250px;
  1920. height: 144.34px;
  1921. background-color: #ffffff;
  1922. margin: 70px 64px;
  1923. opacity: 0;
  1924. transition: 0.6s;
  1925. }
  1926.  
  1927. .hexpermacov:before,.hexpermacov:after {
  1928. content: "";
  1929. position: absolute;
  1930. width: 0;
  1931. margin-left: -125px;
  1932. border-left: 125px solid transparent;
  1933. border-right: 125px solid transparent;
  1934. }
  1935.  
  1936. .hexpermacov:before {
  1937. bottom: 100%;
  1938. border-bottom: 72.17px solid #ffffff;
  1939. }
  1940.  
  1941. .hexpermacov:after {
  1942. top: 100%;
  1943. width: 0;
  1944. border-top: 72.17px solid #ffffff;
  1945. }
  1946.  
  1947. .entry:hover .hexpermacov {
  1948. opacity: 0.3;
  1949. }
  1950.  
  1951. .hexperma {
  1952. position: absolute;
  1953. z-index: 5;
  1954. margin: -50px 168px;
  1955. opacity: 0;
  1956. transition: 0.6s;
  1957. }
  1958.  
  1959. .entry:hover .hexperma {opacity: 1;}
  1960.  
  1961. #phtpost {margin: -220px 168px;}
  1962.  
  1963. .entry:hover #phtpost {
  1964. opacity: 1;
  1965. margin: -190px 168px;
  1966. }
  1967.  
  1968. .hex-notes-permahex i, .hex-type-permahex i, .hex-reblog-permahex i, .ans-permahex i, .vid-permahex i, .aud-permahex i, .cht-permahex i, .txt-permahex i, .lnk-permahex i, .qut-permahex i { color: {color:permalink icons colour}; }
  1969.  
  1970. .hex-notes-permahex, .hex-type-permahex, .hex-reblog-permahex, .ans-permahex, .vid-permahex, .aud-permahex, .cht-permahex, .txt-permahex, .lnk-permahex, .qut-permahex {
  1971. position: relative;
  1972. width: 40px;
  1973. height: 23.09px;
  1974. background-color: rgba(255,255,255,0.6);
  1975. margin: 11.55px 0;
  1976. }
  1977.  
  1978. .hex-notes-permahex:before, .hex-notes-permahex:after, .hex-type-permahex:before, .hex-type-permahex:after, .hex-reblog-permahex:before, .hex-reblog-permahex:after, .permahex:before, .permahex:after, .ans-permahex:before, .vid-permahex:before, .aud-permahex:before, .cht-permahex:before, .txt-permahex:before, .lnk-permahex:before, .qut-permahex:before, .ans-permahex:after, .vid-permahex:after, .aud-permahex:after, .cht-permahex:after, .txt-permahex:after, .lnk-permahex:after, .qut-permahex:after {
  1979. content: "";
  1980. position: absolute;
  1981. width: 0;
  1982. margin-left: -20px;
  1983. border-left: 20px solid transparent;
  1984. border-right: 20px solid transparent;
  1985. }
  1986.  
  1987. .hex-notes-permahex:before, .hex-type-permahex:before, .hex-reblog-permahex:before, .permahex:before, .ans-permahex:before, .vid-permahex:before, .aud-permahex:before, .cht-permahex:before, .txt-permahex:before, .lnk-permahex:before, .qut-permahex:before {
  1988. bottom: 100%;
  1989. border-bottom: 11.55px solid rgba(255,255,255,0.6);
  1990. }
  1991.  
  1992. .hex-notes-permahex:after, .hex-type-permahex:after, .hex-reblog-permahex:after, .permahex:after, .ans-permahex:after, .vid-permahex:after, .aud-permahex:after, .cht-permahex:after, .txt-permahex:after, .lnk-permahex:after, .qut-permahex:after {
  1993. top: 100%;
  1994. width: 0;
  1995. border-top: 11.55px solid rgba(255,255,255,0.6);
  1996. }
  1997.  
  1998. /*** photo and photoset permalink colours ***/
  1999.  
  2000. .hex-type-permahex:before { border-bottom: 11.55px solid {color:permalink colour 1 background}; }
  2001. .hex-type-permahex:after { border-top: 11.55px solid {color:permalink colour 1 background}; }
  2002. .hex-type-permahex {
  2003. position: absolute;
  2004. background-color: {color:permalink colour 1 background};
  2005. }
  2006.  
  2007. .hex-notes-permahex:before { border-bottom: 11.55px solid {color:permalink colour 2 background}; }
  2008. .hex-notes-permahex:after { border-top: 11.55px solid {color:permalink colour 2 background}; }
  2009. .hex-notes-permahex {
  2010. position: absolute;
  2011. background-color: {color:permalink colour 2 background};
  2012. margin: 55px 25px;
  2013. }
  2014.  
  2015. .hex-reblog-permahex:before { border-bottom: 11.55px solid {color:permalink colour 3 background}; }
  2016. .hex-reblog-permahex:after { border-top: 11.55px solid {color:permalink colour 3 background}; }
  2017. .hex-reblog-permahex {
  2018. position: absolute;
  2019. background-color: {color:permalink colour 3 background};
  2020. margin: 55px 25px;
  2021. }
  2022.  
  2023. /*** misc posts permalink colours ***/
  2024.  
  2025. .ans-permahex:before { border-bottom: 11.55px solid rgba({RGBcolor:answer post hexagon colour},0.6); }
  2026. .ans-permahex:after { border-top: 11.55px solid rgba({RGBcolor:answer post hexagon colour},0.6); }
  2027. .ans-permahex {
  2028. position: absolute;
  2029. background-color: rgba({RGBcolor:answer post hexagon colour},0.6);
  2030. }
  2031.  
  2032. .vid-permahex:before { border-bottom: 11.55px solid rgba({RGBcolor:video post hexagon colour},0.6); }
  2033. .vid-permahex:after { border-top: 11.55px solid rgba({RGBcolor:video post hexagon colour},0.6); }
  2034. .vid-permahex {
  2035. position: absolute;
  2036. background-color: rgba({RGBcolor:video post hexagon colour},0.6);
  2037. }
  2038.  
  2039. .aud-permahex:before { border-bottom: 11.55px solid rgba({RGBcolor:audio post hexagon colour},0.6); }
  2040. .aud-permahex:after { border-top: 11.55px solid rgba({RGBcolor:audio post hexagon colour},0.6); }
  2041. .aud-permahex {
  2042. position: absolute;
  2043. background-color: rgba({RGBcolor:audio post hexagon colour},0.6);
  2044. }
  2045.  
  2046. .cht-permahex:before { border-bottom: 11.55px solid rgba({RGBcolor:chat post hexagon colour},0.6);; }
  2047. .cht-permahex:after { border-top: 11.55px solid rgba({RGBcolor:chat post hexagon colour},0.6);; }
  2048. .cht-permahex {
  2049. position: absolute;
  2050. background-color: rgba({RGBcolor:chat post hexagon colour},0.6);;
  2051. }
  2052.  
  2053. .txt-permahex:before { border-bottom: 11.55px solid rgba({RGBcolor:text post hexagon colour},0.6);; }
  2054. .txt-permahex:after { border-top: 11.55px solid rgba({RGBcolor:text post hexagon colour},0.6);; }
  2055. .txt-permahex {
  2056. position: absolute;
  2057. background-color: rgba({RGBcolor:text post hexagon colour},0.6);;
  2058. }
  2059.  
  2060. .lnk-permahex:before { border-bottom: 11.55px solid rgba({RGBcolor:link post hexagon colour},0.6);; }
  2061. .lnk-permahex:after { border-top: 11.55px solid rgba({RGBcolor:link post hexagon colour},0.6);; }
  2062. .lnk-permahex {
  2063. position: absolute;
  2064. background-color: rgba({RGBcolor:link post hexagon colour},0.6);;
  2065. }
  2066.  
  2067. .qut-permahex:before { border-bottom: 11.55px solid rgba({RGBcolor:quote post hexagon colour},0.6); }
  2068. .qut-permahex:after { border-top: 11.55px solid rgba({RGBcolor:quote post hexagon colour},0.6); }
  2069. .qut-permahex {
  2070. position: absolute;
  2071. background-color: rgba({RGBcolor:quote post hexagon colour},0.6);
  2072. }
  2073.  
  2074. /*** etc permalink styling ***/
  2075.  
  2076. .permahextxt {
  2077. font-family: opsans;
  2078. font-size: 10px;
  2079. overflow: hidden;
  2080. color: {color:permalink icons colour};
  2081. position: absolute;
  2082. z-index: 6;
  2083. width: 40px;
  2084. text-align: center;
  2085. height: 40px;
  2086. line-height: 45px;
  2087. }
  2088.  
  2089. .entry:hover .photo, .entry:hover .photos {opacity: 0.6;}
  2090.  
  2091. #hex-type {position: absolute;}
  2092.  
  2093. #hex-notes {
  2094. position: absolute;
  2095. margin: 55px -25px;
  2096. }
  2097.  
  2098. #hex-ic, #hex-ice {
  2099. font-size: 14px;
  2100. line-height: 25px;
  2101. }
  2102.  
  2103. #hex-ice { font-size: 10px; }
  2104.  
  2105. .body img {
  2106. max-width: 100%;
  2107. }
  2108.  
  2109. .tumblr_parent {
  2110. margin: 0;
  2111. {block:indexpage}border-bottom: 1px solid #dddddd;{/block:indexpage}
  2112. {block:permalinkpage}border-bottom: 1px solid #f6f6f6;{/block:permalinkpage}
  2113. {block:indexpage}padding: 5px;{/block:indexpage}
  2114. {block:permalinkpage}padding: 20px;{/block:permalinkpage}
  2115. }
  2116.  
  2117. .tumblr_parent img {margin-top: 5px;}
  2118.  
  2119. .tumblr_avatar {
  2120. width: 16px;
  2121. height: 16px;
  2122. border-radius: 3px;
  2123. margin-right: 10px;
  2124. margin-bottom: 10px;
  2125. vertical-align: middle;
  2126. display: inline-block;
  2127. }
  2128.  
  2129. a.tumblr_blog {
  2130. padding-bottom: 10px;
  2131. font-family: opsans;
  2132. font-size: 10px;
  2133. color: {color:body reblogged username};
  2134. text-transform: uppercase;
  2135. letter-spacing: 2px;
  2136. padding: 4px 0 10px 0;
  2137. display: inline-block;
  2138. vertical-align: middle;
  2139. margin-bottom: -1px;
  2140. border-bottom: 0;
  2141. transition: 0.6s;
  2142. }
  2143.  
  2144. .tumblr_blog a:hover {
  2145. color: {color:body reblogged username hover};
  2146. border-bottom: 0;
  2147. }
  2148.  
  2149. .permalink {
  2150. width: 500px;
  2151. margin-top: 30px;
  2152. color: {color:body};
  2153. }
  2154.  
  2155. .perma-date {
  2156. font-family: oldst;
  2157. font-size: 30px;
  2158. border-right: 3px solid {color:bottom bar top border};
  2159. padding: 0 8px;
  2160. margin-right: 10px;
  2161. color: {color:body};
  2162. float: left;
  2163. background-color: rgba(242, 242, 242, 0.3);
  2164. }
  2165.  
  2166. .perma-time {
  2167. font-family: opsans;
  2168. font-size: 12px;
  2169. padding-top: 4px;
  2170. float: left;
  2171. width: 150px;
  2172. margin-right: 10px;
  2173. text-align: left;
  2174. }
  2175.  
  2176. .perma-org {
  2177. float: left;
  2178. width: 275px;
  2179. text-align: right;
  2180. font-family: opsans;
  2181. font-size: 10px;
  2182. text-transform: uppercase;
  2183. letter-spacing: 1px;
  2184. line-height: 18px;
  2185. margin-top: 2px;
  2186. }
  2187.  
  2188. .perma-org-icon, .perma-org-icona {
  2189. width: 16px;
  2190. height: 16px;
  2191. border-radius: 3px;
  2192. margin-bottom: -5px;
  2193. margin-left: 10px;
  2194. }
  2195.  
  2196. .perma-org-icona { margin-right: 3px; }
  2197.  
  2198. .perma-org a {
  2199. color: {color:body link};
  2200. transition: 0.6s;
  2201. }
  2202.  
  2203. .perma-org a:hover { color: {color:body link hover}; }
  2204.  
  2205. .perma-tags {
  2206. width: 480px;
  2207. text-align: center;
  2208. font-family: opsans;
  2209. font-size: 12px;
  2210. padding: 10px;
  2211. border-top: 1px solid #f4f4f4;
  2212. border-bottom: 1px solid #f4f4f4;
  2213. display: inline-block;
  2214. margin-top: 20px;
  2215. }
  2216.  
  2217. .perma-tags a {
  2218. color: {color:body link};
  2219. border-radius: 3px;
  2220. margin: 2px 3px;
  2221. padding: 2px 6px;
  2222. transition: 0.6s;
  2223. }
  2224.  
  2225. .perma-tags a:hover {
  2226. color: {color:body link hover};
  2227. }
  2228.  
  2229. .perma-notes {
  2230. width: 500px;
  2231. display: inline-block;
  2232. margin-top: 20px;
  2233. text-align: center;
  2234. }
  2235.  
  2236. .perma-notecount {
  2237. color: {color:body};
  2238. font-family: opsans;
  2239. font-size: 10px;
  2240. text-transform: uppercase;
  2241. padding: 4px 8px;
  2242. letter-spacing: 2px;
  2243. background-color: rgba(242, 242, 242, 0.3);
  2244. }
  2245.  
  2246. #applepie {
  2247. width: 500px;
  2248. font-family: opsans;
  2249. font-size: 12px;
  2250. text-align: left;
  2251. padding-top: 20px;
  2252. }
  2253.  
  2254. .notes li {
  2255. width: 500px;
  2256. font-family: opsans;
  2257. font-size: 12px;
  2258. padding: 10px 0;
  2259. margin-bottom: 5px;
  2260. border-top: 1px solid #f3f3f3;
  2261. margin-left: -40px;
  2262. }
  2263.  
  2264. .notes img {
  2265. margin-right: 10px;
  2266. float: left;
  2267. width: 13px;
  2268. height: 13px;
  2269. border-radius: 2px;
  2270. }
  2271.  
  2272. ol.notes {
  2273. width: 500px;
  2274. list-style-type: none;
  2275. }
  2276.  
  2277. #applepie blockquote {
  2278. margin: 5px;
  2279. padding: 5px 10px;
  2280. border-left: 1px solid #888;
  2281. }
  2282.  
  2283. .perma-photo {max-width: 500px;}
  2284.  
  2285. .perma-audplayer {
  2286. float: left;
  2287. width: 500px;
  2288. background-color: #f2f2f2;
  2289. }
  2290.  
  2291. .perma-albart {
  2292. float: left;
  2293. width: 200px;
  2294. height: 200px;
  2295. }
  2296.  
  2297. .perma-noart {
  2298. width: 200px;
  2299. height: 200px;
  2300. line-height: 200px;
  2301. font-family: opsans;
  2302. font-size: 12px;
  2303. color: #aaa;
  2304. text-align: center;
  2305. background-color: #efefef;
  2306. position: absolute;
  2307. z-index: 1;
  2308. }
  2309.  
  2310. .perma-albumartwork {
  2311. width: 200px;
  2312. height: 200px;
  2313. position: relative;
  2314. z-index: 2;
  2315. }
  2316.  
  2317. .perma-audinfos {
  2318. width: 260px;
  2319. height: 180px;
  2320. padding: 10px 20px;
  2321. background-color: #f8f8f8;
  2322. float: left;
  2323. }
  2324.  
  2325. .perma-audblock {
  2326. width: 500px;
  2327. height: 200px;
  2328. margin-bottom: 30px;
  2329. }
  2330.  
  2331. .perma-trk {
  2332. font-family: oldst;
  2333. font-size: 16px;
  2334. }
  2335.  
  2336. .perma-inf {
  2337. font-family: opsans;
  2338. font-size: 10px;
  2339. text-transform: uppercase;
  2340. letter-spacing: 1px;
  2341. }
  2342.  
  2343. .perma-centerinfos {
  2344. position: relative;
  2345. top: 50%;
  2346. transform: translateY(-50%);
  2347. }
  2348.  
  2349. {CustomCSS}
  2350.  
  2351. </style>
  2352. </head>
  2353. <body>
  2354.  
  2355. <div id="leftpnav"><div class="lpanelnav"><i class="pe-7s-ribbon"></i></div></div>
  2356. <div class="l-m-add-opac"><div class="l-midpnav"><div class="lpanel-mpanel"><i class="pe-7s-diamond"></i></div></div></div>
  2357. <div class="r-m-add-opac"><div class="r-midpnav"><div class="rpanel-mpanel"><i class="pe-7s-diamond"></i></div></div></div>
  2358. <div id="rightpnav"><div class="rpanelnav"><i class="pe-7s-mail"></i></div></div>
  2359.  
  2360. <div id="midpanel">
  2361.  
  2362. <div id="topintro">
  2363.  
  2364. <div class="hexagon1"></div>
  2365. <div class="hexagon2"></div>
  2366. <div class="hexagon">
  2367. <div class="hexTop"></div><div class="hexBottom"></div>
  2368. </div><!--hexagon-->
  2369.  
  2370. <div class="blogtitle">{Title}
  2371. <div class="btunderlines">
  2372. <div class="btul1"></div><div class="btul2"></div><div class="btul3"></div>
  2373. </div><!--btunderlines-->
  2374. </div><!--blogtitle-->
  2375.  
  2376. <div class="desc">{Description}</div>
  2377.  
  2378. </div><!--topintro-->
  2379.  
  2380. <div id="leftpanelcontainer">
  2381. <div class="leftpanel">
  2382.  
  2383. <div class="leftpanelcon">
  2384.  
  2385. <div class="leftpanelimglimit"><img class="leftpanelimg" src="{image:about panel image}"></div>
  2386.  
  2387. <div class="leftpanelinfocolumns">
  2388.  
  2389. <div class="lpanel-infocol-1">
  2390.  
  2391. <div class="infocoltop"></div>
  2392. <div class="infocoltophexcon">
  2393. <div class="infocoltophexicon"><i class="pe-7s-light"></i></div>
  2394. <div class="infocoltophex"></div>
  2395. </div><!--infocoltophexcon-->
  2396.  
  2397. <div class="infocol-1-basicinfo">
  2398.  
  2399. <div class="infocol-1-basicscon">
  2400.  
  2401. <div class="infocol-1-basics">
  2402. <span class="basics-list">{text:basic info 1}</span> {text:basic info 1 text} <br>
  2403. <span class="basics-list">{text:basic info 2}</span> {text:basic info 2 text} <br>
  2404. <span class="basics-list">{text:basic info 3}</span> {text:basic info 3 text} <br>
  2405. <span class="basics-list">{text:basic info 4}</span> {text:basic info 4 text} <br>
  2406. <span class="basics-list">{text:basic info 5}</span> {text:basic info 5 text} <br>
  2407. </div><!--infocol-1-basics-->
  2408.  
  2409. </div><!--infocol-1-basicscon-->
  2410.  
  2411. <div class="infocol-1-biography"><div class="bio">{text:Biography}</div></div>
  2412.  
  2413. </div><!--infocol-1-basicinfo-->
  2414.  
  2415. </div><!--lpanel-infocol-1-->
  2416.  
  2417. <div class="lpanel-infocol-2">
  2418.  
  2419. <div class="infocoltop"></div>
  2420. <div class="infocoltophexcon">
  2421. <div class="infocoltophexicon"><i class="pe-7s-usb"></i></div>
  2422. <div class="infocoltophex"></div>
  2423. </div><!--infocoltophexcon-->
  2424.  
  2425. <div class="infocol-2-customlinkscon">
  2426.  
  2427. <div class="clinkers">
  2428.  
  2429. <a href="{text:custom link 1 url}"><div class="clink">
  2430. <div class="clinkhexcon"><div class="clinkhexicon"><i class="{text:custom link 1 icon}"></i></div><div class="clinkhex"></div></div>
  2431. {text:custom link 1}
  2432. </div><!--clink--></a>
  2433.  
  2434. <a href="{text:custom link 2 url}"><div class="clink" id="clinkb">
  2435. <div class="clinkhexcon"><div class="clinkhexicon"><i class="{text:custom link 2 icon}"></i></div><div class="clinkhex"></div></div>
  2436. {text:custom link 2}
  2437. </div><!--clink--></a>
  2438.  
  2439. <a href="{text:custom link 3 url}"><div class="clink">
  2440. <div class="clinkhexcon"><div class="clinkhexicon"><i class="{text:custom link 3 icon}"></i></div><div class="clinkhex"></div></div>
  2441. {text:custom link 3}
  2442. </div><!--clink--></a>
  2443.  
  2444. <a href="{text:custom link 4 url}"><div class="clink" id="clinkb">
  2445. <div class="clinkhexcon"><div class="clinkhexicon"><i class="{text:custom link 4 icon}"></i></div><div class="clinkhex"></div></div>
  2446. {text:custom link 4}
  2447. </div><!--clink--></a>
  2448.  
  2449. <a href="{text:custom link 5 url}"><div class="clink">
  2450. <div class="clinkhexcon"><div class="clinkhexicon"><i class="{text:custom link 5 icon}"></i></div><div class="clinkhex"></div></div>
  2451. {text:custom link 5}
  2452. </div><!--clink--></a>
  2453.  
  2454. <a href="{text:custom link 6 url}"><div class="clink" id="clinkb">
  2455. <div class="clinkhexcon"><div class="clinkhexicon"><i class="{text:custom link 6 icon}"></i></div><div class="clinkhex"></div></div>
  2456. {text:custom link 6}
  2457. </div><!--clink--></a>
  2458.  
  2459. </div><!--clinkers-->
  2460.  
  2461. </div><!--infocol-2-customlinkscon-->
  2462.  
  2463. </div><!--lpanel-infocol-2-->
  2464.  
  2465. <div class="lpanel-infocol-3">
  2466.  
  2467. <div class="infocoltop"></div>
  2468. <div class="infocoltophexcon">
  2469. <div class="infocoltophexicon"><i class="pe-7s-graph3"></i></div>
  2470. <div class="infocoltophex"></div>
  2471. </div><!--infocoltophexcon-->
  2472.  
  2473. <div class="infocol-3-progressbarscon">
  2474. <div class="infocol-3-progressbars">
  2475.  
  2476. <div class="itemprg">
  2477. <div class="progressbar"><div class="prgpctg">{text:progress bar 1 completion} %</div><div class="progress" id="prg1"></div></div>
  2478. <div class="progressbarname">{text:progress bar 1 label}</div>
  2479. </div><!--itemprg-->
  2480.  
  2481. <div class="itemprg">
  2482. <div class="progressbar"><div class="prgpctg">{text:progress bar 2 completion} %</div><div class="progress" id="prg2"></div></div>
  2483. <div class="progressbarname">{text:progress bar 2 label}</div>
  2484. </div><!--itemprg-->
  2485.  
  2486. <div class="itemprg">
  2487. <div class="progressbar"><div class="prgpctg">{text:progress bar 3 completion} %</div><div class="progress" id="prg3"></div></div>
  2488. <div class="progressbarname">{text:progress bar 3 label}</div>
  2489. </div><!--itemprg-->
  2490.  
  2491. <div class="itemprg">
  2492. <div class="progressbar"><div class="prgpctg">{text:progress bar 4 completion} %</div><div class="progress" id="prg4"></div></div>
  2493. <div class="progressbarname">{text:progress bar 4 label}</div>
  2494. </div><!--itemprg-->
  2495.  
  2496. </div><!--infocol-3-progressbars-->
  2497. </div><!--infocol-3-progressbarscon-->
  2498.  
  2499. </div><!--lpanel-infocol-3-->
  2500.  
  2501. </div><!--leftpanelinfocolumns-->
  2502.  
  2503. </div><!--leftpanelcon-->
  2504.  
  2505. </div><!--leftpanel-->
  2506. </div><!--leftpanelcontainer-->
  2507.  
  2508.  
  2509. <div id="rightpanelcontainer">
  2510. <div class="rightpanel">
  2511.  
  2512. <div class="rightpanelcon">
  2513.  
  2514. <div class="rightpanelimglimit"><img class="rightpanelimg" src="{image:contact panel image}"></div>
  2515.  
  2516. <div class="rpanel-col-2">
  2517.  
  2518. <div class="morecoltop"></div>
  2519. <div class="morecoltophexcon">
  2520. <div class="morecoltophexicon"><i class="pe-7s-mail-open-file"></i></div>
  2521. <div class="morecoltophex"></div>
  2522. </div><!--morecoltophexcon-->
  2523.  
  2524. <div class="rpanel-col-2-faq">
  2525.  
  2526. <!----------------------------------------------------- FAQ BLOCK EXAMPLE ---
  2527.  
  2528. <div class="faqcon">
  2529. <div class="faqquestion">
  2530. <span class="qnmarker">FAQ number</span> TYPE YOUR QUESTION HERE??????????
  2531. </div>
  2532. <div class="faqtri">▼</div>
  2533. <div class="faqresponse">
  2534. TYPE YOUR REPLY HERE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  2535. </div>
  2536. </div>
  2537.  
  2538. ---------------------------------------------------------------------------->
  2539.  
  2540. <div class="faqcon">
  2541. <div class="faqquestion">
  2542. <span class="qnmarker">FAQ 001</span> {text:FAQ 1 question}
  2543. </div><!--faqquestion-->
  2544. <div class="faqtri">▼</div>
  2545. <div class="faqresponse">
  2546. {text:FAQ 1 reply}
  2547. </div>
  2548. </div><!--faqcon-->
  2549.  
  2550. <div class="faqcon">
  2551. <div class="faqquestion">
  2552. <span class="qnmarker">FAQ 002</span> {text:FAQ 2 question}
  2553. </div><!--faqquestion-->
  2554. <div class="faqtri">▼</div>
  2555. <div class="faqresponse">
  2556. {text:FAQ 2 reply}
  2557. </div>
  2558. </div><!--faqcon-->
  2559.  
  2560. <div class="faqcon">
  2561. <div class="faqquestion">
  2562. <span class="qnmarker">FAQ 003</span> {text:FAQ 3 question}
  2563. </div><!--faqquestion-->
  2564. <div class="faqtri">▼</div>
  2565. <div class="faqresponse">
  2566. {text:FAQ 3 reply}
  2567. </div>
  2568. </div><!--faqcon-->
  2569.  
  2570. <div class="faqcon">
  2571. <div class="faqquestion">
  2572. <span class="qnmarker">FAQ 004</span> {text:FAQ 4 question}
  2573. </div><!--faqquestion-->
  2574. <div class="faqtri">▼</div>
  2575. <div class="faqresponse">
  2576. {text:FAQ 4 reply}
  2577. </div>
  2578. </div><!--faqcon-->
  2579.  
  2580. </div><!--rpanel-col-2-faq-->
  2581.  
  2582. </div><!--rpanel-contact-col-2-->
  2583.  
  2584. <div class="rpanel-col-1">
  2585.  
  2586. <div class="morecoltop"></div>
  2587. <div class="morecoltophexcon">
  2588. <div class="morecoltophexicon"><i class="pe-7s-pen"></i></div>
  2589. <div class="morecoltophex"></div>
  2590. </div><!--morecoltophexcon-->
  2591.  
  2592. <div class="rpanel-col-1-askbox">
  2593.  
  2594. <div class="askboxcon">
  2595.  
  2596. <div class="askboxtxt">{text:ask panel text}</div>
  2597.  
  2598. <div class="askbox"><center><iframe frameborder="0" scrolling="no" width="90%" height="90%" src="https://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></center></div>
  2599.  
  2600. </div><!--askboxcon-->
  2601.  
  2602. </div><!--rpanel-col-1-askbox-->
  2603.  
  2604. </div><!--rpanel-contact-col-1-->
  2605.  
  2606. </div><!--rightpanelcon-->
  2607.  
  2608. </div><!--rightpanel-->
  2609. </div><!--rightpanelcontainer-->
  2610.  
  2611. </div><!--#midpanel-->
  2612.  
  2613.  
  2614. <div id="content">
  2615.  
  2616. {block:Posts}
  2617.  
  2618. <center>
  2619. <div class="entry">
  2620.  
  2621. {block:indexpage}
  2622.  
  2623. {block:Post1}<div class="postno1">{/block:Post1}{block:Post2}<div class="postno2">{/block:Post2}{block:Post3}<div class="postno3">{/block:Post3}
  2624. {block:Post4}<div class="postno4">{/block:Post4}{block:Post5}<div class="postno5">{/block:Post5}{block:Post6}<div class="postno6">{/block:Post6}
  2625. {block:Post7}<div class="postno7">{/block:Post7}{block:Post8}<div class="postno8">{/block:Post8}{block:Post9}<div class="postno9">{/block:Post9}
  2626. {block:Post10}<div class="postno10">{/block:Post10}{block:Post11}<div class="postno11">{/block:Post11}{block:Post12}<div class="postno12">{/block:Post12}{block:Post13}<div class="postno13">{/block:Post13}{block:Post14}<div class="postno14">{/block:Post14}{block:Post15}<div class="postno15">{/block:Post15}
  2627.  
  2628. {block:Text}
  2629. <div class="txtdecor"><div class="tdc1"></div><div class="tdc2"></div></div>
  2630. <div class="txttypehexcon">
  2631. <div class="txttypehexicon"><i class="pe-7s-news-paper"></i></div>
  2632. <div class="txttypehex"></div>
  2633. </div><!--txttypehexcon-->
  2634. <div class="txtpostoverlay">
  2635. {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
  2636. <div class="body">{Body}</div>
  2637. </div><!--txtpostoverlay-->
  2638. <div class="txtovergradient"></div>
  2639. <div class="hexentry">
  2640. <div class="hexa"><div class="hex1"><div class="hex2">
  2641. <div class="txtposthexbg"></div>
  2642. </div></div></div>
  2643. </div><!--hexentry-->
  2644. <div class="hexperma">
  2645. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="permahextxt">{NoteCount}</div></a>
  2646. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="txt-permahex"></div></a>
  2647. </div><!--hexperma-->
  2648. {/block:Text}
  2649.  
  2650. {block:Photo}
  2651. <div class="hexpermacov"></div>
  2652. <div class="hexentry">
  2653. <div class="hexa"><div class="hex1"><div class="hex2">
  2654. <div class="photocon">
  2655. <img class="photo" src="{PhotoURL-500}" alt="" />
  2656. </div><!--photocon-->
  2657. </div></div></div>
  2658. </div><!--hexentry-->
  2659. <div class="hexperma" id="phtpost"><!--permalink------>
  2660. <a href="{Permalink}" title="Click to enlarge photo."><div class="hex-type-permahex" id="hex-type"><a href="{Permalink}" title="Click to enlarge photo."><div class="permahextxt" id="hex-ic"><i class="pe-7s-camera"></i></div></a></div></a>
  2661. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="hex-notes-permahex" id="hex-notes"><a href="{Permalink}" title="Posted {TimeAgo}"><div class="permahextxt" id="hex-ice">{NoteCount}</div></a></div></a>
  2662. <a href="{ReblogURL}" title="Reblog?"><div class="hex-reblog-permahex" id="hex-reblog"><a href="{ReblogURL}" title="Reblog?"><div class="permahextxt" id="hex-ic"><i class="pe-7s-repeat"></i></div></a></div>
  2663. </div><!--hexperma-->
  2664. {/block:Photo}
  2665.  
  2666. {block:Photoset}
  2667. <div class="hexpermacov"></div>
  2668. <div class="hexentry">
  2669. <div class="hexa"><div class="hex1"><div class="hex2">
  2670. <div class="photocon" id="photosetcon">
  2671. <div class="photos">{Photoset}</div>
  2672. </div><!--photocon-->
  2673. </div></div></div>
  2674. </div><!--hexentry-->
  2675. <div class="hexperma" id="phtpost"><!--permalink------>
  2676. <a href="{Permalink}" title="Click to enlarge photo."><div class="hex-type-permahex" id="hex-type"><a href="{Permalink}" title="Click to enlarge photo."><div class="permahextxt" id="hex-ic"><i class="pe-7s-camera"></i></div></a></div></a>
  2677. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="hex-notes-permahex" id="hex-notes"><a href="{Permalink}" title="Posted {TimeAgo}"><div class="permahextxt" id="hex-ice">{NoteCount}</div></a></div></a>
  2678. <a href="{ReblogURL}" title="Reblog?"><div class="hex-reblog-permahex" id="hex-reblog"><a href="{ReblogURL}" title="Reblog?"><div class="permahextxt" id="hex-ic"><i class="pe-7s-repeat"></i></div></a></div>
  2679. </div><!--hexperma-->
  2680. {/block:Photoset}
  2681.  
  2682. {block:Audio}
  2683. <div class="auddecor"><div class="atc1"></div><div class="atc2"></div></div>
  2684. <div class="txttypehexcon" id="audtypehexcon">
  2685. <div class="txttypehexicon"><i class="pe-7s-headphones"></i></div>
  2686. <div class="txttypehex" id="audtypehex"></div>
  2687. </div><!--txttypehexcon-->
  2688. <div class="audiooverlaycon">
  2689. <div class="audiooverlay">
  2690. <div class="audioplayer">{AudioPlayer}</div>
  2691. {block:TrackName}<span class="audioinfo">{TrackName}</span>{/block:TrackName}<br>
  2692. <span class="audioinfo">{block:Artist}{Artist}{/block:Artist} {block:Album}{block:Artist}<i>|</i>{/block:Artist}{/block:Album} {block:Album}{Album}{/block:Album}</span>
  2693. </div>
  2694. </div><!--audiooverlay-->
  2695. <div class="hexentry">
  2696. <div class="hexa"><div class="hex1"><div class="hex2">
  2697. <div class="photocon" id="audiocon">
  2698. <div class="albumartcon">Album Art Unavailable</div>
  2699. {block:AlbumArt}
  2700. <img class="albumart" src="{AlbumArtURL}" alt="" />
  2701. {/block:AlbumArt}
  2702. </div><!--photocon-->
  2703. </div></div></div>
  2704. </div><!--hexentry-->
  2705. <div class="hexperma">
  2706. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="permahextxt">{NoteCount}</div></a>
  2707. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="aud-permahex"></div></a>
  2708. </div><!--hexperma-->
  2709. {/block:Audio}
  2710.  
  2711. {block:Chat}
  2712. <div class="chtdecor"><div class="ctc1"></div><div class="ctc2"></div></div>
  2713. <div class="txttypehexcon">
  2714. <div class="txttypehexicon"><i class="pe-7s-chat"></i></div>
  2715. <div class="txttypehex" id="chttypehex"></div>
  2716. </div><!--txttypehexcon-->
  2717. <div class="txtpostoverlay">
  2718. {block:Title}<span class="chattitle">{Title}</span><p>{/block:Title}
  2719. {block:Lines}<div class="{Alt}">
  2720. <div class="line">{block:Label}<span class="chtname">{Label}</span>{/block:Label} <span class="body">{Line}</span><br /></div></div>
  2721. {/block:Lines}
  2722. </div><!--txtpostoverlay-->
  2723. <div class="chtovergradient"></div>
  2724. <div class="hexentry">
  2725. <div class="hexa"><div class="hex1"><div class="hex2">
  2726. <div class="chtposthexbg"></div>
  2727. </div></div></div>
  2728. </div><!--hexentry-->
  2729. <div class="hexperma">
  2730. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="permahextxt">{NoteCount}</div></a>
  2731. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="cht-permahex"></div></a>
  2732. </div><!--hexperma-->
  2733. {/block:Chat}
  2734.  
  2735. {block:Link}
  2736. <div class="lnkdecor"><div class="ltc1"></div><div class="ltc2"></div></div>
  2737. <div class="txttypehexcon">
  2738. <div class="txttypehexicon"><i class="pe-7s-link"></i></div>
  2739. <div class="txttypehex" id="lnktypehex"></div>
  2740. </div><!--txttypehexcon-->
  2741. <div class="txtpostoverlay">
  2742. <a href="{URL}"><span class="lnkurlname">> {Name}</span></a>
  2743. {block:Description}<div class="lnkde">{Description}</div>{/block:Description}
  2744. </div><!--txtpostoverlay-->
  2745. <div class="lnkovergradient"></div>
  2746. <div class="hexentry">
  2747. <div class="hexa"><div class="hex1"><div class="hex2">
  2748. <div class="lnkposthexbg"></div>
  2749. </div></div></div>
  2750. </div><!--hexentry-->
  2751. <div class="hexperma">
  2752. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="permahextxt">{NoteCount}</div></a>
  2753. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="lnk-permahex"></div></a>
  2754. </div><!--hexperma-->
  2755. {/block:Link}
  2756.  
  2757. {block:Quote}
  2758. <div class="qutdecor"><div class="qtc1"></div><div class="qtc2"></div></div>
  2759. <div class="txttypehexcon">
  2760. <div class="txttypehexicon"><i class="pe-7s-pin"></i></div>
  2761. <div class="txttypehex" id="quttypehex"></div>
  2762. </div><!--txttypehexcon-->
  2763. <div class="txtpostoverlay">
  2764. {block:Source}<span class="quotesrc">- {Source} -</span>{/block:Source}
  2765. <div class="quotetxt">{Quote}</div>
  2766. </div><!--txtpostoverlay-->
  2767. <div class="qutovergradient"></div>
  2768. <div class="hexentry">
  2769. <div class="hexa"><div class="hex1"><div class="hex2">
  2770. <div class="qutposthexbg"></div>
  2771. </div></div></div>
  2772. </div><!--hexentry-->
  2773. <div class="hexperma">
  2774. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="permahextxt">{NoteCount}</div></a>
  2775. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="qut-permahex"></div></a>
  2776. </div><!--hexperma-->
  2777. {/block:Quote}
  2778.  
  2779. {block:Answer}
  2780. <div class="ansdecor"><div class="anc1"></div><div class="anc2"></div></div>
  2781. <div class="txttypehexcon">
  2782. <div class="txttypehexicon"><i class="pe-7s-comment"></i></div>
  2783. <div class="txttypehex" id="anstypehex"></div>
  2784. </div><!--txttypehexcon-->
  2785. <div class="txtpostoverlay">
  2786. <span class="ansasker">{Asker} whispered --</span>
  2787. <div class="ansqn">{Question}</div>
  2788. <div class="ansqnansdecor"></div>
  2789. <div class="ansanswer">{Answer}</div>
  2790. </div><!--txtpostoverlay-->
  2791. <div class="ansovergradient"></div>
  2792. <div class="hexentry">
  2793. <div class="hexa"><div class="hex1"><div class="hex2">
  2794. <div class="ansposthexbg"></div>
  2795. </div></div></div>
  2796. </div><!--hexentry-->
  2797. <div class="hexperma">
  2798. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="permahextxt">{NoteCount}</div></a>
  2799. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="ans-permahex"></div></a>
  2800. </div><!--hexperma-->
  2801. {/block:Answer}
  2802.  
  2803. {block:Video}
  2804. <div class="viddecor"><div class="vtc1"></div><div class="vtc2"></div></div>
  2805. <div class="txttypehexcon" id="vidtypehexcon">
  2806. <div class="txttypehexicon"><i class="pe-7s-film"></i></div>
  2807. <div class="txttypehex" id="vidtypehex"></div>
  2808. </div><!--txttypehexcon-->
  2809. <div class="videooverlaycon">
  2810. <div class="videooverlay"><span class="videoinfo">{PlayCountWithLabel}</span><br><span class="videoinfo">View Post Info to watch video</span> </div></div><!--audiooverlay-->
  2811. <div class="hexentry">
  2812. <div class="hexa"><div class="hex1"><div class="hex2">
  2813. <div class="photocon">
  2814. <div class="videoartcon">Video Thumbnail Unavailable</div>
  2815. {block:VideoThumbnail}
  2816. <img class="videoart" src="{VideoThumbnailURL}" alt="" />
  2817. {/block:VideoThumbnail}
  2818. </div><!--photocon-->
  2819. </div></div></div>
  2820. </div><!--hexentry-->
  2821. <div class="hexperma">
  2822. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="permahextxt">{NoteCount}</div></a>
  2823. <a href="{Permalink}" title="Posted {TimeAgo}"><div class="vid-permahex"></div></a>
  2824. </div><!--hexperma-->
  2825. {/block:Video}
  2826.  
  2827. </div><!--postno (for aligning hexes)-->
  2828.  
  2829. {/block:indexpage}
  2830.  
  2831. {block:permalinkpage}
  2832.  
  2833. {block:Text}
  2834. {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
  2835. <div class="body">{Body}</div>
  2836. {/block:Text}
  2837.  
  2838. {block:Photo}
  2839. <img class="perma-photo" src="{PhotoURL-500}" alt="" />
  2840. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  2841. {/block:Photo}
  2842.  
  2843. {block:Photoset}
  2844. <div class="perma-photo">{Photoset}</div>
  2845. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  2846. {/block:Photoset}
  2847.  
  2848. {block:Audio}
  2849. <div class="perma-audblock">
  2850. {block:AlbumArt}
  2851. <div class="perma-albart">
  2852. <div class="perma-noart">Artwork Unavailable.</div>
  2853. <img class="perma-albumartwork" src="{AlbumArtURL}">
  2854. </div>
  2855. {/block:AlbumArt}
  2856. <div class="perma-audinfos">
  2857. <div class="perma-centerinfos">
  2858. {block:TrackName}<span class="perma-trk">{TrackName}</span>{/block:TrackName}<br>{block:Artist}<span class="perma-inf">{Artist}</span>{/block:Artist} | {block:Album}<span class="perma-inf">{Album}</span>{/block:Album}<br>
  2859. <span class="perma-inf">{PlayCountWithLabel}</span>
  2860. </div><!--perma-centerinfos-->
  2861. </div><!--perma-audinfos-->
  2862. {block:AudioPlayer}<div class="perma-audplayer">{AudioPlayer}</div>{/block:AudioPlayer}
  2863. </div><!--perma-audblock-->
  2864. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  2865. {/block:Audio}
  2866.  
  2867. {block:Chat}
  2868. {block:Title}<span class="chattitle">{Title}</span><p>{/block:Title}
  2869. {block:Lines}<div class="{Alt}">
  2870. <div class="line">{block:Label}<span class="chtname">{Label}</span>{/block:Label} {Line}<br /></div></div>
  2871. {/block:Lines}
  2872. {/block:Chat}
  2873.  
  2874. {block:Link}
  2875. <a href="{URL}"><span class="lnkurlname">> {Name}</span></a>
  2876. {block:Description}<div class="lnkde">{Description}</div>{/block:Description}
  2877. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  2878. {/block:Link}
  2879.  
  2880. {block:Quote}
  2881. {block:Source}<span class="quotesrc">- {Source} -</span>{/block:Source}
  2882. <div class="quotetxt">{Quote}</div>
  2883. {/block:Quote}
  2884.  
  2885. {block:Answer}
  2886. <span class="ansasker">{Asker} whispered --</span>
  2887. <div class="ansqn">{Question}</div>
  2888. <div class="ansqnansdecor"></div>
  2889. <div class="ansanswer">{Answer}</div>
  2890. {/block:Answer}
  2891.  
  2892. {block:Video}
  2893. {Video-500}
  2894. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  2895. {/block:Video}
  2896.  
  2897. {/block:permalinkpage}
  2898.  
  2899. </div><!--entry-->
  2900.  
  2901. {block:permalinkpage}
  2902.  
  2903. <div class="permalink">
  2904. <span class="perma-date">{DayOfMonthWithZero}</span>
  2905. <div class="perma-time">{Month} {Year}<br>{DayOfWeek}, {12Hour}.{Minutes}{AmPm}</div>
  2906. <div class="perma-org">
  2907. {block:RebloggedFrom}
  2908. reblogged from | <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><a href="{ReblogParentURL}"><img class="perma-org-icon" src="{ReblogParentPortraitURL-16}"></a> <br>
  2909. originally by | <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><a href="{ReblogRootURL}"><img class="perma-org-icona" src="{ReblogRootPortraitURL-16}"></a><br>
  2910. {/block:RebloggedFrom}
  2911. </div><!--perma-org-->
  2912. {block:HasTags}
  2913. <div class="perma-tags">
  2914. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  2915. </div><!--perma-tags-->
  2916. {/block:HasTags}
  2917. <div class="perma-notes">
  2918. <span class="perma-notecount">This {PostType} post has {NoteCountWithLabel}.</span>
  2919. <div id="applepie">{PostNotes-16}</div><!--applepie note container-->
  2920. </div><!--perma-notes-->
  2921. </div><!--permalink-->
  2922.  
  2923. {/block:permalinkpage}
  2924.  
  2925. {block:ContentSource}
  2926. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2927. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2928. {/block:SourceLogo}
  2929. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2930. {/block:ContentSource}
  2931. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  2932.  
  2933. {/block:Posts}
  2934.  
  2935. </div><!--content-->
  2936.  
  2937. <div id="pagination">
  2938. {block:Pagination}
  2939. <center><div class="pagilinks">
  2940. <div class="pagilinksback">
  2941. {block:PreviousPage}<a href="{PreviousPage}"><i class="pe-7s-left-arrow"></i></a>{/block:PreviousPage}</div>
  2942. <div class="pagilinksblk"></div>
  2943. <div class="pagilinksnext">
  2944. {block:NextPage}<a href="{NextPage}"><i class="pe-7s-right-arrow"></i></a>{/block:NextPage}
  2945. </div>
  2946. </div><!--pagilinks--></center>
  2947. <center><div class="pagicurrent">{CurrentPage}</div></center>
  2948. <center><div class="pagihex"></div></center>
  2949. {/block:Pagination}
  2950. </div><!--pagination-->
  2951.  
  2952. <div class="uqicon">
  2953. <div id="userquickinfo">
  2954. <div class="quickbasics">
  2955. <div class="usericon"><img class="userportrait" src="{PortraitURL-64}"></div>
  2956. <div class="quicktitle"><span class="tunder">@ {text:username}</span></div>
  2957. <div class="quicknav">
  2958. <a href="/">refresh</a>
  2959. <a class="qnav1">message</a>
  2960. <a href="/archive">archives</a>
  2961. <a class="qnav2">about</a><br>
  2962. <a href="http://yukoki.tumblr.com/">「 Architech 」 theme by yukoki</a>
  2963. </div><!--quicknav-->
  2964. </div><!--quickbasics-->
  2965. <div class="quickclinks">
  2966. <center><div class="quicklinkcon">
  2967. <a href="{text:custom link 1 url}" title="{text:custom link 1}"><i class="{text:custom link 1 icon}"></i></a>
  2968. <a href="{text:custom link 2 url}" title="{text:custom link 2}"><i class="{text:custom link 2 icon}"></i></a>
  2969. <a href="{text:custom link 3 url}" title="{text:custom link 3}"><i class="{text:custom link 3 icon}"></i></a>
  2970. <a href="{text:custom link 4 url}" title="{text:custom link 4}"><i class="{text:custom link 4 icon}"></i></a>
  2971. <a href="{text:custom link 5 url}" title="{text:custom link 5}"><i class="{text:custom link 5 icon}"></i></a>
  2972. <a href="{text:custom link 6 url}" title="{text:custom link 6}"><i class="{text:custom link 6 icon}"></i></a>
  2973. </div><!--quicklinkcon--></center>
  2974. </div><!--quickclinks-->
  2975. <div class="quickdisclaimer">{block:ifshowblogage}<span class="estyears">TUMBLR BLOG EST. {CopyrightYears}.</span><p>{/block:ifshowblogage}{Text:Bottom Info Disclaimer}</div>
  2976. </div><!--userquickinfo-->
  2977. </div><!--uqicon-->
  2978.  
  2979. <div class="tctrl"><i class="pe-7s-config"></i></div>
  2980.  
  2981. </body>
  2982. </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!