워드프레스 이클립스 테마 style.css 수정 코드

/*   

Theme Name: Eclipse child

Theme URI: http://cyberchimps.com/eclipse

Description: Eclipse offers the same advanced functionality as CyberChimps' other WordPress Themes including a Responsive Design that responds automatically to mobile devices such as the iPhone, iPad, and Android. Eclipse also includes Drag and Drop Elements such as the Portfolio Element, Responsive Feature Slider, Post or Page Content, and Twitter bar. All of which can be used on a per-page basis using Drag and Drop Page Options that also include sidebar and layout options giving you the power to control the look and feel of every page of your website.

Author: CyberChimps WordPress Themes

Author URI: http://cyberchimps.com

Version: 1.0.31

Tags: white, light, dark, black, silver, two-columns, left-sidebar, right-sidebar, flexible-width, custom-header, custom-menu, custom-colors, featured-image-header, full-width-template, post-formats, threaded-comments, sticky-post, theme-options

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Template: eclipse

*/

@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);

body, .portfolio_title, .menu-item a {

    font-family: 'Jeju Gothic', sans-serif !important;

}    

#logo{

width: 300px;

}

.row .five {

width: 27%;

}

.row .seven {

    width: 68.6%;

}

#nav_menu > li {

    float: left;

    margin: 0 7px;

}

h2.posts_title {

    margin-bottom: 10px;

    font-family: 'Jeju Gothic', sans-serif !important;

}

.clear{

height:0;

}

.post_container {

    margin-bottom: 20px;

}

.wp-post-image{

border-radius: 20px;

border:3px solid darkgray;

}

.searchform { position:relative; }

/* 부모엘리먼트의 position을 relative로 설정하고, 자식엘리먼트의 position을 absolute로 

하면 부모엘리먼트의 위치를 기준으로 자식엘리먼트의 위치가 정해진다.

*/

.searchform .searchsubmit {

display:block;

position: absolute;

right: 0px;

top: -10px;

background: transparent;

border: none;

}

/* 404에러 줄간격 크게 */

.error { line-height:1.5; }

#search_404{

width:200px;

margin: 10px auto;

}

.post_container {

overflow:hidden;

}