2015-01-08 91 views
0

blockquote中的文字沒有環繞圖像,我不確定在CSS中調整什麼。我想它看起來像這樣imageBlockquote文字沒有環繞圖像

但我現在已經佈局 - 它看起來像this

我試圖把溢出:汽車在塊引用CSS,但使塊引用與文本對齊,以便它不再在圖像後面。

這是我的CSS:

<![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; 
 
} 
 
]]>

我真的很感激任何幫助!謝謝!

+0

你能創建一個最小代碼的例子嗎?這是一個巨大的障礙。 – Brian

回答

0

你的blockquote有一個H4裏面是一個塊元素,所以它被推下來。試試這個應該可以幫助你開始。

blockquote h4 {display:inline-block;}