₊⁺✿˚
This commit is contained in:
HT
parent
8de3288dca
commit
e354c941c9
405
faq-pages/01-faq
405
faq-pages/01-faq
|
|
@ -1,9 +1,13 @@
|
||||||
<!-----------------------------------------------------------------------
|
<!------------------------------------------------------------------
|
||||||
FAQ Page [01]
|
FAQ Page [01]
|
||||||
Made by glenthemes
|
Made by glenthemes
|
||||||
|
|
||||||
Initial release: 2019/04/08
|
Initial release: 2019/04/08
|
||||||
Last updated: 2023/05/12
|
Last updated: 2023/10/17
|
||||||
|
|
||||||
|
What's new:
|
||||||
|
✱ cleaned up the code a little
|
||||||
|
✱ new guide!
|
||||||
|
|
||||||
TERMS OF USE:
|
TERMS OF USE:
|
||||||
1) Do not remove the page credit.
|
1) Do not remove the page credit.
|
||||||
|
|
@ -14,11 +18,8 @@ TERMS OF USE:
|
||||||
|
|
||||||
Please read the guide!
|
Please read the guide!
|
||||||
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
|
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
|
||||||
https://docs.google.com/document/d/1LgHqBkkbW5OrwRq9Edi93KmVDBOkN93IwHBxbfRbwzM
|
https://docs.google.com/presentation/d/1GCoSQkmeSqPe4sgVbh6attsJ8q064Z-pIzJHBQWexSQ/edit?usp=sharing
|
||||||
|
------------------------------------------------------------------->
|
||||||
Please stick to the terms
|
|
||||||
RIP Commander you will be remembered
|
|
||||||
------------------------------------------------------------------------>
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
@ -45,11 +46,11 @@ attribute:"title"
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<link href="//fonts.googleapis.com/css?family=Inconsolata|Montserrat:200,300,400|Nunito|Open+Sans|Playfair+Display|Source+Code+Pro|El+Messiri" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Inconsolata|Tenor+Sans|Chivo+Mono:300" rel="stylesheet">
|
||||||
|
|
||||||
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
|
<script src="//static.tumblr.com/gtjt4bo/jxSs2cboc/glenplayer0.js"></script>
|
||||||
|
|
||||||
<script src="//glen-themes.gitlab.io/faq-pages/01/tears-of-nier.js"></script>
|
<script src="//glen-themes.gitlab.io/faq-pages/01/tears-of-nines.js"></script>
|
||||||
|
|
||||||
<!-------------------------------------------------------------------->
|
<!-------------------------------------------------------------------->
|
||||||
|
|
||||||
|
|
@ -63,11 +64,11 @@ attribute:"title"
|
||||||
margin:20px;
|
margin:20px;
|
||||||
background-color:var(--Tooltip-Background);
|
background-color:var(--Tooltip-Background);
|
||||||
border:1px solid var(--Tooltip-Border);
|
border:1px solid var(--Tooltip-Border);
|
||||||
font-family:canela;
|
font-family:"tenor sans";
|
||||||
font-size:9px;
|
font-size:var(--Tooltip-Font-Size);
|
||||||
letter-spacing:1px;
|
letter-spacing:.5px;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
color:var(--Tooltip-Text);
|
color:var(--Tooltip-Text-Color);
|
||||||
z-index:99;
|
z-index:99;
|
||||||
max-width:40vw;
|
max-width:40vw;
|
||||||
}
|
}
|
||||||
|
|
@ -82,8 +83,15 @@ iframe#tumblr_controls, .iframe-controls--desktop {
|
||||||
-webkit-transform:scale(0.8,0.8);
|
-webkit-transform:scale(0.8,0.8);
|
||||||
|
|
||||||
transform-origin:100% 0;
|
transform-origin:100% 0;
|
||||||
|
opacity:0.9;
|
||||||
z-index:999999!important;
|
z-index:999999!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
|
||||||
|
display:none!important;
|
||||||
|
visibility:hidden!important;
|
||||||
|
height:0!important;
|
||||||
|
}
|
||||||
|
|
||||||
/*--------------------SCROLLBAR--------------------*/
|
/*--------------------SCROLLBAR--------------------*/
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
|
|
@ -108,46 +116,91 @@ iframe#tumblr_controls, .iframe-controls--desktop {
|
||||||
background-color:var(--Scrollbar-Track);
|
background-color:var(--Scrollbar-Track);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*--------------------COLORS--------------------*/
|
::-webkit-scrollbar-corner {
|
||||||
|
background:var(--Background);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*----------- CUSTOMIZATION OPTIONS -----------*/
|
||||||
:root {
|
:root {
|
||||||
--Background:#10121F;
|
--Background:#10121F;
|
||||||
|
|
||||||
--Title:#d8d4d6;
|
--Screen-Margin:100px;
|
||||||
|
|
||||||
|
/*----- MAIN TITLE -----*/
|
||||||
|
--Title-Size:21px;
|
||||||
|
--Title-Color:#d8d4d6;
|
||||||
--Title-Text-Shadow:#10121F;
|
--Title-Text-Shadow:#10121F;
|
||||||
|
--Title-Side-Gaps:20px;
|
||||||
|
--Title-Bottom-Gap:24px;
|
||||||
--Title-Border:#d8d4d6;
|
--Title-Border:#d8d4d6;
|
||||||
|
|
||||||
|
/*----- Q&A CONTAINER -----*/
|
||||||
|
--FAQ-Section-Top-Gap:80px;
|
||||||
|
--Container-Width:650px;
|
||||||
|
|
||||||
|
/*----- QUESTIONS -----*/
|
||||||
|
--Question-Top-Gap:30px;
|
||||||
--Q:#BEB8BB;
|
--Q:#BEB8BB;
|
||||||
|
--Q-Size:22px;
|
||||||
--Q-Text-Shadow:#10121F;
|
--Q-Text-Shadow:#10121F;
|
||||||
--Question-Lines:#8F8A8C;
|
--Question-Lines:#8F8A8C;
|
||||||
--Question-Text:#BEB8BB;
|
--Question-Text:#BEB8BB;
|
||||||
--Question-Text-Shadow:#10121F;
|
--Question-Text-Shadow:#10121F;
|
||||||
|
|
||||||
|
/*----- ANSWERS -----*/
|
||||||
|
--Answer-Top-Gap:30px;
|
||||||
--Answer-Lines:#8F8A8C;
|
--Answer-Lines:#8F8A8C;
|
||||||
--Answer-Text:#BEB8BB;
|
--Answer-Text:#BEB8BB;
|
||||||
--Answer-Text-Shadow:#10121F;
|
--Answer-Text-Shadow:#10121F;
|
||||||
--A:#BEB8BB;
|
--A:#BEB8BB;
|
||||||
|
--A-Size:22px;
|
||||||
--A-Text-Shadow:#10121F;
|
--A-Text-Shadow:#10121F;
|
||||||
|
|
||||||
--Links:#e9e9e9;
|
/*----- TEXT FORMATTING -----*/
|
||||||
|
--Bold:#e6c6a3;
|
||||||
|
--Italic:#dabca4;
|
||||||
|
|
||||||
--Custom-Links:#BEB8BB;
|
--Links:#c0b492;
|
||||||
|
--Links-Underline:#666;
|
||||||
|
|
||||||
|
/*----- MUSIC PLAYER -----*/
|
||||||
|
--Music-Player-Edge-Distance:20px;
|
||||||
|
--Music-Player-Color:#BEB8BB;
|
||||||
|
--Music-Player-Buttons-Size:10px;
|
||||||
|
--Music-Player-Note-Icon-Size:12px;
|
||||||
|
--Music-Player-Text-Size:11px;
|
||||||
|
--Music-Player-Text-Shadow:#10121F;
|
||||||
|
--Music-Player-Gaps:9px;
|
||||||
|
|
||||||
|
/*---- CUSTOM LINKS (LEFT) ----*/
|
||||||
|
--Custom-Links-Font-Size:10px;
|
||||||
|
--Custom-Links-Color:#BEB8BB;
|
||||||
|
|
||||||
|
/*----- SCROLLBAR -----*/
|
||||||
|
/* doesn't work on firefox */
|
||||||
--Scrollbar-Track:#393738;
|
--Scrollbar-Track:#393738;
|
||||||
--Scrollbar-Thumb:#989395;
|
--Scrollbar-Thumb:#989395;
|
||||||
|
|
||||||
--Music-Player:#BEB8BB;
|
/*----- TOOLTIPS -----*/
|
||||||
|
/* hover text */
|
||||||
--Tooltip-Background:#10121F;
|
--Tooltip-Background:#10121F;
|
||||||
--Tooltip-Border:#8F8A8C;
|
--Tooltip-Border:#686466;
|
||||||
--Tooltip-Text:#BEB8BB;
|
--Tooltip-Font-Size:9px;
|
||||||
|
--Tooltip-Text-Color:#BEB8BB;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*--------------------BASICS--------------------*/
|
/*--------------------BASICS--------------------*/
|
||||||
body {
|
body {
|
||||||
background:#10121F url('//rhizo.gitlab.io/random/images/iMrKRSd.png');
|
/*--- PAGE BACKGROUND COLOR ---*/
|
||||||
|
background-color:#10121F;
|
||||||
|
|
||||||
|
/*--- PAGE BACKGROUND IMAGE ---*/
|
||||||
|
background-image:url('//rhizo.gitlab.io/random/images/iMrKRSd.png');
|
||||||
background-attachment:fixed;
|
background-attachment:fixed;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
background-position:center;
|
background-position:center;
|
||||||
background-size:cover;
|
background-size:cover;
|
||||||
|
|
||||||
color:#888;
|
color:#888;
|
||||||
cursor:normal;
|
cursor:normal;
|
||||||
font-family:inconsolata;
|
font-family:inconsolata;
|
||||||
|
|
@ -175,17 +228,24 @@ a, .sq {
|
||||||
-o-transition: all 0.4s ease-in-out;
|
-o-transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
b, strong {
|
a[title] > * {
|
||||||
font-weight:bold;
|
pointer-events:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
i, em {color:;}
|
b, strong {
|
||||||
|
color:var(--Bold);
|
||||||
|
}
|
||||||
|
|
||||||
|
i, em {
|
||||||
|
color:var(--Italic);
|
||||||
|
}
|
||||||
|
|
||||||
pre, code {
|
pre, code {
|
||||||
white-space:pre-wrap;
|
white-space:pre-wrap;
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:first-child {margin-top:0px;}
|
||||||
p:last-child {margin-bottom:0px;}
|
p:last-child {margin-bottom:0px;}
|
||||||
|
|
||||||
/*--------------------CONTAINER--------------------*/
|
/*--------------------CONTAINER--------------------*/
|
||||||
|
|
@ -199,48 +259,77 @@ p:last-child {margin-bottom:0px;}
|
||||||
|
|
||||||
#cont-h-2 {display:inline-block;}
|
#cont-h-2 {display:inline-block;}
|
||||||
|
|
||||||
#box {margin-top:14vh;}
|
#box {margin-top:var(--Screen-Margin);}
|
||||||
|
|
||||||
|
|
||||||
/*-----TITLE-----*/
|
/*-----TITLE-----*/
|
||||||
#title:before {content:".:"}
|
#title-wrap, #title {
|
||||||
#title:after {content:":."}
|
position:relative;
|
||||||
#title:before, #title:after {margin:20px;}
|
|
||||||
|
|
||||||
#title {
|
|
||||||
display:inline-block;
|
|
||||||
font-family:canela;
|
|
||||||
font-size:21px;
|
|
||||||
text-transform:uppercase;
|
|
||||||
letter-spacing:3px;
|
|
||||||
color:var(--Title);
|
|
||||||
text-shadow:1px 1px 1px var(--Title-Text-Shadow);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#title-border {
|
#title-wrap {
|
||||||
margin:24px auto auto auto;
|
display:inline-block;
|
||||||
|
padding:0 calc((var(--Title-Side-Gaps) * 2) + var(--Title-Size));
|
||||||
|
}
|
||||||
|
|
||||||
|
#title-wrap:after {
|
||||||
|
content:"";
|
||||||
|
position:absolute;
|
||||||
|
margin-bottom:calc(0px - var(--Title-Bottom-Gap));
|
||||||
|
bottom:0;left:0;
|
||||||
|
width:100%;
|
||||||
height:1px;
|
height:1px;
|
||||||
background:-webkit-linear-gradient(left, transparent 0%, var(--Title-Border) 50%, transparent 100%);
|
background:-webkit-linear-gradient(left, transparent 0%, var(--Title-Border) 50%, transparent 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#title {
|
||||||
|
font-family:canela;
|
||||||
|
font-size:var(--Title-Size);
|
||||||
|
text-transform:uppercase;
|
||||||
|
letter-spacing:3px;
|
||||||
|
color:var(--Title-Color);
|
||||||
|
text-shadow:1px 1px 1px var(--Title-Text-Shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
#title:before {
|
||||||
|
content:".:";
|
||||||
|
position:absolute;
|
||||||
|
right:100%;
|
||||||
|
margin-right:var(--Title-Side-Gaps);
|
||||||
|
bottom:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#title:after {
|
||||||
|
content:":.";
|
||||||
|
position:absolute;
|
||||||
|
left:100%;
|
||||||
|
margin-left:var(--Title-Side-Gaps);
|
||||||
|
bottom:0;
|
||||||
|
}
|
||||||
|
|
||||||
/*-----Q&A MAIN CONTAINER-----*/
|
/*-----Q&A MAIN CONTAINER-----*/
|
||||||
#contwrap {
|
#contwrap {
|
||||||
padding-top:8px;
|
padding-top:var(--Title-Bottom-Gap);
|
||||||
margin-bottom:14vh;
|
margin-bottom:var(--FAQ-Section-Top-Gap);
|
||||||
width:650px;
|
width:var(--Container-Width);
|
||||||
}
|
}
|
||||||
|
|
||||||
#contwrap > .one-question {
|
#contwrap > .one-question {
|
||||||
max-width:calc((650px / 2) + 70px);
|
max-width:calc((var(--Container-Width) / 2) + 70px);
|
||||||
}
|
}
|
||||||
|
|
||||||
#contwrap > .one-answer {
|
#contwrap > .one-answer {
|
||||||
width:calc((650px / 2) + 70px);
|
width:calc((var(--Container-Width) / 2) + 70px);
|
||||||
|
}
|
||||||
|
|
||||||
|
#contwrap a {
|
||||||
|
color:var(--Links);
|
||||||
|
padding-bottom:0.25em;
|
||||||
|
border-bottom:1px solid var(--Links-Underline);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-----QUESTION STYLING-----*/
|
/*-----QUESTION STYLING-----*/
|
||||||
.one-question {
|
.one-question {
|
||||||
margin-top:30px;
|
margin-top:var(--Question-Top-Gap);
|
||||||
display:flex;
|
display:flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -248,12 +337,16 @@ p:last-child {margin-bottom:0px;}
|
||||||
margin-top:12px;
|
margin-top:12px;
|
||||||
font-family:canela;
|
font-family:canela;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
font-size:22px;
|
font-size:var(--Q-Size);
|
||||||
letter-spacing:5px;
|
|
||||||
color:var(--Q);
|
color:var(--Q);
|
||||||
text-shadow:1px 1px 1px var(--Q-Text-Shadow);
|
text-shadow:1px 1px 1px var(--Q-Text-Shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.q-marker[dot]:after {
|
||||||
|
content:".";
|
||||||
|
margin-left:5px;
|
||||||
|
}
|
||||||
|
|
||||||
.line-beef {
|
.line-beef {
|
||||||
margin-top:22px;
|
margin-top:22px;
|
||||||
margin-left:14px;
|
margin-left:14px;
|
||||||
|
|
@ -294,8 +387,8 @@ p:last-child {margin-bottom:0px;}
|
||||||
|
|
||||||
/*-----ANSWER STYLING-----*/
|
/*-----ANSWER STYLING-----*/
|
||||||
.one-answer {
|
.one-answer {
|
||||||
margin-top:30px;
|
margin-top:var(--Answer-Top-Gap);
|
||||||
margin-left:calc((650px / 2) - 70px);
|
margin-left:calc((var(--Container-Width) / 2) - 70px);
|
||||||
display:flex;
|
display:flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -347,12 +440,16 @@ p:last-child {margin-bottom:0px;}
|
||||||
margin-bottom:12px;
|
margin-bottom:12px;
|
||||||
font-family:canela;
|
font-family:canela;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
font-size:22px;
|
font-size:var(--A-Size);
|
||||||
letter-spacing:5px;
|
|
||||||
color:var(--A);
|
color:var(--A);
|
||||||
text-shadow:1px 1px 1px var(--A-Text-Shadow);
|
text-shadow:1px 1px 1px var(--A-Text-Shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.a-marker[dot]:after {
|
||||||
|
content:".";
|
||||||
|
margin-left:5px;
|
||||||
|
}
|
||||||
|
|
||||||
/*-----CUSTOM LINKS-----*/
|
/*-----CUSTOM LINKS-----*/
|
||||||
#cl-a {
|
#cl-a {
|
||||||
position:fixed;
|
position:fixed;
|
||||||
|
|
@ -367,10 +464,10 @@ p:last-child {margin-bottom:0px;}
|
||||||
vertical-align:middle;
|
vertical-align:middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
#customlinks {
|
.customlink {
|
||||||
padding:10px 0;
|
padding:10px 0;
|
||||||
display:flex;
|
display:flex;
|
||||||
color:var(--Custom-Links);
|
color:var(--Custom-Links-Color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sq {
|
.sq {
|
||||||
|
|
@ -378,58 +475,47 @@ p:last-child {margin-bottom:0px;}
|
||||||
-webkit-align-self:center;
|
-webkit-align-self:center;
|
||||||
width:10px;
|
width:10px;
|
||||||
height:10px;
|
height:10px;
|
||||||
border:1px solid var(--Custom-Links);
|
border:1px solid var(--Custom-Links-Color);
|
||||||
border-radius:3px;
|
border-radius:3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#customlinks:hover .sq {background:var(--Custom-Links);}
|
.customlink:hover .sq {background:var(--Custom-Links-Color);}
|
||||||
|
|
||||||
.sq-a {
|
.sq-a {
|
||||||
margin-left:15px;
|
margin-left:15px;
|
||||||
margin-top:1px;
|
margin-top:1px;
|
||||||
font-family:canela;
|
font-family:canela;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
font-size:10px;
|
font-size:var(--Custom-Links-Font-Size);
|
||||||
letter-spacing:2px;
|
letter-spacing:2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-------MUSIC PLAYER-------*/
|
/*-------MUSIC PLAYER-------*/
|
||||||
#glenplayer02 {
|
[music-player]{
|
||||||
position:fixed;
|
position:fixed;
|
||||||
bottom:0;margin-bottom:20px;
|
bottom:0;margin-bottom:var(--Music-Player-Edge-Distance);
|
||||||
left:0;margin-left:20px;
|
left:0;margin-left:var(--Music-Player-Edge-Distance);
|
||||||
display:flex;
|
color:var(--Music-Player-Color);
|
||||||
z-index:99;
|
z-index:10;
|
||||||
}
|
|
||||||
#glenplayer02 a {text-decoration:none;}
|
|
||||||
|
|
||||||
#glenplayer02 > div {
|
|
||||||
align-self:center;
|
|
||||||
-webkit-align-self:center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.music-controls {
|
.note-icon {
|
||||||
user-select:none;
|
transform:perspective(0);
|
||||||
-webkit-user-select:none;
|
margin-top:-0.5px;
|
||||||
width:13px;
|
|
||||||
font-size:13px;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.playy, .pausee {color:var(--Music-Player);}
|
.note-icon svg {
|
||||||
|
display:block;
|
||||||
.pausee {display:none;}
|
width:var(--Music-Player-Note-Icon-Size);
|
||||||
|
height:var(--Music-Player-Note-Icon-Size);
|
||||||
.sonata {
|
line-height:0;
|
||||||
margin-left:10px;
|
|
||||||
color:var(--Music-Player);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.labeltext {
|
.music-title {
|
||||||
margin-left:8px;
|
font-family:"Chivo Mono";
|
||||||
font-family:courier new;
|
font-size:var(--Music-Player-Text-Size);
|
||||||
font-size:9px;
|
letter-spacing:.3px;
|
||||||
color:var(--Music-Player);
|
text-shadow:1px 1px 1px var(--Music-Player-Text-Shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -442,26 +528,22 @@ p:last-child {margin-bottom:0px;}
|
||||||
<div id="cl-b">
|
<div id="cl-b">
|
||||||
|
|
||||||
<!-----CUSTOM LINKS----->
|
<!-----CUSTOM LINKS----->
|
||||||
<a id="customlinks" href="/">
|
<a class="customlink" href="/">
|
||||||
<div class="sq"></div>
|
index
|
||||||
<div class="sq-a">index</div>
|
</a>
|
||||||
</a><!--end one custom link-->
|
|
||||||
|
|
||||||
<a id="customlinks" href="/ask">
|
<a class="customlink" href="/ask">
|
||||||
<div class="sq"></div>
|
message
|
||||||
<div class="sq-a">message</div>
|
</a>
|
||||||
</a><!--end one custom link-->
|
|
||||||
|
|
||||||
<a id="customlinks" href="/archive">
|
<a class="customlink" href="/archive">
|
||||||
<div class="sq"></div>
|
archive
|
||||||
<div class="sq-a">archive</div>
|
</a>
|
||||||
</a><!--end one custom link-->
|
|
||||||
|
|
||||||
<!--PAGE CREDIT. PLS DO NOT REMOVE TY! :)-->
|
<!--PAGE CREDIT. PLS DO NOT REMOVE TY! :)-->
|
||||||
<a id="customlinks" href="//glenthemes.tumblr.com" title="page by glenthemes">
|
<a class="customlink" href="//glenthemes.tumblr.com" title="page by glenthemes">
|
||||||
<div class="sq"></div>
|
credit
|
||||||
<div class="sq-a">credit</div>
|
</a>
|
||||||
</a><!--end one custom link-->
|
|
||||||
|
|
||||||
</div><!--cl-b--><!--do not delete this line-->
|
</div><!--cl-b--><!--do not delete this line-->
|
||||||
</div><!--cl-a--><!--do not delete this line-->
|
</div><!--cl-a--><!--do not delete this line-->
|
||||||
|
|
@ -469,18 +551,24 @@ p:last-child {margin-bottom:0px;}
|
||||||
|
|
||||||
|
|
||||||
<!-------MUSIC PLAYER------->
|
<!-------MUSIC PLAYER------->
|
||||||
<div id="glenplayer02">
|
<div music-player btn-color="var(--Music-Player-Color)" btn-size="var(--Music-Player-Buttons-Size)" gap="var(--Music-Player-Gaps)" btn-style="filled">
|
||||||
<div class="music-controls" onclick="songstart();">
|
<div music-btn>
|
||||||
<div class="playy">►</div>
|
<div btn-play></div>
|
||||||
<div class="pausee">❚❚</div>
|
<div btn-pause hidden></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="sonata">♫</div>
|
|
||||||
<div class="labeltext">Sound of Crumbling Lies</div>
|
<!-----MUSIC PLAYER SONG FILE----->
|
||||||
</div><!--end music player-->
|
<!--READ THIS: linktr.ee/direct_file_links-->
|
||||||
|
<audio src="https://rhizo.gitlab.io/nier/Sound_of_Crumbling_Lies.mp3" volume="100%" type="audio"></audio>
|
||||||
<!--MUSIC .MP3 URL GOES BETWEEN QUOTATION MARKS OF src=""-->
|
|
||||||
<!--pls view: linktr.ee/direct_file_links-->
|
<div class="note-icon"></div>
|
||||||
<audio id="tune" src="https://rhizo.gitlab.io/nier/Sound_of_Crumbling_Lies.mp3" type="audio"></audio>
|
|
||||||
|
<div class="music-title">
|
||||||
|
<!-----MUSIC PLAYER TITLE----->
|
||||||
|
Sound of Crumbling Lies
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div><!--end music-player-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -488,50 +576,63 @@ p:last-child {margin-bottom:0px;}
|
||||||
<div id="cont-h-2">
|
<div id="cont-h-2">
|
||||||
<div id="box">
|
<div id="box">
|
||||||
|
|
||||||
<div id="title">Questions</div> <!-----MAIN TITLE----->
|
<div id="title-wrap">
|
||||||
<div id="title-border"></div>
|
<div id="title">
|
||||||
|
|
||||||
|
<!-----MAIN TITLE----->
|
||||||
|
Questions
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="contwrap">
|
<div id="contwrap">
|
||||||
<!-----QUESTIONS AND ANSWERS----->
|
<!-----QUESTIONS AND ANSWERS----->
|
||||||
|
|
||||||
|
<!-- start a question -->
|
||||||
<div class="one-question">
|
<div class="one-question">
|
||||||
<div class="q-marker">Q.</div>
|
<div class="q-marker" dot>Q</div>
|
||||||
<div class="line-beef"></div>
|
<div class="question">
|
||||||
<div class="q-wrap">
|
This is a sample question.
|
||||||
<div class="cherry"></div>
|
<br/> <!--line break-->
|
||||||
<div class="question">This is a sample question.</div>
|
<b>bold</b>
|
||||||
<div class="donut"></div>
|
<br/> <!--line break-->
|
||||||
</div><!--q-wrap-->
|
<i>italic</i>
|
||||||
</div><!--end one-question-->
|
<br/> <!--line break-->
|
||||||
|
<a href="https://images.google.com">sample link</a>
|
||||||
|
</div><!--don't delete this line-->
|
||||||
|
</div><!--end a question-->
|
||||||
|
|
||||||
|
<!-- start an answer -->
|
||||||
<div class="one-answer">
|
<div class="one-answer">
|
||||||
<div class="a-wrap">
|
<div class="answer">
|
||||||
<div class="pancake"></div>
|
|
||||||
<div class="answer">And this is an answer.</div>
|
And this is an answer
|
||||||
<div class="queen"></div>
|
|
||||||
</div><!--a-wrap-->
|
</div><!--don't delete this line-->
|
||||||
<div class="line-beer"></div>
|
|
||||||
<div class="a-marker">A.</div>
|
<div class="a-marker" dot>A</div>
|
||||||
</div><!--end one answer-->
|
</div><!--end an answer-->
|
||||||
|
|
||||||
|
<!--=========================================-->
|
||||||
|
|
||||||
|
<!-- start a question -->
|
||||||
<div class="one-question">
|
<div class="one-question">
|
||||||
<div class="q-marker">Q.</div>
|
<div class="q-marker" dot>Q</div>
|
||||||
<div class="line-beef"></div>
|
<div class="question">
|
||||||
<div class="q-wrap">
|
This is a sample question.
|
||||||
<div class="cherry"></div>
|
</div><!--don't delete this line-->
|
||||||
<div class="question">This is a sample question.</div>
|
</div><!--end a question-->
|
||||||
<div class="donut"></div>
|
|
||||||
</div><!--q-wrap-->
|
|
||||||
</div><!--end one-question-->
|
|
||||||
|
|
||||||
|
<!-- start an answer -->
|
||||||
<div class="one-answer">
|
<div class="one-answer">
|
||||||
<div class="a-wrap">
|
<div class="answer">
|
||||||
<div class="pancake"></div>
|
And this is an answer
|
||||||
<div class="answer">And this is an answer.</div>
|
</div><!--don't delete this line-->
|
||||||
<div class="queen"></div>
|
|
||||||
</div><!--a-wrap-->
|
<div class="a-marker" dot>A</div>
|
||||||
<div class="line-beer"></div>
|
</div><!--end an answer-->
|
||||||
<div class="a-marker">A.</div>
|
|
||||||
</div><!--end one answer-->
|
<!--=========================================-->
|
||||||
|
|
||||||
<!--do not delete below this line-->
|
<!--do not delete below this line-->
|
||||||
</div><!--contwrap-->
|
</div><!--contwrap-->
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue