User:Lola 1: Difference between revisions

From LiberationMUSH Wiki
No edit summary
No edit summary
Line 1: Line 1:
Liam, Dusk, Gabe, Chazz, and Petal


{{#css:User:Lola 1/vampirelayout.css}}
{{#css:
<div id="intro">{{/Banner/}}</div>
 
{|class="boxes" width="970px"
@import 'https://fonts.googleapis.com/css?family=Foo';
|style="vertical-align: top;"|
@import 'https://fonts.googleapis.com/css?family=Open+Sans';
<br>
@import 'https://fonts.googleapis.com/css?family=Indie+Flower';
<font style="font-size:12pt;">
 
<div class="box3">
.container {
<div class="header">Description</div>
margin: auto;
<span style="color: #b50909; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px; text-shadow: 0px 0px 5px #517294;">Ingram....</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ullamcorper dapibus vehicula. Curabitur dapibus dui ipsum, at viverra neque tempor a. Phasellus viverra pulvinar erat a sollicitudin. Aliquam congue maximus magna, sit amet egestas massa scelerisque ut. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ultrices consequat risus. Aliquam malesuada viverra felis eget lobortis. Fusce aliquam orci sed fermentum iaculis. Maecenas ullamcorper aliquam odio, molestie molestie neque iaculis in. Quisque enim augue, sodales eget vehicula at, scelerisque a enim. Praesent imperdiet diam sapien, nec tincidunt mauris porta tristique. Morbi ut metus id nisl dignissim scelerisque at ut lectus.more authentic.  
height: auto;
</div>
width: 940px;
</div>
background-color:#000;
</div>
border: 5px solid #BC529C;
color:#FFF;
font-family:'Indie Flower',Candara,Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;
}
 
.photo-header {
width: 940 px;
height: 500 px;
}
 
.footer {
background-color: #0a0a0a;
color: #FFF;
margin: 0px;
padding: 3px 5px 3px 5px;
font-family: 'Indie Flower',Candara,Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;
font-size: smaller;
clear:both;
}
 
.column {
float: left;
}
 
.full {
width:100%;
}
 
.thirds {
width: 33.33%;
}
 
.halves {
width: 50%;
}
 
.left {
  width: 30%;
}
 
.right {
  width: 70%;
}
 
.row:after {
  content: "";
  display: table;
  clear: both;
}
 
.heading{
color: #BC529C;
margin: 5px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-family: 'Indie Flower';
font-size: 35pt;
font-weight: bold;
text-align:center;
}
 
.subheading{
color: #BC529C;
font-family: 'Indie Flower',Candara,Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;
font-weight:bold;
}
 
.infobox {
width:100%;
padding:5px 10px 5px 10px;
text-align:left;
font-family: 'Indie Flower',Candara,Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;
}
 
.info-title {font-family: 'Indie Flower', sans-serif !important; font-weight:bold !important;color:#CE93D8 !important;}
.content {font-family: 'Indie Flower', sans-serif !important; color:#FFF;}
.spacing {padding:5px 25px 5px 25px;}
.clearfix {clear:both;}
 
 
.info-title a:link {font-family: 'Indie Flower', sans-serif !important; font-weight:bold !important;color:#BC529C !important;}
.info-title a:hover {text-decoration:underline !important;}
.info-title a:visited {font-family: 'Indie Flower', sans-serif !important; font-weight:bold !important;color:#BC529C !important;}
 
 
.content a:link {font-family: 'Indie Flower', sans-serif !important;color:#FFF !important;}
.content a:hover {text-decoration:underline !important;}
.content a:visited {font-family: 'Indie Flower', sans-serif !important;color:#FFF !important;}
 
.container1 {
  position: relative;
  display: inline-block;
}
 
.container2 {
  position: relative;
  display: inline-block;
}
 
.image {
  display: block;
  width: 100%;
  height: auto;
 
}
 
.overlay {
  position: absolute;


  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-color: #151515;
}


<div class="box3">
.overlay2 {
<div class="header">Roleplay Hooks</div>
  position: absolute;
<span style="color: #b50909; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px;">Hook Title</span> Hook  Details


<span style="color: #b50909; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px;">Hook Title</span> Hook  Details
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #BC529C;
}


<span style="color: #b50909; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px;">Hook Title</span> Hook  Details
.overlay3 {
  position: absolute;


<span style="color: #b50909; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 1px; letter-spacing: 3px;">Hook Title</span> Hook  Details
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #151515;
}


</div>
.container1:hover .overlay {
  opacity: 0;


}


<div class="box3">
.container2:hover .overlay2 {
<div class="header">Snapshots</div>
  opacity: .9;
<div class="mw-collapsible mw-collapsed" style=" "data-expandtext="&#9660;" data-collapsetext="&#9650;"><div style="text-align: center; {{{Basic text style|}}}">
}
[[Image:Ing6.jpeg|x170px]]
[[Image:Ing1.jpg|x170px]]
[[Image:Ing4.jpeg|x170px]]
</div>
</div>
</div>


.container2:hover .overlay3 {
  opacity: 1;
}


<div class="box3">
.text {
<div class="header">Sound Track</div>
  color: white;
<div class="mw-collapsible mw-collapsed" style=" "data-expandtext="&#9660;" data-collapsetext="&#9650;"><div style="text-align: center; {{{Basic text style|}}}">
  font-size: 12pt;
<br>
  position: absolute;
<div class="drop2C"><span>[[ Image:IngramPlaceHolder.png |x150px|border|link=]]</span><div class="drop2C2-content">[[Know Your Darkness]]</div><div class="drop2C-content"><br>You contemplate if life is just a game
  font-family: Josefin Sans;
And it is clear to me you feel betrayed<br>
  top: 50%;
It's getting colder all around<br>
  left: 50%;
You whisper, "Can you hold me now?"<br>
  -webkit-transform: translate(-50%, -50%);
It's getting coldеr all around<br>
  -ms-transform: translate(-50%, -50%);
You whisper, "Can you hold me now?"</div></div>
  transform: translate(-50%, -50%);
<div class="drop2C"><span>[[ Image:IngramPlaceHolder.png |x150px|border|link=]]</span><div class="drop2C2-content">[[...]]</div><div class="drop2C-content"><br>......</div></div>
  text-align: center;
<div class="drop2C"><span>[[ Image:IngramPlaceHolder.png |x150px|border|link=]]</span><div class="drop2C2-content">[[...]]</div><div class="drop2C-content"><br>......</div></div>
}
</div>
<div class="drop2C"><span>[[ Image:IngramPlaceHolder.png |x150px|border|link=]]</span><div class="drop2C2-content">[[...]]</div><div class="drop2C-content"><br>......</div></div>
</div></div></div>


.text2 {
  color: white;
  font-size: 12pt;
  position: relative;
  top: 50%;
  left: 50%;
  font-family: Josefin Sans;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.drop2C {
  position: relative;
  display: inline-block;
  opacity: .9;
  transition: all 1500ms ease 500ms;
  min-width: max-content;
  padding: 16px;
}


<div class="box3">
.drop2C-content {
<div class="header">Contacts</div>
position: absolute;
<div class="mw-collapsible mw-collapsed" style=" "data-expandtext="&#9660;" data-collapsetext="&#9650;"><div style="text-align: center; {{{Basic text style|}}}">
top: 200px;
<br>
left: -10px;
<div class="drop2C"><span>[[ Image:IngramPlaceHolder.png |x170px|border|link=]]</span><div class="drop2C2-content">[[...]]</div><div class="drop2C-content"><br>......</div></div>
color: white;
<div class="drop2C"><span>[[ Image:IngramPlaceHolder.png |x170px|border|link=]]</span><div class="drop2C2-content">[[...]]</div><div class="drop2C-content"><br>......</div></div>
font-size: 9pt;
</div>
background-color: rgb(127, 101, 148);
</div></div>
border: 2px double rgb(234, 75, 242);
border-radius: 25px;
min-width: 275px;
padding: 12px 16px;
z-index: 1;
display: none;
box-shadow: inset 1px 1px 2px 0px rgba(158,165,176,0.25),inset 2px 2px 12px 0px rgba(226, 227, 236,.5),inset -2px -2px 12px 0px rgba(226, 227, 236,.5),inset 0px 0px 48px rgba(226, 227, 236,.5),0px 0px 15px rgba(255, 255, 255, .5),0px 0px 10px rgba(255, 255, 255, .5),0px 0px 4px rgba(255, 255, 255, .5) !important;
}


.drop2C:hover {
  animation: bounce .5s;
  opacity: 1;
  z-index: 2;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -moz-box-shadow: 1px 1px 50px #000000;
  webkit-box-shadow: 1px 1px 50px #000000;
  box-shadow: 1px 1px 50px #000000;
}


.drop2C:hover .drop2C-content {
display: block;
}


</div></div></div></div>
.spacer1A {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  left: -25px;
  top: -45px;
  border: none;
  font-family: 'Tangerine', cursive; font-size: 50px;
  color: rgb(255,255,255);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(157, 61, 202) , 0 0 30px rgb(157, 61, 202) , 0 0 40px rgb(157, 61, 202) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  z-index: 1;
}
.spacer4 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  object-position: right;
  left: -25px;
  top: -5px;
  border: none;
  border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
  background-image: url("");
  background-position: top;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}


<br>
.drop2C2-content {
position: absolute;
top: 175px;
left: -30px;
color: white;
font-size: 12pt;
text-align: center;
background-color: rgb(127, 101, 148);
border: 2px double rgb(234, 75, 242);
border-radius: 25px;
min-width: 150px;
padding: 6px 8px;
z-index: 2;
display: none;
box-shadow: inset 1px 1px 2px 0px rgba(158,165,176, .75),inset 2px 2px 12px 0px rgba(226, 227, 236, 1),inset -2px -2px 12px 0px rgba(226, 227, 236, 1),inset 0px 0px 48px rgba(226, 227, 236, 1),0px 0px 15px rgba(255, 255, 255, 1),0px 0px 10px rgba(255, 255, 255, 1),0px 0px 4px rgba(255, 255, 255, 1) !important;
}


.drop2C:hover .drop2C2-content {
display: block;
}


}}
<!-- wiki profile container -->
<div class="container">


<!-- header -->
<div class="photo-header">[[File:SilverhoofHeader.gif|center|link=]]</div>


| valign="top" class="kickleft" |


{|
<!-- infobox and introduction -->
|-
<div class="row">
| height="14" |
<div class="column left">
<div class="heading">Pack Details</div>
{| class="infobox" align="center" style="text-align:center;"
|-
|-
|
|class=info-title|Totem:
{| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
|-
|-
| [[Image:Ing3.jpeg|350px|center|middle]]
|class=content|Unicorn
|}
|-
|-
| height="14" |
|class=info-title|Totem Type:
|-
|-
|
|class=content|Wisdom/Tribal
{| width="350" class="insetmrg" style="border-style: solid; border-width: 10px; border-color: #000000; font style=font-size:14pt; line-height:150%;"
!colspan="2" align="center" style="padding: 10px"|<span class="label2">The Masquerade
|
|-
|-
<br>
|class=info-title|Territory:
|-
|-
|align="left"|<span class="label">'''Apparent Age'''</span>
|class=content|....
|align="right"|...
|-
|-
|align="left"|<span class="label">'''Height'''</span>
|class=info-title|Landmarks:
|align="right"|....
|-
|-
|align="left"|<span class="label">'''Build'''</span>
|class=content|Landmark 1 (hangout#)
|align="right"|....
|-
|-
|align="left"|<span class="label">'''Stat'''</span>
|class=content|Landmark 2 (hangout#)
|align="right"| ••••
|-
|-
|align="left"|<span class="label">'''Demeanor'''</span>
|class=content|Landmark 3 (hangout#)
|align="right"| ...
|-
|-
|}
|}
|-
 
| height="14" |
</div>
|-
 
|
<div class="column right">
{| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
<div class="heading">The Pack</div>
|-
<p class="content spacing"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis accumsan nisl ac sollicitudin. Integer vitae nisl imperdiet, pharetra lacus quis, aliquet elit. Nulla vel neque nec velit faucibus vestibulum. Nunc ultrices lectus lacus, at imperdiet enim malesuada a. Praesent vitae nulla tempus, cursus diam sed, bibendum diam. Sed dictum gravida dignissim. Nam eu efficitur lacus. Vestibulum elit nisi, facilisis ultricies dui sit amet, laoreet iaculis elit. Maecenas condimentum venenatis suscipit. Donec fringilla at turpis at ultricies. Praesent malesuada vel diam eu ullamcorper..</p></div>
| [[Image:Ing5.jpeg|350px|center|middle]]
</div>
|}
[[File:UnicornDivider.png|center|675px]]
|-
<center><span class="heading">Members</span></center>
| height="14" |
<center><div class="container2">
|-
[[File:LiamK3.jpg|class=image|180px]]  <div class="overlay2">
|
    <div class="text"><span style="font-size:16pt;">'''Liam'''</span><br>Adren<br>Ahroun<br>Child of Gaia<br>Sept Alpha</div>
{| width="350" class="insetmrg" style="border-style: solid; border-width: 10px; border-color: #000000; font style=font-size:14pt; line-height:150%;"
  </div>
!colspan="2" align="center" style="padding: 10px"|<span class="label2">The Danse Macabre
</div> 
|
<div class="container2">
|-
[[File:Dusk01.png|class=image|180px]]  <div class="overlay2">
<br>
    <div class="text"><span style="font-size:16pt;">'''Storms-at-Dusk'''</span><br>Adren<br>Philodox<br>Child of Gaia<br>Master of Challenges</div>
|-
  </div>
|align="left"|<span class="label">'''Sphere'''</span>
</div> 
|align="right"|...
<div class="container2">
|-
[[File:ChazzShake.jpg|class=image|180px]]  <div class="overlay2">
|align="left"|<span class="label">'''Sect'''</span>
    <div class="text"><span style="font-size:16pt;">'''Chazz'''</span><br>Fostern<br>Ahroun<br>Child of Gaia</div>
|align="right"|...
  </div>
|-
</div> 
|align="left"|<span class="label">'''Clan'''</span>
<div class="container2">
|align="right"|....
[[File:Petal1.jpg|class=image|180px]]  <div class="overlay2">
|-
    <div class="text"><span style="font-size:16pt;">'''Petal'''</span><br>Fostern<br>Ahroun<br>Bone Gnawer</div>
|}
  </div>
|-
</div>
| height="14" |
<div class="container2">
|-
[[File:GabePack.png|class=image|180px]]  <div class="overlay2">
|
    <div class="text"><span style="font-size:16pt;">'''Gabe'''</span><br>Cliath<br>Ragabash<br>Bone Gnawer</div>
{| width="350" class="inset" style="border-style: solid; border-width: 10px; border-color: #000000;
  </div>
|-
</div>  </center>
| [[Image:Ing2.jpeg|350px|center|middle]]
<br><br>
|}
<div class="row">
|-
<div class="column full">
| height="14" |
<div class="heading">Logs</div>
|-
<center>
|
{{#dpl:
|}
|linksto=Silverhoof Pack
|category=Logs
|noresultsheader=No logs found!
</center>
}}
</div>
</div>
&nbsp;
<div class="footer">
[[File:UnicornIcon.gif|center|link=https://youtu.be/jx9f05szA2s]]
 
</div>
</div>
 
 






__NOTOC__
[[Category:Coteries]]

Revision as of 00:04, 20 March 2023

Liam, Dusk, Gabe, Chazz, and Petal



Pack Details
Totem:
Unicorn
Totem Type:
Wisdom/Tribal
Territory:
....
Landmarks:
Landmark 1 (hangout#)
Landmark 2 (hangout#)
Landmark 3 (hangout#)
The Pack

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis accumsan nisl ac sollicitudin. Integer vitae nisl imperdiet, pharetra lacus quis, aliquet elit. Nulla vel neque nec velit faucibus vestibulum. Nunc ultrices lectus lacus, at imperdiet enim malesuada a. Praesent vitae nulla tempus, cursus diam sed, bibendum diam. Sed dictum gravida dignissim. Nam eu efficitur lacus. Vestibulum elit nisi, facilisis ultricies dui sit amet, laoreet iaculis elit. Maecenas condimentum venenatis suscipit. Donec fringilla at turpis at ultricies. Praesent malesuada vel diam eu ullamcorper..

Members
File:LiamK3.jpg
Liam
Adren
Ahroun
Child of Gaia
Sept Alpha
Storms-at-Dusk
Adren
Philodox
Child of Gaia
Master of Challenges
Chazz
Fostern
Ahroun
Child of Gaia
Petal
Fostern
Ahroun
Bone Gnawer
File:GabePack.png
Gabe
Cliath
Ragabash
Bone Gnawer



Logs
No logs found!

 

Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=User:Lola_1&oldid=27618"