User:Gnai/Sandbox1: Difference between revisions

From 118Wiki
Jump to navigation Jump to search
(Attempting to make a left-aligned sticky LCARS sidebar...)
 
(Working on this more...)
Line 3: Line 3:
   position: relative;
   position: relative;
}
}
@media only screen and (max-width: 768px) {
.Side-LCARS  { display:none; }
}
}}
}}


<div class="wrapper"><div style="width: calc(100% - 200px); align: right; float: right;">
{|width="160" style="margin: 0 0 1em 1em; position: sticky; top: 100px; clear:both;"
{|
|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia porttitor ante, sodales tristique eros posuere non. Mauris varius imperdiet diam. Duis gravida risus justo, pretium consequat nibh euismod id. Donec non nisi porttitor, lobortis erat eu, commodo dui. Praesent in orci faucibus, facilisis mauris id, blandit nisl. Aliquam blandit, purus at pulvinar blandit, massa tellus viverra tortor, a fermentum nulla elit sit amet dolor. Cras id varius velit. Suspendisse ut ante imperdiet, bibendum purus et, aliquet ante. Praesent semper aliquet ante, et sodales purus ullamcorper id. In euismod purus ipsum, ultricies placerat ligula pretium non. In turpis risus, rhoncus non risus nec, condimentum molestie turpis. Etiam sed vulputate libero.
 
Nullam ut massa in ante commodo placerat vitae a eros. Phasellus a lacus eu lacus tincidunt porta sed nec odio. Etiam et semper massa, rhoncus interdum ipsum. Nam sed metus hendrerit, laoreet metus eu, malesuada erat. Sed convallis egestas augue, eget mollis metus scelerisque in. Mauris semper vulputate volutpat. Phasellus efficitur suscipit felis id placerat. Maecenas suscipit sapien at enim lobortis consequat. Quisque eu molestie est, vitae semper orci. Proin hendrerit quis nisi eget semper. Mauris condimentum suscipit felis ac pulvinar.
 
Cras vitae quam ut leo tristique consectetur. Integer quis pellentesque tortor. Nullam ex ipsum, facilisis sit amet consectetur et, rutrum at ante. Curabitur ut iaculis enim. Maecenas suscipit a erat at posuere. Nam facilisis lorem ut bibendum ornare. Duis ac placerat eros. Etiam vitae porta felis. Duis vitae auctor orci. Proin consequat commodo orci, id pretium justo aliquam a. Phasellus ac orci a lorem mollis interdum lobortis ut purus. Vivamus massa neque, fermentum id iaculis sed, rutrum sed elit. Integer sapien purus, varius vel ligula vel, egestas rutrum mi.
 
Aenean a posuere libero. Curabitur eget lectus quis dolor dictum sollicitudin quis eu massa. Aliquam cursus tincidunt eleifend. Sed in sem dapibus, tempor massa quis, malesuada augue. Nunc feugiat ipsum id ex porttitor, porttitor fermentum nulla volutpat. Duis aliquet commodo nisl, vitae feugiat nulla ultrices nec. Phasellus convallis quis lorem mattis condimentum. Morbi ullamcorper nisi maximus eros gravida, sed facilisis mauris egestas. Aliquam sed egestas elit. Maecenas rutrum accumsan ullamcorper. Mauris ut diam in eros euismod pulvinar vel in neque. Suspendisse potenti. Nunc volutpat, odio et consequat laoreet, augue neque vestibulum enim, ut lobortis arcu tortor id dolor. Nunc tristique porttitor condimentum. Vestibulum vel efficitur magna, ut iaculis quam. Pellentesque id lobortis leo, vel egestas tellus.
 
Praesent quis tempor turpis, eu tristique ligula. Suspendisse nisi enim, consequat ut malesuada eget, gravida eget ligula. Curabitur sed facilisis ex. Nullam congue tincidunt facilisis. Proin venenatis eleifend quam nec euismod. Nulla varius dui vitae erat scelerisque, nec finibus risus semper. Morbi tristique scelerisque dolor, semper pretium nunc scelerisque non. Morbi facilisis lobortis ex, sit amet maximus enim ornare nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vitae augue at lorem volutpat commodo sit amet et nisl. Nulla facilisi.
|}
</div>
 
<div style="clear=both;"><div class="Side-LCARS" style="width: 170px; position: sticky; top: 100px;">
{|width="160" style="margin: 0 0 1em 1em;"
!style="text-transform:uppercase" align=left valign=to|<font size="4">TESTING</font>
!style="text-transform:uppercase" align=left valign=to|<font size="4">TESTING</font>
|style="background:steelblue;" width="10" height="30"|
|style="background:steelblue;" width="10" height="30"|
Line 38: Line 20:
|style="background:steelblue" height="10"|
|style="background:steelblue" height="10"|
|}
|}
</div></div></div>
 
