연습장:카페인러브: 두 판 사이의 차이

imported>카페인러브
편집 요약 없음
imported>카페인러브
편집 요약 없음
44번째 줄: 44번째 줄:
* 사이드바에 목차가 없을 때 배경색이든 뭐든 좀 채울..건데 대체 뭘로 채울까
* 사이드바에 목차가 없을 때 배경색이든 뭐든 좀 채울..건데 대체 뭘로 채울까
* DeleteBatch 제대로 삭제 안됨
* DeleteBatch 제대로 삭제 안됨
== 유틸리티 ==
=== 색상표 ===
{| class="mw-collapsible mw-collapsed" style="width:100%"
|-
! colspan="3" | Web Colors
|- style="vertical-align:top"
| style="width:33%" |
{|style="width:100%; font-size:90%;"
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Pink colors'''
|- style="background:pink;color:black"
|Pink ||FF C0 CB||255 192 203
|- style="background:lightpink;color:black"
|LightPink ||FF B6 C1||255 182 193
|- style="background:hotpink;color:white"
|HotPink ||FF 69 B4||255 105 180
|- style="background:deeppink;color:white"
|DeepPink ||FF 14 93||255  20 147
|- style="background:palevioletred;color:white"
|PaleVioletRed ||DB 70 93||219 112 147
|- style="background:mediumvioletred;color:white"
|MediumVioletRed ||C7 15 85||199  21 133
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Red colors'''
|- style="background:lightsalmon;color:black"
|LightSalmon ||FF A0 7A||255 160 122
|- style="background:salmon;color:black"
|Salmon ||FA 80 72||250 128 114
|- style="background:darksalmon;color:black"
|DarkSalmon ||E9 96 7A||233 150 122
|- style="background:lightcoral;color:black"
|LightCoral ||F0 80 80||240 128 128
|- style="background:indianred;color:white"
|IndianRed ||CD 5C 5C||205  92  92
|- style="background:crimson;color:white;color:white"
|Crimson ||DC 14 3C||220  20  60
|- style="background:fireBrick;color:white"
|FireBrick ||B2 22 22||178  34  34
|- style="background:darkred;color:white"
|DarkRed ||8B 00 00||139   0   0
|- style="background:red;color:white"
|Red ||FF 00 00||255   0   0
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Orange colors'''
|- style="background:orangered;color:white"
|OrangeRed ||FF 45 00||255  69   0
|- style="background:tomato;color:white"
|Tomato ||FF 63 47||255  99  71
|- style="background:coral;color:white"
|Coral ||FF 7F 50||255 127  80
|- style="background:darkorange;color:white"
|DarkOrange ||FF 8C 00||255 140   0
|- style="background:orange;color:white"
|Orange ||FF A5 00||255 165   0
|- style="background:gold;color:black"
|Gold ||FF D7 00||255 215   0
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Yellow colors'''
|- style="background:yellow;color:black"
|Yellow ||FF FF 00||255 255   0
|- style="background:lightyellow;color:black"
|LightYellow ||FF FF E0||255 255 224
|- style="background:lemonchiffon;color:black"
|LemonChiffon ||FF FA CD||255 250 205
|- style="background:lightgoldenrodyellow;color:black"
|LightGoldenrodYellow||FA FA D2||250 250 210
|- style="background:papayawhip;color:black"
|PapayaWhip ||FF EF D5||255 239 213
|- style="background:moccasin;color:black"
|Moccasin ||FF E4 B5||255 228 181
|- style="background:peachpuff;color:black"
|PeachPuff ||FF DA B9||255 218 185
|- style="background:palegoldenrod;color:black"
|PaleGoldenrod ||EE E8 AA||238 232 170
|- style="background:khaki;color:black"
|Khaki ||F0 E6 8C||240 230 140
|- style="background:darkkhaki;color:black"
|DarkKhaki ||BD B7 6B||189 183 107
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Brown colors'''
|- style="background:cornsilk;color:black"
|Cornsilk ||FF F8 DC||255 248 220
|- style="background:blanchedalmond;color:black"
|BlanchedAlmond ||FF EB CD||255 235 205
|- style="background:bisque;color:black"
|Bisque ||FF E4 C4||255 228 196
|- style="background:navajowhite;color:black"
|NavajoWhite ||FF DE AD||255 222 173
|- style="background:wheat;color:black"
|Wheat ||F5 DE B3||245 222 179
|- style="background:burlywood;color:black"
|BurlyWood ||DE B8 87||222 184 135
|- style="background:tan;color:black"
|Tan ||D2 B4 8C||210 180 140
|- style="background:rosybrown;color:black"
|RosyBrown ||BC 8F 8F||188 143 143
|- style="background:sandybrown;color:black"
|SandyBrown ||F4 A4 60||244 164  96
|- style="background:goldenrod;color:black"
|Goldenrod ||DA A5 20||218 165  32
|- style="background:darkgoldenrod;color:white"
|DarkGoldenrod ||B8 86 0B||184 134  11
|- style="background:Peru;color:white"
|Peru ||CD 85 3F||205 133  63
|- style="background:chocolate;color:white"
|Chocolate ||D2 69 1E||210 105  30
|- style="background:saddlebrown;color:white"
|SaddleBrown ||8B 45 13||139  69  19
|- style="background:sienna;color:white"
|Sienna ||A0 52 2D||160  82  45
|- style="background:brown;color:white"
|Brown ||A5 2A 2A||165  42  42
|- style="background:maroon;color:white"
|Maroon ||80 00 00||128   0   0
|}
| style="width:33%" |
{|style="width:100%; font-size:90%;"
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Green colors'''
|- style="background:darkolivegreen;color:white"
|DarkOliveGreen ||55 6B 2F|| 85 107  47
|- style="background:olive;color:white"
|Olive ||80 80 00||128 128   0
|- style="background:olivedrab;color:white"
|OliveDrab ||6B 8E 23||107 142  35
|- style="background:yellowgreen;color:black"
|YellowGreen ||9A CD 32||154 205  50
|- style="background:limegreen;color:black"
|LimeGreen ||32 CD 32|| 50 205  50
|- style="background:lime;color:black"
|Lime ||00 FF 00||  0 255   0
|- style="background:lawngreen;color:black"
|LawnGreen ||7C FC 00||124 252   0
|- style="background:chartreuse;color:black"
|Chartreuse ||7F FF 00||127 255   0
|- style="background:greenyellow;color:black"
|GreenYellow ||AD FF 2F||173 255  47
|- style="background:springgreen;color:black"
|SpringGreen ||00 FF 7F||  0 255 127
|- style="background:mediumspringgreen;color:black"
|MediumSpringGreen ||00 FA 9A||  0 250 154
|- style="background:lightgreen;color:black"
|LightGreen ||90 EE 90||144 238 144
|- style="background:palegreen;color:black"
|PaleGreen ||98 FB 98||152 251 152
|- style="background:darkseagreen;color:black"
|DarkSeaGreen ||8F BC 8F||143 188 143
|- style="background:mediumseagreen;color:white"
|MediumSeaGreen ||3C B3 71|| 60 179 113
|- style="background:seagreen;color:white"
|SeaGreen ||2E 8B 57|| 46 139  87
|- style="background:forestgreen;color:white"
|ForestGreen ||22 8B 22|| 34 139  34
|- style="background:green;color:white"
|Green ||00 80 00||  0 128   0
|- style="background:darkgreen;color:white"
|DarkGreen ||00 64 00||  0 100   0
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Cyan colors'''
|- style="background:mediumaquamarine;color:black"
|MediumAquamarine ||66 CD AA||102 205 170
|- style="background:aqua;color:black"
|Aqua ||00 FF FF||  0 255 255
|- style="background:cyan;color:black"
|Cyan ||00 FF FF||  0 255 255
|- style="background:lightcyan;color:black"
|LightCyan ||E0 FF FF||224 255 255
|- style="background:paleturquoise;color:black"
|PaleTurquoise ||AF EE EE||175 238 238
|- style="background:aquamarine;color:black"
|Aquamarine ||7F FF D4||127 255 212
|- style="background:turquoise;color:black"
|Turquoise ||40 E0 D0|| 64 224 208
|- style="background:mediumturquoise;color:black"
|MediumTurquoise ||48 D1 CC|| 72 209 204
|- style="background:darkturquoise;color:white"
|DarkTurquoise ||00 CE D1||  0 206 209
|- style="background:lightseagreen;color:white"
|LightSeaGreen ||20 B2 AA|| 32 178 170
|- style="background:cadetblue;color:white"
|CadetBlue ||5F 9E A0|| 95 158 160
|- style="background:darkcyan;color:white"
|DarkCyan ||00 8B 8B||  0 139 139
|- style="background:teal;color:white"
|Teal ||00 80 80||  0 128 128
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Blue colors'''
|- style="background:lightsteelblue;color:black"
|LightSteelBlue ||B0 C4 DE||176 196 222
|- style="background:powderblue;color:black"
|PowderBlue ||B0 E0 E6||176 224 230
|- style="background:lightblue;color:black"
|LightBlue ||AD D8 E6||173 216 230
|- style="background:skyblue;color:black"
|SkyBlue ||87 CE EB||135 206 235
|- style="background:lightskyblue;color:black"
|LightSkyBlue ||87 CE FA||135 206 250
|- style="background:deepskyblue;color:white"
|DeepSkyBlue ||00 BF FF||  0 191 255
|- style="background:dodgerblue;color:white"
|DodgerBlue ||1E 90 FF|| 30 144 255
|- style="background:cornflowerblue;color:white"
|CornflowerBlue ||64 95 ED||100 149 237
|- style="background:steelblue;color:white"
|SteelBlue ||46 82 B4|| 70 130 180
|- style="background:royalblue;color:white"
|RoyalBlue ||41 69 E1|| 65 105 225
|- style="background:blue;color:white"
|Blue ||00 00 FF||  0   0 255
|- style="background:mediumblue;color:white"
|MediumBlue ||00 00 CD||  0   0 205
|- style="background:darkblue;color:white"
|DarkBlue ||00 00 8B||  0   0 139
|- style="background:navy;color:white"
|Navy ||00 00 80||  0   0 128
|- style="background:midnightblue;color:white"
|MidnightBlue ||19 19 70|| 25  25 112
|}
| style="width:33%" |
{|style="width:100%; font-size:90%;"
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Purple colors'''
|- style="background:lavender;color:black"
|Lavender ||E6 E6 FA||230 230 250
|- style="background:thistle;color:black"
|Thistle ||D8 BF D8||216 191 216
|- style="background:plum;color:black"
|Plum ||DD A0 DD||221 160 221
|- style="background:violet;color:black"
|Violet ||EE 82 EE||238 130 238
|- style="background:orchid;color:black"
|Orchid ||DA 70 D6||218 112 214
|- style="background:fuchsia;color:white"
|Fuchsia ||FF 00 FF||255   0 255
|- style="background:Magenta;color:white"
|Magenta ||FF 00 FF||255   0 255
|- style="background:mediumorchid;color:white"
|MediumOrchid ||BA 55 D3||186  85 211
|- style="background:mediumpurple;color:white"
|MediumPurple ||93 70 DB||147 112 219
|- style="background:blueviolet;color:white"
|BlueViolet ||8A 2B E2||138  43 226
|- style="background:darkviolet;color:white"
|DarkViolet ||94 00 D3||148   0 211
|- style="background:darkorchid;color:white"
|DarkOrchid ||99 32 CC||153  50 204
|- style="background:darkmagenta;color:white"
|DarkMagenta ||8B 00 8B||139   0 139
|- style="background:purple;color:white"
|Purple ||80 00 80||128   0 128
|- style="background:indigo;color:white"
|Indigo ||4B 00 82|| 75   0 130
|- style="background:darkslateblue;color:white"
|DarkSlateBlue ||48 3D 8B|| 72  61 139
|- style="background:slateblue;color:white"
|SlateBlue ||6A 5A CD||106  90 205
|- style="background:mediumslateblue;color:white"
|MediumSlateBlue ||7B 68 EE||123 104 238
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''White colors'''
|- style="background:white;color:black"
|White ||FF FF FF||255 255 255
|- style="background:snow;color:black"
|Snow ||FF FA FA||255 250 250
|- style="background:honeydew;color:black"
|Honeydew ||F0 FF F0||240 255 240
|- style="background:mintcream;color:black"
|MintCream ||F5 FF FA||245 255 250
|- style="background:azure;color:black"
|Azure ||F0 FF FF||240 255 255
|- style="background:aliceblue;color:black"
|AliceBlue ||F0 F8 FF||240 248 255
|- style="background:ghostwhite;color:black"
|GhostWhite ||F8 F8 FF||248 248 255
|- style="background:whitesmoke;color:black"
|WhiteSmoke ||F5 F5 F5||245 245 245
|- style="background:seashell;color:black"
|Seashell ||FF F5 EE||255 245 238
|- style="background:beige;color:black"
|Beige ||F5 F5 DC||245 245 220
|- style="background:oldlace;color:black"
|OldLace ||FD F5 E6||253 245 230
|- style="background:floralwhite;color:black"
|FloralWhite ||FF FA F0||255 250 240
|- style="background:ivory;color:black"
|Ivory ||FF FF F0||255 255 240
|- style="background:antiquewhite;color:black"
|AntiqueWhite ||FA EB D7||250 235 215
|- style="background:linen;color:black"
|Linen ||FA F0 E6||250 240 230
|- style="background:lavenderblush;color:black"
|LavenderBlush ||FF F0 F5||255 240 245
|- style="background:mistyrose;color:black"
|MistyRose ||FF E4 E1||255 228 225
|-
| colspan="3" style="background:whitesmoke; color:slategrey; text-align:left;"|'''Gray/Grey/Black colors'''
|- style="background:gainsboro;color:black"
|Gainsboro ||DC DC DC||220 220 220
|- style="background:lightgrey; color:black;"
|LightGray ||D3 D3 D3||211 211 211
|- style="background:silver;color:black"
|Silver ||C0 C0 C0||192 192 192
|- style="background:darkgrey; color:black;"
|DarkGray ||A9 A9 A9||169 169 169
|- style="background:gray;color:black"
|Gray ||80 80 80||128 128 128
|- style="background:dimgrey; color:white;"
|DimGray ||69 69 69||105 105 105
|- style="background:lightslategrey; color:white;"
|LightSlateGray ||77 88 99||119 136 153
|- style="background:slategrey; color:white;"
|SlateGray ||70 80 90||112 128 144
|- style="background:darkslategrey; color:white;"
|DarkSlateGray ||2F 4F 4F|| 47  79  79
|- style="background:black;color:white"
|Black ||00 00 00||  0   0   0
|}
|}
=== 아새끼 챠트 ===
{| class="mw-collapsible mw-collapsed" style="width:100%;text-align:center;background:#333;color:#ddd;"
|-
!colspan="16"|Decimal ASCII
|- class="smaller"
!style="width:3%"|DEC!!style="width:6%"|OUT!!style="width:3%"|DEC!!style="width:6%"|OUT!!style="width:3%"|DEC!!style="width:4%"|OUT!!style="width:3%"|DEC!!style="width:4%"|OUT!!style="width:3%"|DEC!!style="width:4%"|OUT!!style="width:3%"|DEC!!style="width:4%"|OUT!!style="width:3%"|DEC!!style="width:4%"|OUT!!style="width:3%"|DEC!!style="width:4%"|OUT
|-
||0||NUL||16||DLE||32||SP||48||0||64||@||80||P||96||`||112||p
|-
||1||SOH||17||DC1||33||!||49||1||65||A||81||Q||97||a||113||q
|-
||2||STX||18||DC2||34||"||50||2||66||B||82||R||98||b||114||r
|-
||3||ETX||19||DC3||35||#||51||3||67||C||83||S||99||c||115||s
|-
||4||EOT||20||DC4||36||$||52||4||68||D||84||T||100||d||116||t
|-
||5||ENQ||21||NAK||37||%||53||5||69||E||85||U||101||e||117||u
|-
||6||ACK||22||SYN||38||&||54||6||70||F||86||V||102||f||118||v
|-
||7||BEL||23||ETB||39||'||55||7||71||G||87||W||103||g||119||w
|-
||8||BS||24||CAN||40||(||56||8||72||H||88||X||104||h||120||x
|-
||9||HT||25||EM||41||)||57||9||73||I||89||Y||105||i||121||y
|-
||10||LF||26||SUB||42||*||58||:||74||J||90||Z||106||j||122||z
|-
||11||VT||27||ESC||43||+||59||;||75||K||91||[||107||k||123||{
|-
||12||FF||28||FS||44||,||60||<||76||L||92||\||108||l||124|||
|-
||13||CR||29||GS||45||-||61||=||77||M||93||]||109||m||125||}
|-
||14||SO||30||RS||46||.||62||>||78||N||94||^||110||n||126||~
|-
||15||SI||31||US||47||/||63||?||79||O||95||_||111||o||127||DEL
|}

2013년 12월 17일 (화) 17:48 판

해야 할 일

편집

성우 작품, 캐릭터 그 밖의 카테고리

관리

중요
  • Lazy Load (0%)
    • img 태그의 src 대신 data 속성에 그림의 url을 출력 → gallery에도 같은 방식 적용
    • lazy load 소스를 wikichan.js에 인스톨함 → 셀렉터 조정 → 탭 틀에서는 1번째 탭 이외에 클릭했을 때 페이드인
  • Responsive Layout (2%)
보통
  • wgCapitalLinks = false 일 때 관련 넘겨주기 문서가 오작동 (프립사이드 등)
  • 정보상자의 dummy image를 어떤 방식으로 적용할까
  • 사이트 소개 간단한 버전으로 다시 작성하기
사소
  • 에미야 주석이 많으면 읽기 힘들구나 색깔이나 디자인라도 어떻게 바꿔보자
    • 일반 링크에 rgba(0, 166, 188, 0.3)의 밑줄을 그으면 어떨까
      • line-height 때문에 생기는 text <-> border 사이의 갭이 문제
  • subpages을 breadcrumbs 형식으로
  • SocialProfile에서 받은 친구신청이 있일 때 하이라이트
  • 사이드바에 목차가 없을 때 배경색이든 뭐든 좀 채울..건데 대체 뭘로 채울까
  • DeleteBatch 제대로 삭제 안됨

최근 바뀜

더 보기