미디어위키:Liberty.css: 두 판 사이의 차이

편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
태그: 되돌려진 기여
1번째 줄: 1번째 줄:
/* HTML Tag */
/* HTML Tag */
* {
* {
outline: none;
  outline: none;
}
}


7번째 줄: 7번째 줄:
button:hover,
button:hover,
select:hover {
select:hover {
transition: 0.3s;
  transition: 0.3s;
}
 
html, body {
  overflow-x: hidden;
  overflow-y: overlay;
}
 
body::-webkit-scrollbar {
  display: none;
}
 
body::-webkit-scrollbar {
  width: 12px;
  transition: 250ms;
}
 
body::-webkit-scrollbar-thumb {
  background: #adb5bdb6;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: padding-box;
  transition: 250ms;
}
 
body::-webkit-scrollbar-track {
  background: transparent;
  transition: 250ms;
}
}


html {
html {
font-size: 15px;
  font-size: 16px;
}
}


body {
body {
font-size: 0.95rem;
  font-size: 15px;
  font-weight: 400;
  color: #212529;
}
}


25번째 줄: 54번째 줄:
h5,
h5,
h6 {
h6 {
    font-family: 'Pretendard JP Variable', "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
  font-family: "Pretendard", "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
     "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
     "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
     "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", "留묒� 怨좊뵓", sans-serif;
     "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", sans-serif;
    font-weight: 500; /* 湲곕낯 �먭퍡 */
  margin: 0;
}
}


/* 蹂쇰뱶泥� �ㅼ젙 */
h1,
h1,
h2,
h2,
39번째 줄: 67번째 줄:
h6,
h6,
b {
b {
    font-family: 'Pretendard JP Variable', "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
  font-family: "Pretendard", "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
     "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
     "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
     "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", "留묒� 怨좊뵓", sans-serif;
     "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", sans-serif;
    font-weight: 700; /* 蹂쇰뱶泥� �먭퍡 */
}
}


input[type="password"] {
input[type="password"] {
font-family: sans-serif;
  font-family: sans-serif;
}
}


h1 {
h1 {
font-size: 2.25rem;
  font-size: 2em;
}
}


h2 {
h2 {
font-size: 1.8rem;
  font-size: 1.8em;
}
}


h3 {
h3 {
font-size: 1.6rem;
  font-size: 1.6em;
}
}


h4 {
h4 {
font-size: 1.5rem;
  font-size: 1.5em;
}
}


h5 {
h5 {
font-size: 1.3rem;
  font-size: 1.3em;
}
}


h6 {
h6 {
font-size: 1.1rem;
  font-size: 1.1em;
}
}


76번째 줄: 103번째 줄:
ul,
ul,
p {
p {
margin: 0;
  margin: 0;
padding: 0;
  padding: 0;
}
}


p {
p {
margin-bottom: 0.8rem;
  margin-bottom: 1rem;
}
}


87번째 줄: 114번째 줄:
.mw-content-ltr ol,
.mw-content-ltr ol,
.mw-content-rtl .mw-content-ltr ol {
.mw-content-rtl .mw-content-ltr ol {
margin: 0;
  margin: 0;
margin-left: 2.2rem;
  margin-left: 2.2rem;
margin-right: 1rem;
  margin-right: 1rem;
list-style-image: none;
  list-style-image: none;
}
}


pre {
pre {
display: block;
  display: block;
color: #333;
  color: #333;
word-break: break-all;
  word-break: break-all;
word-wrap: break-word;
  word-wrap: break-word;
background-color: #f5f8fa;
  background-color: #f5f8fa;
border: 1px solid #e1e8ed;
  border: 1px solid #e1e8ed;
border-radius: 0.35rem;
  border-radius: 0.5rem;
padding: 0.8rem;
  padding: 0.8rem;
}
}


a:focus {
a:focus {
outline: 0;
  outline: 0;
}
}


p {
p {
overflow-wrap: break-word;
  overflow-wrap: break-word;
}
}