{{LCARS-Navbar
|Image = Gnai.png
|FirstName =
|LastName = Gnai
|Ship = Artemis-A
|UserName = Gnai
|Pronunciation = /ɡnaɪː/
|Rank = Ensign
|Style = PIC
|Post = Science Officer
|Color = Blue
|Species = [[Galadoran]]
|Gender = None
|Pronouns = it/its
|Serial = PS - 125 - 712
|BirthMonth = 09
|BirthDate = 26
|BirthYear = 2374
|BirthPlace = Anan City, Galador 2
|Extra = <center>A240102G11</center>
|}}
 
<div style="padding-left: 200px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia porttitor ante, sodales tristique eros posuere non. Mauris varius imperdiet diam. Duis gravida risus justo, pretium consequat nibh euismod id. Donec non nisi porttitor, lobortis erat eu, commodo dui. Praesent in orci faucibus, facilisis mauris id, blandit nisl. Aliquam blandit, purus at pulvinar blandit, massa tellus viverra tortor, a fermentum nulla elit sit amet dolor. Cras id varius velit. Suspendisse ut ante imperdiet, bibendum purus et, aliquet ante. Praesent semper aliquet ante, et sodales purus ullamcorper id. In euismod purus ipsum, ultricies placerat ligula pretium non. In turpis risus, rhoncus non risus nec, condimentum molestie turpis. Etiam sed vulputate libero.
 
Nullam ut massa in ante commodo placerat vitae a eros. Phasellus a lacus eu lacus tincidunt porta sed nec odio. Etiam et semper massa, rhoncus interdum ipsum. Nam sed metus hendrerit, laoreet metus eu, malesuada erat. Sed convallis egestas augue, eget mollis metus scelerisque in. Mauris semper vulputate volutpat. Phasellus efficitur suscipit felis id placerat. Maecenas suscipit sapien at enim lobortis consequat. Quisque eu molestie est, vitae semper orci. Proin hendrerit quis nisi eget semper. Mauris condimentum suscipit felis ac pulvinar.
 
Cras vitae quam ut leo tristique consectetur. Integer quis pellentesque tortor. Nullam ex ipsum, facilisis sit amet consectetur et, rutrum at ante. Curabitur ut iaculis enim. Maecenas suscipit a erat at posuere. Nam facilisis lorem ut bibendum ornare. Duis ac placerat eros. Etiam vitae porta felis. Duis vitae auctor orci. Proin consequat commodo orci, id pretium justo aliquam a. Phasellus ac orci a lorem mollis interdum lobortis ut purus. Vivamus massa neque, fermentum id iaculis sed, rutrum sed elit. Integer sapien purus, varius vel ligula vel, egestas rutrum mi.
 
Aenean a posuere libero. Curabitur eget lectus quis dolor dictum sollicitudin quis eu massa. Aliquam cursus tincidunt eleifend. Sed in sem dapibus, tempor massa quis, malesuada augue. Nunc feugiat ipsum id ex porttitor, porttitor fermentum nulla volutpat. Duis aliquet commodo nisl, vitae feugiat nulla ultrices nec. Phasellus convallis quis lorem mattis condimentum. Morbi ullamcorper nisi maximus eros gravida, sed facilisis mauris egestas. Aliquam sed egestas elit. Maecenas rutrum accumsan ullamcorper. Mauris ut diam in eros euismod pulvinar vel in neque. Suspendisse potenti. Nunc volutpat, odio et consequat laoreet, augue neque vestibulum enim, ut lobortis arcu tortor id dolor. Nunc tristique porttitor condimentum. Vestibulum vel efficitur magna, ut iaculis quam. Pellentesque id lobortis leo, vel egestas tellus.
 
