Last edited 3 months ago
by WikiSysop

Testpage: Difference between revisions

No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
Line 1: Line 1:
<h1 style="color:#3e5389; margin-bottom: 2rem; text-align: center; font-size: 2.5rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.1);">Our Documentation Library </h1>


<div class="portal-row cols-2" style="text-align: center; display: flex; flex-wrap: wrap; margin-left: -1em; margin-right: -1em; width: calc(100% + 2em);">
  <!-- Example Book Card -->
  <div class="portal-box" style="
    margin: 1em;
    background: linear-gradient(145deg, #ffffff, #f1f3f9);
    border: 1px solid #e9e9ee;
    width: calc(50% - 2em);
    border-radius: 12px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1),
                -5px -5px 15px rgba(255,255,255,0.8);
    transition: transform 0.2s, box-shadow 0.2s;
    position: relative;
    overflow: hidden;">


<p class="test-blam">blam</p>
    <!-- Book Spine Effect -->
    <div style="
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 20px;
      background: linear-gradient(90deg, #3366cc, #4377d4);
      border-radius: 12px 0 0 12px;">    </div>
 
    <div class="heading" style="
      display: block;
      width: 100%;
      padding: 1.5em 0.5em 0.5em 2.5em;
      font-size: 1.5rem;
      font-weight: 900;
      background: linear-gradient(90deg, rgba(241,243,249,0.9), rgba(241,243,249,1));">
      == <span style="text-align: center; display: block;">Folio Wiki</span> ==
    </div>
 
    <div class="body" style="
      padding: 1.5em 1.5em 1.5em 3em;
      text-align: left;
      background: linear-gradient(90deg, rgba(255,255,255,0.9), rgba(255,255,255,1));">
 
      <div style="min-height: 3em;">
        <p style="
          margin: 0.5em 0;
          color: #444;
          font-size: 1.1em;
          border-left: 3px solid #3366cc;
          padding-left: 1em;">
          <strong style="color: #3e5389;">Version:</strong> 1.0
        </p>
        <p style="
          margin: 0.5em 0;
          color: #444;
          font-size: 1.1em;
          border-left: 3px solid #3366cc;
          padding-left: 1em;">
          <strong style="color: #3e5389;">Last Updated:</strong> December 2024
        </p>
        <p style="
          margin: 0.5em 0;
          color: #444;
          font-size: 1.1em;
          line-height: 1.5;
          border-left: 3px solid #3366cc;
          padding-left: 1em;">
          <strong style="color: #3e5389;">Description:</strong> Brief description of what this book contains...
        </p>
      </div>
 
      <div style="
        text-align: center;
        margin-top: 1.5em;
        padding: 1em;">[[File:folio-bee-orange.png|center|frameless|250x250px]]
 
      </div>
    </div>
  </div>
 
  <!-- Copy the entire portal-box div above for each additional book -->
</div>
 
__HIDE_TITLE__

Revision as of 22:41, 10 January 2025

Our Documentation Library

     == Folio Wiki ==

Version: 1.0

Last Updated: December 2024

Description: Brief description of what this book contains...

folio-bee-orange.png