Skip to content

Commit

Permalink
refs #1725 : added - mobile popup CSS / images.
Browse files Browse the repository at this point in the history 
 -
  • Loading branch information
@inureyes
inureyes committed Dec 30, 2014
1 parent 174fed6 commit 9b0a2d8
Show file tree
Hide file tree
Showing 6 changed files with 321 additions and 0 deletions.
Binary file added skin/admin/mobile/image/bg_plugin_setting_body.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added skin/admin/mobile/image/bg_plugin_setting_header.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added skin/admin/mobile/image/icon_popupbullet.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added skin/admin/mobile/image/icon_reply.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added skin/admin/mobile/image/img_comment_popup_logo.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
321 changes: 321 additions & 0 deletions skin/admin/mobile/popup-comment.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,321 @@
@charset "utf-8";

/* Common ****************************************************************************************/

*
{
margin : 0;
padding : 0;
}

body
{
background-color : #FFFFFF;
background-image : url('./image/bg_plugin_setting_header.png');
background-position : top left;
background-repeat : repeat-x;
font-size : small;
font-family : 'Lucida Grande', 'Helvetica Neue', "Apple SD Gothic Neo", '나눔고딕', 'NanumGothic', 'NanumGothicOTF', 'Malgun Gothic', '맑은 고딕', '굴림', Gulim, Arial, Tahoma, Verdana, sans-serif;
}

