Silverhoof Pack: Difference between revisions

From LiberationMUSH Wiki
m (Ashlynn bailed a while back)
No edit summary
Line 1: Line 1:
A pack formed under Unicorn, consisting of:
{{#css:


@import 'https://fonts.googleapis.com/css?family=Foo';
@import 'https://fonts.googleapis.com/css?family=Open+Sans';
@import 'https://fonts.googleapis.com/css?family=Indie+Flower';


[[Liam]] - Children of Gaia, Pack Alpha, Athro Philodox, Sept Leader
.container {
margin: auto;
height: auto;
width: 940px;
background-color:#000;
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;
}
 
.overlay2 {
  position: absolute;
 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #BC529C;
}
 
.overlay3 {
  position: absolute;
 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #151515;
}
 
.container1:hover .overlay {
  opacity: 0;
 
}
 
.container2:hover .overlay2 {
  opacity: .9;
}
 
.container2:hover .overlay3 {
  opacity: 1;
}
 
.text {
  color: white;
  font-size: 12pt;
  position: absolute;
  font-family: Josefin Sans;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
 
.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;
}
 
.drop2C-content {
position: absolute;
top: 200px;
left: -10px;
color: white;
font-size: 9pt;
background-color: rgb(127, 101, 148);
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;
}
 
.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%);
}
 
.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>
 
 
<!-- infobox and introduction -->
<div class="row">
<div class="column left">
<div class="heading">Pack Details</div>
{| class="infobox" align="center" style="text-align:center;"
|-
|class=info-title|Totem:
|-
|class=content|Unicorn
|-
|class=info-title|Totem Type:
|-
|class=content|Wisdom/Tribal
|-
|class=info-title|Territory:
|-
|class=content|....
|-
|class=info-title|Landmarks:
|-
|class=content|Landmark 1 (hangout#)
|-
|class=content|Landmark 2 (hangout#)
|-
|class=content|Landmark 3 (hangout#)
|-
|}
 
</div>
 
<div class="column right">
<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>
</div>
[[File:UnicornDivider.png|center|675px]]
<center><span class="heading">Members</span></center>
<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>
  </div>
</div> 
<div class="container2">
[[File:Dusk01.png|class=image|180px]] <div class="overlay2">
    <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>
</div> 
<div class="container2">
[[File:ChazzShake.jpg|class=image|180px]]  <div class="overlay2">
    <div class="text"><span style="font-size:16pt;">'''Chazz'''</span><br>Fostern<br>Ahroun<br>Child of Gaia</div>
  </div>
</div> 
<div class="container2">
[[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>
<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>
  </div>
</div>  </center>
<br><br>
<div class="row">
<div class="column full">
<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]]
<br><br>
</div>
</div>


[[Alexa]] - Children of Gaia, Pack Beta, Fostern Galliard


[[Clint]] - Bone Gnawers, Cliath Theurge




Revision as of 00:05, 20 March 2023


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=Silverhoof_Pack&oldid=27620"