Difference between revisions of "Main Page"

From Bard's Lore
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<css>
 
.option_block {
 
  float: left;
 
  margin-right: 20px;
 
  position: relative;
 
  width: 180px;
 
  height: 200px;
 
  border: 2px solid #000000;
 
  -webkit-border-radius: 4px;
 
  -moz-border-radius: 4px;
 
  border-radius: 4px;
 
  -webkit-box-shadow: 5px 5px 6px rgba(50, 50, 50, 0.75);
 
  -moz-box-shadow:    5px 5px 6px rgba(50, 50, 50, 0.75);
 
  box-shadow:        5px 5px 6px rgba(50, 50, 50, 0.75);
 
  overflow: hidden;
 
}
 
  
.option_block a {
 
  width:180px;
 
  height:200px;
 
  display:block;
 
  text-decoration:none;
 
}
 
  
 
.darken {
 
  z-index: 100;
 
  position: absolute;
 
  top: 0px;
 
  width: 180px;
 
  height: 200px;
 
  background-color: rgba(0,0,0,0);
 
  color: rgba(0,0,0,0);
 
  -webkit-transition: all 500ms ease;
 
  -moz-transition: all 500ms ease;
 
  -o-transition: all 500ms ease;
 
  transition: all 500ms ease;
 
}
 
.darken:hover {
 
  background-color: rgba(0,0,0,0.2);
 
  color: rgba(255, 255, 255, 1);
 
  cursor: pointer;
 
}
 
.darken:hover .slideUp {
 
  -webkit-transform: translate(0, -30px);
 
  -moz-transform: translate(0, -30px);
 
  -o-transform: translate(0, -30px);
 
  -ms-transform: translate(0, -30px);
 
  transform: translate(0, -30px);
 
}
 
 
.slideUp {
 
  width: 180px;
 
  height: 30px;
 
  background-color: #000000;
 
  margin-top: 200px;
 
  -webkit-transition: all 500ms ease;
 
  -moz-transition: all 500ms ease;
 
  -o-transition: all 500ms ease;
 
  transition: all 500ms ease;
 
}
 
 
#sven_thumb {
 
  padding-top: 4px;
 
  text-align: center;
 
}
 
#sven_thumb a {
 
  font: bold 20px Helvetica;
 
  color: #00C6ED;
 
}
 
 
#red_thumb {
 
  padding-top: 4px;
 
  text-align: center;
 
}
 
#red_thumb a {
 
  font: bold 20px Helvetica;
 
  color: #68D43D;
 
}
 
 
#jacke_thumb {
 
  padding-top: 4px;
 
  text-align: center;
 
}
 
#jacke_thumb a {
 
  font: bold 20px Helvetica;
 
  color: #E8FCFA;
 
}
 
 
#Avalon_thumb {
 
  padding-top: 4px;
 
  text-align: center;
 
}
 
#Avalon_thumb a {
 
  font: bold 20px Helvetica;
 
  color: #DDBA5B;
 
}
 
</css>
 
 
 
[[File:workzone.png|right]]
 
 
<strong>Welcome to Bard's Lore</strong>
 
<strong>Welcome to Bard's Lore</strong>
  
Please note that you have entered a construction zone! Safety hats are required while walking through work zones; sandals and flip-flops are discouraged footwear in this area. As is typical, our estimated finish-date is irrelevant because, as everyone knows, something will pop up to extend whatever date is given.  
+
We hope you enjoy listening to the tales we've created together! The stories found herein were shaped by a group of role playing friends. Because each Player and Character is different, no two stories are alike. Delve into their adventures and discover each story and character for yourself!
 
 
*Please pay attention while in work zones.
 
*Beware closed roads and detours!  
 
*Reduced speed ahead.
 
*Speeding fines double when workers are present.
 
  
 
Thank you for your patience as we improve Bard's Lore! Have a great day!
 
Thank you for your patience as we improve Bard's Lore! Have a great day!
  
  
 +
<br/>
 +
<br/>
  
== Campaigns ==
+
{{#widget:Calendar}}
<div class="option_block">[[File:Summer-Set-Avalon_sm.jpg]]<div class="darken"><div class="slideUp"><div id="Avalon_thumb">[[The_Gates_of_Avalon|Avalon]]</div></div></div></div>
 
 
 
<div style="clear:both; display:block; width:100%; height:30px;"></div>
 

Latest revision as of 05:58, 31 May 2020


Welcome to Bard's Lore

We hope you enjoy listening to the tales we've created together! The stories found herein were shaped by a group of role playing friends. Because each Player and Character is different, no two stories are alike. Delve into their adventures and discover each story and character for yourself!

Thank you for your patience as we improve Bard's Lore! Have a great day!