2015-01-08 3 views
0

blockquote의 텍스트가 이미지를 감싸고 있지 않으며 CSS에서 무엇을 조정해야할지 모르겠습니다. , 인용구의 CSS에서 자동차,하지만 그 인용구가 텍스트에 정렬한다 : 나는 오버 플로우를 퍼팅 시도 Blockquote 텍스트가 이미지 주위를 감싸지 않음

this 것 같습니다 - 나는이 image

처럼하지만 지금은 한 레이아웃에서보고 싶습니다 그래서 그것은 더 이상 이미지 뒤에 있지 않습니다. 난 정말이 어떤 도움을 주셔서 감사합니다

<![CDATA[/* 
 
----------------------------------------------- 
 
Template Name : Lovebirds 
 
Author   : NewBloggerThemes.com 
 
Author URL  : http://newbloggerthemes.com/ 
 
Theme URL  : http://newbloggerthemes.com/lovebirds-blogger-template/ 
 
Created Date : Saturday, October 26, 2013 
 
License  : This template is free for both personal and commercial use, But to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors.For more information about this license, please use this link :http://creativecommons.org/licenses/by/3.0/ 
 
----------------------------------------------- */ 
 
body#layout ul{list-style-type:none;list-style:none} 
 
body#layout ul li{list-style-type:none;list-style:none} 
 
body#layout #secondary {padding:1%;} 
 
/* Variable definitions 
 
==================== 
 
*/ 
 
/* Use this with templates/template-twocol.html */ 
 
.section, .widget { 
 
margin:0; 
 
padding:0; 
 
} 
 
/* =Reset 
 
-------------------------------------------------------------- */.hentry 
 
html, body, div, span, applet, object, iframe, 
 
h1, h2, h3, h4, h5, h6, p, pre, 
 
a, abbr, acronym, address, big, cite, code, 
 
del, dfn, em, font, ins, kbd, q, s, samp, 
 
small, strike, strong, sub, sup, tt, var, 
 
dl, dt, dd, ol, ul, li, 
 
fieldset, form, label, legend, 
 
table, caption, tbody, tfoot, thead, tr, th, td { 
 
border: 0; 
 
font-family: inherit; 
 
font-size: 100%; 
 
font-style: inherit; 
 
font-weight: inherit; 
 
margin: 0; 
 
outline: 0; 
 
padding: 0; 
 
vertical-align: baseline; 
 
} 
 
html { 
 
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 
 
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ 
 
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 
 
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 
 
} 
 
body, .body-fauxcolumn-outer { 
 
background: #ffffff; 
 
} 
 
article, 
 
details, 
 
figcaption, 
 
figure, 
 
footer, 
 
header, 
 
hgroup, 
 
nav, 
 
section { 
 
display: inline; 
 
} 
 
aside { 
 
display: inherit; 
 
} 
 
ol, ul { 
 
list-style: none; 
 
} 
 
table { /* tables still need 'cellspacing="0"' in the markup */ 
 
border-collapse: separate; 
 
border-spacing: 0; 
 
} 
 
caption, th, td { 
 
font-weight: normal; 
 
text-align: left; 
 
} 
 
blockquote:before, blockquote:after, 
 
q:before, q:after { 
 
content: ""; 
 
} 
 
blockquote, q { 
 
quotes: "" ""; 
 
} 
 
a:focus { 
 
outline: thin dotted; 
 
} 
 
a:hover, 
 
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ 
 
outline: 0; 
 
} 
 
a img { 
 
border: 0; 
 
} 
 
/* =Global 
 
----------------------------------------------- */ 
 
body, 
 
button, 
 
input, 
 
select, 
 
textarea { 
 
color: #4b4b4a; 
 
font-family: Lato, sans-serif; 
 
font-size: 12px; 
 
font-size: 1.4rem; 
 
line-height: 1.2em; 
 
background-color:#fff; 
 
} 
 
/* Headings */ 
 
h1 { 
 
clear: both; 
 
color: #c98c87; 
 
font-family: Rochester, cursive; 
 
font-weight: normal; 
 
margin: 15px 0; 
 
} 
 

 
h2,h3,h4,h5,h6 { 
 
clear: both; 
 
color: #c98c87; 
 
font-family: Lusitana, "Times New Roman", serif; 
 
font-weight: normal; 
 
margin: 15px 0; 
 
} 
 
h1 { 
 
font-size: 180%; 
 
} 
 
h2 { 
 
font-size: 160%; 
 
} 
 
h3 { 
 
font-size: 140%; 
 
} 
 
h4 { 
 
font-size: 120%; 
 
} 
 
h5 { 
 
font-size: 100%; 
 
} 
 
h6 { 
 
font-size: 90%; 
 
} 
 
hr { 
 
background-color: #ccc; 
 
border: 0; 
 
height: 1px; 
 
margin-bottom: 1.5em; 
 
} 
 
/* Text elements */ 
 
p { 
 
margin-bottom: 1.5em; 
 
} 
 
ul, ol { 
 
margin: 0 0 1.5em 3em; 
 
} 
 
ul { 
 
list-style: disc; 
 
} 
 
ol { 
 
list-style: decimal; 
 
} 
 
ul ul, ol ol, ul ol, ol ul { 
 
margin-bottom: 0; 
 
margin-left: 1.5em; 
 
} 
 
dt { 
 
font-weight: bold; 
 
} 
 
dd { 
 
margin: 0 1.5em 1.5em; 
 
} 
 
b, strong { 
 
font-weight: bold; 
 
} 
 
dfn, cite, em, i { 
 
font-style: italic; 
 
} 
 
blockquote { 
 
background-color: #FFE0EC; 
 
padding-left: 15px; 
 
padding-right: 15px; 
 
padding-top: 15px; 
 
padding-bottom: 15px; 
 
margin-right: 50px; 
 
margin-left: 50px; 
 
border-left: 3px solid #b7bc99; 
 
} 
 
address { 
 
margin: 0 0 1.5em; 
 
} 
 
pre { 
 
background: rgba(70, 41, 23, .03); 
 
font-family: 10px; 
 
font-size: 1.1rem; 
 
line-height: 1.6; 
 
margin-bottom: 1.6em; 
 
padding: 1.6em; 
 
overflow: auto; 
 
max-width: 100%; 
 
} 
 
code, kbd, tt, var { 
 
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
 
} 
 
abbr, acronym { 
 
border-bottom: 1px dotted rgba(70, 41, 23, .5); 
 
cursor: help; 
 
} 
 
mark, ins { 
 
background: #fff9c0; 
 
text-decoration: none; 
 
} 
 
sup, 
 
sub { 
 
font-size: 75%; 
 
height: 0; 
 
line-height: 0; 
 
position: relative; 
 
vertical-align: baseline; 
 
} 
 
sup { 
 
bottom: 1ex; 
 
} 
 
sub { 
 
top: .5ex; 
 
} 
 
small { 
 
font-size: 75%; 
 
} 
 
big { 
 
font-size: 125%; 
 
} 
 
figure { 
 
margin: 0; 
 
} 
 
table { 
 
margin: 0 0 1.5em; 
 
width: 100%; 
 
} 
 
td { 
 
border-bottom: 1px solid rgba(70, 41, 23, .2); 
 
padding: 5px; 
 
} 
 
tr.alternate { 
 
background: rgba(0, 0, 0, .03); 
 
} 
 
th { 
 
background: #462917; 
 
color: #fff; 
 
font-weight: bold; 
 
padding: 5px; 
 
} 
 
button, 
 
input, 
 
select, 
 
textarea { 
 
font-size: 90%; /* Corrects font size not being inherited in all browsers */ 
 
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 
 
vertical-align: baseline; /* Improves appearance and consistency in all browsers */ 
 
*vertical-align: middle; /* Improves appearance and consistency in all browsers */ 
 
} 
 
button, 
 
input { 
 
line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ 
 
*overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ 
 
} 
 
button, 
 
html input[type="button"], 
 
input[type="reset"], 
 
input[type="submit"] { 
 
border: 1px solid #ccc; 
 
border-color: #ccc; 
 
border-radius: 3px; 
 
background: #cccccc; /* Old browsers */ 
 
background: -moz-linear-gradient(top, #cccccc 60%, #cccccc 100%); /* FF3.6+ */ 
 
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ 
 
background: -webkit-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ 
 
background: -o-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* Opera 11.10+ */ 
 
background: -ms-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* IE10+ */ 
 
background: linear-gradient(top, #cccccc 60%,#cccccc 100%); /* W3C */ 
 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0); /* IE6-9 */ 
 
box-shadow: inset 0 2px 1px #fff; 
 
color: rgba(0,0,0,.8); 
 
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ 
 
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ 
 
font-size: 10px; 
 
font-size: 1.2rem; 
 
padding: .5em; 
 
text-shadow: 0 1px 0 rgba(255,255,255,.5); 
 
} 
 
button:hover, 
 
html input[type="button"]:hover, 
 
input[type="reset"]:hover, 
 
input[type="submit"]:hover { 
 
background: #f5f5f5; /* Old browsers */ 
 
background: -moz-linear-gradient(top, #cccccc 60%, #cccccc 100%); /* FF3.6+ */ 
 
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ 
 
background: -webkit-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ 
 
background: -o-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* Opera 11.10+ */ 
 
background: -ms-linear-gradient(top, #cccccc 60%,#cccccc 100%); /* IE10+ */ 
 
background: linear-gradient(top, #cccccc 60%,#cccccc 100%); /* W3C */ 
 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0); /* IE6-9 */ 
 
border-color: #cccccc; 
 
} 
 
button:focus, 
 
html input[type="button"]:focus, 
 
input[type="reset"]:focus, 
 
input[type="submit"]:focus, 
 
button:active, 
 
html input[type="button"]:active, 
 
input[type="reset"]:active, 
 
input[type="submit"]:active { 
 
border-color: #aaa #bbb #bbb #bbb; 
 
box-shadow: inset 0 2px 3px rgba(0,0,0,.15); 
 
box-shadow: inset 0 2px 2px rgba(0,0,0,.15); 
 
} 
 
input[type="checkbox"], 
 
input[type="radio"] { 
 
box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ 
 
padding: 0; /* Addresses excess padding in IE8/9 */ 
 
} 
 
input[type="search"] { 
 
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ 
 
-moz-box-sizing: content-box; 
 
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ 
 
box-sizing: content-box; 
 
} 
 
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 
 
-webkit-appearance: none; 
 
} 
 
button::-moz-focus-inner, 
 
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ 
 
border: 0; 
 
padding: 0; 
 
} 
 
input[type=text], 
 
input[type=email], 
 
textarea { 
 
color: #666; 
 
border: 1px solid #ccc; 
 
border-radius: 3px; 
 
} 
 
input[type=text]:focus, 
 
input[type=email]:focus, 
 
textarea:focus { 
 
color: #111; 
 
} 
 
input[type=text], 
 
input[type=email] { 
 
padding: 3px; 
 
} 
 
textarea { 
 
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ 
 
padding-left: 3px; 
 
vertical-align: top; /* Improves readability and alignment in all browsers */ 
 
width: 98%; 
 
} 
 
/* Links */ 
 
a { 
 
color: #c98c87; 
 
text-decoration: none; 
 
} 
 
a:visited { 
 
color: #c98c87; 
 
text-decoration: none; 
 
} 
 
a:hover, 
 
a:focus, 
 
a:active { 
 
color: #37422a; 
 
text-decoration: underline; 
 
} 
 
/* Alignment */ 
 
.alignleft { 
 
display: inline; 
 
float: left; 
 
margin: 1em 1.5em 1em 0; 
 
} 
 
.alignright { 
 
display: inline; 
 
float: right; 
 
margin: 1em 0 1em 1.5em; 
 
} 
 
.aligncenter { 
 
clear: both; 
 
display: block; 
 
margin: 1em auto; 
 
} 
 
/* Text meant only for screen readers */ 
 
.assistive-text { 
 
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
 
clip: rect(1px, 1px, 1px, 1px); 
 
position: absolute !important; 
 
} 
 
/* =Header 
 
----------------------------------------------- */ 
 
#masthead { 
 
margin: 50px auto 0; 
 
position: relative; 
 
width: 405px; 
 
z-index: 50; 
 
} 
 
#masthead hgroup { 
 
float: left; 
 
width: 25%; 
 
} 
 
