Difference between revisions of "Dusk/DiaryPic"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
m
imported>Felix
 
Line 1: Line 1:
{{#css:
 
#Diary-panel {
 
    overflow-x: hidden;
 
    padding-bottom: 200px;
 
}
 
#Diary-panel > p {
 
    margin-left: 5.5em;
 
    position: relative;
 
    text-indent: -5.5em;
 
}
 
#Diary-panel .image, #Diary-panel .feathers {
 
    display: none;
 
    position: relative;
 
}
 
#Diary-panel .image img {
 
    background-color: #fff5e3;
 
    border: 3px solid #be937d;
 
    height: auto;
 
    left: -50px;
 
    padding: 1em;
 
    position: absolute;
 
    width: 250px;
 
    z-index: 4;
 
}
 
#Diary-panel .camera {
 
    cursor: pointer;
 
    display: inline-block;
 
    position: relative;
 
    text-indent: 0.25em;
 
    z-index: 20;
 
}
 
#Diary-panel .camera:hover ~ .image, #Diary-panel .image:hover, #Diary-panel .image:hover ~ .image, #Diary-panel .camera:hover ~ .feathers, #Diary-panel .image:hover ~ .feathers {
 
    display: block;
 
}
 
#Diary-panel p .image:nth-of-type(2) img {
 
    left: 275px;
 
}
 
#Diary-panel .feathers:first-of-type {
 
    bottom: -38px;
 
    left: -70px;
 
    transform: scale(1, -1);
 
}
 
#Diary-panel .feathers:nth-of-type(2) {
 
    bottom: -38px;
 
    left: 180px;
 
    transform: scale(-1, -1);
 
}
 
#Diary-panel .feathers:nth-of-type(3) {
 
    bottom: -248px;
 
    left: -70px;
 
}
 
#Diary-panel .feathers:nth-of-type(4) {
 
    bottom: -248px;
 
    left: 180px;
 
    transform: scale(-1, 1);
 
}
 
#Diary-panel .feathers:nth-of-type(5) {
 
    bottom: -38px;
 
    left: 253px;
 
    transform: scale(1, -1);
 
}
 
#Diary-panel .feathers:nth-of-type(6) {
 
    bottom: -38px;
 
    left: 504px;
 
    transform: scale(-1, -1);
 
}
 
#Diary-panel .feathers:nth-of-type(7) {
 
    bottom: -248px;
 
    left: 253px;
 
}
 
#Diary-panel .feathers:nth-of-type(8) {
 
    bottom: -248px;
 
    left: 504px;
 
    transform: scale(-1, 1);
 
}
 
}}
 
 
<span class="camera">📷</span>[[File:{{{1}}}]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]]{{#if:{{{2|}}}|[[File:{{{2}}}]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]]|}}
 
<span class="camera">📷</span>[[File:{{{1}}}]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]]{{#if:{{{2|}}}|[[File:{{{2}}}]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]][[File:DuskMiniFeather.png|link=|class=feathers|75px]]|}}

Latest revision as of 09:57, 24 April 2017

📷[[File:{{{1}}}]]DuskMiniFeather.pngDuskMiniFeather.pngDuskMiniFeather.pngDuskMiniFeather.png