mochiroll

Witch's_Corridor.Code.v2

Aug 1st, 2021
62
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment]
  2. Designed and coded by [USER=20950]@Nano[/USER].
  3. Please do not remove the credits or claim the code as your own work.
  4.  
  5. [font=STIX Two Text].[/font]
  6. [font=Hind].[/font]
  7. [font=Exo 2].[/font]
  8.  
  9. [/comment][comment]
  10.  
  11. // accents
  12.  
  13. [/comment][border=0; padding: 0;
  14.  
  15. --accent: #aa1f1f;
  16. --offwhite: #dddddd;
  17. --black: #111111;
  18. --bgcolor: #333333;
  19.  
  20. --leftimg: url('https://i.imgur.com/ny02157.png') center/cover no-repeat;
  21. --leftimgtint: rgba(51, 51, 51, .8);
  22.  
  23. --mainheaderfont: 'STIX Two Text', serif;
  24. --blurbfont: 'Hind', sans-serif;
  25. --headerfont: 'Hind', sans-serif;
  26. --textfont: 'STIX Two Text', serif;
  27.  
  28. --squadinsignia: 'Exo 2', sans-serif;
  29. --squadtint: rgba(51, 51, 51, .5);
  30.  
  31. --squad01leader: #c7d34a;
  32. --squad01m2: #e0080f;
  33. --squad01m3: #89c2e3;
  34. --squad02leader: #c2accd;
  35. --squad02m2: #fe0000;
  36. --squad02m3: #6d4aaa;
  37.  
  38. --char01: url('https://i.imgur.com/mT60two.png') center/cover no-repeat;
  39. --char02: url('https://i.imgur.com/r81axWv.png') center/cover no-repeat;
  40. --char03: url('https://i.imgur.com/tkRsgET.png') center/cover no-repeat;
  41. --char04: url('https://i.imgur.com/M2WaKjZ.png') center/cover no-repeat;
  42. --char05: url('https://i.imgur.com/JL7SlKb.png') center/cover no-repeat;
  43. --char06: url('https://i.imgur.com/pA7YjEq.png') center/cover no-repeat;
  44.  
  45. border=0;
  46. display: flex;
  47. flex-flow: row wrap;
  48. margin: 75px auto 0;
  49. padding: 0;
  50. width: 100%;
  51. max-width: 700px;
  52. min-width: 300px;
  53. font-size: initial;
  54. overflow: hidden;
  55. position: relative;][comment]
  56.  
  57. ---------- start of left side ---------->
  58.  
  59. [/comment][border=0; padding: 0; flex: 4; width: 100%; max-width: 450px; min-width: 300px; height: 70vh; max-height: 600px; min-height: 400px; background: var(--bgcolor); position: relative;][comment]
  60.  
  61. -------------------- start of tabs -------------------->
  62.  
  63. [/comment][border=0; margin-top: 25px; padding: 0; width: 100%; line-height: 24px;][tabs]
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70. [tab=010101010101010101010101010101010101010101010101010101010101010101][border=0; padding: 0; width: 100%; height: calc(70vh - 175px); max-height: 475px; min-height: 275px; position: absolute; left: 0; right: 0; top: 100px; z-index: 2; overflow: hidden;][border=0; padding: 0; padding-right: 30px; width: 100%; height: calc(70vh - 175px); max-height: 475px; min-height: 275px; overflow-y: scroll;][comment]
  71.  
  72. ------------------------------ start of header 01 ------------------------------>
  73.  
  74. [/comment][border=0; display: flex; padding: 0; width: calc(100% + 20px); background: var(--black); position: sticky; top: 0;][border=0; padding: 0; flex: 1; background: var(--accent); clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0% 100%);][/border][border=0; box-sizing: border-box; padding: 7px 15px 3px; flex: 4; font-family: var(--headerfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-transform: uppercase;][comment]
  75.  
  76. // header title //
  77.  
  78. [/comment]Basic Information[/border][border=0; padding: 0; flex: 4; background: var(--accent); clip-path: polygon(0 0, 100% 0, 100% 100%, 25px 100%);][/border][/border][comment]
  79.  
  80. <------------------------------ end of header 01 ------------------------------
  81.  
  82. [/comment][comment]
  83.  
  84. ------------------------------ start of content 01 ------------------------------>
  85.  
  86. [/comment][border=0; box-sizing: border-box; padding: 35px 5px 0 25px; font-family: var(--textfont); font-size: calc(.9em + 1px); line-height: 140%; color: var(--offwhite); text-align: justify;][border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]1. [/border]Name
  87. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]2. [/border]Code Name
  88. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]3. [/border]Gender
  89. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]4. [/border]Age
  90. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]5. [/border]Date of Birth
  91. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]6. [/border]Birthplace
  92. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]7. [/border]Race
  93. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]8. [/border]Rank
  94. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]9. [/border]Squad[/border][comment]
  95.  
  96. <------------------------------ end of content 01 ------------------------------
  97.  
  98. [/comment][comment]
  99.  
  100. // spacer //
  101.  
  102. [/comment][border=0; padding: 0; height: 35px;][/border][comment]
  103.  
  104. ------------------------------ start of header 02 ------------------------------>
  105.  
  106. [/comment][border=0; display: flex; padding: 0; width: calc(100% + 20px); background: var(--black); position: sticky; top: 0;][border=0; padding: 0; flex: 1; background: var(--accent); clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0% 100%);][/border][border=0; box-sizing: border-box; padding: 7px 15px 3px; flex: 4; font-family: var(--headerfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-transform: uppercase;][comment]
  107.  
  108. // header title //
  109.  
  110. [/comment]Appearance[/border][border=0; padding: 0; flex: 4; background: var(--accent); clip-path: polygon(0 0, 100% 0, 100% 100%, 25px 100%);][/border][/border][comment]
  111.  
  112. <------------------------------ end of header 02 ------------------------------
  113.  
  114. [/comment][comment]
  115.  
  116. ------------------------------ start of content 02 ------------------------------>
  117.  
  118. [/comment][border=0; box-sizing: border-box; padding: 35px 5px 0 25px; font-family: var(--textfont); font-size: calc(.9em + 1px); line-height: 140%; color: var(--offwhite); text-align: justify;][border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]1. [/border]Height
  119. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]2. [/border]Hair Color
  120. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]3. [/border]Eye Color
  121. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]4. [/border]Appearance[/border][comment]
  122.  
  123. <------------------------------ end of content 02 ------------------------------
  124.  
  125. [/comment][comment]
  126.  
  127. // spacer //
  128.  
  129. [/comment][border=0; padding: 0; height: 35px;][/border][comment]
  130.  
  131. ------------------------------ start of header 03 ------------------------------>
  132.  
  133. [/comment][border=0; display: flex; padding: 0; width: calc(100% + 20px); background: var(--black); position: sticky; top: 0;][border=0; padding: 0; flex: 1; background: var(--accent); clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0% 100%);][/border][border=0; box-sizing: border-box; padding: 7px 15px 3px; flex: 4; font-family: var(--headerfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-transform: uppercase;][comment]
  134.  
  135. // header title //
  136.  
  137. [/comment]Backstory[/border][border=0; padding: 0; flex: 4; background: var(--accent); clip-path: polygon(0 0, 100% 0, 100% 100%, 25px 100%);][/border][/border][comment]
  138.  
  139. <------------------------------ end of header 03 ------------------------------
  140.  
  141. [/comment][comment]
  142.  
  143. ------------------------------ start of content 03 ------------------------------>
  144.  
  145. [/comment][border=0; box-sizing: border-box; padding: 35px 5px 0 25px; font-family: var(--textfont); font-size: calc(.9em + 1px); line-height: 140%; color: var(--offwhite); text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vestibulum, sem ut auctor luctus, sem neque ultricies enim, a porttitor enim magna sit amet eros. Donec ac feugiat magna.[/border][comment]
  146.  
  147. <------------------------------ end of content 03 ------------------------------
  148.  
  149. [/comment][border=0; padding: 0; height: 35px;][/border][comment]
  150.  
  151. ------------------------------ start of header 04 ------------------------------>
  152.  
  153. [/comment][border=0; display: flex; padding: 0; width: calc(100% + 20px); background: var(--black); position: sticky; top: 0;][border=0; padding: 0; flex: 1; background: var(--accent); clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0% 100%);][/border][border=0; box-sizing: border-box; padding: 7px 15px 3px; flex: 4; font-family: var(--headerfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-transform: uppercase;][comment]
  154.  
  155. // header title //
  156.  
  157. [/comment]Relationships[/border][border=0; padding: 0; flex: 4; background: var(--accent); clip-path: polygon(0 0, 100% 0, 100% 100%, 25px 100%);][/border][/border][comment]
  158.  
  159. <------------------------------ end of header 04 ------------------------------
  160.  
  161. [/comment][comment]
  162.  
  163. ------------------------------ start of content 04 ------------------------------>
  164.  
  165. [/comment][border=0; box-sizing: border-box; padding: 35px 5px 0 25px; font-family: var(--textfont); font-size: calc(.9em + 1px); line-height: 140%; color: var(--offwhite); text-align: justify;]Vestibulum varius feugiat elit nec ultrices. Donec laoreet mi turpis, at finibus turpis volutpat in. Nulla sit amet mauris eu sem tincidunt euismod. Sed pretium euismod quam, nec dapibus justo. Pellentesque tempor ut arcu nec suscipit.[/border][comment]
  166.  
  167. <------------------------------ end of content 04 ------------------------------
  168.  
  169. [/comment][comment]
  170.  
  171. // spacer //
  172.  
  173. [/comment][border=0; padding: 0; height: 35px;][/border][comment]
  174.  
  175. ------------------------------ start of header 05 ------------------------------>
  176.  
  177. [/comment][border=0; display: flex; padding: 0; width: calc(100% + 20px); background: var(--black); position: sticky; top: 0;][border=0; padding: 0; flex: 1; background: var(--accent); clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0% 100%);][/border][border=0; box-sizing: border-box; padding: 7px 15px 3px; flex: 4; font-family: var(--headerfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-transform: uppercase;][comment]
  178.  
  179. // header title //
  180.  
  181. [/comment]Agent Data[/border][border=0; padding: 0; flex: 4; background: var(--accent); clip-path: polygon(0 0, 100% 0, 100% 100%, 25px 100%);][/border][/border][comment]
  182.  
  183. <------------------------------ end of header 05 ------------------------------
  184.  
  185. [/comment][comment]
  186.  
  187. ------------------------------ start of content 05 ------------------------------>
  188.  
  189. [/comment][border=0; box-sizing: border-box; padding: 35px 5px 0 25px; font-family: var(--textfont); font-size: calc(.9em + 1px); line-height: 140%; color: var(--offwhite); text-align: justify;][border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]1. [/border]Equipment: In efficitur urna iaculis purus suscipit finibus.
  190.  
  191. [border=0; padding: 0; display: inline; color: var(--accent); font-weight: 700;]2. [/border]Combat Data: Sed mollis nisl id feugiat tristique. Etiam auctor tempor erat, sed consequat elit sodales eu. Curabitur nisl felis, varius sit amet suscipit id, sodales id mi. Nam quis placerat nisi, vitae pharetra erat. In ac ipsum malesuada, tempus metus vitae, auctor odio.[/border][comment]
  192.  
  193. <------------------------------ end of content 05 ------------------------------
  194.  
  195. [/comment][/border][/border][comment]
  196.  
  197. // asterisk //
  198.  
  199. [/comment][border=0; padding: 0; font-family: var(--headerfont); font-size: 14px; line-height: 100%; color: var(--accent); font-weight: 700; text-transform: uppercase; position: absolute; top: 30px; z-index: 2;][color=transparent]CS Details[/color] *[/border][/tab]
  200.  
  201.  
  202.  
  203.  
  204.  
  205.  
  206. [tab=020202020202020202020202020202020202020202020202020202020202020202][border=0; padding: 0; width: 100%; height: calc(70vh - 175px); max-height: 475px; min-height: 275px; position: absolute; left: 0; right: 0; top: 100px; z-index: 2; overflow: hidden;][border=0; padding: 0; padding-right: 30px; width: 100%; height: calc(70vh - 175px); max-height: 475px; min-height: 275px; position: relative; overflow-y: scroll;][comment]
  207.  
  208. ------------------------------ start of squad 01 ------------------------------>
  209.  
  210. [/comment][border=0; padding: 0; position: relative;][comment]
  211.  
  212. ---------------------------------------- start of header 01 ---------------------------------------->
  213.  
  214. [/comment][border=0; padding: 0; font-family: var(--squadinsignia); font-size: 150px; line-height: 90px; text-shadow: -1px -1px 0 var(--offwhite), 1px -1px 0 var(--offwhite), -1px 1px 0 var(--offwhite), 1px 1px 0 var(--offwhite); color: var(--bgcolor); text-transform: uppercase; position: absolute; top: -23px; right: -20px; z-index: 3;][comment]
  215.  
  216. // insignia //
  217.  
  218. [/comment]N12[/border][border=0; display: flex; margin-top: 25px; padding: 0; width: calc(100% + 20px); background: var(--black); position: relative; z-index: 5;][border=0; padding: 0; flex: 1; background: var(--squad01leader); clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0% 100%);][/border][border=0; box-sizing: border-box; padding: 7px 15px 3px; flex: 4; font-family: var(--headerfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-transform: uppercase;][comment]
  219.  
  220. // header title //
  221.  
  222. [/comment]Nu-12[/border][border=0; padding: 0; flex: 4; background: var(--squad01leader); clip-path: polygon(0 0, 100% 0, 100% 100%, 25px 100%);][/border][/border][comment]
  223.  
  224. <---------------------------------------- end of header 01 ----------------------------------------
  225.  
  226. [/comment][comment]
  227.  
  228. ---------------------------------------- start of content 01 ---------------------------------------->
  229.  
  230. [/comment][border=0; box-sizing: border-box; padding: 25px 5px 0 25px; font-family: var(--headerfont); font-size: 1em; line-height: 140%; font-weight: 700; text-transform: uppercase; position: relative; z-index: 4;][comment]
  231.  
  232. // character 01 //
  233.  
  234. [/comment][URL=""][border=0; display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 140px; color: var(--squad01leader); background: linear-gradient(var(--squadtint), var(--squadtint)), var(--char01); position: relative;]B:Arene[comment]
  235.  
  236. // crown //
  237.  
  238. [/comment][border=0; padding: 0; font-weight: 500; position: absolute; top: 5px; right: 5px;][fa]fas fa-crown[/fa][/border][/border][/URL][comment]
  239.  
  240. // spacer //
  241.  
  242. [/comment][border=0; padding: 0; height: 10px;][/border][comment]
  243.  
  244. // character 02 //
  245.  
  246. [/comment][URL=""][border=0; display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 140px; color: var(--squad01m2); background: linear-gradient(var(--squadtint), var(--squadtint)), var(--char02); position: relative;]A:Skadi[/border][/URL][comment]
  247.  
  248. // spacer //
  249.  
  250. [/comment][border=0; padding: 0; height: 10px;][/border][comment]
  251.  
  252. // character 03 //
  253.  
  254. [/comment][URL=""][border=0; display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 140px; color: var(--squad01m3); background: linear-gradient(var(--squadtint), var(--squadtint)), var(--char03); position: relative;]B:Archetto[/border][/URL][/border][comment]
  255.  
  256. <---------------------------------------- end of content 01 ----------------------------------------
  257.  
  258. [/comment][/border][comment]
  259.  
  260. <------------------------------ end of squad 01 ------------------------------
  261.  
  262. [/comment][comment]
  263.  
  264. // spacer //
  265.  
  266. [/comment][border=0; padding: 0; height: 60px;][/border][comment]
  267.  
  268. ------------------------------ start of squad 02 ------------------------------>
  269.  
  270. [/comment][border=0; padding: 0; position: relative;][comment]
  271.  
  272. ---------------------------------------- start of header 02 ---------------------------------------->
  273.  
  274. [/comment][border=0; padding: 0; font-family: var(--squadinsignia); font-size: 150px; line-height: 90px; text-shadow: -1px -1px 0 var(--offwhite), 1px -1px 0 var(--offwhite), -1px 1px 0 var(--offwhite), 1px 1px 0 var(--offwhite); color: var(--bgcolor); text-transform: uppercase; position: absolute; top: -23px; right: -20px; z-index: 3;][comment]
  275.  
  276. // insignia //
  277.  
  278. [/comment]E43[/border][border=0; display: flex; margin-top: 25px; padding: 0; width: calc(100% + 20px); background: var(--black); position: relative; z-index: 5;][border=0; padding: 0; flex: 1; background: var(--squad02leader); clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0% 100%);][/border][border=0; box-sizing: border-box; padding: 7px 15px 3px; flex: 4; font-family: var(--headerfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-transform: uppercase;][comment]
  279.  
  280. // header title //
  281.  
  282. [/comment]Epsilon-43[/border][border=0; padding: 0; flex: 4; background: var(--squad02leader); clip-path: polygon(0 0, 100% 0, 100% 100%, 25px 100%);][/border][/border][comment]
  283.  
  284. <---------------------------------------- end of header 02 ----------------------------------------
  285.  
  286. [/comment][comment]
  287.  
  288. ---------------------------------------- start of content 02 ---------------------------------------->
  289.  
  290. [/comment][border=0; box-sizing: border-box; padding: 25px 5px 0 25px; font-family: var(--headerfont); font-size: 1em; line-height: 140%; font-weight: 700; text-transform: uppercase; position: relative; z-index: 4;][comment]
  291.  
  292. // character 04 //
  293.  
  294. [/comment][URL=""][border=0; display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 140px; color: var(--squad02leader); background: linear-gradient(var(--squadtint), var(--squadtint)), var(--char04); position: relative;]A:Grani[comment]
  295.  
  296. // crown //
  297.  
  298. [/comment][border=0; padding: 0; font-weight: 500; position: absolute; top: 5px; right: 5px;][fa]fas fa-crown[/fa][/border][/border][/URL][comment]
  299.  
  300. // spacer //
  301.  
  302. [/comment][border=0; padding: 0; height: 10px;][/border][comment]
  303.  
  304. // character 05 //
  305.  
  306. [/comment][URL=""][border=0; display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 140px; color: var(--squad02m2); background: linear-gradient(var(--squadtint), var(--squadtint)), var(--char05); position: relative;]C:Warfarin[/border][/URL][comment]
  307.  
  308. // spacer //
  309.  
  310. [/comment][border=0; padding: 0; height: 10px;][/border][comment]
  311.  
  312. // character 06 //
  313.  
  314. [/comment][URL=""][border=0; display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 140px; color: var(--squad02m3); background: linear-gradient(var(--squadtint), var(--squadtint)), var(--char06); position: relative;]B:Andreana[/border][/URL][/border][comment]
  315.  
  316. <---------------------------------------- end of content 02 ----------------------------------------
  317.  
  318. [/comment][/border][comment]
  319.  
  320. <------------------------------ end of squad 02 ------------------------------
  321.  
  322. [/comment][/border][/border][comment]
  323.  
  324. // asterisk //
  325.  
  326. [/comment][border=0; padding: 0; font-family: var(--headerfont); font-size: 14px; line-height: 100%; color: var(--accent); font-weight: 700; text-transform: uppercase; position: absolute; top: 59px; z-index: 2;][color=transparent]Roster[/color] *[/border][/tab]
  327.  
  328.  
  329.  
  330.  
  331.  
  332. [/tabs][comment]
  333.  
  334. ------------------------------ start of tab covers ------------------------------>
  335.  
  336. [/comment][border=0; padding: 0; width: 100%; height: 70vh; max-height: 600px; min-height: 400px; background: var(--bgcolor); pointer-events: none; position: absolute; top: 0;][/border]
  337.  
  338. [border=0; margin-top: 0; margin-left: 20px; padding: 0; position: absolute; top: 25px; left: 0; right: 0; pointer-events: none;][comment]
  339.  
  340. ---------------------------------------- start of cover section 01 ---------------------------------------->
  341.  
  342. [/comment][border=0; display: flex; padding: 0;][border=0; display: inline-block; padding: 5px 0; font-family: var(--headerfont); font-size: 14px; line-height: 100%; color: var(--offwhite); font-weight: 700; text-transform: uppercase;][comment]
  343.  
  344. // tab cover 01 //
  345.  
  346. [/comment]CS Details[/border][border=0; padding: 0; flex: 1; width: 100%; pointer-events: auto;][/border][/border][comment]
  347.  
  348. <---------------------------------------- end of cover section 01 ----------------------------------------
  349.  
  350. [/comment][comment]
  351.  
  352. ---------------------------------------- start of cover section 02 ---------------------------------------->
  353.  
  354. [/comment][border=0; display: flex; margin-top: 5px; padding: 0;][border=0; display: inline-block; padding: 5px 0; font-family: var(--headerfont); font-size: 14px; line-height: 100%; color: var(--offwhite); font-weight: 700; text-transform: uppercase;][comment]
  355.  
  356. // tab cover 02 //
  357.  
  358. [/comment]Roster[/border][border=0; padding: 0; flex: 1; width: 100%; pointer-events: auto;][/border][/border][comment]
  359.  
  360. <---------------------------------------- end of cover section 02 ----------------------------------------
  361.  
  362. [/comment][/border][comment]
  363.  
  364. <------------------------------ end of tab covers ------------------------------
  365.  
  366. [/comment][/border][comment]
  367.  
  368. <-------------------- end of tabs --------------------
  369.  
  370. [/comment][/border][comment]
  371.  
  372. <---------- end of left side ----------
  373.  
  374. [/comment][comment]
  375.  
  376. ---------- start of right side ---------->
  377.  
  378. [/comment][border=0; padding: 0; flex: 3; width: 100%; max-width: 450px; min-width: 150px; height: 70vh; max-height: 600px; min-height: 400px; background: linear-gradient(var(--leftimgtint), var(--leftimgtint)), var(--leftimg); position: relative; overflow: hidden;][comment]
  379.  
  380. -------------------- start of header -------------------->
  381.  
  382. [/comment][border=0; padding: 0; writing-mode: vertical-rl; transform: rotate(-180deg); position: absolute; top: 50px; bottom: 20px; right: 15px;][comment]
  383.  
  384. ------------------------------ start of title ------------------------------>
  385.  
  386. [/comment][border=0; margin-top: -2px; margin-left: 5px; padding: 0; color: var(--accent); font-size: 1.7em; line-height: 100%; font-family: var(--mainheaderfont); font-weight: 700; text-transform: uppercase;]Beyond The Witch's Corridor[/border][comment]
  387.  
  388. <------------------------------ end of title ------------------------------
  389.  
  390. [/comment][comment]
  391.  
  392. ------------------------------ start of blurb ------------------------------>
  393.  
  394. [/comment][border=0; padding: 0; color: var(--offwhite); font-size: .8em; line-height: 115%; font-family: var(--blurbfont); text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum aliquam egestas ante in commodo. Sed molestie dui vitae euismod tempus. Nunc euismod diam dui, eget finibus sapien consectetur ut.[/border][comment]
  395.  
  396. <------------------------------ end of blurb ------------------------------
  397.  
  398. [/comment][/border][comment]
  399.  
  400. <-------------------- end of header --------------------
  401.  
  402. [/comment][/border][comment]
  403.  
  404. <---------- end of right side ----------
  405.  
  406. [/comment][/border][comment]
  407.  
  408. // visible credit -- please don't remove!!! //
  409.  
  410. [/comment][border=0px; margin: 5px auto 75px; padding: 0; width: 100%; max-width: 1000px; font-size: .6em; text-align: center; text-transform: uppercase; opacity: .5;]code by Nano[comment][USER=20950]@Nano[/USER][/comment][/border]
RAW Paste Data