write a reply

missing end brackets

aliasiceguin
pronounsshe (doesn't mind)
31written posts
iceguinearned bits
offlinecurrently
iceguin
New Member
iceguin Avatar
[nospaces]

[googlefont=Inconsolata:400,600|Karla:600]

[newclass=".icegallery"]background-color: #f2f2f2; border: 1px solid #ccc; margin: auto; max-width: 500px; padding-bottom: 10px; --icegalleryhighlight: var(--accent_color_1);[/newclass]
[newclass=".icegallery h1"]margin: 0px; text-align: center; padding: 10px; background-color: #333; color: #fff; font: 400 16px 'Karla', sans-serif; position: relative;[/newclass]
[newclass=".icegallery h2"]color: #9d9d9d; font: 600 16px 'Inconsolata', Courier, monospace; margin: 20px 10px 5px 10px;[/newclass]
[newclass=".icegallery h3, .icegallery h4"]margin: 0px;[/newclass]
[newclass=".icegallery h3"]color: var(--icegalleryhighlight); font: 600 24px 'Karla', Tahoma, sans-serif;[/newclass]
[newclass=".icegallery h4"]color: #666; font: 400 16px 'Inconsolata', Courier, monospace;[/newclass]
[newclass=".icegallery a"]background-color: #fff; border: 1px solid #ccc; display: block; margin: 0px 10px; position: relative; text-decoration: none; padding: 20px;[/newclass]
[newclass=".icegallery a:before"]content: ''; border: 10px solid transparent; position: absolute; top: 5px; left: 5px;[/newclass]
[newclass=".icegallery a:hover:before"]content: ''; border-color: var(--icegalleryhighlight) transparent transparent var(--icegalleryhighlight);[/newclass]
[newclass=".icegallery a:hover h3"]color: #333;[/newclass]
[newclass=".icegallery a + a"]border-top-width: 0px;[/newclass]
[newclass=".icegallery a:before, .icegallery a h3"]transition: 0.3s all;[/newclass]
last edit on Dec 27, 2023 3:27:19 GMT by iceguin
aliasiceguin
pronounsshe (doesn't mind)
31written posts
iceguinearned bits
offlinecurrently
iceguin
New Member
iceguin Avatar


This is just a test post -- the final template will be up... eventually, probably
[break][break]

rule i. Don't remove or alter the credit![break]
(That's it... That's the only rule.)
[break]
This was made to be a wanted ad, but can be used for anything really -- a multiplotter, site location descriptions, an addition to a character development thread -- go wild!

[break][break]The components of the description that's visible on hovering are meant to be mix-and-match, so there's a different order for each of the 3 sample images. The name beneath the image can be up to 2 lines, and there can be as many or few traits in the summary list as you feel like putting there!

[break][break]#212121 | #fff
[break]image 300px minimum width





[nospaces][break]
[attr="class","bestiarywrap"]
[attr="class","bestiary"]
[attr="class","sidebanner"]

[attr="class","listreveal"]

[PTabbedContent]

[PTab=Avion]
[attr="class","creaturecontent"]

[attr="class","quote"]It casts a colossal shadow across a misty lake... as it soars through the sky...To reach it is no easy task...

Avion


the fifth colossus


[attr="class","imgoverlay"]
[attr="class","bottomright caption"]fig 01. a wanderer's sketch of Avion's lair


[break]Avion is directly east of the shrine, as the sword indicates. Just head east as the cliffside path becomes narrow. When it widens again, the colossus' lair is close.
[attr="class","imgoverlay"]
[attr="class","bottomleft caption"]fig 02. An illustration of the weakpoints of Avion, on the tips of both its wings and the end of its tail.



[/PTab]


[PTab=Boobrie]
[attr="class","creaturecontent"]

Boobrie


shapeshifter of Scottish folklore



[break]A giant, ferocious bird that lives near the water's edge and mercilessly devours any who approach. It's rumoured to transform into a horse and gallop across the water.

[/PTab]


[PTab=Chocobo]

[attr="class","creaturecontent"]

Chocobo




A breed of flightless birds, characterized by their yellow feathers, distinct odor, and the unforgettable chirp, "kweh!" Domesticated for their gentle nature and quick feet, they are often used as a mode of ground transportation.
[break][break]
What creature, fair or foul, has affected the lives of the common man more than the noble chocobo? Though the yellow chocobo is by far the most common, and the only domesticable sort, many other wild breeds of differing hues have been identified. In general, the other colorations of chocobo tend to be quite violent, giving rise to the saying: "Yellow, best for riding; aught else, best be hiding."
[break][break]
Even as tame chocobos are known for their temper, true domestication requires time and expertise. Their curiosity can often get them into trouble, but they are charming nevertheless, and popular throughout Ivalice. As famed naturalist Merlose once wrote: "a little personality goeth a long way."



[/PTab]


[PTab=Eagle]
[attr="class","creaturecontent"]

Eagle




[break]Eagles are large birds of prey primarily found across the globe and are classified under the bird family Accipitridae.
[break][break]
Eagles play an important role to the Assassin Brotherhood, in that many of the Order's outfits and weapons bear resemblance to eagles in their details, and the birds tend to perch on the Viewpoints which the Assassins use to navigate their surroundings and perform Leaps of Faith from. In this regard, the Assassins dubbed the sixth sense that belonged to some of their members as "Eagle Vision".

[/PTab]


[PTab=Flut Flut]
[attr="class","creaturecontent"]

Flut Flut




[break]The flut flut is a rather large bird, somewhat resembling, in shape, to an ostrich, and its later Jak 3 equivalent, the leaper lizard. It has a round head, two very large eyes, a combination of both a beak and a mouth, two relatively small feathered arms used for gliding, hooved feet, and a long bony tail with a prominent, vibrant tail fan.
[break][break]
The flut flut has two main attacks, a charge attack where it will headbutt forward, and an aerial attack, where while air-borne, will charge down with its claws releasing a purple-colored cloud.
[break][break]
Due to the flut flut's large legs, it has incredible jumping power, coupled with its wings which it uses for gliding long distances.

[/PTab]


[PTab=Giant Crow]
[attr="class","creaturecontent"]

Giant Crow


The Giant Crow is a mysterious entity that transports the Chosen Undead from the end of the Undead Asylum to Firelink Shrine in Lordran.
[break]

[/PTab]


[PTab=Griffin]
[attr="class","creaturecontent"]

The griffin looks like a combination of a ferocious cat and a giant bird. It usually inhabits primeval highlands and builds its nests on unreachable mountain summits. The griffin preys on large mammals and, being a highly territorial creature, fiercely defends its hunting grounds. When the first colonists appeared and trade routes expanded, griffins were known to attack settlers and merchants in defense of their territory. Griffins are tough opponents and their strength should not be underestimated. Obstinate and aggressive, they make deadly use of their ability to fly during combat, swooping down on their enemies, knocking them to the ground and ripping them to shreds with their claws and beak.
[break]

[/PTab]


[PTab=The Hierophant]
[attr="class","creaturecontent"]

[break][break]
[attr="class","quote"]
Transcendence faith immortality / in mortality
[break]Rifts crafted, dangerous potential
[break]A foundation for faith & violence
[break]A loss of self, a narrow path traveled
[break]--Extracts from the Monoliths



[/PTab]


[PTab=Sand Vulture]
[attr="class","creaturecontent"]

Sand Vulture


The bird cage of Azad was famed throughout Persia, often described as one of the wonders of the world. However, not even the Sultan's cherished bird collection escaped transformation by the Sands of Time.
[break]

[/PTab]

[PTab=The Shrieker]
[attr="class","creaturecontent"]



Deep within the heart of the Weald stands a gigantic tree that towers above all other trees, and hidden within the gnarled and twisted branches of this tree is the Shrieker's Nest. Like the Noble Raven depicted on our family’s Coat of Arms, this poor creature has seen better days, for the corruption that plagues the estate has twisted this feathered bird into a feathered fiend. Despite being corrupted, this feathered fiend is still a Raven at heart and has an eye for everything that glitters and shines. The Nest of the Shrieker is decorated with all the shiny and glittering Trinkets it has stolen from our Trinkets Chest or taken from the dead bodies of our fallen heroes. Reclaiming these items will not be easy, for the Shrieker will defend its Nest from any intruders. But if Shrieker feels that it is not worth its life to protect his hoard of treasures, it will abandon its nest and escape to live another day, free to steal more of our rare and valuable Trinkets.

[/PTab]


[PTab=Suzaku]
[attr="class","creaturecontent"]

Suzaku



The Zhu Que (朱雀) Vermilion Bird is one of the Four Symbols of the Chinese constellations (Si Xiang) along with White Tiger, Xuanwu and Azure Dragon. According to Wu Xing, the Taoist five-elemental system, it represents the fire element, the direction south and the season summer correspondingly. Thus, it is sometimes called the Vermilion Bird of the South and it is also known as Suzaku in Japan and Jujak in Korea. Occasionally confused with Feng Huang, although this confusion does make some sense when one is aware that non-Han variations of the Four Symbols consider the Feng Huang and the Suzaku as the same creature. Suzaku is an elegant and noble bird in both appearance and behavior, it is very selective in what it eats and where it perches, with its feathers in many different hues of Vermilion.

[/PTab]


[/PTabbedContent={tabs: side; tabvalign: top; tabgap: 0; }]



[newclass=".bestiary h1, .bestiary h2, .bestiary h3, .bestiary h4, .bestiary h5, .bestiary h6"]margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;[/newclass]
[newclass=".bestiary"]height: 430px; position: relative; background-color: #F5E8DA; color: #3D302D; overflow: hidden; border: 1px solid #3D302D; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;[/newclass]
[newclass=".bestiarywrap"]display: block; margin: auto; width: 550px; position: relative; background-color: #BD8B75; padding: 4px; border: 1px solid #3D302D;[/newclass]
[newclass=".bestiary *"]box-sizing: border-box;[/newclass]
[newclass=".bestiary .sidebanner"]position: absolute; z-index: 3; top: 0px; bottom: 0px; left: 0px; width: 120px; background-image: url('https://i.imgur.com/c7pzeOw.png'); background-size: cover; background-position: center; border-right: 5px solid #BD8B75;[/newclass]
[newclass=".bestiary .sidebanner::before"]content: ''; background-color: #EB9249; opacity: 0.4; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;[/newclass]
[newclass=".sidebanner::after"]content: ''; position: absolute; display: block; top: 10px; left: 10px; bottom: 10px; right: -5px; border: 2px dotted #F5E8DA; border-right-width: 0px;[/newclass]
[newclass=".bestiary h1"]font: bold 28px / 18px Crimson Text, Times, serif; text-align:left; z-index:1; font-variant: small-caps; text-align: right; opacity: 0.93;[/newclass]
[newclass=".bestiary h2"]font: 10px Montserrat, Arial, sans-serif; text-transform: uppercase; text-align: right; opacity: 0.6; letter-spacing: 0.5px;[/newclass]
[newclass=".bestiary .creaturecontent"]position: absolute; top: 0px; bottom: 0px; right: 0px; width: 100%; padding: 20px; overflow-y: auto; font: 12px / 1.4em Open Sans, Arial, sans-serif; text-align: justify; scrollbar-width: thin; scrollbar-color: #BD8B75 transparent;[/newclass]
[newclass=".bestiary .creaturecontent::after"]content: '';display: block;height: 15px;[/newclass]
[newclass=".bestiary .listreveal"]position: absolute; z-index: 4; transform: rotate(-45deg); transform-origin: 50% 50%; background-color: #BD8B75; width: 30px; height: 30px; border-radius: 4px; border: 2px solid #F5E8DA; left: 105px; top: 20%; color: #F5E8DA;[/newclass]
[newclass=".bestiary .listreveal::before"]content: '+'; display:block; transform: rotate(45deg); transform-origin: 50% 50%; font: bold 26px / 28px Montserrat, Arial, sans-serif; line-height: 28px; text-align: center;[/newclass]
[newclass=".creaturecontent b img"]box-shadow: 1px 2px 4px #3D302D;[/newclass]
[newclass="table.PT_table"]border: none;[/newclass]
[newclass=".listreveal + table .PT_Tabs_holder"]position: absolute; width: 430px !important; top: 0; bottom: 0; right: 430px; transition: 0.4s all; margin: 0px; opacity: 0.8; z-index: 2; display: block; overflow-y: auto; background-color: #F5E8DA; scrollbar-width: thin; scrollbar-color: #BD8B75 transparent;[/newclass]
[newclass=".listreveal:hover + table .PT_Tabs_holder, .PT_Tabs_holder:hover"]opacity: 1!important; right: 0px!important;[/newclass]
[newclass=".PT_spots"]position: absolute !important; z-index: 1; top: 0px; left: 120px; right: 0px; bottom: 0px; background-color: transparent;[/newclass]

[newclass=".quote"]quotes: '\201c' '\201d'; position: relative; font-family: Crimson Text; font-style: italic; font-size: 18px; line-height: 1em; width: 80%; margin: auto; text-indent: 25px; text-align: left;[/newclass]
[newclass=".quote::before"]content: open-quote; top: 0px; left: -5px; position: absolute; font-size: 80px; line-height: 40px; display: block; color: #fff; z-index: -1; font-style: normal;[/newclass]
[newclass=".caption"]font: 10px Open Sans, Arial, sans-serif; letter-spacing: 0.5px;[/newclass]
[newclass=".caption i"]font: italic bold 1.4em Crimson Text, Times, serif;[/newclass]

[newclass=".imgoverlay"]position:relative; line-height: 0;[/newclass]
[newclass=".bottomright"]position: absolute; bottom: 5px; right: 5px; text-align: right;[/newclass]
[newclass=".bottomleft"]position: absolute; bottom: 5px; left: 5px; text-align: left;[/newclass]
[newclass=".topright"]position: absolute; top: 5px; right: 5px; text-align: right;[/newclass]
[newclass=".topleft"]position: absolute; top: 5px; left: 5px; text-align: left;[/newclass]

[newclass="nullelem"]} td[class^="PT_tabs"] { font: 18px / 28px Crimson Text, Times, serif; text-transform: uppercase; transition: 0.4s all; cursor: pointer; [/newclass]
[newclass=".PT_tabs_selected"]background-color: transparent; opacity: 0.6;[/newclass]
[newclass=".PT_tabs_selected_hover"]background-color: #BD8B75;[/newclass]
[newclass=".PT_tabs_hover"]background-color: #BD8B75;[/newclass]
[newclass=".PT_Tabs_holder"]counter-reset: best-numerals;[/newclass]
[newclass=".PT_Tabs_holder td"]counter-increment: best-numerals; width: 430px; text-align: left; padding: 4px 30px !important[/newclass]
[newclass=".PT_Tabs_holder td::before"]content: counter(best-numerals, upper-roman); display: inline-block; border: 2px solid; min-width: 28px; text-align: center; margin-right: 5px;[/newclass]


[newclass=".bestiary .creaturecontent::-webkit-scrollbar, .PT_Tabs_holder::-webkit-scrollbar"]width: 10px; border: none; background-color: transparent;[/newclass]
[newclass=".bestiary .creaturecontent::-webkit-scrollbar-track, .PT_Tabs_holder::-webkit-scrollbar-track"]background: transparent;[/newclass]
[newclass=".bestiary .creaturecontent::-webkit-scrollbar-thumb, .PT_Tabs_holder::-webkit-scrollbar-thumb"]background-color: #BD8B75; border-radius: 20px; border: 2px solid #F5E8DA;[/newclass]

[googlefont=Crimson+Text:400,400italic,700,700italic|Montserrat|Open+Sans:400,700]



last edit on Oct 17, 2023 22:27:05 GMT by iceguin