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