행위

미디어위키

"Common.css"의 두 판 사이의 차이

DB CAFE

 
(사용자 2명의 중간 판 18개는 보이지 않습니다)
1번째 줄: 1번째 줄:
@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding")
+
@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding");
body {
 
font-family:"Nanum Gothic Coding", sans-serif;
 
}
 
div # content h1, div # content h2 {font-family : "Nanum Gothic Coding", serif}
 
div.mw-geshi div,
 
div.mw-geshi div pre,
 
div.mw-geshi div span,
 
span.mw-geshi,
 
pre.source-css,
 
pre.source-javascript {
 
    font-family: "Nanum Gothic Coding","나눔고딕코딩", serif, "Courier New" !important;
 
}
 
cite.citation { font-style: inherit }
 
a.mw-selflink{color:inherit;font-weight:bold;text-decoration:inherit}
 
a.mw-selflink:hover{cursor:inherit;text-decoration:inherit}
 
a.mw-selflink:active,a.mw-selflink:visited{color:inherit}
 
.bracket1 { color: #9ac; padding: 0 .3em; }
 
.baraket1>img {box-shadow: none !important;}
 
.zmap,
 
.mw-parser-output>p>img,
 
.mw-parser-output .image>img {
 
  box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
 
  box-sizing: content-box;
 
  border-radius: 3px;
 
  padding: 5px;
 
  max-width: 100%;
 
  height: auto;
 
  background: #fff;
 
}
 
.mw-content-ltr>h2 {
 
  padding: .3em 0 .2em;
 
}
 
.mw-content-ltr ol {
 
  margin: 0.3em 0 0 1.6em;
 
  list-style: disc;
 
  counter-reset: item;
 
}
 
.mw-content-ltr ol>li {
 
  counter-increment: li;
 
}
 
.mw-content-ltr ol>li::before {
 
  content: counters(item, ".")". ";
 
  counter-increment: item;
 
}
 
.mw-headline {
 
  cursor: pointer;
 
}
 
.mw-headline:hover {
 
  border-bottom: 1px solid #39d;
 
}
 
.mw-headline-number {
 
  color: #39d;
 
}
 
.mw-headline-number:after {
 
  content: ".";
 
}
 
 
 
.mw-highlight-header {
 
display: table;
 
border-left: 4px solid #59b;
 
padding: 0 12px;
 
margin-bottom: -5px;
 
word-break: break-all;
 
background: #cee;
 
border-radius: 5px 5px 0 0;
 
}
 
/* shit canceller */
 
#msupload-dropzone { height: auto !important }
 
.mw-editfont-monospace { font-family: inherit !important }
 
.wikiEditor-ui-toolbar .page-characters div span { height: auto !important }
 
  
.z-ed>a[target=_blank] {
+
.borderd-content {
    opacity: .5;
+
   border: 1px solid #0000ff;
    zoom: .8;
 
    color: #09d;
 
}
 
.grayblur {filter:grayscale(100%) opacity(.1);}
 
blockquote.note {
 
  background: #fff3d4;
 
   border: 1px solid #f6b73c;
 
 
   border-radius: 4px;
 
   border-radius: 4px;
   display: flex;
+
   height: 100px;
}
+
   margin-top: 20px;
blockquote.note>p {
+
   position: relative;
   text-align: center;
 
  flex-basis: 50px;
 
   margin: 0;
 
}
 
blockquote.note>div {
 
  flex: 1;
 
 
}
 
}
.wikitable { word-break: break-word; }
 
.wikitable td>p { margin: 0 }
 
.wikitable > caption { caption-side: top }
 
.mw-content-ltr .wikitable ul { margin: 0 0 0 1.6em; }
 
.slash div, .backslash div { text-align: right; }
 
  
table.count tr { counter-increment: tr }
+
.borderd-content .title {
table.count td:first-child:before { content: counter(tr) }
+
  margin: -20px 0 0 10px;
table.count tr.count-reset { counter-reset: tr }
+
  background: #fff;
 
+
  padding: 3px;
.version-old, .version-obsolete {background: #FDB3AB}
 
.version-legacy {background: #FEF8C6}
 
.version-current, .version-stable {background: #D4F4B4}
 
.version-preview {background: #FED1A0}
 
.version-future, .version-testing {background-color: #C1E6F5}
 
.version-never {background: LightGray}
 
.transborder {
 
    border: solid transparent;
 
}
 
.zw-tabs ul.nav { margin:0 }
 
.nav-link { cursor:pointer }
 
.zw-tabs .tab-pane { padding: 0.5em; border: 1px solid #dee2e6; border-top: 0 }
 
.k8s-caution, .k8s-note, .k8s-warning {
 
    padding: 20px;
 
    margin: 20px 0;
 
    border: 1px solid #eee;
 
    border-left-width: 5px;
 
    border-radius: 3px;
 
}
 
.k8s-warning {  border-left-color: #d9534f }
 
.k8s-caution {  border-left-color: #f0ad4e }
 
.k8s-note {  border-left-color: #428bca }
 
 
 
/* 한자 */
 
.hanja-title span {
 
margin-right: .4em;
 
zoom: 3;
 
opacity: .5;
 
}
 
.hanja-title span:nth-child(1) {
 
zoom:4;
 
opacity: 1;
 
}
 
 
 
/* 한자 */
 
.hanja-info {
 
float: right;
 
margin: 0 10px;
 
text-align: center;
 
border-collapse: collapse;
 
}
 
.hanja-info th, .hanja-info td {
 
border: 1px solid #88888833;
 
}
 
.hanja-info .han {
 
font-size: 3em;
 
padding: .3em;
 
font-family: serif;
 
background: #6688aa11;
 
}
 
.hanja-meaning {
 
padding: 7px;
 
background: #6688aa11;
 
border-radius: .25rem;
 
border: 1px solid #88888833;
 
width: auto;
 
overflow: hidden;
 
}
 
.radical>p {
 
  width: 601px; max-width: 100%;
 
  border: 1px solid #ccc;
 
  border-width: 1px 0 0 1px;
 
 
   display: inline-block;
 
   display: inline-block;
}
+
   font-weight: bold;
.radical>p>* {
+
   position: absolute;
  box-sizing: border-box;
 
  width: 50px; height: 50px;
 
  float:left;
 
  font-size: 34px;
 
  text-align: center;
 
  vertical-align: middle;
 
  border: 1px solid #888;
 
  padding-top: 10px;
 
}
 
.radical>p>a {
 
   font-family: serif;
 
  border-color: #fff #888 #888 #fff;
 
}
 
.radical>p>a:hover {
 
  text-decoration: none;
 
  background: #09d;
 
  border-color: #09d;
 
  color: #fff;
 
}
 
.radical>p>b {
 
  background: #555;
 
  border-color: #555 #888 #888 #555;
 
   color: #fff;
 
  font-size: 18px;
 
 
}
 
}
  
.radicals tr:nth-of-type(odd) {
+
.borderd-content .content {
    background-color: #f9f9f9;
+
  padding: 10px;
 
}
 
}
.radicals th {
+
.externalimage-holder {
  background: #666;
+
    position: relative;
  color: #fff;
 
  width: 50px;
 
  text-align: right;
 
 
}
 
}
.radicals td {
+
.externalimage-holder img {
  margin: 0;
+
    width: 100%;
  padding: 0;
+
    height: auto;
 
}
 
}
.radicals ul {
+
body { font-family: "Nanum Gothic Coding", sans-serif;}
  list-style-type: none;
+
div # content h1, div # content h2 {font-family : "Nanum Gothic Coding", serif}
  margin: 0;
+
div.mw-geshi div,
  padding: 0;
+
div.mw-geshi div pre,
}
+
div.mw-geshi div span,
.radicals li {
+
span.mw-geshi,
  float: left;
+
pre.source-css,
}
+
pre.source-javascript {
.radicals li>a {
+
    font-family: "Nanum Gothic Coding","나눔고딕코딩", serif, "Courier New" !important;
  float: left;
 
  font-size: 28px;
 
  width: 40px;
 
  height: 40px;
 
  text-align: center;
 
  text-decoration: none;
 
  padding-top: 4px;
 
  font-family: serif;
 
  border-left: 1px solid #ddd;
 
}
 
.radicals li>a:hover {
 
  text-decoration: none;
 
  background: #09d;
 
  border-color: #09d;
 
  color: #fff;
 
}
 
 
 
.t-radical {
 
  width: 100%;
 
}
 
.t-radical * {
 
  text-align: center;
 
  vertical-align: middle;
 
}
 
.t-radical1 {
 
  background: #999;
 
  color: #fff;
 
  width: 30px;
 
  vertical-align:top;
 
}
 
.t-radical2>p>* {
 
  box-sizing: border-box;
 
  width: 40px;
 
  height: 40px;
 
  float: left;
 
  font-size: 28px;
 
  border: 1px solid #888;
 
  padding-top:5px;
 
}
 
.t-radical2>p>a {
 
  text-decoration: none;
 
  border-color: #fff #888 #888 #fff;
 
  background: linear-gradient(#eee, #fff);
 
 
}
 
}
.t-radical2>p>a:hover {
+
body.page-대문 h1.firstHeading {display:none;}
  background: #09d;
+
ol {
  border-color: #09d;
+
margin-left: 2cm;
  color: #fff;
+
list-style-type: decimal;  
 
}
 
}
.t-radical2>p>a.new:hover {
+
ol li > ol {  
  background: #b00;
+
list-style-type: lower-alpha;  
 
}
 
}
.t-radical2>p>b {
+
ol li > ol li > ol {  
  background: #555;
+
list-style-type: lower-roman;  
  border-color: #555;
 
  color: #fff;
 
  font-size: 15px;
 
 
}
 
}

2024년 1월 9일 (화) 20:33 기준 최신판

@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding");

.borderd-content {
  border: 1px solid #0000ff;
  border-radius: 4px;
  height: 100px;
  margin-top: 20px;
  position: relative;
}

.borderd-content .title {
  margin: -20px 0 0 10px;
  background: #fff;
  padding: 3px;
  display: inline-block;
  font-weight: bold;
  position: absolute;
}

.borderd-content .content {
  padding: 10px;
}
.externalimage-holder {
    position: relative;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}
body { font-family: "Nanum Gothic Coding", sans-serif;}
div # content h1, div # content h2 {font-family : "Nanum Gothic Coding", serif}
div.mw-geshi div,
div.mw-geshi div pre,
div.mw-geshi div span,
span.mw-geshi,
pre.source-css,
pre.source-javascript {
    font-family: "Nanum Gothic Coding","나눔고딕코딩", serif, "Courier New" !important;
}
body.page-대문 h1.firstHeading {display:none;}
ol { 
	margin-left: 2cm;
list-style-type: decimal; 
}
ol li > ol { 
	list-style-type: lower-alpha; 
}
ol li > ol li > ol { 
	list-style-type: lower-roman; 
}