Difference between revisions of "Dusk/DiaryPic"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
imported>Felix
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:
+
<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]]|}}
#Diary-panel {
 
    overflow-x: hidden;
 
    padding-bottom: 200px;
 
}
 
#Diary-panel > p {
 
    margin-left: 5.5em;
 
    position: relative;
 
    text-indent: -5.5em;
 
}
 
#Diary-panel .image {
 
    display: none;
 
    position: relative;
 
}
 
#Diary-panel img {
 
    background: rgba(190, 147, 125, 0.75) none repeat scroll 0 0;
 
    border: 3px solid #8f3b1b;
 
    height: auto;
 
    padding: 1em;
 
    position: absolute;
 
    width: 250px;
 
    z-index: 150;
 
}
 
.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 {
 
    display: block;
 
}
 
#Diary-panel p .image:nth-of-type(2) img {
 
    left: calc(200px + 2em);
 
}
 
#Diary-panel {
 
    padding-bottom: 250px;
 
    overflow-x: hidden;
 
}
 
}}
 
<span class="camera">📷</span>[[File:{{{1}}}]]{{#if:{{{2|}}}|[[File:{{{2}}}]]|}}
 

Latest revision as of 09:57, 24 April 2017

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