Difference between revisions of "Lescrowe"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Saryn
m
 
(13 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
[[Category:Pack/Vampire]][[Category:Vampire]][[Category:Sabbat]]
+
{{#css:
−
{{ :Template:Charpage
+
.slider {
−
| page color           = #151515
+
    height: 450px;
−
| page border          = white
+
    margin: 2em auto;
−
+
    position: relative;
−
| cell color          = #FFFFFF
+
    text-indent: 0;
−
| cell border          = #118EE8
+
    width: 400px;
−
| cell text            = black
+
}
−
 
+
.slider > ul {
−
| link color          = #FF0000
+
    border: 2px solid black;
−
| link hover color     = #151515
+
    box-sizing: border-box;
−
 
+
    height: 400px;
−
| header color        = #151515
+
    margin: 0;
−
| header border        = 118EE8
+
    max-width: 400px;
−
| header text          = #118EE8
+
    padding: 1em;
−
 
+
    position: absolute;
−
| stereotypes style    = padding: 8px
+
    width: 400px;
−
| contacts style      = padding: 8px
+
}
−
| hooks style          = padding: 8px
+
.prev, .next {
−
| gallery style        = padding: 8px
+
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
−
| disclaimer style     = padding: 8px
+
    border-radius: 25px;
−
| portrait style      = padding: 8px
+
    font-size: 3em;
−
| overview style      = padding: 8px
+
    left: -51px;
−
| disclaimer position  = bottom
+
    padding: 10px;
−
| stereotypes position = off
+
    position: absolute;
−
| hooks position      = left
+
    top: 180px;
−
| logs position        = off
+
}
−
| gallery position     = off
+
.next {
−
| custom position 1   = Left
+
    left: auto;
−
| custom title 1       = Pack Style
+
    right: -52px;
−
| custom title 4      = Achievements Unlocked
+
}
−
| custom position 4    = left
+
.prev a, .next a {
−
| custom title 2      = Gallery
+
    color: white;
−
| custom position 2    = left
+
    left: -2px;
−
| custom title 3      = Soundtrack
+
    position: relative;
−
| custom position 3    = right
+
    top: 1px;
−
| custom title 5      = ~Onesong~
+
}
−
| custom position 5    = left
+
.next a {
−
|
+
    left: 2px;
 +
}
 +
.prev a:hover, .next a:hover, .prev a:focus, .next a:focus, .prev a:active, .next a:active {
 +
    font-weight: bold;
 +
     text-decoration: none;
 +
}
 +
#panels {
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    justify-content: center;
 +
    width: 100%;
 +
}
 +
.tab {
 +
    font-weight: bold;
 +
    margin-top: -4em;
 +
    order: 1;
 +
     padding-top: 4em;
 +
}
 +
.first.tab {
 +
    order: 0;
 +
}
 +
.tab a,
 +
:target ~ .first.tab a {
 +
    border-bottom: medium none;
 +
    display: inline-block;
 +
    margin: 0 0.5em 0.5em;
 +
    opacity: 0.5;
 +
     padding: 0 1em;
 +
}
 +
.first.tab a,
 +
.first.anchor:target ~ .first.tab a,
 +
.second.anchor:target ~ .second.tab a,
 +
.third.anchor:target ~ .third.tab a {
 +
    opacity: 1;
 +
}
 +
.panel {
 +
    display: none;
 +
    order: 2;
 +
    text-indent: 1.5em;
 +
    width: 100%;
 +
}
 +
#First-panel,
 +
.panel .slider .slide:first-of-type {
 +
    display: block;
 +
}
 +
:target ~ #First-panel,
 +
:target ~ .panel .slider .slide:first-of-type,
 +
.anchor,
 +
.slide {
 +
    display: none;
 +
}
 +
.first:target ~ #First-panel,
 +
.second:target ~ #Second-panel,
 +
.third:target ~ #Third-panel,
 +
.main:target ~ .panel .slider .slide:first-of-type,
 +
div[id$="-1"]:target ~ .panel .slider .slide:first-of-type,
 +
div[id$="-2"]:target ~ .panel .slider .slide:nth-of-type(2),
 +
div[id$="-3"]:target ~ .panel .slider .slide:nth-of-type(3) {
 +
    display: block;
 +
}
 
}}
 
}}
 +
<div id="panels">
 +
<div id="second-1" class="second anchor"></div>
 +
<div id="second-2" class="second anchor"></div>
 +
<div id="second-3" class="second anchor"></div>
 +
<div id="second-4" class="second anchor"></div>
 +
<div id="second-5" class="second anchor"></div>
 +
<div id="Zeke" class="main second anchor" tabindex="0"></div>
 +