Praesent quis tempor turpis, eu tristique ligula. Suspendisse nisi enim, consequat ut malesuada eget, gravida eget ligula. Curabitur sed facilisis ex. Nullam congue tincidunt facilisis. Proin venenatis eleifend quam nec euismod. Nulla varius dui vitae erat scelerisque, nec finibus risus semper. Morbi tristique scelerisque dolor, semper pretium nunc scelerisque non. Morbi facilisis lobortis ex, sit amet maximus enim ornare nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vitae augue at lorem volutpat commodo sit amet et nisl. Nulla facilisi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia porttitor ante, sodales tristique eros posuere non. Mauris varius imperdiet diam. Duis gravida risus justo, pretium consequat nibh euismod id. Donec non nisi porttitor, lobortis erat eu, commodo dui. Praesent in orci faucibus, facilisis mauris id, blandit nisl. Aliquam blandit, purus at pulvinar blandit, massa tellus viverra tortor, a fermentum nulla elit sit amet dolor. Cras id varius velit. Suspendisse ut ante imperdiet, bibendum purus et, aliquet ante. Praesent semper aliquet ante, et sodales purus ullamcorper id. In euismod purus ipsum, ultricies placerat ligula pretium non. In turpis risus, rhoncus non risus nec, condimentum molestie turpis. Etiam sed vulputate libero.
 
Nullam ut massa in ante commodo placerat vitae a eros. Phasellus a lacus eu lacus tincidunt porta sed nec odio. Etiam et semper massa, rhoncus interdum ipsum. Nam sed metus hendrerit, laoreet metus eu, malesuada erat. Sed convallis egestas augue, eget mollis metus scelerisque in. Mauris semper vulputate volutpat. Phasellus efficitur suscipit felis id placerat. Maecenas suscipit sapien at enim lobortis consequat. Quisque eu molestie est, vitae semper orci. Proin hendrerit quis nisi eget semper. Mauris condimentum suscipit felis ac pulvinar.
 
Cras vitae quam ut leo tristique consectetur. Integer quis pellentesque tortor. Nullam ex ipsum, facilisis sit amet consectetur et, rutrum at ante. Curabitur ut iaculis enim. Maecenas suscipit a erat at posuere. Nam facilisis lorem ut bibendum ornare. Duis ac placerat eros. Etiam vitae porta felis. Duis vitae auctor orci. Proin consequat commodo orci, id pretium justo aliquam a. Phasellus ac orci a lorem mollis interdum lobortis ut purus. Vivamus massa neque, fermentum id iaculis sed, rutrum sed elit. Integer sapien purus, varius vel ligula vel, egestas rutrum mi.
 
Aenean a posuere libero. Curabitur eget lectus quis dolor dictum sollicitudin quis eu massa. Aliquam cursus tincidunt eleifend. Sed in sem dapibus, tempor massa quis, malesuada augue. Nunc feugiat ipsum id ex porttitor, porttitor fermentum nulla volutpat. Duis aliquet commodo nisl, vitae feugiat nulla ultrices nec. Phasellus convallis quis lorem mattis condimentum. Morbi ullamcorper nisi maximus eros gravida, sed facilisis mauris egestas. Aliquam sed egestas elit. Maecenas rutrum accumsan ullamcorper. Mauris ut diam in eros euismod pulvinar vel in neque. Suspendisse potenti. Nunc volutpat, odio et consequat laoreet, augue neque vestibulum enim, ut lobortis arcu tortor id dolor. Nunc tristique porttitor condimentum. Vestibulum vel efficitur magna, ut iaculis quam. Pellentesque id lobortis leo, vel egestas tellus.
 
