사용자:Theoteryi/metabox.css

/* 메타박스 (탭 지원 기능) */
/* 메타박스 모양 설정 시작 */
 
/* 보라 (기본값) 1;#7050a0 2;#9070c0 3;#b090e0 4;#d0b0ff 5;#f0d0ff */
 
.mbButton {
background-color: #d0b0ff; /* 4 */
border: 0.15em solid #000000;
border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 3 5 */
border-radius-topleft: .5em;
border-radius-topright: .5em;
-moz-border-radius: .5em .5em 0em 0em;
cursor:pointer;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;}
 
.mbButton a,
.mbButton strong {
background: none !important;
color:#7050a0 !important;  /* 1 */
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;}
 
.mbButton a:hover,
.mbButton strong:hover {
color: black !important;
text-decoration: underline !important;}
 
.mbButtonSel {
background-color: #9070c0; /* 2 */
border: 0.15em solid #000000;
border-color: #b090e0 #7050a0 #9070c0 #b090e0;  /* 3 1 2 3 */
border-radius-topleft: .5em;
border-radius-topright: .5em;
-moz-border-radius: .5em .5em 0em 0em;
cursor: default;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;
color:white;}
 
.mbButtonSel a {
background: none !important;
color:white !important;
cursor: default;
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;}
 
.mbContent {
background-color: #f8f8ff;
border: 0.2em solid #9070c0; /* 2 */
border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */
-moz-border-radius: 0em .5em .5em 0em;
border-radius-topright: .5em;
border-radius-bottomright: .5em;
padding: 1em;
position: static;  /* Si hi posem relative falla amb MSIE */}
 
.mbTab {
background-color: #f8f8ff;
border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */  width: 100%;
}
 
/* 녹색 1;#60b030 2;#75c045 3;#90d060 4;#a5e085 5;#c0f090 */
 