.input-text, textarea {
border : 1px solid #ccc;
font-size : 1em;
padding: 2px 3px;
vertical-align : middle;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

/* Ask whether edit or delete ********************************************************************/

#comment-box
{
background-image : url("./image/bg_plugin_setting_body.png");
background-position : left top;
background-repeat : repeat-x;
font-family : 'Lucida Grande', 'Helvetica Neue', "Apple SD Gothic Neo", '나눔고딕', 'NanumGothic', 'NanumGothicOTF', 'Malgun Gothic', '맑은 고딕', '굴림', Gulim, Arial, Tahoma, Verdana, sans-serif;
font-size : 0.925em;
margin-top : 50px;
}

#comment-box img
{
position : absolute;
top : 10px;
left : 12px;
}

#original-reply-box
{
border : 1px solid #ccc;
padding : 10px;
height : 130px;
width : auto;
margin : 0 10px;
overflow-x : hidden;
overflow-y : scroll;
}

#original-reply-box ul
{
list-style : none;
}

#original-reply-box .name
{
font-weight : bold;
color : #333;
float : left;
}

#original-reply-box .date
{
border-left : 1px solid #ddd;
padding-left : 5px;
margin-left : 5px;
clear : left;
}

#original-reply-box ul li ul
{
background : url(image/icon_reply.gif) 20px 3px no-repeat;
padding-left : 50px;
margin-top : 10px;
}

#comment-box #command-box
{
padding : 60px 10px;
margin : 0 10px;
text-align : center;
}

#comment-box #command-box label
{
cursor : pointer;
}

#comment-box #command-box .edit-line,
#comment-box #command-box .delete-line
{
display : inline;
}

#comment-box #command-box .radio
{
vertical-align : middle;
}

#comment-box #command-box .delete-line .radio
{
margin : 0 0 0 10px;
}

#comment-box #command-box .password-line
{
margin-top : 30px;
}

#comment-box #command-box .input-text
{
vertical-align : middle;
}

#comment-box #command-box input#name
{
width:350px;
}


/* Edit ******************************************************************************************/

#comment-reply-box
{
background-image : url("./image/bg_plugin_setting_body.png");
background-position : left top;
background-repeat : repeat-x;
border : 1px solid #FFFFFF;
font-family : 'Lucida Grande', 'Helvetica Neue', "Apple SD Gothic Neo", '나눔고딕', 'NanumGothic', 'NanumGothicOTF', 'Malgun Gothic', '맑은 고딕', '굴림', Gulim, Arial, Tahoma, Verdana, sans-serif;
font-size : 0.925em;
margin-top : 49px;
}

#comment-reply-box img
{
position : absolute;
top : 10px;
left : 12px;
}

#comment-reply-box .title
{
background-image : url('./image/icon_popupbullet.jpg');
background-position : left top;
background-repeat : no-repeat;
font-weight : bold;
height : 20px;
margin : 14px 0 0 12px !important;
padding : 3px 0 0 18px;
}

#comment-reply-box #command-box
{
margin : 10px 10px;
}

#comment-reply-box #command-box dl
{
clear : both;
float : none;
height : 2em;
padding-bottom : 2px;
}

#comment-reply-box #command-box dl dt
{
float : left;
margin-right : 8px;
padding-top : 5px;
text-align : right;
width : 70px;
}

#comment-reply-box #command-box dl dd
{
float : left;
width : 350px !important;
}

#comment-reply-box #command-box dl dd :not(.checkbox)input
{
width:100% !important;
}

#comment-reply-box #command-box label
{
cursor : pointer;
}

#comment-reply-box #command-box .input-text
{
font-size : 1em;
}

#comment-reply-box #command-box .secret-line
{
height : 1.2em;
margin : 4px 0 0 80px;
}

#comment-reply-box #command-box .checkbox
{
vertical-align : middle;
display:inline;
}

#comment-reply-box #command-box .content-line
{
margin-top : 6px;
}

#comment-reply-box #command-box .content-line textarea
{
border : 1px solid #ccc;
font-size : 1em;
height : 120px !important;
overflow : auto;
width : 350px;
}

#comment-reply-box #command-box .content-line
{
height : 130px;
}

#comment-reply-box .button-box
{
clear : both;
padding : 5px 2px 0 0;
text-align : right;
}

.input-button
{
background-color : #fbfbfb;
width:100%;
background-position : left bottom;
background-repeat : repeat-x;
border : 1px solid #ccc;
cursor : pointer;
font-size : 1em;
height : 35px;
line-height : 1;
padding : 0px 5px 2px 5px !important;
vertical-align : bottom;
background-image : -moz-linear-gradient(top, #fff, #eee);
background-image : -webkit-linear-gradient(top, #fff, #eee);
background-image : linear-gradient(top, #fff, #eee);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #333;
text-shadow: 0 1px 0 #fff;
margin-top:10px;
margin-right: 2px;
}

.input-button:hover
{
background-color : #f2f2f2;
/* background-image : url("./image/bg_submenu_item_selected.gif");*/
border : 1px solid #bbb;

background-image : -moz-linear-gradient(top, #fbfbfb, #ddd);
background-image : -webkit-linear-gradient(top, #fbfbfb, #ddd);
background-image : linear-gradient(top, #fbfbfb, #ddd);
}

.input-button:active
{
background-color : #ddd;
background-image : -moz-linear-gradient(bottom, #eee, #ddd);
background-image : -webkit-linear-gradient(bottom, #eee, #ddd);
background-image : linear-gradient(bottom, #eee, #ddd);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
padding : 1px 5px 1px 5px !important;
}

.input-button:active
{
background-color : #ddd;
background-image: -webkit-gradient(linear, left 14, left bottom, to(#f8f8f8), from(#ddd));
}

#homepage
{
font-family : "Courier New", "Courier", monospace;
font-size : 1em;
}

/* 관리자 댓글인 경우 */
.admin-comment #comment-reply-box #command-box .content-line
{
height : 205px;
margin-top:10px;
}

.admin-comment #comment-reply-box #command-box .content-line dt
{
display : none;
}

.admin-comment #comment-reply-box #command-box .content-line textarea
{
border : 1px solid #ccc;
font-size : 1em;
height : 200px !important;
width: 430px !important;
overflow : auto;
}

0 comments on commit 9b0a2d8

Please sign in to comment.