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