Praesent quis tempor turpis, eu tristique ligula. Suspendisse nisi enim, consequat ut malesuada eget, gravida eget ligula. Curabitur sed facilisis ex. Nullam congue tincidunt facilisis. Proin venenatis eleifend quam nec euismod. Nulla varius dui vitae erat scelerisque, nec finibus risus semper. Morbi tristique scelerisque dolor, semper pretium nunc scelerisque non. Morbi facilisis lobortis ex, sit amet maximus enim ornare nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vitae augue at lorem volutpat commodo sit amet et nisl. Nulla facilisi.
</div>

Revision as of 23:30, 28 March 2024


TESTING
Personal Information
Service History
writer link
Crew of the USS Artemis-A

Gnai.png

Ensign Gnai

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia porttitor ante, sodales tristique eros posuere non. Mauris varius imperdiet diam. Duis gravida risus justo, pretium consequat nibh euismod id. Donec non nisi porttitor, lobortis erat eu, commodo dui. Praesent in orci faucibus, facilisis mauris id, blandit nisl. Aliquam blandit, purus at pulvinar blandit, massa tellus viverra tortor, a fermentum nulla elit sit amet dolor. Cras id varius velit. Suspendisse ut ante imperdiet, bibendum purus et, aliquet ante. Praesent semper aliquet ante, et sodales purus ullamcorper id. In euismod purus ipsum, ultricies placerat ligula pretium non. In turpis risus, rhoncus non risus nec, condimentum molestie turpis. Etiam sed vulputate libero.

Nullam ut massa in ante commodo placerat vitae a eros. Phasellus a lacus eu lacus tincidunt porta sed nec odio. Etiam et semper massa, rhoncus interdum ipsum. Nam sed metus hendrerit, laoreet metus eu, malesuada erat. Sed convallis egestas augue, eget mollis metus scelerisque in. Mauris semper vulputate volutpat. Phasellus efficitur suscipit felis id placerat. Maecenas suscipit sapien at enim lobortis consequat. Quisque eu molestie est, vitae semper orci. Proin hendrerit quis nisi eget semper. Mauris condimentum suscipit felis ac pulvinar.

Cras vitae quam ut leo tristique consectetur. Integer quis pellentesque tortor. Nullam ex ipsum, facilisis sit amet consectetur et, rutrum at ante. Curabitur ut iaculis enim. Maecenas suscipit a erat at posuere. Nam facilisis lorem ut bibendum ornare. Duis ac placerat eros. Etiam vitae porta felis. Duis vitae auctor orci. Proin consequat commodo orci, id pretium justo aliquam a. Phasellus ac orci a lorem mollis interdum lobortis ut purus. Vivamus massa neque, fermentum id iaculis sed, rutrum sed elit. Integer sapien purus, varius vel ligula vel, egestas rutrum mi.

Aenean a posuere libero. Curabitur eget lectus quis dolor dictum sollicitudin quis eu massa. Aliquam cursus tincidunt eleifend. Sed in sem dapibus, tempor massa quis, malesuada augue. Nunc feugiat ipsum id ex porttitor, porttitor fermentum nulla volutpat. Duis aliquet commodo nisl, vitae feugiat nulla ultrices nec. Phasellus convallis quis lorem mattis condimentum. Morbi ullamcorper nisi maximus eros gravida, sed facilisis mauris egestas. Aliquam sed egestas elit. Maecenas rutrum accumsan ullamcorper. Mauris ut diam in eros euismod pulvinar vel in neque. Suspendisse potenti. Nunc volutpat, odio et consequat laoreet, augue neque vestibulum enim, ut lobortis arcu tortor id dolor. Nunc tristique porttitor condimentum. Vestibulum vel efficitur magna, ut iaculis quam. Pellentesque id lobortis leo, vel egestas tellus.

