Difference between revisions of "Maya"
m (Tinkering with alignment and such.) |
m (Adding categories finally.) |
||
| (25 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<css> | <css> | ||
| − | + | /* ========================= | |
| + | OWN | ||
| + | ========================= */ | ||
| − | # | + | #mainimage img { |
| + | width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| − | # | + | #lefttext { |
| + | width: 40%; | ||
| + | height: 500px; | ||
| + | max-width: 300px; | ||
| + | padding-left: 5px; | ||
| + | text-align: left; | ||
| + | vertical-align: top; | ||
| + | position: relative; | ||
| + | top: -300px; | ||
| + | } | ||
| + | #righttext { | ||
| + | width: 25%; | ||
| + | height: 500px; | ||
| + | padding-right: 5px; | ||
| + | padding-top: 100px; | ||
| + | text-align: right; | ||
| + | vertical-align: top; | ||
| + | position: relative; | ||
| + | top: -400px; | ||
| + | } | ||
| − | |||
| − | |||
| − | + | /* ========================= | |
| + | GLOBAL PAGE WRAPPERS | ||
| + | ========================= */ | ||
| − | + | #bg-box { | |
| + | background-color: #d5d1c5; | ||
| + | padding: 40px; | ||
| + | max-width: 1500px; | ||
| + | width: 100%; | ||
| + | } | ||
| − | + | #body-box { | |
| + | background-color: #d4d1c6; | ||
| + | box-shadow: 0 0 80px #5b5941; | ||
| + | border-radius: 25px; /* rounded corners */ | ||
| + | overflow: hidden; | ||
| − | + | } | |
| − | + | #name-box { | |
| + | color: #317Ca5; | ||
| + | font-size: 150pt; | ||
| + | font-family: georgia, serif; | ||
| + | position: relative; | ||
| + | top: 75px; | ||
| + | left: 100px; | ||
| + | z-index: 2; | ||
| + | margin-bottom: -25px; | ||
| + | } | ||
| − | + | /* ========================= | |
| + | CONTENT CONTAINER | ||
| + | ========================= */ | ||
| − | |||
| − | |||
| − | + | .container { | |
| − | + | width: 90%; | |
| + | margin: 20px auto 15px auto; /* actual horizontal centering */ | ||
| + | padding: 15px; | ||
| + | background-color: #1C0B19; | ||
| + | border-radius: 15px; | ||
| + | box-shadow: 8px 8px 28px black; | ||
| + | color: white; | ||
| + | font-family: Arial, sans; | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | /* ========================= | ||
| + | TYPOGRAPHY | ||
| + | ========================= */ | ||
| + | |||
| + | .infoheader { | ||
| + | color: #317Ca5; | ||
| + | padding-left: 5px; | ||
| + | font-family: Georgia, serif; | ||
| + | text-transform: uppercase; | ||
| + | text-align: right; | ||
| + | } | ||
| + | |||
| + | .infotext { | ||
| + | color: #1c0b19; | ||
| + | padding: 0 5px 0 3px; | ||
| + | font-family: Georgia, serif; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | .quote { | ||
| + | color: #1c0b19; | ||
| + | font-family: Georgia, serif; | ||
| + | font-size: 20px; | ||
| + | } | ||
| + | |||
| + | .sig { | ||
| + | text-align: center; | ||
| + | font-size: 96px; | ||
| + | color: #279af1; | ||
| + | font-family: Zapfino, 'Brush Script MT', cursive; | ||
| + | line-height: 95%; | ||
| + | } | ||
| + | |||
| + | .cell-fill img { | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | |||
| + | em { | ||
| + | font-family: Georgia, serif; | ||
| + | color: #317Ca5; | ||
| + | font-size: 220%; | ||
| + | font-style: normal; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | |||
| + | strong { | ||
| + | font-family: Georgia, serif; | ||
| + | color: #3A7CA5; | ||
| + | font-size: 125%; | ||
| + | font-style: normal; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | |||
| + | b { | ||
| + | font-family: Georgia, serif; | ||
| + | color: #7A6A5A; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | /* ========================= | ||
| + | LINKS | ||
| + | ========================= */ | ||
| + | |||
| + | a:link { | ||
| + | color: #4C9F70; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | a:visited { | ||
| + | color: #B76D68; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | /* ========================= | ||
| + | MAYA TABLE STYLING | ||
| + | ========================= */ | ||
| + | |||
| + | .maya-table { | ||
| + | width: 100%; | ||
| + | table-layout: fixed; | ||
| + | border-collapse: collapse; | ||
| + | background: transparent; | ||
| + | color: #ECF0EF; | ||
| + | font-family: Arial, sans; | ||
| + | } | ||
| − | + | /* Base cell styling */ | |
| − | + | .maya-table td { | |
| − | + | padding: 10px 12px; | |
| − | { | + | vertical-align: top; |
| − | + | } | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | /* Horizontal row separators only */ | ||
| + | .maya-table tr + tr td { | ||
| + | border-top: 1px solid #3d5954; | ||
| + | } | ||
| − | { | + | /* Label cells */ |
| − | + | .maya-table .label { | |
| − | + | font-family: Georgia, serif; | |
| + | text-transform: uppercase; | ||
| + | color: #3A7CA5; | ||
| + | font-size: 110%; | ||
| + | letter-spacing: 0.03em; | ||
| + | } | ||
| − | + | /* Value cells */ | |
| − | + | .maya-table .value { | |
| − | + | color: #ECF0EF; | |
| − | { | + | word-break: break-word; |
| − | + | } | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | </css> | ||
| + | __NOTOC__ | ||
| − | {| | + | {| id="bg-box" |
|- | |- | ||
| − | + | | | |
| − | {| | + | {| id="name-box" |
|- | |- | ||
| − | | | + | | |
| − | | | + | | Maya |
| − | |||
| − | |||
| − | |||
| − | |||
|} | |} | ||
| − | + | {| id="body-box" style="border-collapse:collapse;" border="0" | |
| − | {| | ||
|- | |- | ||
| − | | | + | | style="padding:0; margin:0; text-align:center;" | <div id="mainimage">[[File:MayaA-1.png|link=|alt=]]</div> |
| − | {| | + | <!-- HERO OVERLAY TABLE --> |
| + | {| width="97%" style="margin-top:-40em;margin-left:auto;margin-right:auto;" | ||
|- | |- | ||
| − | | | + | | id="lefttext" class="quote" | In the stillness of the mind, I saw myself as I am: unbound.<br><br>— Ashtavakra Gita |
| − | | | + | | |
| − | | id=" | + | | id="righttext" | |
| − | {{:Maya/ | + | {{:Maya/Infobox}} |
| − | |||
| − | |||
|} | |} | ||
| + | <!-- SECTION: OVERVIEW --> | ||
| + | {| width="100%" | ||
| + | |- | ||
| + | | style="background:transparent; text-align:left; padding-left:5px;" | <em>Overview</em> | ||
| + | |- | ||
| + | | style="text-align:center;" | | ||
| + | <div class="container">{{:Maya/Overview}}</div> | ||
| + | |} | ||
| − | + | <!-- SECTION: HOOKS --> | |
| − | + | {| width="100%" | |
| − | | width="100%" | + | |- |
| − | + | | style="background:transparent; text-align:left; padding-left:5px;" | <em>Hooks</em> | |
| − | |- | + | |- |
| − | | style=background: | + | | style="text-align:center;" | |
| − | |- | + | <div class="container">{{:Maya/Hooks}}</div> |
| − | | | ||
| − | {{:Maya/ | ||
|} | |} | ||
| + | |||
| + | <!-- SECTION: RUMORS --> | ||
| + | {| width="100%" | ||
| + | |- | ||
| + | | style="background:transparent; text-align:left; padding-left:5px;" | <em>Rumors and Legends</em> | ||
| + | |- | ||
| + | | style="text-align:center;" | | ||
| + | <div class="container">{{:Maya/Rumors}}</div> | ||
|} | |} | ||
| + | <!-- SECTION: CREW --> | ||
| + | {| width="100%" | ||
| + | |- | ||
| + | | style="background:transparent; text-align:left; padding-left:5px;" | <em>Crew</em> | ||
| + | |- | ||
| + | | style="text-align:center;" | | ||
| + | <div class="container">{{:Maya/Contacts}}</div> | ||
| + | |} | ||
| − | + | <!-- SECTION: GALLERY --> | |
| − | { | + | {| width="100%" |
| − | |||
| − | | width="100%" | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| − | | | + | | style="background:transparent; text-align:left; padding-left:5px;" | <em>Gallery</em> |
| − | {{:Maya/ | + | |- |
| − | + | | style="text-align:center;" | | |
| + | <div class="container">{{:Maya/Gallery}}</div> | ||
|} | |} | ||
| + | <!-- SECTION: LOGS --> | ||
| + | {| width="100%" | ||
| + | |- | ||
| + | | style="background:transparent; text-align:left; padding-left:5px;" | <em>Logs</em> | ||
| + | |- | ||
| + | | style="text-align:center;" | | ||
| + | <div class="container">{{:Maya/Logs}}</div> | ||
|} | |} | ||
| − | |||
|} | |} | ||
| − | |||
|} | |} | ||
| + | |||
| + | [[Category:PCs]][[Category:Active_PCs]][[Category:Cult of Ecstasy]][[Category:Mage]][[Category:Traditions]] | ||
Latest revision as of 08:31, 30 December 2025
|