ul {
ul {
list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23373a3c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23373a3c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
}


img {
img {
max-width: 100%;
  max-width: 100%;
height: auto;
  height: auto;
margin: 0;
  margin: 0;
}
}


th[rowspan],
th[rowspan],
td[rowspan] {
td[rowspan] {
position: relative;
  position: relative;
}
}


th[rowspan]:after,
th[rowspan]:after,
td[rowspan]:after {
td[rowspan]:after {
content: "";
  content: "";
position: absolute;
  position: absolute;
top: 0;
  top: 0;
right: -1px;
  right: -1px;
width: 1px;
  width: 1px;
height: 100%;
  height: 100%;
/*background: #e0e0e0;*/
  /*background: #e0e0e0;*/
}
}


input[type="search"] {
input[type="search"] {
-webkit-appearance: none;
  -webkit-appearance: none;
/* Removes some iOS CSS Settings */
  appearance: none;
  /* Removes some iOS CSS Settings */
}
}


textarea {
textarea {
width: 100%;
  width: 100%;
border: 1px solid #e1e8ed;
  border: 1px solid #e1e8ed;
padding: 0.5rem;
  padding: 0.5rem;
}
}


hr {
hr {
border-top: 1px solid #e1e8ed;
  border-top: 1px solid #e1e8ed;
}
}


156번째 줄: 184번째 줄:
html input[type="submit"]:hover,
html input[type="submit"]:hover,
button:hover {
button:hover {
background-color: #449d44;
  background-color: #466DFA;
}
}


label {
label {
vertical-align: middle;
  vertical-align: middle;
word-break: keep-all;
  word-break: keep-all;
}
}


167번째 줄: 195번째 줄:
s,
s,
strike {
strike {
color: #808080;
  color: #808080;
}
}
/* HTML Tag End */
/* HTML Tag End */

2024년 12월 22일 (일) 14:01 판

/* HTML Tag */
* {
  outline: none;
}

input:hover,
button:hover,
select:hover {
  transition: 0.3s;
}

html, body {
  overflow-x: hidden;
  overflow-y: overlay;
}

body::-webkit-scrollbar {
  display: none;
}

body::-webkit-scrollbar {
  width: 12px;
  transition: 250ms;
}

body::-webkit-scrollbar-thumb {
  background: #adb5bdb6;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: padding-box;
  transition: 250ms;
}

body::-webkit-scrollbar-track {
  background: transparent;
  transition: 250ms;
}

html {
  font-size: 16px;
}

body {
  font-size: 15px;
  font-weight: 400;
  color: #212529;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
    "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
    "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", sans-serif;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
    "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
    "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", sans-serif;
}

input[type="password"] {
  font-family: sans-serif;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.3em;
}

h6 {
  font-size: 1.1em;
}

ol,
ul,
p {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
}

ol,
.mw-content-ltr ol,
.mw-content-rtl .mw-content-ltr ol {
  margin: 0;
  margin-left: 2.2rem;
  margin-right: 1rem;
  list-style-image: none;
}

pre {
  display: block;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f8fa;
  border: 1px solid #e1e8ed;
  border-radius: 0.5rem;
  padding: 0.8rem;
}

a:focus {
  outline: 0;
}

p {
  overflow-wrap: break-word;
}

ul {
  list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23373a3c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

img {
  max-width: 100%;
  height: auto;
  margin: 0;
}

th[rowspan],
td[rowspan] {
  position: relative;
}

th[rowspan]:after,
td[rowspan]:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  /*background: #e0e0e0;*/
}

input[type="search"] {
  -webkit-appearance: none;
  appearance: none;
  /* Removes some iOS CSS Settings */
}

textarea {
  width: 100%;
  border: 1px solid #e1e8ed;
  padding: 0.5rem;
}

hr {
  border-top: 1px solid #e1e8ed;
}

html input[type="button"]:hover,
html input[type="submit"]:hover,
button:hover {
  background-color: #466DFA;
}

label {
  vertical-align: middle;
  word-break: keep-all;
}

del,
s,
strike {
  color: #808080;
}
/* HTML Tag End */