.mbGreen .mbButton {
background-color: #a5e085; /* 4 */
border-color: #c0f090 #90d060 #75c045 #c0f090;  /* 5 3 2 5 */}
 
.mbGreen .mbButton a,
.mbGreen .mbButton strong {
color:#60b030 !important;  /* 1 */
font-size:90%}
 
.mbGreen .mbButton a:hover,
.mbGreen .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbGreen .mbButtonSel {
background-color: #75c045; /* 2 */
border-color: #90d060 #60b030 #75c045 #90d060;  /* 3 1 2 3 */}
 
.mbGreen .mbContent {
background-color: #f5fffa;
border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
 
.mbGreen .mbTab {
background-color: #f5fffa;
border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
 
/* 빨강 1;#f32011 2;#f84d40 3;#f87d74 4;#f89d97 5;#f8beba */
 
.mbRed .mbButton {
background-color: #f89d97; /* 4 */
border-color: #f8beba #f87d74 #f84d40 #f8beba;  /* 5 3 2 5 */}
 
.mbRed .mbButton a,
.mbRed .mbButton strong {
color:#f32011 !important;  /* 1 */
font-size:90%}
 
.mbRed .mbButton a:hover 
.mbRed .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbRed .mbButtonSel {
background-color: #f84d40; /* 2 */
border-color: #f87d74 #f32011 #f84d40 #f87d74;  /* 3 1 2 3 */}
 
.mbRed .mbContent {
background-color: #fffafa;
border-color: #f84d40 #f32011 #f32011 #f84d40; /* 2 1 1 2 */}
 
.mbRed .mbTab {
background-color: #fffafa;
border-color: #f32011 #f87d74 #f87d74 #f32011; /* 1 3 3 1 */}
 
/* 파랑 1;#3379de 2;#5b8dd6 3;#88abde 4;#a7c1e6 5;#c8d6e9 */
 
.mbBlue .mbButton {
background-color: #a7c1e6; /* 4 */
border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;  /* 5 3 2 5 */}
 
.mbBlue .mbButton a,
.mbBlue .mbButton strong {
color:#3379de !important;  /* 1 */
font-size:90%}
 
.mbBlue .mbButton a:hover 
.mbBlue .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbBlue .mbButtonSel {
background-color: #5b8dd6; /* 2 */
border-color: #88abde #3379de #5b8dd6 #88abde;  /* 3 1 2 3 */}
 
.mbBlue .mbContent {
background-color: #f0f8ff;
border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
 
.mbBlue .mbTab {
background-color: #f0f8ff;
border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
 
 
/* 노랑 1;#ffcb13 2;#ffd847 3;#ffe278 4;#ffeca3 5;#fff2bd */
 
.mbYellow .mbButton {
background-color: #ffeca3; /* 4 */
border-color: #fff2bd #ffe278 #ffd847 #fff2bd;  /* 5 3 2 5 */}
 
.mbYellow .mbButton a,
.mbYellow .mbButton strong {
color:#ffcb13 !important;  /* 1 */
font-size:90%}
 
.mbYellow .mbButton a:hover 
.mbYellow .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbYellow .mbButtonSel {
background-color: #ffd847; /* 2 */
border-color: #ffe278 #ffcb13 #ffd847 #ffe278;  /* 3 1 2 3 */}
 
.mbYellow .mbContent {
background-color: #fffce8;
border-color: #ffd847 #ffcb13 #ffcb13 #ffd847; /* 2 1 1 2 */}
 
.mbYellow .mbTab {
background-color: #fffce8;
border-color: #ffcb13 #ffe278 #ffe278 #ffcb13; /* 1 3 3 1 */}
 
/* 주황 1;#ff820e 2;#ff9d42 3;#ffac5d 4;#ffbd7f 5;#ffd0a4 6;#ffeedd */
 
.mbOrange .mbButton {
background-color: #ffbd7f; /* 4 */
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;  /* 5 3 2 5 */}
 
.mbOrange .mbButton a,
.mbOrange .mbButton strong {
color:#ff820e !important;  /* 1 */
font-size:90%}
 
.mbOrange .mbButton a:hover 
.mbOrange .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbOrange .mbButtonSel {
background-color: #ff9d42; /* 2 */
border-color: #ffac5d #ff820e #ff9d42 #ffac5d;  /* 3 1 2 3 */}
 
.mbOrange .mbContent {
background-color: #ffeedd; /* 6 */
border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
 
.mbOrange .mbTab {
background-color: #ffeedd; /* 6 */
border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
 
/* 회색 1;#666666 2;#868686 3;#9f9f9f 4;#b9b9b9 5;#cfcfcf 6;#efefef */
 
.mbGray .mbButton {
background-color: #b9b9b9; /* 4 */
border-color: #cfcfcf #9f9f9f #868686 #cfcfcf;  /* 5 3 2 5 */}
 
.mbGray .mbButton a,
.mbGray .mbButton strong {
color:#666666 !important;  /* 1 */
font-size:90%}
 
.mbGray .mbButton a:hover 
.mbGray .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbGray .mbButtonSel {
background-color: #868686; /* 2 */
border-color: #9f9f9f #666666 #868686 #9f9f9f;  /* 3 1 2 3 */}
 
.mbGray .mbContent {
background-color: #efefef; /* 6 */
border-color: #868686 #666666 #666666 #868686; /* 2 1 1 2 */}
 
.mbGray .mbTab {
background-color: #efefef; /* 6 */
border-color: #666666 #9f9f9f #9f9f9f #666666; /* 1 3 3 1 */}
 
/* 청록 1;#19c9d9 2;#4fd7e3 3;#6ae0eb 4;#96e4eb 5;#b0e6eb 6;#e8fdff */
 
.mbAqua .mbButton {
background-color: #96e4eb; /* 4 */
border-color: #b0e6eb #6ae0eb #4fd7e3 #b0e6eb;  /* 5 3 2 5 */}
 
.mbAqua .mbButton a,
.mbAqua .mbButton strong {
color:#19c9d9 !important;  /* 1 */
font-size:90%}
 
.mbAqua .mbButton a:hover 
.mbAqua .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbAqua .mbButtonSel {
background-color: #4fd7e3; /* 2 */
border-color: #6ae0eb #19c9d9 #4fd7e3 #6ae0eb;  /* 3 1 2 3 */}
 
.mbAqua .mbContent {
background-color: #e8fdff; /* 6 */
border-color: #4fd7e3 #19c9d9 #19c9d9 #4fd7e3; /* 2 1 1 2 */}
 
.mbAqua .mbTab {
background-color: #e8fdff; /* 6 */
border-color: #19c9d9 #6ae0eb #6ae0eb #19c9d9; /* 1 3 3 1 */}
 
/* 갈색 1;#ba7422 2;#c48b49 3;#d5a976 4;#e2bf96 5;#f0d9bf 6;#f6f0e8 */
 
.mbBrown .mbButton {
background-color: #e2bf96; /* 4 */
border-color: #f0d9bf #d5a976 #c48b49 #f0d9bf;  /* 5 3 2 5 */}
 
.mbBrown .mbButton a,
.mbBrown .mbButton strong {
color:#ba7422 !important;  /* 1 */
font-size:90%}
 
.mbBrown .mbButton a:hover 
.mbBrown .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbBrown .mbButtonSel {
background-color: #c48b49; /* 2 */
border-color: #d5a976 #ba7422 #c48b49 #d5a976;  /* 3 1 2 3 */}
 
.mbBrown .mbContent {
background-color: #f6f0e8; /* 6 */
border-color: #c48b49 #ba7422 #ba7422 #c48b49; /* 2 1 1 2 */}
 
.mbBrown .mbTab {
background-color: #f6f0e8; /* 6 */
border-color: #ba7422 #d5a976 #d5a976 #ba7422; /* 1 3 3 1 */}
 
/* 자주 1;#dc55d1 2;#ef75e5 3;#ff93f6 4;#ffb0f9 5;#ffccfb 6;#fff3fe */
 
.mbFuchshia .mbButton {
background-color: #ffb0f9; /* 4 */
border-color: #ffccfb #ff93f6 #ef75e5 #ffccfb;  /* 5 3 2 5 */}
 
.mbFuchshia .mbButton a,
.mbFuchshia .mbButton strong {
color:#dc55d1 !important;  /* 1 */
font-size:90%}
 
.mbFuchshia .mbButton a:hover 
.mbFuchshia .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbFuchshia .mbButtonSel {
background-color: #ef75e5; /* 2 */
border-color: #ff93f6 #dc55d1 #ef75e5 #ff93f6;  /* 3 1 2 3 */}
 
.mbFuchshia .mbContent {
background-color: #fff3fe; /* 6 */
border-color: #ef75e5 #dc55d1 #dc55d1 #ef75e5; /* 2 1 1 2 */}
 
.mbFuchshia .mbTab {
background-color: #fff3fe; /* 6 */
border-color: #dc55d1 #ff93f6 #ff93f6 #dc55d1; /* 1 3 3 1 */}
 
/* 군청 1;#444572 2;#62649b 3;#9899c6 4;#c0c1e0 5;#dddeef */
 
.mbNavy .mbButton {
background-color: #c0c1e0; /* 4 */
border-color: #dddeef #9899c6 #62649b #dddeef;  /* 5 3 2 5 */}
 
.mbNavy .mbButton a,
.mbNavy .mbButton strong {
color:#444572 !important;  /* 1 */
font-size:90%}
 
.mbNavy .mbButton a:hover 
.mbNavy .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbNavy .mbButtonSel {
background-color: #62649b; /* 2 */
border-color: #9899c6 #444572 #62649b #9899c6;  /* 3 1 2 3 */}
 
.mbNavy .mbContent {
background-color: #f5f5ff; /* 6 */
border-color: #62649b #444572 #444572 #62649b; /* 2 1 1 2 */}
 
.mbNavy .mbTab {
background-color: #f5f5ff; /* 6 */
border-color: #444572 #9899c6 #9899c6 #444572; /* 1 3 3 1 */}
 
/* TEST 1;#ff0000 2;#00ff00 3;#0000ff 4;#ffff00 5;#ff00ff */
 
.mbTestColor .mbButton {
background-color: #ffff00; /* 4 */
border-color: #ff00ff #0000ff #00ff00 #ff00ff;  /* 5 3 2 5 */}
 
.mbTestColor .mbButton a,
.mbTestColor .mbButton strong {
color:#ff0000 !important;  /* 1 */
font-size:90%}
 
.mbTestColor .mbButton a:hover 
.mbTestColor .mbButton strong:hover {
color: black !important;
text-decoration: underline;}
 
.mbTestColor .mbButtonSel {
background-color: #00ff00; /* 2 */
border-color: #0000ff #ff0000 #00ff00 #0000ff;  /* 3 1 2 3 */}
 
.mbTestColor .mbContent {
background-color: #ffffff; /* 6 */
border-color: #00ff00 #ff0000 #ff0000 #00ff00; /* 2 1 1 2 */}
 
.mbTestColor .mbTab {
background-color: #ffffff; /* 6 */
border-color: #ff0000 #0000ff #0000ff #ff0000; /* 1 3 3 1 */}
 
/* 메타박스 모양 설정 끝 */