<div id="Second-tab" class="second tab" tabindex="0">[[#Zeke|Zeke]]</div>
 +
<div id="third-1" class="third anchor"></div>
 +
<div id="third-2" class="third anchor"></div>
 +
<div id="third-3" class="third anchor"></div>
 +
<div id="third-4" class="third anchor"></div>
 +
<div id="third-5" class="third anchor"></div>
 +
<div id="Yateveo" class="main third anchor" tabindex="0"></div>
 +
<div id="Third-tab" class="third tab" tabindex="0">[[#Yateveo|Yateveo]]</div>
 +
<div id="first-1" class="first anchor"></div>
 +
<div id="first-2" class="first anchor"></div>
 +
<div id="first-3" class="first anchor"></div>
 +
<div id="first-4" class="first anchor"></div>
 +
<div id="first-5" class="first anchor"></div>
 +
<div id="Zyra" class="main first anchor" tabindex="0"></div>
 +
<div id="First-tab" class="first tab" tabindex="0">[[#Zyra|Zyra]]</div>
 +
<div id="First-panel" class="first panel">
 +
...
 +
<div class="slider">
 +
  <ul>
 +
    <li class="first-1" class="slide">
 +
      Slide 1-1
 +
[[File:eden4.jpg|center|300px]]
 +
      <div class="prev">[[#first-5|<]]</div>
 +
      <div class="next">[[#first-2|>]]</div>
 +
    </li>
 +
    <li class="first-2" class="slide">
 +
      Slide 1-2
 +
[[File:eden5.jpg|center|300px]]
 +
      <div class="prev">[[#first-1|<]]</div>
 +
      <div class="next">[[#first-3|>]]</div>         
 +
    </li>
 +
    <li class="first-3" class="slide">
 +
      Slide 1-3
 +
[[File:eden6.jpg|center|300px]]
 +
      <div class="prev">[[#first-2|<]]</div>
 +
      <div class="next">[[#first-4|>]]</div>         
 +
    </li>
 +
    <li class=first-4" class="slide">
 +
      Slide 1-4
 +
[[File:eden7.jpg|center|300px]]
 +
      <div class="prev">[[#first-3|<]]</div>
 +
      <div class="next">[[#first-5|>]]</div>         
 +
    </li>
 +
    <li class="first-5" class="slide">
 +
      Slide 1-5
 +
[[File:eden8.jpg|center|300px]]
 +
      <div class="prev">[[#first-4|<]]</div>
 +
      <div class="next">[[#first-1|>]]</div>
 +
    </li>
 +
  </ul>
 +
</div>
 +
</div>
 +
<div id="Second-panel" class="second panel">
 +
...
 +
<div class="slider">
 +
  <ul>
 +
    <li class="second-1" class="slide">
 +
      Slide 2-1
 +
      <div class="prev">[[#second-5|<]]</div>
 +
      <div class="next">[[#second-2|>]]</div>
 +
    </li>
 +
    <li class="second-2" class="slide">
 +
      Slide 2-2
 +
      <div class="prev">[[#second-1|<]]</div>
 +
      <div class="next">[[#second-3|>]]</div>         
 +
    </li>
 +
    <li class="second-3" class="slide">
 +
      Slide 2-3
 +
      <div class="prev">[[#second-2|<]]</div>
 +
      <div class="next">[[#second-4|>]]</div>         
 +
    </li>
 +
    <li class=second-4" class="slide">
 +
      Slide 2-4
 +
      <div class="prev">[[#second-3|<]]</div>
 +
      <div class="next">[[#second-5|>]]</div>         
 +
    </li>
 +
    <li class="second-5" class="slide">
 +
      Slide 2-5
 +
      <div class="prev">[[#second-4|<]]</div>
 +
      <div class="next">[[#second-1|>]]</div>
 +
    </li>
 +
  </ul>
 +
</div>
 +
</div>
 +
<div id="Third-panel" class="third panel">
 +
...
 +
<div class="slider">
 +
  <ul>
 +
    <li class="third-1" class="slide">
 +
      Slide 3-1
 +
      <div class="prev">[[#third-5|<]]</div>
 +
      <div class="next">[[#third-2|>]]</div>
 +
    </li>
 +
    <li class="third-2" class="slide">
 +
      Slide 3-2
 +
      <div class="prev">[[#third-1|<]]</div>
 +
      <div class="next">[[#third-3|>]]</div>         
 +
    </li>
 +
    <li class="third-3" class="slide">
 +
      Slide 3-3
 +
      <div class="prev">[[#third-2|<]]</div>
 +
      <div class="next">[[#third-4|>]]</div>         
 +
    </li>
 +
    <li class=third-4" class="slide">
 +
      Slide 3-4
 +
      <div class="prev">[[#third-3|<]]</div>
 +
      <div class="next">[[#third-5|>]]</div>         
 +
    </li>
 +
    <li class="third-5" class="slide">
 +
      Slide 3-5
 +
      <div class="prev">[[#third-4|<]]</div>
 +
      <div class="next">[[#third-1|>]]</div>
 +
    </li>
 +
  </ul>
 +
</div>
 +
</div>
 +
</div>

Latest revision as of 19:33, 8 December 2020

...

  • Slide 1-1
    Eden4.jpg
  • Slide 1-2
    Eden5.jpg
  • Slide 1-3
    Eden6.jpg
  • Slide 1-4
    Eden7.jpg
  • Slide 1-5
    Eden8.jpg

...

  • Slide 2-1
  • Slide 2-2
  • Slide 2-3
  • Slide 2-4
  • Slide 2-5

...

  • Slide 3-1
  • Slide 3-2
  • Slide 3-3
  • Slide 3-4
  • Slide 3-5
Retrieved from "https://cityofhopemush.net/index.php?title=Lescrowe&oldid=224596"