#masthead .hgroupdiv { 
 
float: left; 
 
width: 25%; 
 
} 
 
#masthead #headersec-image { 
 
display: block; 
 
max-width: 250px; 
 
float: none; 
 
margin: 0 auto 30px auto; 
 
padding: 60px 0 0 0; 
 
} 
 
.site-description { 
 
color: #462917; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 16px; 
 
font-style: italic; 
 
margin: 10px 0; 
 
text-align: center; 
 
} 
 
.site-title, 
 
.site-title a { 
 
color: #e28880; 
 
font-family: Rochester, cursive; 
 
font-size: 160%; 
 
line-height: 90%; 
 
text-align: center; 
 
text-decoration: none; 
 
} 
 
.vines { 
 
background: url('https://lh6.googleusercontent.com/-vX3guiy_TBM/VKoaxvxlK7I/AAAAAAAABFY/rfKKrmY5SXM/w290-h37-no/leaf.png') no-repeat center center; 
 
margin: 0 auto; 
 
width: 100%; 
 
height: 57px; 
 
} 
 
/* =Menu 
 
----------------------------------------------- */ 
 
.main-navigation { 
 
background: #b7bc99; 
 
color: #ffff; 
 
position: fixed; 
 
top: 0px; 
 
left: 0px; 
 
padding: 0 1.6em; 
 
text-align: center; 
 
width: 100%; 
 
z-index: 999; 
 
} 
 
.main-navigation ul { 
 
list-style: none; 
 
margin: 0; 
 
padding: 0; 
 
} 
 
.main-navigation ul li { 
 
display: inline; 
 
position: relative; 
 
} 
 
.main-navigation ul li:after { 
 
content: " o "; 
 
color: #fffff; 
 
font-size: 10px; 
 
text-transform: none; 
 
} 
 
.main-navigation ul ul li:after, 
 
.main-navigation ul > li:last-of-type:after { 
 
content: ""; 
 
} 
 
.main-navigation a { 
 
color: #fff; 
 
display: inline-block; 
 
font-size: 11px; 
 
line-height: 15px; 
 
padding: 7px 10px; 
 
text-decoration: none; 
 
text-transform: uppercase; 
 
} 
 
.main-navigation ul ul { 
 
background: #b7bc99; 
 
border: 1px solid #fff; 
 
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
 
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
 
box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
 
display: none; 
 
float: left; 
 
margin: 0; 
 
padding: 0; 
 
position: absolute; 
 
top: 1.7em; 
 
left: 0; 
 
z-index: 99999; 
 
} 
 
.main-navigation ul ul ul { 
 
left: 100%; 
 
top: 0; 
 
} 
 
.main-navigation ul ul a { 
 
color: #fff; 
 
width: 150px; 
 
} 
 
