3,599
edits
User:Kivik/sandbox2: Difference between revisions
Jump to navigation
Jump to search
m
Moving title back out of container so I can use it to show/hide the container. ((crazy expression like I have no plan haha its true I have no plan AAGHHH))
m (Adjusting spacing on entry boxes) |
m (Moving title back out of container so I can use it to show/hide the container. ((crazy expression like I have no plan haha its true I have no plan AAGHHH))) |
||
| Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
.relationships-title { background-color: steelblue; color: white; font-weight: bold; font-size: 1.5em; padding-left: .5em; flex-basis: 100%; border-radius: 0 1em 0 0; } | |||
.relationships-container { background-color: white; border-radius: 0 1.8em 1.5em 1.5em; border: 3px solid steelblue; display: flex; flex-flow: row wrap; justify-content: space-evenly; min-width: fit-content; } | .relationships-container { background-color: white; border-radius: 0 1.8em 1.5em 1.5em; border: 3px solid steelblue; display: flex; flex-flow: row wrap; justify-content: space-evenly; min-width: fit-content; } | ||
.relationships-entry { min-width: 400px; margin: .75em; padding: 1.5em; background-color: #f0f0f0; border-radius: 1em; flex-basis: 25%; flex-grow: 1; } | .relationships-entry { min-width: 400px; margin: .75em; padding: 1.5em; background-color: #f0f0f0; border-radius: 1em; flex-basis: 25%; flex-grow: 1; } | ||
.relationships-portrait-box { margin-bottom: .5em; display: flex; justify-content: center; } | .relationships-portrait-box { margin-bottom: .5em; display: flex; justify-content: center; } | ||
.relationships-portrait { width: 190px; height: 190px; overflow: hidden; border-radius: 50%; display:inline-flex; } | .relationships-portrait { width: 190px; height: 190px; overflow: hidden; border-radius: 50%; display:inline-flex; margin: 0 .25em; } | ||
.relationships-portrait-up { width: 190px; height: 190px; overflow: hidden; border-radius: 50%; display:inline-flex; align-items: center; } | .relationships-portrait-up { width: 190px; height: 190px; overflow: hidden; border-radius: 50%; display:inline-flex; align-items: center; margin: 0 .25em; } | ||
.relationships-description { } | .relationships-description { } | ||
}} | }} | ||
<!-- Start | <div class="mw-customtoggle-closest-reltitle" style="cursor:pointer" style="background-color: #c1dcf5; padding: 10px; border-bottom: 3px solid steelblue;"><big>'''Closest Relationships'''</big> <small>[Click to show/hide]</small><div style="clear:both"></div></div> | ||
<div class="relationships- | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-closest" style="background-color: white; margin: 15px; border-left: 6px solid steelblue; border-radius: 16px;"> | ||
<!-- Start Collapsible --><div class="mw-collapsible-content"> | |||
<!-- Start Container --><div class="relationships-container"> | |||
<!-- Start-Entry --><div class="relationships-entry"id="N-Richards"> | <!-- Start-Entry --><div class="relationships-entry"id="N-Richards"> | ||
| Line 50: | Line 52: | ||
</div><!-- End-Entry --> | </div><!-- End-Entry --> | ||
</div><!-- End Container--> | </div><!-- End Container --> | ||
</div><!-- End Collapsible --> | |||