Difference between revisions of "Main Page"

From Bard's Lore
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>
 
  
  
Line 110: Line 13:
  
 
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!
 
 
 
== Campaigns ==
 
<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>
 

Revision as of 19:38, 1 January 2019


Workzone.png

Welcome to Bard's Lore

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.

  • 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!