.main-navigation ul ul li { 
 
display: block; 
 
text-align: left; 
 
word-wrap: break-word; 
 
} 
 
.main-navigation ul li:hover > a { 
 
color: rgba(255,255,255,.5); 
 
border-bottom: 1px solid #cacaca; 
 
} 
 
.main-navigation ul li li:hover > a { 
 
color: #ebdad7; 
 
} 
 
.main-navigation ul ul li:hover > a { 
 
color: #462917; 
 
} 
 
.main-navigation ul ul a:hover { 
 
} 
 
.main-navigation ul li:hover > ul { 
 
display: block; 
 
} 
 
.main-navigation ul li.current_page_item a, 
 
.main-navigation ul li.current-menu-item a { 
 
color: rgba(255,255,255,.5); 
 
} 
 
.main-navigation ul li li.current_page_item a, 
 
.main-navigation ul li li.current-menu-item a, 
 
.main-navigation ul li.current_page_item ul li a, 
 
.main-navigation ul li.current-menu-item ul li a { 
 
color: #462917; 
 
} 
 
/* Small menu */ 
 
.menu-toggle { 
 
cursor: pointer; 
 
} 
 
.main-small-navigation .menu { 
 
display: none; 
 
} 
 
/* =Content 
 
----------------------------------------------- */ 
 
.sticky { 
 
} 
 
.hentry { 
 
background: #fff; 
 
clear: both; 
 
margin: 0 0 1.5em; 
 
padding: 0; 
 
} 
 
.entry-header { 
 
margin: 0 0 15px 0; 
 
} 
 
.hentry:before, 
 
.hentry:after { 
 
content: ""; 
 
display:table; 
 
} 
 
.hentry:after { 
 
clear: both; 
 
} 
 
