미디어위키:Common.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번째 줄: 58번째 줄:
h5,
h5,
h6 {
h6 {
    font-family: 'Pretendard', "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;
}
}


38번째 줄: 71번째 줄:
h6,
h6,
b {
b {
    font-family: 'Pretendard', "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;
}
}


75번째 줄: 107번째 줄:
ul,
ul,
p {
p {
margin: 0;
  margin: 0;
padding: 0;
  padding: 0;
}
}


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


86번째 줄: 118번째 줄:
.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;
}
}


155번째 줄: 188번째 줄:
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;
}
}


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

2024년 12월 12일 (목) 05:16 판

/* 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 */