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

<html>
<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>

<div>
 <p style="text-align: center; margin-bottom: 2rem;">
  Visit <a href="http://un1c0de.xyz/">my personal website</a> to find out who I am and what I am doing.
 </p>
</div>
</html>

<div>
 <h2>Some effects</h2>

 <div style="width: 100%; display: grid; grid-template-columns: 1fr 1fr auto;">
  <div>Rainbow Glow</div>

  <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>
   
  <div>
   <ul>
    <li>The <code>filter</code> property will eliminate inline styles (wish I could use this on the glow layer though)</li>
   </ul>
  </div>
 </div>
</div>

<div>
 <h2>CREmoteFixes</h2>

 <div>
  <p>This may fix most of inconsistent vertical alignment and allow better visual effect.</p>

  <div 
   style="
    font-size: 12px; 
    display: flex; 
    flex-flow: row nowrap; 
    align-items: center; 
    padding: .5rem; 
    background-color: #fff; 
    color: #000; border-left: 
    8px solid #f00;
   "
  >
   <div>[[File:Info.png|20px]]</div>
   <div style="margin-left: .5em;">
    After testing in CR emoticon pages, this fix isn't quite ideal because icons may either have oversized width, or non-transparent background, etc.
   </div>
  </div>
   
  <div style="display: flex;">
   <div style="flex: 0 0 auto; height: 120px;">
    <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>
    {{AudioButton|CR_Emote_Dagger_Goblin.mp3}}
   </div>

   <div style="flex: 0 0 auto; height: 120px;">
    <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>
    {{AudioButton|CR_Emote_Thumbs-Up_Princess.mp3}}
   </div>

   <div style="flex: 0 0 auto; height: 120px;">
    <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>
    {{AudioButton|CR_Emote_Rocket_Hoggy.mp3}}
   </div>
  </div>
 </div>
</div>