.date-header { 
 
color: #bdbdbd; 
 
font-size: .8em; 
 
text-align: center; 
 
text-transform: uppercase; 
 
margin: 0; 
 
} 
 
.entry-title, 
 
.entry-title a { 
 
color: #e28880; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 1.5em; 
 
line-height:0.8em; 
 
text-align: center; 
 
margin: 0; 
 
text-decoration: none; 
 
} 
 
.vines { 
 
background: url('https://lh6.googleusercontent.com/-vX3guiy_TBM/VKoaxvxlK7I/AAAAAAAABFY/rfKKrmY5SXM/w290-h37-no/leaf.png') no-repeat center center; 
 
margin: 0 auto; 
 
width: 100%; 
 
height: 57px; 
 
} 
 
.entry-meta { 
 
clear: both; 
 
font-size: 14px; 
 
text-transform: none; 
 
} 
 

 
footer.entry-meta { 
 
} 
 
footer.entry-meta div { 
 
} 
 
.comments { 
 
text-align: right; 
 
font-size: 14px; 
 
text-transform: none; 
 
} 
 

 
a.more-link { 
 
background: #462917; 
 
border-radius: 3px; 
 
clear: both; 
 
color: #fff; 
 
display: block; 
 
font-size: 75%; 
 
margin: 5px 0; 
 
padding: 7px; 
 
text-transform: uppercase; 
 
width: 150px; 
 
} 
 
.page-links { 
 
background: #462917; 
 
border-radius: 3px; 
 
clear: both; 
 
color: #fff; 
 
display: inline-block; 
 
font-size: 75%; 
 
margin: 5px 0; 
 
padding: 7px; 
 
text-transform: uppercase; 
 
} 
 
.page-links a { 
 
color: #fff; 
 
margin: 0 2px; 
 
} 
 
a.more-link:hover, 
 
.page-links a:hover { 
 
color: rgba(255,255,255,.5); 
 
text-decoration: none; 
 
} 
 
.byline { 
 
display: none; 
 
} 
 
.single .byline, 
 
.group-blog .byline { 
 
display: inline; 
 
} 
 
#content, 
 
.entry-summary { 
 
margin: 1.5em 0 0; 
 
} 
 
.entry-thumb { 
 
float: right; 
 
margin: 0 0 15px 15px; 
 
} 
 
.page-links { 
 
clear: both; 
 
margin: 0 0 1.5em; 
 
} 
 
h1.page-title { 
 
color: #462917; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 160%; 
 
margin: 10px 0; 
 
} 
 
.mejs-container, 
 
.post-format-content { 
 
margin-bottom: 1.5em; 
 
} 
 
.quickedit { 
 
display: none; 
 
} 
 
/* =Asides 
 
----------------------------------------------- */ 
 
.blog .format-aside .entry-title, 
 
.archive .format-aside .entry-title { 
 
display: none; 
 
} 
 
/* =Media 
 
----------------------------------------------- */ 
 
.site-header img, 
 
#content img, 
 
.comment-content img, 
 
.widget img { 
 
max-width: 100%; /* Fluid images for posts, comments, and widgets */ 
 
} 
 
.site-header img, 
 
#content img, 
 
img[class*="align"], 
 
img[class*="wp-image-"] { 
 
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 
 
} 
 
.site-header img, 
 
#content img, 
 
img.size-full, 
 
#secondary img { 
 
max-width: 100%; 
 
height: auto; 
 
} 
 
/* Make sure embeds and iframes fit their containers */ 
 
embed, 
 
iframe, 
 
object { 
 
max-width: 100%; 
 
} 
 
/* =Widgets 
 
----------------------------------------------- */ 
 
.sidebar .widget { 
 
border: 0; 
 
display: inline-block; 
 
font-size: 100%; 
 
margin: 0 0 1.5em; 
 
padding: 0 0 1.5em; 
 
width: 90%; 
 
word-wrap: break-word; 
 
} 
 
.sidebar .widget ul { 
 
list-style: none; 
 
margin: 0; 
 
padding: 0; 
 
} 
 
.sidebar .widget:last-of-type { 
 
border: 0px none; 
 
} 
 
h1.widget-title, 
 