Praesent quis tempor turpis, eu tristique ligula. Suspendisse nisi enim, consequat ut malesuada eget, gravida eget ligula. Curabitur sed facilisis ex. Nullam congue tincidunt facilisis. Proin venenatis eleifend quam nec euismod. Nulla varius dui vitae erat scelerisque, nec finibus risus semper. Morbi tristique scelerisque dolor, semper pretium nunc scelerisque non. Morbi facilisis lobortis ex, sit amet maximus enim ornare nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vitae augue at lorem volutpat commodo sit amet et nisl. Nulla facilisi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia porttitor ante, sodales tristique eros posuere non. Mauris varius imperdiet diam. Duis gravida risus justo, pretium consequat nibh euismod id. Donec non nisi porttitor, lobortis erat eu, commodo dui. Praesent in orci faucibus, facilisis mauris id, blandit nisl. Aliquam blandit, purus at pulvinar blandit, massa tellus viverra tortor, a fermentum nulla elit sit amet dolor. Cras id varius velit. Suspendisse ut ante imperdiet, bibendum purus et, aliquet ante. Praesent semper aliquet ante, et sodales purus ullamcorper id. In euismod purus ipsum, ultricies placerat ligula pretium non. In turpis risus, rhoncus non risus nec, condimentum molestie turpis. Etiam sed vulputate libero.

Nullam ut massa in ante commodo placerat vitae a eros. Phasellus a lacus eu lacus tincidunt porta sed nec odio. Etiam et semper massa, rhoncus interdum ipsum. Nam sed metus hendrerit, laoreet metus eu, malesuada erat. Sed convallis egestas augue, eget mollis metus scelerisque in. Mauris semper vulputate volutpat. Phasellus efficitur suscipit felis id placerat. Maecenas suscipit sapien at enim lobortis consequat. Quisque eu molestie est, vitae semper orci. Proin hendrerit quis nisi eget semper. Mauris condimentum suscipit felis ac pulvinar.

Cras vitae quam ut leo tristique consectetur. Integer quis pellentesque tortor. Nullam ex ipsum, facilisis sit amet consectetur et, rutrum at ante. Curabitur ut iaculis enim. Maecenas suscipit a erat at posuere. Nam facilisis lorem ut bibendum ornare. Duis ac placerat eros. Etiam vitae porta felis. Duis vitae auctor orci. Proin consequat commodo orci, id pretium justo aliquam a. Phasellus ac orci a lorem mollis interdum lobortis ut purus. Vivamus massa neque, fermentum id iaculis sed, rutrum sed elit. Integer sapien purus, varius vel ligula vel, egestas rutrum mi.

Aenean a posuere libero. Curabitur eget lectus quis dolor dictum sollicitudin quis eu massa. Aliquam cursus tincidunt eleifend. Sed in sem dapibus, tempor massa quis, malesuada augue. Nunc feugiat ipsum id ex porttitor, porttitor fermentum nulla volutpat. Duis aliquet commodo nisl, vitae feugiat nulla ultrices nec. Phasellus convallis quis lorem mattis condimentum. Morbi ullamcorper nisi maximus eros gravida, sed facilisis mauris egestas. Aliquam sed egestas elit. Maecenas rutrum accumsan ullamcorper. Mauris ut diam in eros euismod pulvinar vel in neque. Suspendisse potenti. Nunc volutpat, odio et consequat laoreet, augue neque vestibulum enim, ut lobortis arcu tortor id dolor. Nunc tristique porttitor condimentum. Vestibulum vel efficitur magna, ut iaculis quam. Pellentesque id lobortis leo, vel egestas tellus.

Praesent quis tempor turpis, eu tristique ligula. Suspendisse nisi enim, consequat ut malesuada eget, gravida eget ligula. Curabitur sed facilisis ex. Nullam congue tincidunt facilisis. Proin venenatis eleifend quam nec euismod. Nulla varius dui vitae erat scelerisque, nec finibus risus semper. Morbi tristique scelerisque dolor, semper pretium nunc scelerisque non. Morbi facilisis lobortis ex, sit amet maximus enim ornare nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vitae augue at lorem volutpat commodo sit amet et nisl. Nulla facilisi.