Remove unnecessary CSS for old browsers and IE

This commit is contained in:
Kijin Sung 2023-08-31 00:35:11 +09:00
parent 6e38b440ea
commit 3e38515c23
6 changed files with 15 additions and 85 deletions

View file

@ -98,7 +98,6 @@ a img {
&:after { &:after {
clear: both; clear: both;
} }
zoom: 1;
} }
.xe-widget-wrapper { .xe-widget-wrapper {
overflow: hidden; overflow: hidden;
@ -375,7 +374,6 @@ a img {
margin: 10px 0; margin: 10px 0;
padding: 0; padding: 0;
text-align: right; text-align: right;
zoom: 1;
&:after { &:after {
clear: both; clear: both;
display: block; display: block;
@ -384,7 +382,6 @@ a img {
} }
@mixin btn { @mixin btn {
display: inline-block; display: inline-block;
*display: inline;
margin: 0; margin: 0;
padding: 0 12px !important; padding: 0 12px !important;
height: 24px !important; height: 24px !important;
@ -402,11 +399,9 @@ a img {
font-family: inherit; font-family: inherit;
font-size: 12px; font-size: 12px;
color: #333333; color: #333333;
*zoom: 1;
cursor: pointer; cursor: pointer;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #f5f5f5; background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(top, #ffffff, #e6e6e6);
@ -418,11 +413,9 @@ a img {
&:hover, &:active, &[disabled] { &:hover, &:active, &[disabled] {
color: #333; color: #333;
background-color: #e6e6e6; background-color: #e6e6e6;
*background-color: #d9d9d9;
} }
>a, >button, >input, >span { >a, >button, >input, >span {
display: inline-block; display: inline-block;
*zoom: 1;
margin: 0 -12px !important; margin: 0 -12px !important;
padding: 0 12px !important; padding: 0 12px !important;
overflow: visible; overflow: visible;
@ -445,15 +438,9 @@ a img {
@mixin btnGroup { @mixin btnGroup {
position: relative; position: relative;
display: inline-block; display: inline-block;
*display: inline;
*margin-left: .3em;
white-space: nowrap; white-space: nowrap;
vertical-align: middle; vertical-align: middle;
font-size: 0; font-size: 0;
*zoom: 1;
&:first-child {
*margin-left: 0;
}
&+.btn-group { &+.btn-group {
margin-left: 5px; margin-left: 5px;
} }

View file

@ -79,7 +79,6 @@ a:hover, a:active, a:focus {
width: 1200px; width: 1200px;
height: 100%; height: 100%;
margin: 0 auto; margin: 0 auto;
zoom: 1
} }
.header > .side { .header > .side {
float: right; float: right;
@ -109,7 +108,6 @@ a:hover, a:active, a:focus {
content: '' content: ''
} }
.content { .content {
zoom: 1
} }
.content:after { .content:after {
display: block; display: block;
@ -957,7 +955,6 @@ a:hover, a:active, a:focus {
width: 100%; width: 100%;
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
zoom: 1
} }
.magazine .header { .magazine .header {
text-align:left; text-align:left;
@ -982,7 +979,6 @@ a:hover, a:active, a:focus {
padding: 0; padding: 0;
} }
.content { .content {
zoom: 1;
} }
.content:after { .content:after {
clear: both; clear: both;
@ -1045,8 +1041,7 @@ a:hover, a:active, a:focus {
z-index: 1000; z-index: 1000;
border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;
background-color: #fff; background-color: #fff;
-webkit-animation: ani-header 0.5s forwards; animation: ani-header 0.5s forwards;
animation: ani-header 0.5s forwards
} }
.fixed_header .header_wrap.shrink .header > h1 { .fixed_header .header_wrap.shrink .header > h1 {
padding: 0 padding: 0
@ -1176,11 +1171,7 @@ a:hover, a:active, a:focus {
line-height: 50px; line-height: 50px;
letter-spacing: 1px; letter-spacing: 1px;
color: #FFF; color: #FFF;
-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
} }
.btn_item:hover, .btn_item:hover,
.btn_item:active .btn_item:active
@ -1352,8 +1343,6 @@ a:hover, a:active, a:focus {
.gnb .menu_btn.opened .menu_bar div.btn1 { .gnb .menu_btn.opened .menu_bar div.btn1 {
top: 6px; top: 6px;
width: 20px; width: 20px;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
} }
.gnb .menu_btn.opened .menu_bar div.btn2 { .gnb .menu_btn.opened .menu_bar div.btn2 {
@ -1363,12 +1352,8 @@ a:hover, a:active, a:focus {
.gnb .menu_btn.opened .menu_bar div.btn3 { .gnb .menu_btn.opened .menu_bar div.btn3 {
top: 6px; top: 6px;
width: 20px; width: 20px;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); transform: rotate(-45deg);
} }
.body {
}
.body .lnb { .body .lnb {
display: none; display: none;
} }
@ -1485,14 +1470,6 @@ a:hover, a:active, a:focus {
} }
/* header animation */ /* header animation */
@-webkit-keyframes ani-header {
0% {
top: -60px
}
100% {
top: 0px
}
}
@keyframes ani-header { @keyframes ani-header {
0% { 0% {
top: -60px top: -60px

View file

@ -71,7 +71,6 @@ input[type=radio] {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
zoom: 1;
} }
/* Hx */ /* Hx */
.hx { .hx {
@ -451,7 +450,6 @@ input[type=radio] {
text-align: center; text-align: center;
padding: 0 10px; padding: 0 10px;
margin: 10px 0; margin: 10px 0;
zoom: 1;
} }
.bna:after { .bna:after {
content: ""; content: "";

View file

@ -51,7 +51,6 @@
/* Board Header */ /* Board Header */
.board_header { .board_header {
position: relative; position: relative;
zoom: 1;
margin: 0 0 22px 0; margin: 0 0 22px 0;
} }
.board_header:after { .board_header:after {
@ -77,7 +76,6 @@
margin: 0 0 35px 0; margin: 0 0 35px 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
zoom: 1;
border-bottom: 1px solid #999; border-bottom: 1px solid #999;
} }
.cTab:after { .cTab:after {
@ -242,7 +240,6 @@
.list_footer { .list_footer {
position: relative; position: relative;
margin: 15px 0; margin: 15px 0;
zoom: 1;
} }
.list_footer:after { .list_footer:after {
content: ""; content: "";
@ -466,7 +463,6 @@
/* _read.html */ /* _read.html */
.board_read { .board_read {
background: #fff url(bgHeader.gif) no-repeat 0 -50px; background: #fff url(bgHeader.gif) no-repeat 0 -50px;
zoom: 1;
} }
.read_header { .read_header {
position: relative; position: relative;
@ -505,7 +501,6 @@
padding: 8px 12px 8px 15px; padding: 8px 12px 8px 15px;
background: #f6f6f6; background: #f6f6f6;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
zoom: 1;
white-space: nowrap; white-space: nowrap;
} }
.read_header .meta:after { .read_header .meta:after {
@ -654,7 +649,6 @@
margin: 0 0 -1px 0; margin: 0 0 -1px 0;
padding: 10px 15px; padding: 10px 15px;
overflow: hidden; overflow: hidden;
zoom: 1;
} }
.read_footer .sign .pf { .read_footer .sign .pf {
float: left; float: left;
@ -742,7 +736,6 @@
padding: 18px 0 16px 0; padding: 18px 0 16px 0;
border-bottom: 1px dashed #e6e6e6; border-bottom: 1px dashed #e6e6e6;
margin: 0 0 -1px 0; margin: 0 0 -1px 0;
zoom: 1;
list-style: none; list-style: none;
} }
.feedback .fbItem:after { .feedback .fbItem:after {
@ -998,7 +991,6 @@
border-bottom: solid #fff; border-bottom: solid #fff;
border-left: 0; border-left: 0;
margin-right: 1px; margin-right: 1px;
*left: -4px;
} }
.pagination .next span { .pagination .next span {
border: 3px solid; border: 3px solid;
@ -1016,7 +1008,6 @@
.write_author .item { .write_author .item {
position: relative; position: relative;
display: inline-block; display: inline-block;
zoom: 1;
} }
.write_author .iLabel { .write_author .iLabel {
top: 4px; top: 4px;
@ -1031,7 +1022,6 @@
.write_comment { .write_comment {
position: relative; position: relative;
margin: 10px 12px; margin: 10px 12px;
zoom: 1;
} }
.write_comment:after { .write_comment:after {
content: ""; content: "";
@ -1125,8 +1115,6 @@
.board .btn { .board .btn {
text-decoration: none !important; text-decoration: none !important;
display: inline-block; display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 12px; padding: 0 12px;
margin: 0; margin: 0;
font-family: inherit; font-family: inherit;
@ -1140,15 +1128,8 @@
cursor: pointer; cursor: pointer;
overflow: visible; overflow: visible;
background-color: #f5f5f5; background-color: #f5f5f5;
*background-color: #e6e6e6; background: linear-gradient(top, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
border: 1px solid #bbb; border: 1px solid #bbb;
border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
@ -1161,5 +1142,4 @@
.board .btn[disabled] { .board .btn[disabled] {
color: #333; color: #333;
background-color: #e6e6e6; background-color: #e6e6e6;
*background-color: #d9d9d9; }
}

View file

@ -51,7 +51,6 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
zoom: 1;
border: 0; border: 0;
} }
.cTab:after { .cTab:after {
@ -78,7 +77,7 @@
text-decoration: none; text-decoration: none;
color: #666; color: #666;
box-sizing:border-box; box-sizing:border-box;
-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out transition: all .1s ease-in-out;
} }
.cTab li em { .cTab li em {
font: 11px Tahoma, Geneva, sans-serif; font: 11px Tahoma, Geneva, sans-serif;
@ -215,7 +214,6 @@
.list_footer { .list_footer {
position: relative; position: relative;
margin: 15px 0; margin: 15px 0;
zoom: 1;
} }
.list_footer:after { .list_footer:after {
content: ""; content: "";
@ -244,7 +242,7 @@
border: 1px solid #DBDBDB; border: 1px solid #DBDBDB;
border-radius: 4px; border-radius: 4px;
box-sizing:border-box; box-sizing:border-box;
-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out transition: all .2s ease-in-out;
} }
.list_footer .board_search .iText.active, .list_footer .board_search .iText.active,
.list_footer .board_search .iText:active, .list_footer .board_search .iText:active,
@ -447,7 +445,7 @@
/* _read.html */ /* _read.html */
.board_read { .board_read {
zoom: 1; display: block;
} }
.read_header { .read_header {
position: relative; position: relative;
@ -485,7 +483,6 @@
margin: 0; margin: 0;
padding: 8px 0 13px; padding: 8px 0 13px;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
zoom: 1;
white-space: nowrap; white-space: nowrap;
color : #666; color : #666;
} }
@ -599,15 +596,15 @@
.read_footer .sns li{display:inline;vertical-align:top} .read_footer .sns li{display:inline;vertical-align:top}
.read_footer .sns a{display:inline-block;width:32px;height:32px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px;} .read_footer .sns a{display:inline-block;width:32px;height:32px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px;}
.read_footer .sns i{font-size:22px;line-height:32px;color:#bcbcbc} .read_footer .sns i{font-size:22px;line-height:32px;color:#bcbcbc}
.read_footer .sns a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out} .read_footer .sns a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;}
.read_footer .sns a:hover {color:#747474;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out} .read_footer .sns a:hover {color:#747474;transition: all 0.2s ease-in-out;}
.read_footer .vote{ margin-top:51px;text-align:center; } .read_footer .vote{ margin-top:51px;text-align:center; }
.read_footer .vote li{display:inline;vertical-align:top} .read_footer .vote li{display:inline;vertical-align:top}
.read_footer .vote a{display:inline-block;width:70px;height:70px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px;} .read_footer .vote a{display:inline-block;width:70px;height:70px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px;}
.read_footer .vote i{font-size:22px;line-height:45px;color:#bcbcbc} .read_footer .vote i{font-size:22px;line-height:45px;color:#bcbcbc}
.read_footer .vote a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out} .read_footer .vote a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;}
.read_footer .vote a:hover {color:#747474;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out} .read_footer .vote a:hover {color:#747474;transition: all 0.2s ease-in-out;}
.read_footer .sign { .read_footer .sign {
clear: both; clear: both;
@ -615,7 +612,6 @@
margin: 0 0 -1px 0; margin: 0 0 -1px 0;
padding: 10px 15px; padding: 10px 15px;
overflow: hidden; overflow: hidden;
zoom: 1;
} }
.read_footer .sign .pf { .read_footer .sign .pf {
float: left; float: left;
@ -692,7 +688,6 @@
padding: 20px 0 19px 0; padding: 20px 0 19px 0;
border-bottom: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9;
margin: 0 0 -1px 0; margin: 0 0 -1px 0;
zoom: 1;
list-style: none; list-style: none;
} }
.feedback .fbItem:last-child { .feedback .fbItem:last-child {
@ -949,7 +944,6 @@
border-bottom: solid #fff; border-bottom: solid #fff;
border-left: 0; border-left: 0;
margin-right: 1px; margin-right: 1px;
*left: -4px;
} }
.pagination .next span { .pagination .next span {
border: 3px solid; border: 3px solid;
@ -967,7 +961,6 @@
.write_author .item { .write_author .item {
position: relative; position: relative;
display: inline-block; display: inline-block;
zoom: 1;
} }
.write_author .iLabel { .write_author .iLabel {
top: 6px; top: 6px;
@ -982,7 +975,6 @@
.write_comment { .write_comment {
position: relative; position: relative;
margin: 10px 0 75px; margin: 10px 0 75px;
zoom: 1;
} }
.write_comment:after { .write_comment:after {
content: ""; content: "";
@ -1079,8 +1071,6 @@
.board .btn { .board .btn {
text-decoration: none !important; text-decoration: none !important;
display: inline-block; display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 12px !important; padding: 0 12px !important;
margin: 0; margin: 0;
font-family: inherit; font-family: inherit;
@ -1099,14 +1089,13 @@
text-shadow:none; text-shadow:none;
color:#000; color:#000;
box-shadow:none; box-shadow:none;
-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out transition: all .2s ease-in-out;
} }
.board .btn:hover, .board .btn:hover,
.board .btn:active, .board .btn:active,
.board .btn[disabled] { .board .btn[disabled] {
color: #fff; color: #fff;
background-color: #CDA25A; background-color: #CDA25A;
*background-color: #CDA25A;
} }
.board .btn i { .board .btn i {
width: 24px; width: 24px;
@ -1127,9 +1116,9 @@
width:130px; width:130px;
height:38px; height:38px;
border-radius:2px; border-radius:2px;
color:#fff; color:#fff;
background:#CDA25A; background:#CDA25A;
-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out transition: all .2s ease-in-out;
} }
.board .btn_insert:hover { .board .btn_insert:hover {
background:#555; background:#555;
@ -1149,7 +1138,6 @@
font-size: 15px; font-size: 15px;
font-family: "Open Sans","나눔바른고딕",NanumBarunGothic,"맑은 고딕","Malgun Gothic","돋움",Dotum,"애플 SD 산돌고딕 Neo","Apple SD Gothic Neo",AppleGothic,Helvetica,sans-serif; font-family: "Open Sans","나눔바른고딕",NanumBarunGothic,"맑은 고딕","Malgun Gothic","돋움",Dotum,"애플 SD 산돌고딕 Neo","Apple SD Gothic Neo",AppleGothic,Helvetica,sans-serif;
line-height: 1.6; line-height: 1.6;
-webkit-font-smoothing: antialiased;
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
} }

View file

@ -540,7 +540,7 @@ class widgetController extends widget
// If the General wijetil // If the General wijetil
default : default :
$widget_content_header = sprintf('<div class="xe-widget-wrapper ' . ($args->css_class ?? '') . '" %sstyle="%s">', $args->id ?? '', $style); $widget_content_header = sprintf('<div class="xe-widget-wrapper ' . ($args->css_class ?? '') . '" %sstyle="%s">', $args->id ?? '', $style);
$widget_content_body = sprintf('<div style="*zoom:1;%s">%s</div>', $inner_style,$widget_content); $widget_content_body = sprintf('<div style="%s">%s</div>', $inner_style,$widget_content);
$widget_content_footer = '</div>'; $widget_content_footer = '</div>';
break; break;
} }