h1.widget-title a { 
 
color: #e28880; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 1.7em; 
 
text-align: center; 
 
margin: 0; 
 
text-decoration: none; 
 
} 
 
.sidebar .widget h2, 
 
.sidebar .widget h2 a { 
 
color: #e28880; 
 
font-family: 'IM Fell Great Primer SC', serif; 
 
font-size: 1.7em; 
 
text-align: center; 
 
margin: 0; 
 
text-decoration: none; 
 
} 
 
.sidebar .widget ul li { 
 
border : 0; 
 
padding: 5px 0; 
 
} 
 
.sidebar .widget ul li:first-child, 
 
.sidebar .widget ul li li { 
 
border-top: 0; 
 
} 
 
.sidebar .widget ul li:last-child { 
 
padding: 10px 0 0; 
 
} 
 
.sidebar .widget li ul { 
 
padding: 0 0 0 15px; 
 
} 
 
.sidebar .widget_flickr #flickr_badge_uber_wrapper { 
 
margin: 0; 
 
} 
 
.sidebar .widget_flickr #flickr_badge_wrapper { 
 
background: transparent; 
 
border: 0 none; 
 
} 
 
.sidebar .widget_flickr #flickr_badge_uber_wrapper td { 
 
border: 0 none; 
 
margin: 0 auto; 
 
} 
 
/* Search widget */ 
 
.widget_search { 
 
margin: 0 0 10px; 
 
text-align: center; 
 
padding: 0 0 10px 0; 
 
} 
 
#searchsubmit { 
 
display: none; 
 
} 
 

 

 
/* =Site Layout 
 
----------------------------------------------- */ 
 
#page { 
 
margin: 0 auto; 
 
position: relative; 
 
width: 1000px; 
 
} 
 
#page #site-description, 
 
#headersec, 
 
#nav-above { 
 
display: none; 
 
} 
 
#primary { 
 
float: right; 
 
margin: 0 0 0 -30%; 
 
width: 100%; 
 
} 
 
#content { 
 
margin: 5% 0 0 30%; 
 
min-height: 700px; 
 
} 
 
#secondary { /* Sidebar 1 */ 
 
float: left; 
 
overflow: hidden; 
 
width: 25%; 
 
} 
 
#tertiary { /* Sidebar 2 */ 
 
clear: left; 
 
} 
 
#colophon { 
 
clear: both; 
 
display: inline-block; 
 
font-size: 13px; 
 
margin: 30px 0; 
 
text-align: center; 
 
text-transform: none; 
 
width: 100%; 
 
} 
 

 
#comments .comment-author { 
 
padding-top: 1.5em; 
 
border-top: 1px solid #e7e7e7; 
 
background-position: 0 1.5em; 
 
} 
 
#comments .comment-author:first-child { 
 
padding-top: 0; 
 
border-top: none; 
 
} 
 
.avatar-image-container { 
 
margin: .2em 0 0; 
 
} 
 
#comments .avatar-image-container img { 
 
border: 1px solid transparent; 
 
} 
 
/* Comments 
 
----------------------------------------------- */ 
 
.comments .comments-content .icon.blog-author { 
 
background-repeat: no-repeat; 
 
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); 
 
} 
 
.comments .comments-content .loadmore a { 
 
border-top: 1px solid #999999; 
 
border-bottom: 1px solid #999999; 
 
} 
 
.comments .comment-thread.inline-thread { 
 
background-color: #eeeeee; 
 
} 
 
.comments .continue { 
 
border-top: 2px solid #999999; 
 
} 
 
/* =Responsive Layout 
 
----------------------------------------------- */ 
 
@media only screen and (min-width: 320px) and (max-width: 1024px) { 
 
#page { 
 
width: 100%; 
 
} 
 
#masthead { 
 
clear: both; 
 
width: 100%; 
 
} 
 
#masthead hgroup { 
 
clear: both; 
 
float: none; 
 
margin: 0 auto; 
 
padding: 10px 0; 
 
width: 100%; 
 
} 
 
#masthead .hgroupdiv { 
 
clear: both; 
 
float: none; 
 
margin: 0 auto; 
 
padding: 10px 0; 
 
width: 100%; 
 
} 
 
#masthead #headersec-image { 
 
margin: 0 auto; 
 
max-width: 300px; 
 
width: 70%; 
 
} 
 
#secondary { 
 
