diff --git a/common/css/mobile.css b/common/css/mobile.css index 64f739182..ba5342189 100644 --- a/common/css/mobile.css +++ b/common/css/mobile.css @@ -1,16 +1,18 @@ -@CHARSET "UTF-8"; +@charset "utf-8"; +/* Copyright (C) NAVER */ +/* NAVER (developers@xpressengine.com) */ /* Message */ .message { position: relative; - border: 1px solid #ddd; - background-color: #f8f8f8; margin: 1em 0; padding: 0 1em; + border: 1px solid #ddd; border-radius: 4px; line-height: 1.4; font-size: 13px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #f8f8f8; } body>.message { margin: 1em; @@ -20,16 +22,16 @@ body>.message { } .message.info { border-color: #BCE8F1; - background-color: #D9EDF7; color: #3A87AD; + background-color: #D9EDF7; } .message.error { border-color: #EED3D7; - background-color: #F2DEDE; color: #B94A48; + background-color: #F2DEDE; } .message.update { border-color: #D6E9C6; - background-color: #DFF0D8; color: #468847; + background-color: #DFF0D8; } diff --git a/common/css/xe.css b/common/css/xe.css index b485aac78..21f425b55 100644 --- a/common/css/xe.css +++ b/common/css/xe.css @@ -1,7 +1,7 @@ @charset "utf-8"; - -/* Copyright (C) NAVER */ +/* Copyright (C) NAVER */ /* NAVER (developers@xpressengine.com) */ + /* Element Reset */ body, table, @@ -9,7 +9,7 @@ input, textarea, select, button { - font-family: Tahoma,Geneva,sans-serif; + font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } article, @@ -41,25 +41,25 @@ a img { @media \0screen { img { max-width: none; - }; + } } /* Popup Menu Area */ #popup_menu_area { position: absolute; - background: #fff; - border: 1px solid #e9e9e9; - border-radius: 3px; margin: 10px 0; padding: 10px; + border: 1px solid #e9e9e9; + border-radius: 3px; font-size: 12px; box-shadow: 0 0 6px #666; filter: progid: DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5); + background: #fff; } #popup_menu_area ul { - list-style: none; margin: 0; padding: 0; + list-style: none; } #popup_menu_area li { margin: 0; @@ -68,29 +68,29 @@ a img { } #popup_menu_area a { display: block; + padding: 1px 3px; + border-radius: 2px; text-decoration: none; color: #333; - border-radius: 2px; - padding: 1px 3px; } #popup_menu_area a:hover, #popup_menu_area a:active, #popup_menu_area a:focus { - background: #666; color: #fff; + background: #666; } /* Message */ .message { position: relative; - border: 1px solid #ddd; - background-color: #f8f8f8; margin: 1em 0; padding: 0 1em; + border: 1px solid #ddd; border-radius: 4px; line-height: 1.4; font-size: 13px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #f8f8f8; } body>.message { margin: 1em; @@ -100,64 +100,63 @@ body>.message { } .message.info { border-color: #BCE8F1; - background-color: #D9EDF7; color: #3A87AD; + background-color: #D9EDF7; } .message.error { border-color: #EED3D7; - background-color: #F2DEDE; color: #B94A48; + background-color: #F2DEDE; } .message.update { border-color: #D6E9C6; - background-color: #DFF0D8; color: #468847; + background-color: #DFF0D8; } /* Waiting for server response */ .wfsr { + z-index: 100; display: none; - position: absolute; position: fixed; left: 0; top: 0; right: 0; - z-index: 100; - color: #fff; - background: #333 url("../../common/img/msg.loading.gif") no-repeat center 15px; - text-align: center; margin: 0; padding: 20px 0 0 0; + border-bottom: 1px solid #ccc; + text-align: center; + font: bold 16px/60px "Helvetica Neue", Helvetica, Arial, 돋움, Dotum, sans-serif; + color: #fff; opacity: .8; filter: alpha(opacity=80); - font: bold 16px/60px "Helvetica Neue", Helvetica, Arial, 돋움, Dotum, sans-serif; box-shadow: 0 0 5px #000; - border-bottom: 1px solid #ccc; + background: #333 url("../../common/img/msg.loading.gif") no-repeat center 15px; } /* Admin Bar */ #adminBar { + z-index: 9999; position: fixed; top: 0; left: 0; right: 0; - height: 28px; - background: #666; - width: 100%; - z-index: 9999; - color: #fff; - font: 12px/28px Arial,Helvetica,sans-serif; padding: 0; - overflow: hidden; + width: 100%; + height: 28px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; + font: 12px/28px Arial, Helvetica, sans-serif; + color: #fff; + overflow: hidden; box-shadow: 0 0 5px #333; + background: #666; } #adminBar>h1 { + float: left; margin: 0 10px 0 0; padding: 6px 0 0 10px; - float: left; - font-size: 12px; line-height: 1; + font-size: 12px; } #adminBar img { vertical-align: top; @@ -173,8 +172,8 @@ body>.message { padding: 0 10px 0 0; } #adminBar a { - color: #fff; text-decoration: none; + color: #fff; } #adminBar a:hover, #adminBar a:active, @@ -184,34 +183,40 @@ body>.message { /* Button */ .btnArea { - padding: 0; + clear: both; margin: 10px 0; + padding: 0; text-align: right; zoom: 1; - clear: both; } .btnArea:after { - content: ""; - display: block; clear: both; + display: block; + content: ""; } .btn { - text-decoration: none !important; display: inline-block; *display: inline; - *zoom: 1; - padding: 0 12px !important; margin: 0; - line-height: 24px !important; + padding: 0 12px !important; height: 24px !important; - font-family: inherit; - font-size: 12px; - color: #333333; + overflow: visible; + border: 1px solid #bbbbbb; + 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-bottom-color: #a2a2a2; + border-radius: 2px; + text-decoration: none !important; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: top; + line-height: 24px !important; + font-family: inherit; + font-size: 12px; + color: #333333; + *zoom: 1; cursor: pointer; - overflow: visible; + 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: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); @@ -221,12 +226,6 @@ body>.message { 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 #bbbbbb; - 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-bottom-color: #a2a2a2; - border-radius: 2px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } input.btn, button.btn { @@ -235,7 +234,7 @@ button.btn { .btn:hover, .btn:active, .btn[disabled] { - color: #333333; + color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } @@ -247,27 +246,27 @@ button.btn { *zoom: 1; margin: 0 -12px !important; padding: 0 12px !important; - text-decoration: none !important; + overflow: visible; width: auto; - font-family: inherit; - line-height: 24px; height: 24px; border: 0; - background: none; - color: #333; - font-size: 12px; vertical-align: top; - overflow: visible; + text-decoration: none !important; + line-height: 24px; + font-family: inherit; + font-size: 12px; + color: #333; cursor: pointer; + background: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; - font-size: 0; white-space: nowrap; vertical-align: middle; + font-size: 0; *zoom: 1; } .btn-group:first-child {