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;
 +
}
 +
.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>
 +
 +
 +
 
<strong>MediaWiki has been successfully installed.</strong>
 
<strong>MediaWiki has been successfully installed.</strong>
  
Line 12: Line 104:
 
== Campaigns ==
 
== Campaigns ==
 
[[Avalon]]
 
[[Avalon]]
 +
 +
<div class="option_block">[[File:Summer-Set-Avalon_sm.jpg]]<div class="darken"><div class="slideUp"><div id="Avalon_thumb">[[Avalon|Avalon]]</div></div></div></div>
 +
 +
<div style="clear:both; display:block; width:100%; height:30px;"></div>

Revision as of 23:45, 20 October 2018

<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;

} .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;

}

  1. sven_thumb {
 padding-top: 4px;
 text-align: center;

}

  1. sven_thumb a {
 font: bold 20px Helvetica;
 color: #00C6ED;

}

  1. red_thumb {
 padding-top: 4px;
 text-align: center;

}

  1. red_thumb a {
 font: bold 20px Helvetica;
 color: #68D43D;

}

  1. jacke_thumb {
 padding-top: 4px;
 text-align: center;

}

  1. jacke_thumb a {
 font: bold 20px Helvetica;
 color: #E8FCFA;

}

  1. Avalon_thumb {
 padding-top: 4px;
 text-align: center;

}

  1. Avalon_thumb a {
 font: bold 20px Helvetica;
 color: #DDBA5B;

} </css>


MediaWiki has been successfully installed.

Consult the User's Guide for information on using the wiki software.

Getting started


Campaigns

Avalon

Summer-Set-Avalon sm.jpg
Retrieved from "https://bardslore.luceoscutum.org/w/index.php?title=Main_Page&oldid=17"