미디어위키: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: 16px;
font-size: 15px;
}
}


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


54번째 줄: 25번째 줄:
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;
  margin: 0;
    font-weight: 500;
}
}


/* 蹂쇰뱶泥� �ㅼ젙 */
h1,
h1,
h2,
h2,
67번째 줄: 39번째 줄:
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: 500;
}
}


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


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


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


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


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


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


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


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


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


114번째 줄: 87번째 줄:
.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.5rem;
border-radius: 0.35rem;
  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;
  appearance: none;
/* Removes some iOS CSS Settings */
  /* 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;
}
}


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


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


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

2025년 1월 13일 (월) 12:12 판

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

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

html {
	font-size: 15px;
}

body {
	font-size: 0.95rem;
}

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;
    font-weight: 500;
}

/* 蹂쇰뱶泥� �ㅼ젙 */
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;
    font-weight: 500;
}

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

h1 {
	font-size: 2.25rem;
}

h2 {
	font-size: 1.8rem;
}

h3 {
	font-size: 1.6rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.3rem;
}

h6 {
	font-size: 1.1rem;
}

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

p {
	margin-bottom: 0.8rem;
}

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.35rem;
	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;
	/* 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: #449d44;
}

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

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