clear: both; 
 
float: none; 
 
margin: 1.5em 1.5em 0 1.5em; 
 
width: auto; 
 
} 
 
#primary { 
 
clear: both; 
 
float: none; 
 
margin: 0; 
 
width: 100%; 
 
} 
 
#content { 
 
margin: 2%; 
 
} 
 
img { 
 
width: 150px; 
 
} 
 
.hentry { 
 
border-top: 0px none; 
 
border-left: 0px none; 
 
border-right: 0px none; 
 
border-bottom: 0px none; 
 
margin: 0; 
 
} 
 
#colophon { 
 
background: url('https://lh6.googleusercontent.com/-vX3guiy_TBM/VKoaxvxlK7I/AAAAAAAABFY/rfKKrmY5SXM/w290-h37-no/leaf.png') top center no-repeat; 
 
background-size: 200px auto; 
 
margin: 0; 
 
padding: 55px 0 0 0; 
 
text-align: center; 
 
} 
 
.main-navigation { 
 
float: none; 
 
margin: 0; 
 
padding: 0; 
 
width: 100%; 
 
} 
 

 

 
/* =Retina Images 
 
----------------------------------------------- */ 
 
@media \t only screen and (-moz-min-device-pixel-ratio: 1.5), 
 
only screen and (-o-min-device-pixel-ratio: 3/2), 
 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
 
only screen and (min-device-pixel-ratio: 1.5) { 
 
.vines { 
 
background-image: url('https://lh6.googleusercontent.com/-vX3guiy_TBM/VKoaxvxlK7I/AAAAAAAABFY/rfKKrmY5SXM/w290-h37-no/leaf.png'); 
 
background-size: 200px auto; 
 
} 
 

 
.date-header { 
 
color: #dddddd; 
 
font-size: 0.8em; 
 
text-align: center; 
 
text-transform: uppercase; 
 
margin: 0; 
 
} 
 
.main .widget { 
 
margin: 0 0 5px; 
 
padding: 0 0 2px; 
 
} 
 
.main .Blog { 
 
border-bottom-width: 0; 
 
} 
 
#header .description { 
 
color:#ffffff; 
 
font-size:14px; 
 
text-shadow:0px 1px 0px #000000; 
 
} 
 
/* Comments----------------------------------------------- */ 
 
#comments { 
 
background: #fff; 
 
border: 0px none; 
 
clear: both; 
 
margin: 0 0 1.5em; 
 
padding: 1.5em; 
 
} 
 
#comments:before, 
 
#comments:after { 
 
content: ""; 
 
display:table; 
 
} 
 
#comments:after { 
 
clear: both; 
 
} 
 
#comments h4 { 
 
font-size:22px; 
 
margin-bottom:10px; 
 
} 
 
.deleted-comment { 
 
font-style: italic; 
 
color: gray; 
 
} 
 
#blog-pager-newer-link { 
 
float: left; 
 
} 
 
#blog-pager-older-link { 
 
float: right; 
 
} 
 
#blog-pager { 
 
text-align: center; 
 
padding:5px; 
 
} 
 
.feed-links { 
 
clear: both; 
 
} 
 
.comment-form { 
 
max-width: 600px; 
 
} 
 
#navbar-iframe { 
 
height: 0; 
 
visibility: hidden; 
 
display: none; 
 
} 
 
.PopularPosts .widget-content ul li { 
 
padding:6px 0px; 
 
} 
 
.reaction-buttons table{ 
 
border:none; 
 
margin-bottom:5px; 
 
} 
 
.reaction-buttons table, .reaction-buttons td{ 
 
border:none; 
 
} 
 
.bthumbimg { 
 
float:left; 
 
margin:0px 10px 5px 0px; 
 
background:none; 
 
padding:3px; 
 
border:0px none; 
 
} 
 
]]>

:

이 내 CSS입니다! 고맙습니다!

+0

무슨 일이 일어나고 있는지 최소한의 코드 예제를 만들 수 있습니까? 그것은 걸어 갈 거대한 블록입니다. – Brian

답변

0

blockquote는 내부에 H4가있어 블록 요소이므로 밀어 내리고 있습니다. 이것을 시도하면 도움이 될 것입니다.

blockquote h4 {display:inline-block;} 
관련 문제