User:Domino/Sandbox: Difference between revisions

Line 1:

~~<div class="trophyfullscreen"><div style="display: inline-block; float:left; margin-left:20px; margin-right:20px; margin-bottom:20px; color:black; width: 200px; max-width: 200px;">~~

~~<div style="outline: 5px solid {{main-color}}; padding: 15px 0px 15px 0px; background-color:spinwhite">~~

~~<center>[[File:{{{trophyimage}}}|150px]]~~

~~<div style="background-color:#E9EDEF; border-radius:50%; height:25px; width:110px; text-align: center; margin-top:-15px></div></center></div>~~

~~<div class=hover style="position:relative; background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}; min-height:3em; line-height:1.4; z-index:2;">~~

~~<center>{{Large|{{{trophyname}}}}}</center>~~

~~<div class=hoverbox style="position:relative; background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}; line-height:1.3; z-index:-1;">~~

~~<center>{{{trophydescription}}}</center></div></div></div></div>~~

<center>[[File:Commitment_to_Grammar_Trophy.svg|150px]]

<center>{{Large|Commitment to Grammar}}</center>

</div></div>

<center>Words, words, words.</center></div>

</div>

@@ Line 1: / Line 1: @@
-<div class="trophyfullscreen"><div style="display: inline-block; float:left; margin-left:20px; margin-right:20px; margin-bottom:20px; color:black; width: 200px; max-width: 200px;">
+<div class="flip-card mw-customtoggle-tab1" style="background-color: transparent; width: 200px; height:265.4px; display: inline-block; float:left; margin-left:20px; margin-right:20px; margin-bottom:20px; color:black; max-width: 200px;">
-<div style="outline: 5px solid {{main-color}}; padding: 15px 0px 15px 0px; background-color:spinwhite">
-<center>[[File:{{{trophyimage}}}|150px]]
-<div style="background-color:#E9EDEF; border-radius:50%; height:25px; width:110px; text-align: center; margin-top:-15px></div></center></div>
-<div class=hover style="position:relative; background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}; min-height:3em; line-height:1.4; z-index:2;">
-<center>{{Large|{{{trophyname}}}}}</center>
-<div class=hoverbox style="position:relative; background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}; line-height:1.3; z-index:-1;">
-<center>{{{trophydescription}}}</center></div></div></div></div>
-<div class="flip-card mw-customtoggle-tab1" style="background-color: transparent; width: 200px; height:265.4px; display: inline-block; float:left; margin-left:20px; margin-right:20px; margin-bottom:20px; color:black; ; max-width: 200px;">
 <div class="flip-card-inner" style="position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;>
 <div class="flip-card-front" style="position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;">
-<div style="outline: 5px solid darkred; padding: 15px 0px 15px 0px; background-color:spinwhite; pointer-events: none;">
+<div id=trophy-image style="outline: 5px solid {{main-color}}; padding: 15px 0px 15px 0px; background-color:spinwhite; pointer-events: none;">
 <center>[[File:Commitment_to_Grammar_Trophy.svg|150px]]
 <div style="background-color:#E9EDEF; border-radius:50%; height:25px; width:110px; text-align: center; margin-top:-15px></div></center></div>
-<div id=idontneedyourn style="background-color:darkred; color:white; outline: 5px solid darkred; min-height:3em; line-height:1.4; width:200px;">
+<div id=trophy-title style="background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}; min-height:3em; line-height:1.4; width:200px;">
 <center>{{Large|Commitment to Grammar}}</center>
 </div></div>
 <div class="flip-card-back" style="position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(180deg);">
-<div id=idontneedyourn style="background-color:darkred; color:white; outline: 5px solid darkred; line-height:1.3; height:inherit;">
+<div id=trophy-description style="background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}; line-height:1.3; height:inherit;">
 <center>Words, words, words.</center></div>
 </div>

User

Domino/Sandbox

Revision as of 18:14, 19 May 2020