查看“用户:UN1C0DE”的源代码

<div style="display: flex; justify-content: center; margin-bottom: 2rem;">
<p 
  style="
    display: block; 
    flex: 0 0 auto;
    font-family: 'Consolas', monospace; 
    font-size: 14px; 
    font-weight: bold; 
    line-height: 0.75; 
    letter-spacing: 0; 
    white-space: pre; 
    background-color: transparent; 
    cursor: default; 
    user-select: none;
  "
  data-minlength="60"
  data-maxlength="124"
>
                                                                    /
                                                                   /
                                                               b. /
                                                               *#V                              .i
                          A                                    .##.                         _..-#]
              A          .#.                                  .# *#.  ___________    ..-=########7
             i#.         %##                                 ;#'  q#. `^----=######=############7
    b       ;###.       O###T       4                       ;7     9#.        'q####P^*'`     "'`
    ##-     #####      ;####      .##       -=A            ;#     .###.         ##:"`
    ###    ;##`##;     J###     -###7     .=##%}      .-=..#:     ;#`##.       .##'   _.--==-
   .##;    ##7 |##    .###   _-#####    .#####=    @#######7     :#7  ##o      d## .-=######7
   ;##    ;##` ###.   ;##" -+=^*`##:  .####*      &#**  ;##.     ##:  `###.   .###$P^*"`   "
   ##;    ##:  ####   $#:       ##7  .###         ##    #^##.   ;##'    ####. :##`
  .##    ;##   ##$#;  ##'      ;##  .##P          ##   #7  `##. ###      =###-###               ..
  ;#7    d#:  .#7?## :#7       ##7 .##P           ##  ;#   >#k> ###  ...  `#####7      ..--==######=-._
  ##  .-=##'  ;#' $#./#:      %##  &#$        .=A ## .##+=euG; d################'  .-=################H.
 ;##=######   ##  ?#L##      ###*  *###v==###=##7 ##########7.##################.-#####$P^*"'`     `*^V*
 @###=^` t#  .#7   ###:    <@##;    `##########/  *$^#`   `>#####^*"`      `*#########*`
 *#°      Y  d#'   :##:      *V       *"      '     #7    .###*`             B#####P*
            .##     K^`                            ##    4$*`                 *@##*
            ##:                                   .#    .$                     `V*
           z@#                                    /7    7
            *#                                    #
             7                                   ;7
                                                 !

</p>
</div>

<p style="text-align: center; margin-bottom: 2rem;">
Visit 
<br>
http://un1c0de.xyz/ 
<br>
to find out who I am and what I am doing
</p>

<div style="text-align: center;">
  <p style="
    flex: 0 0 auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2em; 
    height: 2em;
    color: #000;
    border-radius: 50%;
    background-image: radial-gradient(circle at 12.5% 50%, #ffef00, #b48500);
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    cursor: default;
    user-select: none;
    transform: rotate(90deg);
  ">
    :D
  </p>
</div>

== Some effects ==

{| style="width: 100%"
|- 
|
Rainbow Glow
| align=center | 
<div style="display: flex; justify-content: center; margin: 0 2rem;">
  <div class="rainbow-glow--wrapper" style="position: relative; width: 8rem; height: 4rem; padding: 4px; box-sizing: border-box;">
    <div class="rainbow-glow--glow" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 8px;  background-image: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); box-sizing: border-box;">&nbsp;</div>
    <div class="rainbow-glow--content" style="position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding: .5rem 1rem; width: 100%; height: 100%; background-color: #fff; color: #000; border: solid 2px #000; border-width: 2px 3px 4px; border-radius: 6px; box-sizing: border-box;">YOOHOO</div>
  </div>
</div>
|
* The <code>filter</code> property will eliminate inline styles (wish I could use this on the glow layer though)
|}

== CREmoteFixes ==
This will fix inconsistent vertical alignment and allow better visual effect

{|
|- 
| 
{|
|-
| align=center style="height: 120px; vertical-align: bottom;" | 
<div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: linear-gradient(to right bottom, #7AF99B,#D6C499,#F38691); border-radius: 16px;">
  <div style="width: 100px; height: 76px; position: relative;">
    <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Dagger_Goblin.png|100px]]</div>
  </div>
</div>
|-
| align=center style="width:100px;" | 
<span class="audio-player">[[Media:CR_Emote_Dagger_Goblin.mp3]]</span>
|}
|
{|
|-
| align=center style="height: 120px; vertical-align: bottom;" | 
<div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: linear-gradient(to right bottom, #7AF99B,#D6C499,#F38691); border-radius: 16px;">
  <div style="width: 100px; height: 76px; position: relative;">
    <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Thumbs-Up_Princess.png|100px]]</div>
  </div>
</div>
|-
| align=center style="width:100px;" | 
<span class="audio-player">[[Media:CR_Emote_Thumbs-Up_Princess.mp3]]</span>
|}
|
{| 
|-
| align=center style="height: 120px; vertical-align: bottom;" | 
<div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: #fff; border-radius: 16px;">
  <div style="width: 100px; height: 76px; position: relative;">
    <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Rocket_Hoggy.png|100px]]</div>
  </div>
</div>
|-
| align=center style="width:100px;" | 
<span class="audio-player">[[Media:CR_Emote_Rocket_Hoggy.mp3]]</span>
|}
|}